/* ================================================================
   ТЕМА «ФОТОСТУДИЯ» — тёмный рестайлинг
   Подключается последней: перекрывает дизайн-токены main.css
   и литеральные цвета legacy-стилей (desktop + mobile).
   ================================================================ */

/* ---------- дизайн-токены: тёмная палитра студии ---------- */
:root {
	color-scheme: dark;

	--accent: #4da3d8;
	--accent-dark: #3b8ec4;
	--accent-darker: #7ec0ea;
	--accent-soft: rgba(77, 163, 216, 0.12);
	--accent-soft-border: rgba(77, 163, 216, 0.35);
	--accent-ring: rgba(77, 163, 216, 0.20);
	--brand-pink: #e14f9f;
	--brand-magenta: #c76aa4;
	--header-bg: #0a0b0e;

	--text: #e8e6e1;
	--text-2: #cdcac3;
	--text-soft: #a6a39c;
	--text-muted: #85827b;
	--text-faint: #6a6862;

	--surface: #1a1c21;
	--surface-2: #22252c;
	--bg: #0b0c0f;
	--bg-page: #121318;
	--border: #2c3038;
	--border-2: #333842;
	--border-light: #24272e;
	--border-strong: #3d434e;

	--shadow-s: 0 1px 3px rgba(0, 0, 0, 0.4);
	--shadow-m: 0 6px 18px rgba(0, 0, 0, 0.45);
	--shadow-l: 0 16px 48px rgba(0, 0, 0, 0.65);

	--success: #3d9e5f;
	--success-dark: #2f7d4b;
	--danger: #d9534f;
	--danger-dark: #b8433f;
}

/* ---------- база ---------- */

html {
	background: var(--bg);
	background-image: radial-gradient(1200px 600px at 50% -200px, #171a20 0%, var(--bg) 60%);
}

body {
	color: var(--text);
	background: var(--bg-page);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
}

::selection {
	background: var(--accent-soft-border);
}

* {
	scrollbar-color: #3d434e transparent;
}
::-webkit-scrollbar-thumb {
	background: #3d434e;
}

/* ---------- шапка ---------- */

header {
	background: linear-gradient(180deg, #15171c 0%, var(--header-bg) 100%);
	color: #b9b6ae;
	box-shadow: 0 1px 0 #23262d, 0 4px 18px rgba(0, 0, 0, 0.45);
}

header #logo {
	background: transparent;
}
header #logo img {
	display: inline-block;
}

header #all_profiles li a {
	background: #3a3e46;
	background: -webkit-radial-gradient(transparent 50%, #3a3e46 35%);
	background: radial-gradient(transparent 50%, #3a3e46 35%);
	color: #e8e6e1;
}
header #all_profiles li:hover a {
	background: var(--accent);
	background: -webkit-radial-gradient(transparent 50%, var(--accent) 35%);
	background: radial-gradient(transparent 50%, var(--accent) 35%);
	color: #14151a;
}
header #all_profiles li.active a {
	background: var(--accent);
	background: -webkit-radial-gradient(transparent 41%, var(--accent) 42%);
	background: radial-gradient(transparent 41%, var(--accent) 42%);
}

/* поиск в шапке */
#search_field {
	background: var(--surface-2);
	color: var(--text);
	border: 1px solid var(--border-strong);
}
#search_field:focus {
	background: var(--surface);
}
#search_field::placeholder {
	color: var(--text-muted);
}
#search_button {
	background: var(--accent);
	color: #14151a;
}
#search_button:hover {
	background: var(--accent-darker);
}

/* логин-виджет в шапке */
#login,
#login a,
#login #user_name {
	color: var(--text-soft);
}
#login a:hover {
	color: var(--accent-darker);
}

/* верхнее меню (десктоп и мобильное) */
#topmenu ul li a {
	color: var(--text-soft);
}
#topmenu ul li a:hover,
#topmenu ul li.active a {
	background: var(--accent-soft);
	color: var(--accent-darker);
}

/* ---------- всплывающее окно выбора региона ---------- */

