/* ==========================
		   ШАПКА PROANAPU
		   ========================== */

		.header_sticky {
			background:
				radial-gradient(
					circle at 3% -140%,
					rgba(255, 235, 80, .90) 0%,
					rgba(255, 170, 20, .45) 16%,
					transparent 34%
				),
				linear-gradient(
					100deg,
					#ff7a18 0%,
					#ff4b20 16%,
					#f52c24 34%,
					#ed1c24 58%,
					#df171f 78%,
					#ce111b 100%
				) !important;

			border: 0 !important;

			box-shadow:
				0 2px 12px rgba(145, 15, 10, .25) !important;
		}


		.header {
			background: transparent !important;
		}



		/* ==========================
		   ЛОГОТИП
		   ========================== */

		.header_logo {
			display: flex !important;
			align-items: center !important;

			width: 245px !important;
			height: 60px !important;

			padding: 0 !important;
			margin: 0 !important;

			overflow: visible !important;
		}


		.header_logo img {
			display: block !important;

			width: 100% !important;
			height: 54px !important;

			max-width: none !important;

			object-fit: contain !important;
			object-position: left center !important;

			border-radius: 0 !important;

			filter:
				drop-shadow(0 2px 4px rgba(0,0,0,.30));
		}



		/* ==========================
		   ПОИСК
		   ========================== */

		.header_search input,
		.search_block_input {

			background: rgba(255,255,255,.94) !important;

			color: #222 !important;

			border: 1px solid rgba(255,255,255,.40) !important;

			box-shadow:
				0 2px 8px rgba(110,10,0,.14) !important;
		}


		.header_search input::placeholder {
			color: #666 !important;
		}


		.sheader_search_btn {
			color: #222 !important;
		}



		/* ==========================
		   КНОПКА НАПИСАТЬ
		   ========================== */

		.header_add_button {

			position: relative !important;
			overflow: hidden !important;
			isolation: isolate !important;
			border: 0 !important;
			color: #fff !important;
			text-shadow: 0 1px 1px rgba(0,0,0,.20) !important;
			box-shadow:
				0 5px 13px rgba(70,18,10,.20),
				inset 0 1px 0 rgba(255,255,255,.58),
				inset 0 -2px 5px rgba(0,0,0,.10) !important;
			transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
		}

		.header_add_button::before {
			content: "";
			position: absolute;
			z-index: 1;
			left: 3px;
			right: 3px;
			top: 2px;
			height: 46%;
			border-radius: 999px 999px 55% 55%;
			background: linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.02));
			pointer-events: none;
		}

		.header_add_button::after {
			content: "";
			position: absolute;
			z-index: 1;
			top: -70%;
			left: -35%;
			width: 34%;
			height: 240%;
			transform: rotate(22deg);
			background: linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
			transition: left .42s ease !important;
			pointer-events: none;
		}

		.header_add_button:hover {
			transform: translateY(-1px) !important;
			filter: saturate(1.08) brightness(1.04) !important;
			box-shadow:
				0 8px 17px rgba(63,16,10,.26),
				inset 0 1px 0 rgba(255,255,255,.68),
				inset 0 -2px 5px rgba(0,0,0,.10) !important;
		}

		.header_add_button:hover::after { left: 118%; }
		.header_add_button:active { transform: translateY(0) scale(.985) !important; }
		.header_add_button i,
		.header_add_button span { position: relative !important; z-index: 2 !important; }

		.header_add_actions {
			display: flex !important;
			align-items: center !important;
			gap: 9px !important;
		}

		.header_add_actions .header_add_button {
			min-height: 40px !important;
			padding: 0 15px !important;
			gap: 8px !important;
			font-size: 13px !important;
			font-weight: 850 !important;
			white-space: nowrap !important;
			border-radius: 999px !important;
		}

		/* Новость — насыщенный бирюзово-синий */
		.header_add_actions .header_add_news {
			background:
				linear-gradient(
					135deg,
					#00d2f2 0%,
					#00b9e8 30%,
					#008ee0 66%,
					#006fc8 100%
				) !important;
			color: #fff !important;
			font-weight: 900 !important;
			-webkit-text-stroke: 0 !important;
			text-shadow:
				0 1px 2px rgba(0,57,101,.42) !important;
			box-shadow:
				0 7px 18px rgba(0,119,190,.38),
				inset 0 1px 0 rgba(255,255,255,.28),
				inset 0 -4px 8px rgba(0,72,130,.16) !important;
		}

		/* Организация — глубокий яркий фиолетовый */
		.header_add_actions .header_add_org {
			background:
				linear-gradient(
					135deg,
					#a145ff 0%,
					#8534ef 30%,
					#6d27dc 66%,
					#551bbf 100%
				) !important;
			color: #fff !important;
			font-weight: 900 !important;
			-webkit-text-stroke: 0 !important;
			text-shadow:
				0 1px 2px rgba(46,16,92,.42) !important;
			box-shadow:
				0 7px 18px rgba(91,35,183,.40),
				inset 0 1px 0 rgba(255,255,255,.28),
				inset 0 -4px 8px rgba(48,13,105,.18) !important;
		}

		.header_add_actions .header_add_news:hover {
			background:
				linear-gradient(
					135deg,
					#14dcf7 0%,
					#12c7f0 30%,
					#139ce9 66%,
					#0d7ad5 100%
				) !important;
			box-shadow:
				0 10px 24px rgba(0,119,190,.46),
				inset 0 1px 0 rgba(255,255,255,.34) !important;
		}

		.header_add_actions .header_add_org:hover {
			background:
				linear-gradient(
					135deg,
					#af58ff 0%,
					#9346f6 30%,
					#7a34e7 66%,
					#6027ca 100%
				) !important;
			box-shadow:
				0 10px 24px rgba(91,35,183,.48),
				inset 0 1px 0 rgba(255,255,255,.34) !important;
		}



		/* ==========================
		   ИКОНКА ВХОДА
		   ========================== */

		.header_login {

			background: rgba(255,255,255,.28) !important;

			border-radius: 50% !important;

		}



		/* ==========================
		   3D ИКОНКИ МЕНЮ — КОМПАКТНЫЕ
		   ========================== */

		.side_menu {
			row-gap: 2px !important;
		}

		.side_menu_item {
			min-height: 42px !important;
			height: auto !important;
			width: 100% !important;
			min-width: 0 !important;

			display: flex !important;
			align-items: center !important;

			padding: 4px 8px !important;
			margin: 0 !important;

			border-radius: 11px !important;
			overflow: hidden !important;

			transition:
				transform .18s ease,
				background-color .18s ease,
				box-shadow .18s ease !important;
		}

		.menu_3d_icon {
			display: block !important;

			width: 32px !important;
			height: 32px !important;
			min-width: 32px !important;

			margin-right: 8px !important;

			object-fit: contain !important;
			flex-shrink: 0 !important;

			border-radius: 0 !important;

			filter:
				drop-shadow(0 2px 4px rgba(0,0,0,.15));

			transition:
				transform .18s ease,
				filter .18s ease !important;
		}

		.side_menu_category {
			flex: 1 !important;
			min-width: 0 !important;

			font-size: 14px !important;
			line-height: 17px !important;
			font-weight: 600 !important;
			letter-spacing: -0.15px !important;

			white-space: nowrap !important;
			overflow: hidden !important;
			text-overflow: clip !important;

			color: #111 !important;

			text-shadow:
				-1px -1px 2px rgba(255,255,255,.95),
				 1px -1px 2px rgba(255,255,255,.95),
				-1px  1px 2px rgba(255,255,255,.95),
				 1px  1px 2px rgba(255,255,255,.95);
		}

		.side_menu_item:hover {
			background: rgba(255,255,255,.92) !important;
			transform: translateX(2px);

			box-shadow:
				0 4px 14px rgba(0,0,0,.06);
		}

		.side_menu_item:hover .menu_3d_icon {
			transform: scale(1.07) rotate(-2deg);

			filter:
				drop-shadow(0 4px 6px rgba(0,0,0,.20));
		}

		.side_menu_active {
			background: #fff !important;

			box-shadow:
				0 4px 14px rgba(0,0,0,.06);
		}

		.side_menu_active .menu_3d_icon {
			transform: scale(1.03);
		}



		.pa_org_menu_icon {
			width: 25px !important;
			height: 25px !important;
			min-width: 25px !important;
			margin-left: 3.5px !important;
			margin-right: 11.5px !important;
			display: grid !important;
			place-items: center !important;
			font-size: 15px !important;
			line-height: 1 !important;
			background: linear-gradient(145deg, #ff6b1b, #ed1c24 55%, #14a9bd 130%) !important;
			color: #fff !important;
			border-radius: 10px !important;
			filter: drop-shadow(0 2px 4px rgba(0,0,0,.12)) !important;
		}

		/* ==========================
		   БАННЕР MAX В ПРАВОЙ КОЛОНКЕ
		   ========================== */

		.max_banner_link {
			display: block !important;
			position: relative !important;
			top: auto !important;

			/* Одинаковая ширина MAX-баннера на главной и во всех разделах */
			width: 300px !important;
			max-width: 100% !important;
			height: auto !important;
			min-height: 0 !important;
			margin: 0 20px 0 auto !important;

			box-sizing: border-box !important;
			text-decoration: none !important;
			border-radius: 16px !important;
			overflow: hidden !important;

			box-shadow: 0 8px 24px rgba(0,0,0,.10) !important;
			transition: transform .18s ease, box-shadow .18s ease !important;
		}

		.max_banner_link:hover {
			transform: translateY(-2px);
			box-shadow: 0 12px 30px rgba(0,0,0,.14) !important;
		}

		.col_right {
			overflow: visible !important;
		}

		.max_banner_img {
			display: block !important;
			width: 100% !important;
			height: auto !important;
			max-width: 100% !important;

			padding: 0 !important;
			margin: 0 !important;
			border: 0 !important;
			border-radius: 16px !important;

			/* картинку НЕ режем — уменьшаем целиком с сохранением пропорций */
			object-fit: contain !important;
			object-position: center top !important;
			box-sizing: border-box !important;
		}

		@media screen and (max-width: 925px) {
			.max_banner_link {
				position: static !important;
				width: 100% !important;
				max-width: 100% !important;
				margin: 0 !important;
			}
		}


		/* ==========================
		   ПОДВАЛ PROANAPU
		   ========================== */

		.site_footer {
			margin-top: 45px;
			padding: 22px 20px 20px;
			background:
				linear-gradient(
					100deg,
					#ff6b19 0%,
					#f52c24 38%,
					#ed1c24 65%,
					#ce111b 100%
				);
			box-shadow: 0 -2px 12px rgba(145,15,10,.10);
		}

		.site_footer_inner {
			max-width: 1320px;
			margin: 0 auto;
			text-align: center;
			color: rgba(255,255,255,.90);
		}

		.footer_links {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			gap: 7px 24px;
		}

		.footer_links + .footer_links {
			margin-top: 12px;
		}

		.footer_links a {
			position: relative;
			color: #fff !important;
			font-size: 13px;
			line-height: 18px;
			font-weight: 600;
			text-decoration: none !important;
			opacity: .96;
			transition: opacity .18s ease, transform .18s ease;
		}

		.footer_links a:hover {
			opacity: 1;
			transform: translateY(-1px);
		}

		.footer_links a:not(:last-child)::after {
			content: "•";
			position: absolute;
			right: -15px;
			top: 0;
			color: rgba(255,255,255,.46);
			pointer-events: none;
		}

		.footer_links_legal {
			padding-top: 12px;
			border-top: 1px solid rgba(255,255,255,.18);
		}

		.footer_links_legal a {
			font-size: 12px;
			font-weight: 500;
			color: rgba(255,255,255,.90) !important;
		}

		.footer_copyright {
			margin-top: 15px;
			padding-top: 13px;
			border-top: 1px solid rgba(255,255,255,.18);
			font-size: 12px;
			line-height: 18px;
			font-weight: 600;
			color: rgba(255,255,255,.90);
		}



		/* ==========================
		   АДАПТИВ
		   ========================== */

		@media screen and (max-width: 925px) {

			/* Мобильная шапка: Разделы | логотип | поиск.
			   Кнопки добавления на мобильном не нужны — они уже есть в нижнем «+». */
			.header {
				display: grid !important;
				grid-template-columns: auto minmax(0, 1fr) auto !important;
				align-items: center !important;
				gap: 8px !important;
				height: 60px !important;
				padding: 0 10px !important;
			}

			.header_add_actions,
			.header_add_actions.non_mobile {
				display: none !important;
			}

			/* Профиль в верхней шапке на мобильном не показываем.
			   Нижняя кнопка профиля остаётся без изменений. */
			.pa_admin_login_wrap {
				display: none !important;
			}

			.header_logo {
				justify-self: center !important;
				width: 138px !important;
				height: 52px !important;
			}

			.header_logo img {
				width: 100% !important;
				height: 42px !important;
				object-position: center center !important;
			}

			.header_right {
				justify-self: end !important;
				display: flex !important;
				align-items: center !important;
				gap: 0 !important;
				min-width: 44px !important;
			}

			/* ВАЖНО: компактный режим только для поиска в шапке.
			   Поисковая форма на странице /index.php?do=search больше не ломается. */
			.header_right .header_search,
			.header_right .header_search form {
				width: 44px !important;
				height: 42px !important;
				margin: 0 !important;
			}

			.header_right .header_search .search_block_input {
				width: 44px !important;
				height: 42px !important;
				padding: 0 !important;
				border-radius: 13px !important;
				font-size: 0 !important;
				cursor: pointer !important;
			}

			.header_right .sheader_search_btn {
				width: 44px !important;
				height: 42px !important;
				right: 0 !important;
				top: 0 !important;
				pointer-events: auto !important;
			}

			/* Раскрытый мобильный поиск:
			   открывается прямо ВНУТРИ шапки, не перекрывает новости и не размывает страницу */
			.header_right .header_search.pa_mobile_search_open form {
				position: fixed !important;
				z-index: 10050 !important;
				left: 10px !important;
				right: 10px !important;
				top: 8px !important;
				width: auto !important;
				height: 44px !important;
				margin: 0 !important;
				padding: 0 !important;
				box-sizing: border-box !important;
				background: #fff !important;
				border: 0 !important;
				border-radius: 14px !important;
				box-shadow:
					0 5px 16px rgba(38,55,78,.20),
					inset 0 0 0 1px rgba(255,255,255,.75) !important;
			}

			.header_right .header_search.pa_mobile_search_open .search_block_input {
				width: 100% !important;
				height: 44px !important;
				padding: 0 54px 0 16px !important;
				box-sizing: border-box !important;
				border: 0 !important;
				border-radius: 14px !important;
				background: #fff !important;
				color: #171717 !important;
				font-size: 16px !important;
				font-weight: 500 !important;
				line-height: 44px !important;
				cursor: text !important;
				outline: none !important;
				box-shadow: none !important;
				-webkit-appearance: none !important;
			}

			.header_right .header_search.pa_mobile_search_open .search_block_input::placeholder {
				color: #777 !important;
				opacity: 1 !important;
			}

			.header_right .header_search.pa_mobile_search_open .sheader_search_btn {
				position: absolute !important;
				width: 40px !important;
				height: 40px !important;
				right: 2px !important;
				top: 2px !important;
				border-radius: 12px !important;
				background: linear-gradient(135deg,#00d2f2 0%,#008ee0 55%,#6d27dc 100%) !important;
				color: #fff !important;
				box-shadow: 0 3px 9px rgba(46,83,205,.22) !important;
			}

			/* Никакого затемнения/blur страницы при поиске */
			body.pa_mobile_search_active::before {
				display: none !important;
				content: none !important;
			}

			.menu_3d_icon {

				width: 44px !important;
				height: 44px !important;
				min-width: 44px !important;

			}

		}


		@media screen and (max-width: 590px) {

			.header_logo {
				width: 132px !important;
				height: 50px !important;
			}

			.header_logo img {
				height: 40px !important;
			}


			.site_footer {
				margin-top: 24px;
				padding: 20px 14px 92px;
			}

			.footer_links {
				gap: 8px 18px;
			}

			.footer_links a {
				font-size: 12px;
				line-height: 17px;
			}

			.footer_links a:not(:last-child)::after {
				right: -11px;
			}

			.footer_links_legal {
				margin-top: 13px !important;
				padding-top: 13px;
			}

			.footer_links_legal a {
				font-size: 11px;
			}

			.footer_copyright {
				margin-top: 14px;
				padding-top: 12px;
				font-size: 11px;
			}

		}

/* =========================================================
   PROANAPU OPTIMIZATION — restore original desktop geometry
   Original base template: 220 / 640 / 320.
   ========================================================= */
@media screen and (min-width: 1241px) {
    .cols {
        grid-template-columns: 300px minmax(0, 680px) 300px !important;
        max-width: 1320px !important;
    }
}
@media screen and (min-width: 926px) and (max-width: 1240px) {
    .cols {
        grid-template-columns: 300px minmax(0, 640px) !important;
        max-width: 964px !important;
    }
    .header { max-width: 964px !important; }
}
/* Avoid expensive paint effects on phones. */
@media screen and (max-width: 925px) {
    .short_story:has(.custom_top_item),
    .sidebar,
    .pa_mobile_sections_sheet,
    .pa_mobile_add_menu,
    .pa_guest_menu {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}


/* PROANAPU DESKTOP: narrower left menu + shift layout left */
@media screen and (min-width: 1241px) {
    .cols {
        grid-template-columns: 280px minmax(0, 680px) 300px !important;
        max-width: 1300px !important;
        column-gap: 14px !important;
        justify-content: center !important;
    }

    .col_left,
    .sidebar {
        min-width: 0 !important;
        width: 100% !important;
    }

    .sidebar {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .side_menu_item {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .menu_3d_icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        margin-right: 8px !important;
    }

    .side_menu_category {
        font-size: 14.5px !important;
        letter-spacing: -0.18px !important;
    }
}

/* На широком экране весь трёхколоночный блок чуть уводим влево. */
@media screen and (min-width: 1400px) {
    .cols {
        transform: translateX(-30px) !important;
    }
}