#select_region_popup {
	background: var(--surface);
	border: 1px solid var(--border-strong);
	box-shadow: var(--shadow-l);
}
#select_region_popup_body {
	background: var(--surface);
	background-image: none;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6);
}
#select_region_popup #region_popup_header {
	background: var(--surface-2);
	background-image: none;
	color: var(--text);
	border-bottom: 1px solid var(--border);
}
#select_region_popup #region_popup_close {
	background: var(--surface-2);
	color: var(--text-soft);
	border: 1px solid var(--border);
}
#select_region_popup #region_popup_close:hover {
	background: var(--accent-soft);
	color: var(--accent-darker);
}
#select_region_popup .region_popup_name {
	color: var(--text-2);
}
#select_region_popup .region_popup_name:hover {
	background: var(--accent-soft);
	color: var(--accent-darker);
}

/* ---------- уведомления и flash-сообщения ---------- */

.notify {
	background-color: var(--accent);
	box-shadow: 0 0 3px 3px var(--accent-ring);
	color: #14151a;
}

div.flash-error,
.errorSummary {
	background: #3a2226;
	color: #f0b9b6;
	border: 1px solid #6b3a40;
}
div.flash-notice {
	background: #35301d;
	color: #e6d189;
	border: 1px solid #655a2c;
}
div.flash-success {
	background: #1e3324;
	color: #a3d3ae;
	border: 1px solid #33573d;
}
div.flash-error a { color: #f0b9b6; }
div.flash-notice a { color: #e6d189; }
div.flash-success a { color: #a3d3ae; }

.errorSummary {
	width: auto;
	max-width: 460px;
	border-radius: var(--radius);
}

#help_message {
	background: var(--surface-2) !important;
	color: var(--text) !important;
	border: 1px solid var(--border-strong) !important;
}

/* ---------- формы ---------- */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {
	border: 1px solid var(--border-strong);
	background: var(--surface-2);
	color: var(--text);
}
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder {
	color: var(--text-muted);
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
	border-color: var(--accent);
	box-shadow: 0 0 0 3px var(--accent-ring);
}

.button,
a.button {
	background: var(--accent);
	background-image: none;
	color: #14151a;
}
.button:hover,
a.button:hover {
	background: var(--accent-darker);
	background-image: none;
	color: #14151a;
}

#search_btn {
	background: var(--accent);
	background-image: none;
	color: #14151a;
}
#search_btn:hover {
	background: var(--accent-darker);
	background-image: none;
}

input.error {
	box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.65) !important;
}

div.search-form {
	background: var(--surface-2);
	border: 1px solid var(--border);
	border-radius: var(--radius);
}

/* ---------- карточки и элементы контента ---------- */

.cat_item,
.top3_item,
.pop_item,
.foto_item,
.news_foto_item,
.news_foto_item_full,
.best_fotos,
.best_fotos_widget,
#news_all .item,
#news_site .item,
.new_profiles .profile_item,
#profiles #profiles_body .profile_item,
#profiles #reklama_top3 .reklama_profile_item,
#orders_page .item,
.reklama_item,
.popular,
#hint {
	background: var(--surface);
	border-color: var(--border);
	color: var(--text);
}

/* лента новостей: исходное правило с двумя id — зеркалим специфичность */
#news_all #news_all_body > .item:not(.create_order) {
	background: var(--surface);
	border-color: var(--border);
	color: var(--text);
}

.main_column_news,
#search,
.cat_item_90_100,
.foto_thumb {
	background: var(--surface);
	border-color: var(--border);
	color: var(--text);
}

.best_fotos_link {
	background: rgba(0, 0, 0, 0.55);
}

/* сообщения */
#user_messages .message_text {
	background: var(--surface-2);
	color: var(--text);
}
#user_messages .message_item.not_readed,
#user_messages .message_item.not_readed .message_text {
	background: var(--accent-soft);
}
#user_messages .my_message .message_text {
	background: rgba(93, 169, 224, 0.14);
}

div.view {
	border-color: var(--border);
}

.avatar_32,
.avatar_90 {
	border-color: var(--border-strong);
}

.foto_item {
	border: 1px solid var(--border);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
}
.news_foto_item,
.news_foto_item_full {
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}
.best_fotos_widget {
	box-shadow: 0 0 24px rgba(0, 0, 0, 0.6);
}

#my_messages .last_message_item:hover {
	background: var(--surface-2);
}
#orders_page .item:hover .name_city_date {
	background: var(--surface-2);
}
#orders_page .item {
	background: var(--surface);
}

#metrika_grafik #grafik {
	background: var(--surface);
}

#profile_page #main #foto_params #params .param_name {
	color: var(--text-soft);
}
#profile_page #main #profile_properties .profile_properties_name {
	color: var(--text-soft);
}

/* зебра таблицы свойств: тёмная вместо белой */
#profile_page #main #profile_properties .profile_properties_name.gray,
#profile_page #main #profile_properties .profile_properties_value.gray {
	background: rgba(255, 255, 255, 0.03);
}
#profile_page #main #profile_properties .profile_properties_name {
	padding: 11px 16px 11px 4px;
}
#profile_page #main #profile_properties .profile_properties_value {
	padding: 11px 4px 11px 16px;
}

/* пустой блок новостей анкеты не занимает место */
#profile_page #news:empty {
	display: none;
}

/* возможности (ДА/НЕТ): чипсы вместо строк «Да» */
.prop_chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 14px 0 4px;
}
.prop_chip {
	display: inline-block;
	padding: 6px 13px;
	font-size: 13px;
	line-height: 1.3;
	color: var(--text);
	background: var(--accent-soft);
	border: 1px solid var(--accent-soft-border);
	border-radius: var(--radius-pill);
	transition: background 0.15s ease, transform 0.15s ease;
}
.prop_chip:before {
	content: '✓';
	margin-right: 6px;
	font-weight: 700;
	color: var(--accent);
}
.prop_chip:hover {
	background: rgba(77, 163, 216, 0.20);
	transform: translateY(-1px);
}

/* --- «Параметры» анкеты: просторные строки с разделителями --- */
#profile_page #main #foto_params #params {
	padding: 20px 22px;
	min-width: 300px;
}
#profile_page #main #foto_params #params h2 {
	margin: 0 0 14px;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--accent-soft-border);
}
#profile_page #main #foto_params #params .param_name {
	display: inline-block;
	vertical-align: top;
	width: 140px;
	margin: 0;
	padding: 10px 8px 10px 0;
	font-size: 13px;
	line-height: 1.45;
	border-bottom: 1px solid var(--border-light);
}
#profile_page #main #foto_params #params .param_value {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 149px);
	margin: 0;
	padding: 10px 0 10px 8px;
	font-size: 14px;
	line-height: 1.45;
	border-bottom: 1px solid var(--border-light);
}
/* у последней пары убираем разделитель */
#profile_page #main #foto_params #params .param_value:last-child,
#profile_page #main #foto_params #params .param_name:nth-last-child(2) {
	border-bottom: 0;
}

/* ---------- главная ---------- */

/* hero: сине-розовое свечение под акцент темы */
.home_hero {
	background:
		radial-gradient(120% 160% at 85% 0%, rgba(77, 163, 216, 0.28), transparent 55%),
		radial-gradient(90% 140% at 10% 100%, rgba(225, 79, 159, 0.16), transparent 50%),
		#141519;
}

/* CTA-баннер «Добавить заявку» */
#news_all #news_all_body > .item.create_order {
	background: linear-gradient(135deg, var(--accent-soft) 0%, var(--surface-2) 100%);
}

/* ---------- сайдбар ---------- */

/* левая колонка: убрать светлый градиент */
main #left_container {
	background: var(--surface-2);
	background-image: none;
}

#filter {
	background: var(--surface);
	border-color: var(--border);
}
#filter .filter_variant small {
	color: var(--text-faint);
}
#filter .show_more {
	color: var(--accent);
}

#props {
	background: var(--surface-2);
	border-color: var(--border-strong);
}
#profile_update #props {
	background: var(--surface-2);
}

/* ---------- таблицы / календарь ---------- */

#calendar_page #calendar .table tr td,
table .table tr td {
	background: var(--surface);
	border-color: var(--border);
	color: var(--text);
}
#calendar_page #calendar .table tr th {
	background: var(--surface-2);
	color: var(--text-soft);
	border-color: var(--border);
}
#calendar_page #calendar .reserve_day {
	background-color: var(--surface) !important;
}

/* ---------- соцкнопки ---------- */

#social_buttons .social_count {
	background: var(--surface-2);
	border: 1px solid var(--border);
	color: var(--text-soft);
}
#social_buttons .social_count:after {
	border-top-color: var(--surface-2);
}

/* ---------- прочее legacy ---------- */

.portlet-decoration {
	background: var(--surface-2);
	border-left: 5px solid var(--accent);
}
.portlet-title {
	color: var(--accent-darker);
}
.portlet-content {
	background: var(--surface-2);
}
.portlet-content ul {
	background: var(--surface);
	color: var(--text);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}

/* полупрозрачные бары поверх фото — оставляем затемнение */
#summary .item .info,
#summary .item .info_sub,
#summary .item .author,
#summary .item .author_sub {
	background: rgba(0, 0, 0, 0.55);
}
#summary .item .author .name,
#summary .item .author .name a {
	color: var(--text);
}

.links {
	color: var(--accent-dark);
}
.links:hover {
	color: var(--accent-darker);
}

#pre_footer {
	border-top-color: var(--border);
}
.breadcrumbs > span {
	color: var(--text-faint);
}

.code_editor textarea,
.text_html {
	background: var(--surface-2);
	color: var(--text);
	border-color: var(--border-strong);
}
.code_panel {
	background: var(--surface-2);
}
.code_editor .foto_item {
	background: var(--surface);
	border-color: var(--border-strong);
}

/* bootstrap-подобные кнопки (yii-booster на публичных страницах) */
body .btn-default,
body .open .dropdown-toggle.btn-default,
body .btn-default:active {
	background: var(--surface-2);
	color: var(--text);
	border-color: var(--border-strong);
}
body .btn-default:hover {
	background: var(--surface);
	color: var(--accent-darker);
}

/* ---------- jQuery UI (слайдер цены, автокомплит) ---------- */

.ui-widget-content {
	border: 1px solid var(--border-strong);
	background: var(--surface-2);
	color: var(--text);
}
.ui-widget-header {
	border: 1px solid var(--accent-dark);
	background: var(--accent);
	color: #14151a;
}
.ui-slider .ui-slider-handle {
	background: var(--surface);
	border: 1px solid var(--accent);
}
.ui-slider .ui-slider-range {
	background: var(--accent);
}

ul.ui-autocomplete,
.ui-autocomplete,
.ui-menu {
	background: var(--surface-2);
	border: 1px solid var(--border-strong);
	box-shadow: var(--shadow-m);
}
.ui-menu .ui-menu-item a {
	color: var(--text-2);
	text-shadow: none;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active,
li .ui-state-hover,
li .ui-widget-content .ui-state-hover,
li .ui-widget-header .ui-state-hover,
li .ui-state-focus,
li .ui-widget-content .ui-state-focus,
li .ui-widget-header .ui-state-focus {
	background: var(--accent-soft);
	color: var(--accent-darker);
	border-color: transparent;
}
.row .ui-state-default,
.row .ui-widget-content .ui-state-default,
.row .ui-widget-header .ui-state-default {
	background: var(--surface-2);
	border-color: var(--border);
	color: var(--text-soft);
}

.ui-button {
	background: var(--surface-2);
	border: 1px solid var(--border-strong);
	color: var(--text);
}
.ui-button:hover {
	background: var(--accent-soft);
	color: var(--accent-darker);
}

/* ---------- select2 (yii-booster, грузится ассетом — повышаем специфичность) ---------- */

body .select2-container .select2-choice,
body .select2-container .select2-choices,
body .select2-container-multi .select2-choices {
	background: var(--surface-2);
	border-color: var(--border-strong);
	color: var(--text);
	background-image: none;
}
body .select2-container .select2-choice .select2-chosen {
	color: var(--text);
}
body .select2-drop {
	background: var(--surface-2);
	border-color: var(--border-strong);
	color: var(--text);
}
body .select2-results .select2-result-label {
	color: var(--text-2);
}
body .select2-results .select2-highlighted {
	background: var(--accent-soft);
	color: var(--accent-darker);
}
body .select2-search input {
	background: var(--surface);
	border-color: var(--border-strong);
	color: var(--text);
}

/* ---------- футер ---------- */

footer,
#footer {
	border-top-color: var(--brand-pink);
	color: var(--text-muted);
}
footer a,
#footer a {
	color: var(--text-soft);
}
footer a:hover,
#footer a:hover {
	color: var(--accent-darker);
}

/* ================================================================
   МОБИЛЬНАЯ ВЕРСИЯ (селекторы из mobile.css: #header, #content, ...)
   ================================================================ */

#header {
	background: var(--header-bg);
	box-shadow: 0 1px 0 #23262d, 0 4px 18px rgba(0, 0, 0, 0.45);
}
#header #main_title {
	color: var(--text-soft);
}

#content,
#content_menu {
	background: var(--bg-page);
	color: var(--text);
}

#mainmenu ul li a {
	background: var(--surface);
	border-bottom-color: var(--border);
	color: var(--text-2);
}
#mainmenu ul li a:hover,
#mainmenu ul li.active a {
	background: var(--accent-soft);
	color: var(--accent-darker);
}

#summary .item .info {
	color: var(--text);
}
#summary .item .info_sub {
	color: var(--text-muted);
}
#summary .item .author,
#summary .item .author_sub {
	color: var(--text-soft);
}

#news_all .item .news_item_date {
	color: var(--text-muted);
}
#news_all .item .text,
#news_all .item .description {
	color: var(--text-2);
}
#news_all .item .profile_name,
#news_all .item .name_title,
#news_all .item .title {
	color: var(--text);
}

.new_profiles .profile_item {
	background: var(--surface);
}
.new_profiles .name {
	color: var(--text);
}
.new_profiles .adres {
	color: var(--text-muted);
}

#reklama_r2 > div,
#reklama_b2 > div {
	background: var(--surface);
	border-color: var(--border);
}

#props_descriptions .prop_description {
	background: var(--surface);
	border-color: var(--border);
	color: var(--text-soft);
}

#profiles #profiles_body .profile_item {
	background: var(--surface);
	border-color: var(--border);
}
#profiles #reklama_top3 .reklama_profile_item {
	background: var(--surface-2);
	border-color: var(--accent-soft-border);
}

#profile_page #main #foto_params #params .param_name {
	color: var(--text-muted);
}
#profile_page #main #profile_properties .profile_properties_row {
	border-color: var(--border);
}
#profile_page #main #profile_description,
#profile_page #main #profile_description2 {
	color: var(--text-2);
}

#comment_form input,
#comment_form textarea {
	background: var(--surface-2);
	border-color: var(--border-strong);
	color: var(--text);
}

#registration_form input,
#registration_form select {
	background: var(--surface-2);
	border-color: var(--border-strong);
	color: var(--text);
}

#foto_description {
	background: var(--surface);
	border-color: var(--border);
}

#calendar_page #calendar #hint {
	background: var(--surface-2);
	border-color: var(--border-strong);
	color: var(--text);
}
#calendar_page .error {
	color: var(--danger);
}

#lk_left,
#lk_right {
	background: transparent;
}

/* ---------- hover-состояния с литеральными цветами ---------- */

.cat_item:hover,
.top3_item:hover,
.pop_item:hover,
#news_all #news_all_body > .item:not(.create_order):hover {
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5);
	border-color: var(--border-strong);
}

#profiles #profiles_body .profile_item:hover {
	border-color: var(--accent-soft-border);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5);
}

.new_profiles .profile_item:hover {
	background: var(--accent-soft);
}

.cat_title:hover,
.cat_sub_title:hover,
.top3_title:hover,
.top3_sub_title:hover {
	color: var(--accent-darker);
}

.popular_link {
	color: var(--text-2);
}
.popular_link:hover {
	color: var(--accent-darker);
}

.operations li a,
.operations li a:visited {
	color: var(--accent);
}
.operations li a:hover {
	background: var(--accent-soft);
	color: var(--accent-darker);
}

/* ================================================================
   АНИМАЦИИ — появление, hover-микродвижения
   Только при no-preference: уважает системное reduced-motion.
   ================================================================ */

@keyframes studio_fade_up {
	from {
		opacity: 0;
		transform: translateY(14px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes studio_fade_in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media (prefers-reduced-motion: no-preference) {

	/* появление основного контента */
	/* backwards, не both: transform должен сняться после анимации,
	   иначе ломается position:fixed у лайтбокса галереи */
	#main_content,
	#content_menu > div {
		animation: studio_fade_up 0.35s ease-out backwards;
	}

	/* hero входит с лёгким масштабированием */
	.home_hero {
		animation: studio_fade_up 0.45s cubic-bezier(0.22, 0.9, 0.3, 1) backwards;
	}

	/* виджеты сайдбара — стаггер */
	#main_left > * {
		animation: studio_fade_up 0.4s ease-out backwards;
	}
	#main_left > *:nth-child(1) { animation-delay: 0.02s; }
	#main_left > *:nth-child(2) { animation-delay: 0.06s; }
	#main_left > *:nth-child(3) { animation-delay: 0.10s; }
	#main_left > *:nth-child(4) { animation-delay: 0.14s; }
	#main_left > *:nth-child(5) { animation-delay: 0.18s; }
	#main_left > *:nth-child(n+6) { animation-delay: 0.22s; }

	/* карточки каталога и ленты — стаггер появления */
	#news_all #news_all_body > .item,
	.cat_item,
	.top3_item,
	.pop_item,
	#profiles #profiles_body .profile_item,
	#find_results .find_profiles .profile_item,
	.new_profiles .profile_item,
	#summary .item {
		animation: studio_fade_up 0.4s cubic-bezier(0.22, 0.9, 0.3, 1) backwards;
	}
	#news_all #news_all_body > .item:nth-child(1),
	.cat_item:nth-child(1),
	.top3_item:nth-child(1),
	.pop_item:nth-child(1),
	#profiles #profiles_body .profile_item:nth-child(1),
	.new_profiles .profile_item:nth-child(1),
	#summary .item:nth-child(1) { animation-delay: 0.04s; }
	#news_all #news_all_body > .item:nth-child(2),
	.cat_item:nth-child(2),
	.top3_item:nth-child(2),
	.pop_item:nth-child(2),
	#profiles #profiles_body .profile_item:nth-child(2),
	.new_profiles .profile_item:nth-child(2),
	#summary .item:nth-child(2) { animation-delay: 0.08s; }
	#news_all #news_all_body > .item:nth-child(3),
	.cat_item:nth-child(3),
	.top3_item:nth-child(3),
	.pop_item:nth-child(3),
	#profiles #profiles_body .profile_item:nth-child(3),
	.new_profiles .profile_item:nth-child(3),
	#summary .item:nth-child(3) { animation-delay: 0.12s; }
	#news_all #news_all_body > .item:nth-child(4),
	.cat_item:nth-child(4),
	.top3_item:nth-child(4),
	.pop_item:nth-child(4),
	#profiles #profiles_body .profile_item:nth-child(4),
	.new_profiles .profile_item:nth-child(4),
	#summary .item:nth-child(4) { animation-delay: 0.16s; }
	#news_all #news_all_body > .item:nth-child(5),
	.cat_item:nth-child(5),
	.top3_item:nth-child(5),
	.pop_item:nth-child(5),
	#profiles #profiles_body .profile_item:nth-child(5),
	.new_profiles .profile_item:nth-child(5),
	#summary .item:nth-child(5) { animation-delay: 0.20s; }
	#news_all #news_all_body > .item:nth-child(n+6),
	.cat_item:nth-child(n+6),
	.top3_item:nth-child(n+6),
	.pop_item:nth-child(n+6),
	#profiles #profiles_body .profile_item:nth-child(n+6),
	.new_profiles .profile_item:nth-child(n+6),
	#summary .item:nth-child(n+6) { animation-delay: 0.24s; }

	/* зум фото при наведении на карточку */
	.cat_item img,
	.top3_item img,
	.pop_item img,
	.foto_item img,
	.news_foto_item img,
	.cat_item_90_100 img {
		transition: transform 0.35s ease;
	}
	.cat_item:hover img,
	.top3_item:hover img,
	.pop_item:hover img,
	.foto_item:hover img,
	.news_foto_item:hover img,
	.cat_item_90_100:hover img {
		transform: scale(1.05);
	}

	/* карточки приподнимаются */
	.cat_item,
	.top3_item,
	.pop_item,
	.foto_item,
	#news_all #news_all_body > .item {
		transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	}
	.cat_item:hover,
	.top3_item:hover,
	.pop_item:hover {
		transform: translateY(-3px);
	}

	/* кнопки: лёгкий подъём + усиление свечения */
	#search_button,
	#search_btn,
	.button,
	a.button,
	ul.yiiPager li a,
	#scrolltop_button {
		transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease;
	}
	#search_button:hover,
	#search_btn:hover,
	.button:hover,
	a.button:hover {
		transform: translateY(-1px);
		box-shadow: 0 4px 14px var(--accent-ring);
	}
	.button:active,
	a.button:active {
		transform: translateY(0);
		transition-duration: 0.05s;
	}

	/* пункты меню сайдбара: микросдвиг */
	#profiles_menu #all_profiles li a {
		transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
	}
	#profiles_menu #all_profiles li a:hover {
		transform: translateX(4px);
	}

	/* мобильное меню: подсветка при нажатии */
	#mainmenu ul li a {
		transition: background 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
	}
	#mainmenu ul li a:hover,
	#mainmenu ul li.active a {
		padding-left: 18px;
	}

	/* ссылки-варианты фильтра */
	#filter .filter_variant,
	#filter .filter_item {
		transition: background 0.12s ease, color 0.12s ease, padding-left 0.15s ease;
	}
	#filter .filter_variant:hover {
		padding-left: 12px;
	}

	/* кнопка выбора города: пульсация стрелки при наведении */
	#select_region #region_popup_button {
		transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
	}
	#select_region #region_popup_button:hover {
		transform: translateY(-1px);
	}

	/* логотип: мягкое свечение при наведении */
	header #logo,
	#header #logo {
		transition: opacity 0.15s ease;
	}
	header #logo:hover,
	#header #logo:hover {
		opacity: 0.82;
	}

	/* аватары: лёгкое увеличение */
	.avatar_32,
	.avatar_90 {
		transition: transform 0.2s ease, border-color 0.2s ease;
	}
	.avatar_32:hover,
	.avatar_90:hover {
		transform: scale(1.06);
		border-color: var(--accent);
	}

	/* затемнение и подсказки — плавное появление при display-тогле */
	#mask,
	#hint,
	#sub_mask {
		animation: studio_fade_in 0.2s ease-out backwards;
	}

	/* попап выбора региона */
	#select_region_popup {
		animation: studio_fade_up 0.25s ease-out backwards;
	}
	#select_region_popup .region_popup_name {
		transition: background 0.12s ease, color 0.12s ease, padding-left 0.12s ease;
	}
	#select_region_popup .region_popup_name:hover {
		padding-left: 10px;
	}

	/* строки автокомплита */
	.ui-menu .ui-menu-item a {
		transition: background 0.1s ease, color 0.1s ease;
	}
}

/* адаптив: граница левой колонки на планшете */
@media (max-width: 992px) {
	main #left_container {
		border-bottom-color: var(--border);
	}
}