/* ==========================================================================
   okna33km.ru — обновлённый дизайн (MIRIDEA, 10.2026)
   Слой поверх старой темы: тексты и наполнение не меняются.
   ========================================================================== */

:root {
	--ok-green: #8bbd3c;
	--ok-green-2: #74a52a;
	--ok-green-d: #4f7d17;
	--ok-green-dd: #2c4510;
	--ok-wood: #c8752a;
	--ok-btn-1: #74a92d;
	--ok-btn-2: #4d811a;
	--ok-ink: #1d2418;
	--ok-text: #39412f;
	--ok-muted: #6c7563;
	--ok-bg: #f4f6ef;
	--ok-soft: #eef3e4;
	--ok-line: #e3e8d9;
	--ok-card: #ffffff;
	--ok-r: 18px;
	--ok-r-sm: 12px;
	--ok-shadow: 0 10px 30px rgba(34, 52, 14, .07);
	--ok-shadow-h: 0 18px 44px rgba(34, 52, 14, .14);
	--ok-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--ok-head: "Open Sans Condensed", "Arial Narrow", var(--ok-font);
	--ok-wrap: 1240px;
	--ok-ease: cubic-bezier(.2, .7, .2, 1);
}

/* ---------- База ---------- */
html { scroll-behavior: smooth; }
body.okna-up {
	background: var(--ok-bg) !important;
	color: var(--ok-text);
	-webkit-font-smoothing: antialiased;
}
body.okna-up .global-wrapper {
	overflow-x: clip !important; /* sticky-шапка работает, горизонтального скролла нет */
	background: transparent !important;
}
body.okna-up .container-wrapper,
body.okna-up #container {
	background: transparent !important;
}
body.okna-up .container-wrapper {
	background-image: radial-gradient(1200px 500px at 85% -10%, rgba(139, 189, 60, .10), transparent 60%),
		radial-gradient(900px 420px at -10% 20%, rgba(200, 117, 42, .06), transparent 60%) !important;
}
body.okna-up .container-wrapper :is(p, li, td, th, span, div, a, input, textarea, select, button, label, em, b),
body.okna-up #header :is(p, li, span, div, a),
body.okna-up .under-footer :is(p, li, span, div, a),
body.okna-up .pum-container :is(p, li, span, div, a, input, textarea, label) {
	font-family: var(--ok-font);
}
body.okna-up .center,
body.okna-up .page-title-wrapper {
	width: min(var(--ok-wrap), calc(100% - 32px)) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
body.okna-up a { transition: color .2s, background-color .2s, border-color .2s, box-shadow .2s, transform .2s; }
body.okna-up ::selection { background: rgba(139, 189, 60, .3); }

/* ==========================================================================
   ШАПКА
   ========================================================================== */
body.okna-up #header {
	float: none !important;
	position: sticky;
	top: 0;
	z-index: 900;
	background: rgba(255, 255, 255, .96) !important;
	-webkit-backdrop-filter: saturate(1.4) blur(10px);
	backdrop-filter: saturate(1.4) blur(10px);
	box-shadow: 0 1px 0 var(--ok-line);
	transition: box-shadow .3s;
	text-align: left;
}
body.okna-up #header { top: -42px; }
body.okna-up.admin-bar #header { top: -10px; }
body.okna-up.ok-scrolled #header { box-shadow: 0 10px 30px rgba(20, 35, 8, .10); }

/* верхняя полоса */
body.okna-up #header::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 42px;
	background: linear-gradient(90deg, #f1f6e7, #f7f9f2);
	border-bottom: 1px solid var(--ok-line);
	transition: height .3s var(--ok-ease), opacity .3s;
}
body.okna-up #header > .clear,
body.okna-up #header .header-inner-wrapper > .clear,
body.okna-up #header .logo .clear { display: none !important; }

body.okna-up #header .header-inner-wrapper {
	position: relative;
	z-index: 1;
	display: grid !important;
	grid-template-columns: auto auto 1fr auto auto;
	grid-template-rows: 42px auto;
	grid-template-areas:
		"mail phone . lbl msg"
		"logo menu menu menu cta";
	align-items: center;
	column-gap: 22px;
	width: min(var(--ok-wrap), calc(100% - 32px)) !important;
	margin: 0 auto !important;
	padding: 0 !important;
	transition: grid-template-rows .3s var(--ok-ease);
}
body.okna-up #header .header-right,
body.okna-up #header .header-social { display: contents !important; }

/* логотип */
body.okna-up #header .logo {
	grid-area: logo;
	display: block !important;
	padding: 10px 0;
	width: auto !important;
}
body.okna-up #header .logo p { margin: 0; }
body.okna-up #header .logo a { display: inline-block; float: none; }
body.okna-up #header .logo img.logoImage {
	display: block;
	height: 66px;
	width: auto;
	transition: height .3s var(--ok-ease);
}
body.okna-up #header .logo img.logoImageRetina { display: none !important; }

/* контакты в верхней полосе */
body.okna-up #header .header-right > p {
	grid-area: mail;
	margin: 0;
	display: flex;
	align-items: center;
}
body.okna-up #header a.phone-mobile_header {
	display: inline-flex !important;
	align-items: center;
	gap: 7px;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--ok-text) !important;
	text-decoration: none !important;
	white-space: nowrap;
}
body.okna-up #header a.phone-mobile_header:hover { color: var(--ok-green-d) !important; }
body.okna-up #header .header-social a.phone-mobile_header { grid-area: phone; }
body.okna-up #header a.phone-mobile_header::before {
	content: "";
	width: 16px;
	height: 16px;
	flex: none;
	background: var(--ok-green-d);
	-webkit-mask: var(--ok-ico) center / contain no-repeat;
	mask: var(--ok-ico) center / contain no-repeat;
	--ok-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E");
}
body.okna-up #header a.phone-mobile_header.email::before {
	--ok-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E");
}
body.okna-up #header .header-social > span {
	grid-area: lbl;
	justify-self: end;
	font-size: 13px;
	color: var(--ok-muted);
	white-space: nowrap;
}
body.okna-up #header .header-social > p { display: none !important; }
body.okna-up #header .header-social > div {
	grid-area: msg;
	justify-self: end;
	display: flex !important;
	gap: 6px;
}

/* мессенджеры (шапка) */
body.okna-up .ok-msg {
	display: inline-flex !important;
	align-items: center;
	gap: 7px;
	height: 30px !important;
	width: auto !important;
	padding: 0 12px 0 4px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--ok-line);
	color: var(--ok-ink) !important;
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none !important;
	white-space: nowrap;
}
body.okna-up .ok-msg img {
	width: 22px !important;
	height: 22px !important;
	border-radius: 50%;
	margin: 0 !important;
	display: block;
	object-fit: cover;
}
body.okna-up .ok-msg::after { content: attr(data-label); }
body.okna-up .ok-msg:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(20, 35, 8, .12);
}
body.okna-up .ok-msg.ok-tg:hover { border-color: #2aabee; color: #168acd !important; }
body.okna-up .ok-msg.ok-wa:hover { border-color: #25d366; color: #128c4a !important; }
body.okna-up .ok-msg.ok-max:hover { border-color: #6a4cff; color: #5536e0 !important; }

/* главное меню */
body.okna-up #header .main-menu {
	grid-area: menu;
	display: block !important;
	justify-self: center;
	width: auto !important;
	margin: 0 !important;
}
body.okna-up #header .header-inner-wrapper > p { display: none !important; } /* кнопка моб. меню */

body.okna-up #header ul.sf-menu,
body.okna-up .sticky-header ul.sf-menu {
	display: flex !important;
	align-items: center;
	flex-wrap: nowrap;
	gap: 2px;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left !important;
}
body.okna-up #header ul.sf-menu > li {
	margin: 0 !important;
	padding: 14px 0;
	position: relative;
	display: block;
}
body.okna-up #header ul.sf-menu > li::after,
body.okna-up #header ul.sf-menu li::before { display: none !important; }
body.okna-up #header ul.sf-menu > li > a {
	display: flex !important;
	align-items: center;
	gap: 6px;
	padding: 10px 14px !important;
	border-radius: 999px;
	font-family: var(--ok-font) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: var(--ok-ink) !important;
	text-decoration: none !important;
	white-space: nowrap;
	border: 0 !important;
	background: transparent;
}
body.okna-up #header ul.sf-menu > li:hover > a,
body.okna-up #header ul.sf-menu > li.current-menu-item > a,
body.okna-up #header ul.sf-menu > li.current-menu-parent > a,
body.okna-up #header ul.sf-menu > li.current-menu-ancestor > a {
	background: var(--ok-soft);
	color: var(--ok-green-dd) !important;
}
body.okna-up #header .sf-sub-indicator,
body.okna-up .sticky-header .sf-sub-indicator { display: none !important; }
body.okna-up #header ul.sf-menu > li.menu-item-has-children > a::after {
	content: "";
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	opacity: .55;
	transition: transform .25s;
}
body.okna-up #header ul.sf-menu > li.menu-item-has-children:hover > a::after { transform: translateY(1px) rotate(225deg); }

/* телефон-пункт меню */
body.okna-up #header ul.sf-menu > li:last-child > a[href^="tel"],
body.okna-up #header ul.sf-menu > li.ok-phone > a {
	color: var(--ok-green-dd) !important;
	font-weight: 800 !important;
	font-size: 16px !important;
	background: transparent !important;
	padding-left: 18px !important;
}

/* выпадающие списки */
body.okna-up #header ul.sf-menu ul {
	position: absolute !important;
	top: 100% !important;
	left: 0;
	min-width: 270px;
	margin: 0 !important;
	padding: 10px !important;
	list-style: none;
	background: #fff !important;
	border: 1px solid var(--ok-line);
	border-radius: 16px;
	box-shadow: 0 22px 60px rgba(20, 35, 8, .16);
	display: block !important;
	visibility: hidden !important;
	opacity: 0 !important;
	transform: translateY(10px);
	transition: opacity .22s var(--ok-ease), transform .22s var(--ok-ease), visibility 0s linear .22s;
	z-index: 1000;
	text-align: left;
	width: auto !important;
	height: auto !important;
}
body.okna-up #header ul.sf-menu li:hover > ul,
body.okna-up #header ul.sf-menu li:focus-within > ul {
	visibility: visible !important;
	opacity: 1 !important;
	transform: translateY(0);
	transition: opacity .22s var(--ok-ease), transform .22s var(--ok-ease), visibility 0s;
}
body.okna-up #header ul.sf-menu ul li {
	display: block !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	position: relative;
	border: 0 !important;
	background: none !important;
}
body.okna-up #header ul.sf-menu ul li a {
	display: block !important;
	padding: 8px 12px !important;
	border-radius: 9px;
	font-family: var(--ok-font) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	color: var(--ok-text) !important;
	text-decoration: none !important;
	white-space: normal;
	border: 0 !important;
	background: none;
}
body.okna-up #header ul.sf-menu ul li a:hover {
	background: var(--ok-soft) !important;
	color: var(--ok-green-dd) !important;
}
body.okna-up #header ul.sf-menu ul ul {
	top: -11px !important;
	left: 100% !important;
}

/* мега-меню «Продукция» */
body.okna-up #header ul.sf-menu > li.ok-mega > ul {
	left: 50%;
	width: min(880px, 92vw) !important;
	transform: translate(-50%, 10px);
	columns: 3;
	column-gap: 18px;
	padding: 18px !important;
}
body.okna-up #header ul.sf-menu > li.ok-mega:hover > ul,
body.okna-up #header ul.sf-menu > li.ok-mega:focus-within > ul { transform: translate(-50%, 0); }
body.okna-up #header ul.sf-menu > li.ok-mega > ul > li { break-inside: avoid; }
body.okna-up #header ul.sf-menu > li.ok-mega > ul > li.menu-item-has-children { margin-bottom: 8px !important; }
body.okna-up #header ul.sf-menu > li.ok-mega > ul > li.menu-item-has-children > a {
	font-weight: 800 !important;
	color: var(--ok-green-dd) !important;
	text-transform: uppercase !important;
	font-size: 12.5px !important;
	letter-spacing: .04em !important;
}
body.okna-up #header ul.sf-menu > li.ok-mega ul ul {
	position: static !important;
	visibility: inherit !important;
	opacity: 1 !important;
	transform: none !important;
	box-shadow: none !important;
	border: 0 !important;
	border-left: 2px solid var(--ok-soft) !important;
	border-radius: 0 !important;
	padding: 0 0 0 8px !important;
	margin: 0 0 0 12px !important;
	min-width: 0;
	transition: none !important;
}
body.okna-up #header ul.sf-menu > li.ok-mega ul ul a { padding: 5px 10px !important; font-size: 13.5px !important; }

/* кнопка «Вызов замерщика» */
body.okna-up #header .header-right .banner__btn,
body.okna-up .sticky-header .banner__btn {
	grid-area: cta;
	justify-self: end;
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	margin: 0 !important;
	padding: 14px 24px !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, var(--ok-btn-1), var(--ok-btn-2)) !important;
	color: #fff !important;
	font-family: var(--ok-font) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: .02em;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: 0 10px 24px rgba(116, 165, 42, .35);
	transition: transform .2s var(--ok-ease), box-shadow .2s, filter .2s;
	position: relative;
	overflow: hidden;
}
body.okna-up #header .header-right .banner__btn::before,
body.okna-up .sticky-header .banner__btn::before {
	content: "";
	width: 18px;
	height: 18px;
	flex: none;
	background: #fff;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M21.3 8.7 15.3 2.7a1 1 0 0 0-1.4 0L2.7 13.9a1 1 0 0 0 0 1.4l6 6a1 1 0 0 0 1.4 0L21.3 10.1a1 1 0 0 0 0-1.4zM7.5 10.5l2 2M10.5 7.5l2 2M13.5 4.5l2 2M4.5 13.5l2 2'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M21.3 8.7 15.3 2.7a1 1 0 0 0-1.4 0L2.7 13.9a1 1 0 0 0 0 1.4l6 6a1 1 0 0 0 1.4 0L21.3 10.1a1 1 0 0 0 0-1.4zM7.5 10.5l2 2M10.5 7.5l2 2M13.5 4.5l2 2M4.5 13.5l2 2'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.okna-up #header .header-right .banner__btn::after,
body.okna-up .sticky-header .banner__btn::after,
body.okna-up .ok-shine::after {
	content: "";
	position: absolute;
	top: 0;
	left: -60%;
	width: 40%;
	height: 100%;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .45), transparent);
	transform: skewX(-20deg);
	animation: ok-shine 5s ease-in-out infinite;
}
@keyframes ok-shine {
	0%, 70% { left: -60%; }
	100% { left: 130%; }
}
body.okna-up #header .header-right .banner__btn:hover,
body.okna-up .sticky-header .banner__btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 30px rgba(116, 165, 42, .45);
	filter: brightness(1.05);
}

body.okna-up #header .header-right > p,
body.okna-up #header .header-social a.phone-mobile_header,
body.okna-up #header .header-social > span,
body.okna-up #header .header-social > div {
	transition: opacity .25s;
	max-height: 42px;
}

/* старая «липкая» шапка больше не нужна — шапка липкая сама */
body.okna-up .sticky-header { display: none !important; }

/* поиск-оверлей темы */
body.okna-up .fulloverlay { z-index: 2000; }

/* ---------- Шапка: планшет/мобильный ---------- */
@media (max-width: 1180px) {
	body.okna-up #header ul.sf-menu > li > a { padding: 10px 10px !important; font-size: 14px !important; }
	body.okna-up #header .header-inner-wrapper { column-gap: 14px; }
	body.okna-up #header .header-right .banner__btn { padding: 12px 18px !important; font-size: 13px !important; }
}

@media (max-width: 1023px) {
	body.okna-up #header { top: -40px; }
	body.okna-up.admin-bar #header { top: 6px; }
	body.okna-up #header::before { height: 40px; }
	body.okna-up #header .header-inner-wrapper {
		grid-template-columns: 1fr auto auto;
		grid-template-rows: 40px auto;
		grid-template-areas:
			"phone phone msg"
			"logo logo burger";
		column-gap: 10px;
		width: calc(100% - 24px) !important;
	}
	body.okna-up #header .main-menu,
	body.okna-up #header .header-right > p,
	body.okna-up #header .header-social > span { display: none !important; }
	body.okna-up #header .header-inner-wrapper > p {
		grid-area: burger;
		display: block !important;
		margin: 0;
	}
	body.okna-up #header .logo img.logoImage { height: 52px; }
	body.okna-up .ok-msg { padding: 0 4px; gap: 0; }
	body.okna-up .ok-msg::after { content: none; }

	/* сброс старых мобильных стилей темы */
	body.okna-up #header {
		-webkit-backdrop-filter: none;
		backdrop-filter: none; /* иначе fixed-кнопка привязывается к шапке */
		background: #fff !important;
		border-bottom: 0 !important;
	}
	body.okna-up #header .logo { max-width: none !important; flex: none !important; }
	body.okna-up #header .header-inner-wrapper > p { position: static !important; }
	body.okna-up #header .header-social a.phone-mobile_header {
		background: none !important;
		color: var(--ok-ink) !important;
		padding: 0 !important;
		border-radius: 0 !important;
		text-transform: none !important;
		font-family: var(--ok-font) !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		width: auto !important;
		height: auto !important;
	}
	body.okna-up #header .header-social > div {
		position: static !important;
		bottom: auto !important;
		width: auto !important;
		gap: 6px !important;
	}
	body.okna-up #header .header-social > div > a.ok-msg {
		width: 32px !important;
		height: 32px !important;
		padding: 0 !important;
		justify-content: center;
		border: 1px solid var(--ok-line) !important;
		border-radius: 50% !important;
	}
	body.okna-up #header .header-social > div > a.ok-msg img {
		width: 24px !important;
		height: 24px !important;
		min-width: 24px;
		flex: none;
	}

	/* кнопка-бургер */
	body.okna-up #header .mobile-menu-show {
		rotate: 0deg !important;
		display: grid !important;
		place-items: center;
		width: 46px;
		height: 46px;
		margin: 0 !important;
		border-radius: 14px;
		background: var(--ok-soft);
		font-size: 0 !important;
		line-height: 0 !important;
		color: transparent !important;
		position: relative;
		cursor: pointer;
	}
	body.okna-up #header .mobile-menu-show::before,
	body.okna-up #header .mobile-menu-show::after {
		content: "" !important;
		position: absolute;
		left: 13px;
		right: 13px;
		height: 2px;
		border-radius: 2px;
		background: var(--ok-green-dd);
		transition: transform .25s, box-shadow .25s;
		font-size: 0 !important;
		display: block;
	}
	body.okna-up #header .mobile-menu-show::before { top: 16px; box-shadow: 0 6px 0 var(--ok-green-dd); }
	body.okna-up #header .mobile-menu-show::after { top: 28px; }
	body.okna-up.menu #header .mobile-menu-show::before { top: 22px; box-shadow: none; transform: rotate(45deg); }
	body.okna-up.menu #header .mobile-menu-show::after { top: 22px; transform: rotate(-45deg); }

	/* CTA — плавающая кнопка снизу */
	body.okna-up #header .header-right .banner__btn {
		position: fixed !important;
		left: 12px;
		right: 84px;
		bottom: 14px;
		justify-content: center;
		z-index: 950;
		padding: 15px 16px !important;
		font-size: 13px !important;
	}
	body.okna-up.menu #header .header-right .banner__btn { display: none !important; }
	body.okna-up .under-footer { padding-bottom: 86px !important; }

	/* панель мобильного меню */
	body.okna-up .mobile-menu-wrapper {
		position: fixed !important;
		left: 0;
		right: 0;
		top: var(--ok-hdr, 110px) !important;
		bottom: 0;
		height: auto !important;
		margin: 0 !important;
		z-index: 890;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		background: #fff !important;
		padding: 8px 16px 40px !important;
		box-shadow: inset 0 1px 0 var(--ok-line);
	}
	body.okna-up .mobile-menu-wrapper ul.mobile-menu { margin: 0 !important; padding: 0 !important; }
	body.okna-up .mobile-menu-wrapper ul.mobile-menu li {
		list-style: none;
		border-bottom: 1px solid var(--ok-line);
		margin: 0 !important;
		padding: 0 !important;
		text-align: left !important;
	}
	body.okna-up .mobile-menu-wrapper ul.mobile-menu li a {
		display: block;
		padding: 13px 4px !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		color: var(--ok-ink) !important;
		text-transform: none !important;
		text-decoration: none !important;
		font-family: var(--ok-font) !important;
	}
	body.okna-up .mobile-menu-wrapper ul.mobile-menu li ul {
		padding: 0 0 8px 12px !important;
		margin: 0 !important;
		border-left: 2px solid var(--ok-soft);
	}
	body.okna-up .mobile-menu-wrapper ul.mobile-menu li li { border: 0; }
	body.okna-up .mobile-menu-wrapper ul.mobile-menu li li a {
		padding: 8px 4px !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		color: var(--ok-text) !important;
	}
}
@media (max-width: 480px) {
	body.okna-up #header a.phone-mobile_header { font-size: 13px; }
	body.okna-up .ok-msg { height: 30px !important; }
}

/* ==========================================================================
   ЗАГОЛОВОК СТРАНИЦЫ И ХЛЕБНЫЕ КРОШКИ
   ========================================================================== */
body.okna-up .page-title-wrapper {
	margin-top: 44px !important;
	margin-bottom: 4px;
	text-align: center;
}
body.okna-up .page-title-wrapper .page-title > strong,
body.okna-up .page-title-wrapper h1 {
	display: inline-block;
	font-family: var(--ok-head) !important;
	font-weight: 700 !important;
	font-size: clamp(26px, 3.4vw, 40px) !important;
	line-height: 1.1 !important;
	letter-spacing: .01em;
	color: var(--ok-green-dd) !important;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 14px;
	max-width: 900px;
}
body.okna-up .page-title-wrapper .page-title > strong::after,
body.okna-up .page-title-wrapper h1::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 64px;
	height: 4px;
	border-radius: 4px;
	transform: translateX(-50%);
	background: linear-gradient(90deg, var(--ok-green), var(--ok-wood));
}
body.okna-up .breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0 0 18px !important;
	font-size: 13px !important;
	color: var(--ok-muted);
}
body.okna-up .breadcrumbs a,
body.okna-up .breadcrumbs span { font-size: 13px !important; }
body.okna-up .breadcrumbs a {
	color: var(--ok-green-d) !important;
	text-decoration: none !important;
}
body.okna-up .breadcrumbs a:hover { text-decoration: underline !important; }
body.okna-up .breadcrumbs .sep { color: #b6bdac; }
body.okna-up .breadcrumbs .current { color: var(--ok-muted); }

/* ==========================================================================
   КАРТОЧКИ КОНТЕНТА
   ========================================================================== */
body.okna-up #container { padding-top: 28px !important; }
body.okna-up .page-wrapper,
body.okna-up .post-showing-type1-wrapper,
body.okna-up .sidebar .widget {
	background: var(--ok-card) !important;
	border: 1px solid var(--ok-line);
	border-radius: var(--ok-r);
	box-shadow: var(--ok-shadow);
}
body.okna-up .page-wrapper,
body.okna-up .post-showing-type1-wrapper {
	padding: 40px 44px !important;
	margin-bottom: 28px !important;
}
body.okna-up .main-left .wpb_column,
body.okna-up .vc_col-sm-8.main-left { padding-right: 14px; }

/* списки записей (Продукция, Статьи) */
body.okna-up .post-showing-type1-wrapper h2.post-title,
body.okna-up .post-showing-type1-wrapper h2.post-title a {
	font-family: var(--ok-head) !important;
	font-size: clamp(22px, 2.4vw, 28px) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: var(--ok-ink) !important;
	text-transform: none !important;
	text-decoration: none !important;
	margin: 8px 0 14px !important;
}
body.okna-up .post-showing-type1-wrapper h2.post-title a:hover { color: var(--ok-green-d) !important; }
body.okna-up .post-categories-names a {
	display: inline-block;
	background: var(--ok-soft) !important;
	color: var(--ok-green-dd) !important;
	border-radius: 999px;
	padding: 5px 12px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none !important;
}
body.okna-up .post-details li { color: var(--ok-muted) !important; font-size: 13px !important; }

/* типографика */
body.okna-up .page-wrapper,
body.okna-up .post_content {
	font-size: 16px;
	color: var(--ok-text);
}
body.okna-up .page-wrapper p,
body.okna-up .post_content p,
body.okna-up .page-wrapper li,
body.okna-up .post_content li {
	font-size: 16px !important;
	line-height: 1.7 !important;
	color: var(--ok-text);
}
body.okna-up .page-wrapper p,
body.okna-up .post_content p { margin-bottom: 14px; }
body.okna-up .page-wrapper h1,
body.okna-up .post-showing-type1-wrapper h1.post-title,
body.okna-up .post_content h1 {
	font-family: var(--ok-head) !important;
	font-weight: 700 !important;
	font-size: clamp(26px, 3vw, 36px) !important;
	line-height: 1.15 !important;
	color: var(--ok-ink) !important;
	text-transform: none;
	margin: 6px 0 18px !important;
}
body.okna-up .page-wrapper h2,
body.okna-up .post_content h2 {
	font-family: var(--ok-head) !important;
	font-weight: 700 !important;
	font-size: clamp(22px, 2.4vw, 28px) !important;
	line-height: 1.2 !important;
	color: var(--ok-green-d) !important;
	margin: 30px 0 16px !important;
	letter-spacing: .01em;
}
body.okna-up .page-wrapper h3,
body.okna-up .post_content h3,
body.okna-up .page-wrapper h4,
body.okna-up .post_content h4 {
	font-family: var(--ok-head) !important;
	font-weight: 700 !important;
	font-size: clamp(19px, 2vw, 22px) !important;
	line-height: 1.25 !important;
	color: var(--ok-ink) !important;
	margin: 24px 0 12px !important;
}
body.okna-up .page-wrapper h2 *,
body.okna-up .post_content h2 *,
body.okna-up .page-wrapper h3 *,
body.okna-up .post_content h3 * { font-family: inherit !important; font-size: inherit !important; }
body.okna-up .page-wrapper a:not(.wp-block-button__link):not(.ok-msg),
body.okna-up .post_content a:not(.wp-block-button__link):not(.ok-msg) {
	color: var(--ok-green-d);
	text-decoration-color: rgba(79, 125, 23, .35);
	text-underline-offset: 3px;
}
body.okna-up .page-wrapper a:not(.wp-block-button__link):not(.ok-msg):hover,
body.okna-up .post_content a:not(.wp-block-button__link):not(.ok-msg):hover { color: var(--ok-wood); }
body.okna-up .page-wrapper ul:not([class]),
body.okna-up .post_content ul:not([class]),
body.okna-up .page-wrapper ul.wp-block-list,
body.okna-up .post_content ul.wp-block-list {
	list-style: none;
	padding-left: 0 !important;
	margin: 0 0 16px !important;
}
body.okna-up .page-wrapper ul:not([class]) > li,
body.okna-up .post_content ul:not([class]) > li,
body.okna-up .page-wrapper ul.wp-block-list > li,
body.okna-up .post_content ul.wp-block-list > li {
	position: relative;
	padding-left: 26px;
	margin-bottom: 6px;
	list-style: none !important;
}
body.okna-up .page-wrapper ul:not([class]) > li::before,
body.okna-up .post_content ul:not([class]) > li::before,
body.okna-up .page-wrapper ul.wp-block-list > li::before,
body.okna-up .post_content ul.wp-block-list > li::before {
	content: "";
	position: absolute;
	left: 4px;
	top: .62em;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--ok-green);
	box-shadow: 0 0 0 4px rgba(139, 189, 60, .18);
}
body.okna-up .page-wrapper img,
body.okna-up .post_content img { border-radius: var(--ok-r-sm); max-width: 100%; height: auto; }
body.okna-up .page-wrapper figure,
body.okna-up .post_content figure { margin-bottom: 14px; }
body.okna-up .page-wrapper blockquote,
body.okna-up .post_content blockquote {
	border-left: 4px solid var(--ok-green);
	background: var(--ok-soft);
	border-radius: 0 var(--ok-r-sm) var(--ok-r-sm) 0;
	padding: 16px 20px;
	margin: 18px 0;
}
/* цветные плашки из редактора — скругляем */
body.okna-up .page-wrapper .has-background:not(.wp-block-button__link),
body.okna-up .post_content .has-background:not(.wp-block-button__link) { border-radius: var(--ok-r-sm); }

/* таблицы */
body.okna-up .page-wrapper table,
body.okna-up .post_content table {
	width: 100%;
	border-collapse: separate !important;
	border-spacing: 0;
	border: 1px solid var(--ok-line) !important;
	border-radius: 14px;
	overflow: hidden;
	margin: 10px 0 22px;
	background: #fff;
}
body.okna-up .page-wrapper table td,
body.okna-up .page-wrapper table th,
body.okna-up .post_content table td,
body.okna-up .post_content table th {
	border: 0 !important;
	border-bottom: 1px solid var(--ok-line) !important;
	border-right: 1px solid var(--ok-line) !important;
	padding: 10px 12px !important;
	font-size: 14.5px !important;
	color: var(--ok-text);
	vertical-align: middle;
}
body.okna-up .page-wrapper table tr > *:last-child,
body.okna-up .post_content table tr > *:last-child { border-right: 0 !important; }
body.okna-up .page-wrapper table tr:last-child > *,
body.okna-up .post_content table tr:last-child > * { border-bottom: 0 !important; }
body.okna-up .page-wrapper table tr:nth-child(even) td,
body.okna-up .post_content table tr:nth-child(even) td { background: #f9fbf5; }
body.okna-up .page-wrapper table thead th,
body.okna-up .post_content table thead th,
body.okna-up .page-wrapper table tr:first-child th {
	background: var(--ok-soft);
	color: var(--ok-green-dd);
	font-weight: 700;
}
body.okna-up .page-wrapper table tr:hover td,
body.okna-up .post_content table tr:hover td { background: #f2f7e9; }
body.okna-up .ok-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
body.okna-up .ok-table-scroll table { min-width: 560px; }

/* ==========================================================================
   КНОПКИ
   ========================================================================== */
body.okna-up .container-wrapper .wp-block-button__link,
body.okna-up .container-wrapper .post-read-more,
body.okna-up .container-wrapper input[type="submit"],
body.okna-up .container-wrapper .wpcf7-submit,
body.okna-up .sidebar .banner__btn,
body.okna-up .pum .wpcf7-submit,
body.okna-up .pum input[type="submit"] {
	display: inline-block !important;
	text-align: center !important;
	vertical-align: middle;
	padding: 12px 26px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, var(--ok-btn-1), var(--ok-btn-2)) !important;
	color: #fff !important;
	font-family: var(--ok-font) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	text-transform: none;
	box-shadow: 0 8px 20px rgba(116, 165, 42, .30);
	transition: transform .2s var(--ok-ease), box-shadow .2s, filter .2s !important;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
body.okna-up .container-wrapper .wp-block-button__link:hover,
body.okna-up .container-wrapper .post-read-more:hover,
body.okna-up .container-wrapper input[type="submit"]:hover,
body.okna-up .container-wrapper .wpcf7-submit:hover,
body.okna-up .sidebar .banner__btn:hover,
body.okna-up .pum .wpcf7-submit:hover,
body.okna-up .pum input[type="submit"]:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(116, 165, 42, .42);
	filter: brightness(1.06);
}
body.okna-up .container-wrapper .wp-block-button__link:active { transform: translateY(0) scale(.98); }

/* кнопка-цена: цена + подпись «Заказать» */
body.okna-up .container-wrapper .wp-block-button__link.ok-price {
	border-radius: 14px !important;
	padding: 9px 22px 8px !important;
	line-height: 1.1 !important;
	min-width: 132px;
}
body.okna-up .container-wrapper .wp-block-button__link.ok-price,
body.okna-up .container-wrapper .wp-block-button__link.ok-price * { font-size: 16px !important; font-weight: 800 !important; }
body.okna-up .container-wrapper .wp-block-button__link.ok-price::after {
	content: "Заказать";
	display: table;
	margin: 3px auto 0;
	padding-left: 17px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	opacity: .95;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.6 12.2a2 2 0 0 0 2 1.6h8.2a2 2 0 0 0 2-1.5L22 7H6'/%3E%3C/svg%3E") left center / 13px no-repeat;
}
body.okna-up .container-wrapper .wp-block-button__link.ok-price:hover::after { opacity: 1; }
body.okna-up .sidebar .banner__btn { text-transform: uppercase; font-size: 14px !important; }

/* ==========================================================================
   КАРТОЧКИ ТОВАРОВ (колонки с картинкой и кнопкой цены)
   ========================================================================== */
body.okna-up .page-wrapper .wp-block-column.ok-card,
body.okna-up .post_content .wp-block-column.ok-card {
	background: #fff;
	border: 1px solid var(--ok-line);
	border-radius: 16px;
	padding: 12px 12px 16px;
	display: flex;
	flex-direction: column;
	transition: transform .3s var(--ok-ease), box-shadow .3s var(--ok-ease), border-color .3s;
}
body.okna-up .wp-block-column.ok-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--ok-shadow-h);
	border-color: #d3e3b8;
}
body.okna-up .wp-block-column.ok-card figure,
body.okna-up .wp-block-column.ok-card .wp-block-image { overflow: hidden; border-radius: 12px; margin-bottom: 10px !important; }
body.okna-up .wp-block-column.ok-card img {
	border-radius: 12px;
	transition: transform .6s var(--ok-ease);
	width: 100%;
}
body.okna-up .wp-block-column.ok-card:hover img { transform: scale(1.05); }
body.okna-up .wp-block-column.ok-card p {
	font-size: 14px !important;
	line-height: 1.45 !important;
	font-weight: 400;
	color: var(--ok-text);
	margin-bottom: 8px !important;
}
body.okna-up .wp-block-column.ok-card p.ok-card-title,
body.okna-up .wp-block-column.ok-card p.ok-card-title * {
	font-size: 16px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	color: var(--ok-ink) !important;
	letter-spacing: 0;
}
body.okna-up .wp-block-column.ok-card .wp-block-buttons { margin-top: auto; justify-content: center; }
body.okna-up .wp-block-column.ok-card .wp-block-button__link { padding: 10px 16px !important; font-size: 14.5px !important; }
@media (max-width: 781px) {
	body.okna-up .wp-block-columns:has(> .ok-card) { flex-wrap: wrap !important; gap: 12px !important; }
	body.okna-up .wp-block-columns > .wp-block-column.ok-card { flex-basis: calc(50% - 6px) !important; flex-grow: 0 !important; max-width: calc(50% - 6px); padding: 8px 8px 12px; }
	body.okna-up .wp-block-column.ok-card p { font-size: 13px !important; }
	body.okna-up .wp-block-column.ok-card p.ok-card-title, body.okna-up .wp-block-column.ok-card p.ok-card-title * { font-size: 14px !important; }
	body.okna-up .wp-block-column.ok-card .wp-block-button__link { padding: 8px 14px !important; font-size: 14px !important; }
}

/* ==========================================================================
   САЙДБАР
   ========================================================================== */
body.okna-up .sidebar { padding-left: 14px; }
body.okna-up .sidebar .widget {
	padding: 26px 26px 22px !important;
	margin-bottom: 22px !important;
	position: relative;
}
body.okna-up .sidebar h3.sidebar-title,
body.okna-up .sidebar .sidebar-title {
	font-family: var(--ok-head) !important;
	font-size: 21px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: var(--ok-green-dd) !important;
	text-transform: uppercase;
	margin: 0 0 16px !important;
	letter-spacing: .02em;
	display: flex;
	align-items: center;
	gap: 10px;
}
body.okna-up .sidebar h3.sidebar-title::before {
	content: "";
	width: 6px;
	height: 22px;
	border-radius: 4px;
	background: linear-gradient(180deg, var(--ok-green), var(--ok-wood));
	flex: none;
}
body.okna-up .sidebar .title-stripes-left { display: none !important; }
body.okna-up .sidebar .widget p,
body.okna-up .sidebar .widget li,
body.okna-up .sidebar .widget div { font-size: 14.5px; line-height: 1.6; color: var(--ok-text); }
body.okna-up .sidebar .widget ul.menu { margin: 0 !important; padding: 0 !important; }
body.okna-up .sidebar .widget ul.menu li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px dashed var(--ok-line);
	background: none !important;
}
body.okna-up .sidebar .widget ul.menu li:last-child { border-bottom: 0; }
body.okna-up .sidebar .widget ul.menu li::before { display: none !important; }
body.okna-up .sidebar .widget ul.menu li a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 4px;
	color: var(--ok-text) !important;
	text-decoration: none !important;
	font-size: 15px !important;
}
body.okna-up .sidebar .widget ul.menu li a::before {
	content: "";
	width: 7px;
	height: 7px;
	flex: none;
	border-top: 2px solid var(--ok-green);
	border-right: 2px solid var(--ok-green);
	transform: rotate(45deg);
	transition: transform .2s;
}
body.okna-up .sidebar .widget ul.menu li a:hover { color: var(--ok-green-d) !important; padding-left: 8px; }
body.okna-up .sidebar .widget a { color: var(--ok-green-d); }

/* сворачивание длинных блоков */
body.okna-up .sidebar .widget .ok-wbody { position: relative; }
body.okna-up .sidebar .widget.ok-clip .ok-wbody {
	max-height: var(--ok-clip, 380px);
	overflow: hidden;
	transition: max-height .5s var(--ok-ease);
}
body.okna-up .sidebar .widget.ok-clip .ok-wbody::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 90px;
	background: linear-gradient(rgba(255, 255, 255, 0), #fff 85%);
	pointer-events: none;
	transition: opacity .3s;
}
body.okna-up .sidebar .widget.ok-clip.ok-open .ok-wbody { max-height: var(--ok-full, 6000px); }
body.okna-up .sidebar .widget.ok-clip.ok-open .ok-wbody::after { opacity: 0; }
body.okna-up .ok-more {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	margin-top: 12px;
	padding: 10px 14px;
	border: 1px solid var(--ok-line);
	border-radius: 999px;
	background: var(--ok-soft);
	color: var(--ok-green-dd);
	font: 700 14px/1.2 var(--ok-font);
	cursor: pointer;
	transition: background .2s, border-color .2s;
}
body.okna-up .ok-more:hover { background: #e4eed2; border-color: #cfe0b3; }
body.okna-up .ok-more::after {
	content: "";
	width: 7px;
	height: 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform .25s;
}
body.okna-up .widget.ok-open .ok-more::after { transform: translateY(2px) rotate(225deg); }

/* мобильный: блоки сайдбара — аккордеон */
@media (max-width: 767px) {
	body.okna-up .sidebar { padding-left: 0 !important; margin-left: 0 !important; left: auto !important; max-width: 100% !important; }
	body.okna-up .sidebar .widget.ok-acc h3.sidebar-title {
		cursor: pointer;
		margin-bottom: 0 !important;
		padding-right: 34px;
		position: relative;
	}
	body.okna-up .sidebar .widget.ok-acc h3.sidebar-title::after {
		content: "";
		position: absolute;
		right: 6px;
		top: 50%;
		width: 9px;
		height: 9px;
		border-right: 2px solid var(--ok-green-d);
		border-bottom: 2px solid var(--ok-green-d);
		transform: translateY(-70%) rotate(45deg);
		transition: transform .25s;
	}
	body.okna-up .sidebar .widget.ok-acc.ok-acc-open h3.sidebar-title::after { transform: translateY(-30%) rotate(225deg); }
	body.okna-up .sidebar .widget.ok-acc:not(.ok-acc-open) .ok-wbody,
	body.okna-up .sidebar .widget.ok-acc:not(.ok-acc-open) .ok-more { display: none !important; }
	body.okna-up .sidebar .widget.ok-acc.ok-acc-open .ok-wbody { margin-top: 14px; }
	body.okna-up .sidebar .widget { padding: 18px 18px !important; margin-bottom: 14px !important; }
	body.okna-up .page-wrapper,
	body.okna-up .post-showing-type1-wrapper { padding: 22px 18px !important; border-radius: 16px; }
	body.okna-up .vc_col-sm-8.main-left { padding-right: 0; }
}

/* контакты в сайдбаре: телефоны и мессенджеры — понятные кнопки */
body.okna-up .sidebar .ok-msg-big,
body.okna-up .ok-msg-big {
	display: flex !important;
	align-items: center;
	gap: 12px;
	padding: 9px 14px 9px 9px;
	margin: 0 0 8px;
	border-radius: 14px;
	border: 1px solid var(--ok-line);
	background: #fff;
	color: var(--ok-ink) !important;
	text-decoration: none !important;
	font-weight: 700;
	transition: transform .2s var(--ok-ease), box-shadow .2s, border-color .2s;
}
body.okna-up .ok-msg-big br { display: none; }
body.okna-up .ok-msg-big img {
	width: 34px !important;
	height: 34px !important;
	border-radius: 50%;
	margin: 0 !important;
	flex: none;
	object-fit: cover;
}
body.okna-up .ok-msg-big strong { font-size: 14.5px; color: inherit !important; font-weight: 700; }
body.okna-up .ok-msg-big .ok-msg-sub { display: block; font-size: 12px; font-weight: 500; color: var(--ok-muted); line-height: 1.2; }
body.okna-up .ok-msg-big::after {
	content: "";
	margin-left: auto;
	width: 8px;
	height: 8px;
	border-top: 2px solid #b3bba8;
	border-right: 2px solid #b3bba8;
	transform: rotate(45deg);
	flex: none;
}
body.okna-up .ok-msg-big:hover { transform: translateY(-2px); box-shadow: var(--ok-shadow); }
body.okna-up .ok-msg-big.ok-tg { background: linear-gradient(90deg, rgba(42, 171, 238, .10), #fff 70%); border-color: rgba(42, 171, 238, .35); }
body.okna-up .ok-msg-big.ok-wa { background: linear-gradient(90deg, rgba(37, 211, 102, .10), #fff 70%); border-color: rgba(37, 211, 102, .35); }
body.okna-up .ok-msg-big.ok-max { background: linear-gradient(90deg, rgba(106, 76, 255, .10), #fff 70%); border-color: rgba(106, 76, 255, .35); }
body.okna-up .ok-msg-big.ok-tg:hover { border-color: #2aabee; }
body.okna-up .ok-msg-big.ok-wa:hover { border-color: #25d366; }
body.okna-up .ok-msg-big.ok-max:hover { border-color: #6a4cff; }

body.okna-up .sidebar a[href^="tel"] { font-weight: 700; text-decoration: none !important; color: var(--ok-ink) !important; }
body.okna-up .sidebar a[href^="tel"]:hover { color: var(--ok-green-d) !important; }
body.okna-up .sidebar a[href^="tel"] span { color: var(--ok-muted); font-weight: 600; }

/* отзывы и статьи в сайдбаре */
body.okna-up .sidebar .widget_true_comments_widget .ok-review,
body.okna-up .sidebar .ok-review {
	padding: 14px 0;
	border-bottom: 1px solid var(--ok-line);
}
body.okna-up .sidebar img { border-radius: 10px; }

/* ==========================================================================
   ГАЛЕРЕЯ «НАШИ ОКНА» И ПОДВАЛ
   ========================================================================== */
body.okna-up .alz-gallery-title {
	font-family: var(--ok-head) !important;
	font-weight: 700 !important;
	font-size: clamp(26px, 3vw, 36px) !important;
	color: var(--ok-green-dd) !important;
	margin: 30px 0 22px !important;
	letter-spacing: .02em;
}
body.okna-up .post-section-slider .swiper-slide img,
body.okna-up .swiper .swiper-slide img { transition: transform .6s var(--ok-ease), filter .4s; }
body.okna-up .swiper .swiper-slide:hover img { transform: scale(1.04); filter: saturate(1.1); }
body.okna-up .swiper .swiper-slide { overflow: hidden; }

body.okna-up .under-footer {
	background: linear-gradient(180deg, #1f2a17, #161d10) !important;
	color: #b9c2ad !important;
	padding-top: 46px !important;
	padding-bottom: 30px;
	border-top: 4px solid var(--ok-green);
}
body.okna-up .under-footer,
body.okna-up .under-footer p,
body.okna-up .under-footer li,
body.okna-up .under-footer span,
body.okna-up .under-footer div { color: #b9c2ad; font-size: 14px; line-height: 1.7; }
body.okna-up .under-footer a { color: #e7eedd !important; text-decoration: none !important; }
body.okna-up .under-footer a:hover { color: var(--ok-green) !important; }
body.okna-up .under-footer p.alz-address-title,
body.okna-up .under-footer h3,
body.okna-up .under-footer h4,
body.okna-up .under-footer strong {
	color: #fff !important;
}
body.okna-up .under-footer p.alz-address-title {
	font-family: var(--ok-head) !important;
	font-size: 17px !important;
	letter-spacing: .04em;
	color: var(--ok-green) !important;
	margin-bottom: 10px !important;
}
body.okna-up .under-footer .footer-menu .menu-item a { padding: 3px 0; display: inline-block; }
body.okna-up .under-footer .footer-menu .menu-item a:hover { transform: translateX(3px); }
body.okna-up .under-footer .banner__btn {
	background: linear-gradient(135deg, var(--ok-btn-1), var(--ok-btn-2)) !important;
	border-radius: 999px !important;
	box-shadow: 0 10px 24px rgba(116, 165, 42, .3);
	cursor: pointer;
	color: #fff !important;
}

/* кнопка «наверх» */
body.okna-up #wpfront-scroll-top-container {
	opacity: .9;
	transition: transform .2s, opacity .2s;
}
body.okna-up #wpfront-scroll-top-container:hover { transform: translateY(-3px); opacity: 1; }
@media (max-width: 1023px) {
	body.okna-up #wpfront-scroll-top-container { bottom: 84px !important; }
}

/* ==========================================================================
   ФОРМЫ И ВСПЛЫВАЮЩИЕ ОКНА (задача 6: закрытие без эффектов)
   ========================================================================== */
body.okna-up .pum-overlay { transition: none !important; animation: none !important; }
/* стили Popup Maker грузятся отложенно — до этого неактивные окна должны быть скрыты */
body.okna-up .pum:not(.pum-active) { display: none !important; }
body.okna-up .pum-container {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	right: auto !important;
	bottom: auto !important;
	margin: 0 !important;
	transform: translate(-50%, -50%) !important;
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	width: min(520px, calc(100vw - 24px)) !important;
	border-radius: 20px !important;
	padding: 34px 32px 28px !important;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .25) !important;
	border: 0 !important;
	transition: none !important;
	animation: none !important;
}
body.okna-up .pum-container .pum-title {
	font-family: var(--ok-head) !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	color: var(--ok-green-dd) !important;
	text-transform: uppercase;
	padding-right: 30px;
}
body.okna-up .pum-container .pum-close {
	top: 14px !important;
	right: 14px !important;
	width: 34px !important;
	height: 34px !important;
	border-radius: 50% !important;
	background: var(--ok-soft) !important;
	color: var(--ok-green-dd) !important;
	box-shadow: none !important;
	font-size: 22px !important;
	line-height: 34px !important;
	padding: 0 !important;
	border: 0 !important;
	transition: background .2s, transform .2s !important;
}
body.okna-up .pum-container .pum-close:hover { background: #e2edcf !important; transform: rotate(90deg); }
body.okna-up .pum-container input[type="text"],
body.okna-up .pum-container input[type="tel"],
body.okna-up .pum-container input[type="email"],
body.okna-up .pum-container textarea,
body.okna-up .container-wrapper .wpcf7 input[type="text"],
body.okna-up .container-wrapper .wpcf7 input[type="tel"],
body.okna-up .container-wrapper .wpcf7 input[type="email"],
body.okna-up .container-wrapper .wpcf7 textarea {
	width: 100%;
	border: 1.5px solid var(--ok-line) !important;
	border-radius: 12px !important;
	padding: 12px 14px !important;
	font-size: 15px !important;
	color: var(--ok-ink) !important;
	background: #fbfcf8 !important;
	transition: border-color .2s, box-shadow .2s, background .2s;
	box-shadow: none !important;
}
body.okna-up .pum-container input:focus,
body.okna-up .pum-container textarea:focus,
body.okna-up .container-wrapper .wpcf7 input:focus,
body.okna-up .container-wrapper .wpcf7 textarea:focus {
	outline: none;
	border-color: var(--ok-green) !important;
	background: #fff !important;
	box-shadow: 0 0 0 4px rgba(139, 189, 60, .18) !important;
}

/* модалка «Запись на замер» — закрывается мгновенно, без «улёта» вверх */
body.okna-up .modal:not(.active),
body.okna-up .modal:not(.active) .modal__content { transition: none !important; }
body.okna-up .modal.active .modal__content { transition: transform .25s var(--ok-ease), opacity .25s !important; }

/* ==========================================================================
   АНИМАЦИИ ПОЯВЛЕНИЯ ПРИ ПРОКРУТКЕ
   ========================================================================== */
.ok-js .ok-rv {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity .7s var(--ok-ease), transform .7s var(--ok-ease);
	transition-delay: var(--ok-d, 0s);
	will-change: opacity, transform;
}
.ok-js .ok-rv.ok-rv-l { transform: translateX(-30px); }
.ok-js .ok-rv.ok-rv-r { transform: translateX(30px); }
.ok-js .ok-rv.ok-rv-z { transform: scale(.94); }
.ok-js .ok-rv.ok-in { opacity: 1; transform: none; }
.ok-js .wp-block-column.ok-card.ok-rv.ok-in:hover { transform: translateY(-4px); }

/* прогресс прокрутки */
.ok-progress {
	position: fixed;
	left: 0;
	top: 0;
	height: 3px;
	width: 100%;
	transform-origin: 0 50%;
	transform: scaleX(0);
	background: linear-gradient(90deg, var(--ok-green), var(--ok-wood));
	z-index: 99999;
	pointer-events: none;
}
body.admin-bar .ok-progress { top: 32px; }
@media (max-width: 782px) { body.admin-bar .ok-progress { top: 46px; } }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.ok-js .ok-rv { opacity: 1 !important; transform: none !important; transition: none !important; }
	body.okna-up #header .header-right .banner__btn::after,
	body.okna-up .ok-shine::after { animation: none; }
}

/* ==========================================================================
   ПРАВКИ 25.10 (вечер)
   ========================================================================== */

/* галереи Simply Gallery / WP Gallery: картинки обрезаются по ячейке, не вылезают */
body.okna-up [class*="pgcsimplygalleryblock"] img,
body.okna-up .wp-block-gallery img,
body.okna-up .su-custom-gallery-slide img {
	height: 100% !important;
	width: 100% !important;
	object-fit: cover;
	max-width: none;
}
body.okna-up .pgcsimplygalleryblock-grid-item-wrap,
body.okna-up .su-custom-gallery-slide { overflow: hidden; border-radius: 10px; }
body.okna-up .su-custom-gallery-slide a { display: block; height: 100%; }

/* второй телефон — в верхней полосе рядом с первым, из строки меню убран */
body.okna-up #header .header-social > div.ok-phones {
	grid-area: phone;
	justify-self: start;
	display: flex !important;
	align-items: center;
	gap: 20px;
	transition: opacity .25s;
	max-height: 42px;
}
body.okna-up #header .header-social a.phone-mobile_header { width: auto !important; height: auto !important; }
body.okna-up #header .header-social > div.ok-phones > a { border: 0 !important; border-radius: 0 !important; }
body.okna-up #header .ok-phones > a.phone-mobile_header.ok-phone-top { font-weight: 800 !important; color: var(--ok-green-dd) !important; }
@media (min-width: 1024px) {
	body.okna-up #header ul.sf-menu > li.ok-phone,
	body.okna-up #header ul.sf-menu > li:has(> a[href^="tel"]) { display: none !important; }
}
@media (max-width: 1023px) {
	body.okna-up #header .ok-phones > a.phone-mobile_header.ok-phone-top { display: none !important; }
}

/* блоки FAQ (details/summary) */
body.okna-up .page-wrapper details,
body.okna-up .post_content details {
	border-bottom: 1px solid var(--ok-line);
	padding: 4px 0;
}
body.okna-up .page-wrapper details summary,
body.okna-up .post_content details summary {
	cursor: pointer;
	padding: 10px 4px;
	font-size: 15.5px !important;
	font-weight: 600;
	color: var(--ok-ink);
	transition: color .2s;
}
body.okna-up .page-wrapper details summary:hover,
body.okna-up .post_content details summary:hover { color: var(--ok-green-d); }
body.okna-up .page-wrapper details[open] summary,
body.okna-up .post_content details[open] summary { color: var(--ok-green-d); }

/* ==========================================================================
   ПРАВКИ 25.10 (2): шапка без дрожания, меню-кнопки, единый стиль кнопок,
   мессенджеры с иконками, плашки, заголовки, файл в форме
   ========================================================================== */

/* шапка: высота не меняется при прокрутке, логотип по центру строки */
body.okna-up #header .logo { align-self: center; padding: 8px 0 !important; line-height: 0; }
body.okna-up #header .logo img.logoImage { height: 62px !important; }
@media (max-width: 1023px) { body.okna-up #header .logo img.logoImage { height: 50px !important; } }

/* меню — равноценные кнопки */
@media (min-width: 1024px) {
	body.okna-up #header ul.sf-menu { gap: 8px !important; }
	body.okna-up #header ul.sf-menu > li > a {
		background: #f5f8ef !important;
		border: 1px solid var(--ok-line) !important;
		border-radius: 12px !important;
		padding: 10px 18px !important;
		min-width: 96px;
		justify-content: center;
		box-shadow: 0 1px 2px rgba(20, 35, 8, .04);
	}
	body.okna-up #header ul.sf-menu > li:hover > a,
	body.okna-up #header ul.sf-menu > li.current-menu-item > a,
	body.okna-up #header ul.sf-menu > li.current-menu-parent > a,
	body.okna-up #header ul.sf-menu > li.current-menu-ancestor > a {
		background: #e9f2da !important;
		border-color: #cfe0b3 !important;
		color: var(--ok-green-dd) !important;
	}
}
@media (min-width: 1024px) and (max-width: 1180px) {
	body.okna-up #header ul.sf-menu > li > a { padding: 9px 12px !important; min-width: 0; }
	body.okna-up #header ul.sf-menu { gap: 5px !important; }
}

/* единый читаемый шрифт во всех кнопках */
body.okna-up .container-wrapper .wp-block-button__link,
body.okna-up .container-wrapper .wp-block-button__link *,
body.okna-up .container-wrapper a.su-button,
body.okna-up .container-wrapper a.su-button * {
	font-family: var(--ok-font) !important;
	text-shadow: none !important;
	letter-spacing: .01em !important;
}
body.okna-up .container-wrapper .wp-block-button__link {
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	white-space: normal;
	max-width: 100%;
}
body.okna-up .container-wrapper .wp-block-button__link br { display: none; }

/* кнопки мессенджеров в тексте страниц — фирменные цвета и иконки */
body.okna-up .container-wrapper .wp-block-button__link.ok-btn-msg { padding-left: 20px !important; padding-right: 24px !important; }
body.okna-up .container-wrapper .wp-block-button__link.ok-btn-msg::before,
body.okna-up .container-wrapper .wp-block-button__link.ok-btn-calc::before,
body.okna-up .container-wrapper .wp-block-button__link.ok-btn-tel::before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: -3px 9px 0 0;
	vertical-align: middle;
	background: #fff;
	-webkit-mask: var(--ok-i) center / contain no-repeat;
	mask: var(--ok-i) center / contain no-repeat;
}
body.okna-up .container-wrapper .wp-block-button__link.ok-btn-wa { --ok-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.2c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.1-4.6-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2 1-2.3c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 1.9c.1.2.1.3 0 .5l-.3.5-.4.4c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.1.5.1.6-.1l.9-1c.2-.3.4-.2.6-.1l1.8.9c.3.1.5.2.5.3.1.1.1.6-.1 1.2z'/%3E%3C/svg%3E"); background: linear-gradient(135deg, #2bd46b, #12a150) !important; box-shadow: 0 8px 20px rgba(18, 161, 80, .30) !important; }
body.okna-up .container-wrapper .wp-block-button__link.ok-btn-tg { --ok-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.9 4.3 18.8 19c-.2 1-.8 1.3-1.7.8l-4.7-3.5-2.3 2.2c-.3.3-.5.5-1 .5l.3-4.8 8.8-7.9c.4-.3-.1-.5-.6-.2L6.7 13l-4.6-1.4c-1-.3-1-1 .2-1.5L20.6 3c.8-.3 1.6.2 1.3 1.3z'/%3E%3C/svg%3E"); background: linear-gradient(135deg, #37b4f0, #1689c7) !important; box-shadow: 0 8px 20px rgba(22, 137, 199, .30) !important; }
body.okna-up .container-wrapper .wp-block-button__link.ok-btn-max { --ok-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath fill-rule='evenodd' d='M508.2 878.3c-75 0-109.9-11-170.5-54.8-38.3 49.3-159.7 87.8-165 21.9 0-49.5-10.9-91.2-23.3-136.9-14.8-56.2-31.6-118.8-31.6-209.5 0-216.6 177.8-379.6 388.4-379.6 210.8 0 375.9 171 375.9 381.6.7 207.3-166.6 376.1-373.9 377.3m3.1-571.6c-102.6-5.3-182.5 65.7-200.2 177-14.6 92.2 11.3 204.4 33.4 210.2 10.6 2.6 37.2-19 53.8-35.6a189.8 189.8 0 0 0 92.7 33c106.3 5.1 197.1-75.8 204.2-181.9 4.2-106.4-77.7-196.5-183.9-202.6Z'/%3E%3C/svg%3E"); background: linear-gradient(135deg, #45b6ff, #5a3cf0 60%, #9a3be0) !important; box-shadow: 0 8px 20px rgba(90, 60, 240, .30) !important; }
body.okna-up .container-wrapper .wp-block-button__link.ok-btn-calc { --ok-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='5' y='2.5' width='14' height='19' rx='2.5'/%3E%3Cpath d='M8.5 6.5h7M8.5 11h.01M12 11h.01M15.5 11h.01M8.5 14.5h.01M12 14.5h.01M15.5 14.5v3M8.5 18h.01M12 18h.01'/%3E%3C/svg%3E"); }
body.okna-up .container-wrapper .wp-block-button__link.ok-btn-tel { --ok-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E"); }
body.okna-up .container-wrapper .wp-block-buttons:has(.ok-btn-msg) { gap: 10px !important; flex-wrap: wrap; justify-content: center; }

/* все кнопки Shortcodes Ultimate (старые «Вызвать замерщика» и др.) — в новом стиле */
body.okna-up .container-wrapper a.su-button {
	display: inline-flex !important;
	justify-content: center;
	margin: 10px 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, var(--ok-btn-1), var(--ok-btn-2)) !important;
	box-shadow: 0 10px 24px rgba(77, 129, 26, .30) !important;
	text-decoration: none !important;
	transition: transform .2s var(--ok-ease), box-shadow .2s, filter .2s;
	max-width: 100%;
}
body.okna-up .container-wrapper a.su-button:hover { transform: translateY(-2px); box-shadow: 0 16px 30px rgba(77, 129, 26, .40) !important; filter: brightness(1.05); }
body.okna-up .container-wrapper a.su-button > span {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 14px 26px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: none !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	line-height: 1.2 !important;
}
body.okna-up .container-wrapper a.su-button > span > i,
body.okna-up .container-wrapper a.su-button > span > img { display: none !important; }
body.okna-up .container-wrapper a.su-button.ok-su-zamer > span::before {
	content: "";
	width: 18px;
	height: 18px;
	flex: none;
	background: #fff;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M21.3 8.7 15.3 2.7a1 1 0 0 0-1.4 0L2.7 13.9a1 1 0 0 0 0 1.4l6 6a1 1 0 0 0 1.4 0L21.3 10.1a1 1 0 0 0 0-1.4zM7.5 10.5l2 2M10.5 7.5l2 2M13.5 4.5l2 2M4.5 13.5l2 2'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M21.3 8.7 15.3 2.7a1 1 0 0 0-1.4 0L2.7 13.9a1 1 0 0 0 0 1.4l6 6a1 1 0 0 0 1.4 0L21.3 10.1a1 1 0 0 0 0-1.4zM7.5 10.5l2 2M10.5 7.5l2 2M13.5 4.5l2 2M4.5 13.5l2 2'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.okna-up .container-wrapper p:has(> a.su-button) { text-align: center; }
body.okna-up .sidebar a.su-button { display: flex !important; width: 100% !important; margin: 14px 0 10px !important; }
body.okna-up .sidebar p:has(> a.su-button) + p,
body.okna-up .sidebar a.su-button ~ a { display: block; text-align: center; }

/* заголовки — единый стиль на всём сайте */
body.okna-up .page-wrapper h2,
body.okna-up .post_content h2 { color: var(--ok-green-d) !important; }
body.okna-up .page-wrapper :is(h1, h2, h3, h4) *:not(a),
body.okna-up .post_content :is(h1, h2, h3, h4) *:not(a) { color: inherit !important; }
body.okna-up .page-wrapper h1:not(.ok-note),
body.okna-up .post_content h1:not(.ok-note) { color: var(--ok-ink) !important; }

/* плашки вместо цветного текста */
body.okna-up .ok-note {
	display: block;
	position: relative;
	margin: 18px 0 !important;
	padding: 14px 18px 14px 52px !important;
	border-radius: 14px;
	font-size: 15.5px !important;
	line-height: 1.55 !important;
	font-weight: 600 !important;
	font-style: normal !important;
	text-align: left !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
body.okna-up .ok-note * { color: inherit !important; font-style: normal !important; font-size: inherit !important; background: none !important; }
body.okna-up .ok-note::before {
	content: "";
	position: absolute;
	left: 16px;
	top: 50%;
	width: 22px;
	height: 22px;
	transform: translateY(-50%);
	border-radius: 50%;
	background: currentColor;
	-webkit-mask: var(--ok-n) center / contain no-repeat;
	mask: var(--ok-n) center / contain no-repeat;
}
body.okna-up .container-wrapper .ok-note-red {
	background: #fff4f1 !important;
	border: 1px solid #f6d3ca;
	color: #b4351f !important;
	--ok-n: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 15h-2v-2h2zm0-4h-2V7h2z'/%3E%3C/svg%3E");
}
body.okna-up .container-wrapper .ok-note-green {
	background: #f1f7e6 !important;
	border: 1px solid #dbe9c4;
	color: var(--ok-green-dd) !important;
	--ok-n: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.5 14.5-4-4 1.4-1.4 2.6 2.6 5.6-5.6 1.4 1.4z'/%3E%3C/svg%3E");
}
body.okna-up :is(h2, h3, h4).ok-note {
	font-family: var(--ok-head) !important;
	font-size: clamp(18px, 2vw, 21px) !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .02em !important;
}

/* поле «Прикрепите файл» */
body.okna-up .container-wrapper input[type="file"],
body.okna-up .pum-container input[type="file"] {
	width: 100%;
	padding: 16px !important;
	border: 2px dashed #cfe0b3 !important;
	border-radius: 14px !important;
	background: #f8fbf2 !important;
	color: var(--ok-muted);
	font-size: 14px !important;
	cursor: pointer;
	transition: border-color .2s, background .2s;
}
body.okna-up .container-wrapper input[type="file"]:hover { border-color: var(--ok-btn-1) !important; background: #f1f7e6 !important; }
body.okna-up .container-wrapper input[type="file"]::file-selector-button,
body.okna-up .pum-container input[type="file"]::file-selector-button {
	margin-right: 14px;
	padding: 11px 20px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--ok-btn-1), var(--ok-btn-2));
	color: #fff;
	font: 700 14px/1.2 var(--ok-font);
	cursor: pointer;
}
body.okna-up .container-wrapper .wpcf7-form-control-wrap:has(input[type="file"]) { display: block; border: 0 !important; padding: 0 !important; background: none !important; }
body.okna-up .container-wrapper .wpcf7-submit,
body.okna-up .pum .wpcf7-submit { min-width: 200px; padding: 15px 34px !important; font-size: 16px !important; }

/* выделение маркером (жёлтый фон) — аккуратная зелёная метка */
body.okna-up .page-wrapper mark,
body.okna-up .post_content mark {
	display: inline-block;
	background: #eef6df !important;
	color: var(--ok-green-dd) !important;
	padding: 6px 14px;
	margin: 4px 0;
	border-radius: 10px;
	border: 1px solid #dbe9c4;
	font-weight: 600;
	line-height: 1.45;
}
body.okna-up .page-wrapper mark *,
body.okna-up .post_content mark * { color: inherit !important; }
body.okna-up .ok-note mark { display: inline !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }

/* списки с галочками ✅ (блок «Почему стоит заказать…» и подобные) */
body.okna-up ul.ok-checks { list-style: none !important; margin: 0 0 6px !important; padding: 0 !important; }
body.okna-up ul.ok-checks > li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 54px;
	padding: 12px 14px !important;
	margin: 0 0 10px !important;
	background: #f6f9f0;
	border: 1px solid var(--ok-line);
	border-radius: 14px;
	font-size: 15.5px !important;
	font-weight: 700 !important;
	font-style: normal !important;
	line-height: 1.3 !important;
	color: var(--ok-ink) !important;
	transition: transform .2s, box-shadow .2s, border-color .2s;
}
body.okna-up ul.ok-checks > li::before {
	content: "";
	flex: 0 0 28px;
	width: 28px;
	min-width: 28px;
	height: 28px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--ok-btn-1), var(--ok-btn-2));
	box-shadow: 0 4px 10px rgba(77, 129, 26, .25);
}
body.okna-up ul.ok-checks > li::after {
	content: "";
	position: absolute;
	left: 25px;
	top: 50%;
	width: 6px;
	height: 11px;
	border: solid #fff;
	border-width: 0 2.5px 2.5px 0;
	transform: translate(0, -62%) rotate(45deg);
}
body.okna-up ul.ok-checks > li:hover { transform: translateY(-2px); border-color: #cfe0b3; box-shadow: var(--ok-shadow); }
body.okna-up .ok-nw { white-space: nowrap; }

/* ==========================================================================
   ПРАВКИ 25.10 (3)
   ========================================================================== */

/* логотип крупнее и гармоничнее в шапке */
body.okna-up #header .logo { padding: 6px 0 !important; }
body.okna-up #header .logo img.logoImage { height: 82px !important; width: auto !important; max-width: none !important; }
@media (max-width: 1180px) { body.okna-up #header .logo img.logoImage { height: 70px !important; } }
@media (max-width: 1023px) { body.okna-up #header .logo img.logoImage { height: 56px !important; } }

/* жирность в кнопках — ровная (без сверхжирного начертания у <strong>) */
body.okna-up .container-wrapper .wp-block-button__link *,
body.okna-up .container-wrapper a.su-button * { font-weight: inherit !important; }
body.okna-up .container-wrapper .wp-block-button__link { font-weight: 600 !important; letter-spacing: .015em !important; }
body.okna-up .container-wrapper .wp-block-button__link.ok-price,
body.okna-up .container-wrapper .wp-block-button__link.ok-price * { font-weight: 700 !important; }

/* кнопка «Наверх» — в стиле сайта */
body.okna-up #wpfront-scroll-top-container {
	width: 50px !important;
	height: 50px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: linear-gradient(135deg, var(--ok-btn-1), var(--ok-btn-2)) !important;
	box-shadow: 0 10px 24px rgba(77, 129, 26, .35) !important;
	cursor: pointer;
	opacity: .95 !important;
	right: 22px !important;
	left: auto !important;
	bottom: 90px !important;
	transition: transform .2s var(--ok-ease), box-shadow .2s, opacity .2s !important;
}
body.okna-up #wpfront-scroll-top-container img { display: none !important; }
body.okna-up #wpfront-scroll-top-container::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12px;
	height: 12px;
	border-left: 3px solid #fff;
	border-top: 3px solid #fff;
	border-radius: 2px;
	transform: translate(-50%, -25%) rotate(45deg);
}
body.okna-up #wpfront-scroll-top-container:hover { transform: translateY(-3px); box-shadow: 0 16px 30px rgba(77, 129, 26, .45) !important; opacity: 1 !important; }
@media (max-width: 1023px) {
	body.okna-up #wpfront-scroll-top-container { width: 44px !important; height: 44px !important; right: 14px !important; bottom: 84px !important; }
}

/* мессенджеры в одну строку */
body.okna-up .container-wrapper .wp-block-buttons.ok-msg-row {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px !important;
	margin: 14px 0 !important;
}
body.okna-up .container-wrapper .wp-block-buttons.ok-msg-row .wp-block-button { margin: 0 !important; }
body.okna-up .container-wrapper .wp-block-buttons.ok-msg-row .wp-block-button__link { padding: 11px 20px 11px 16px !important; font-size: 14.5px !important; white-space: nowrap; }

/* галерея-одиночка внутри карточки — картинка на всю ширину карточки */
body.okna-up .ok-card .pgc-sgb-cb,
body.okna-up .ok-card .pgcsimplygalleryblock-grid-collection,
body.okna-up .ok-card .pgcsimplygalleryblock-grid-content { height: auto !important; width: 100% !important; padding: 0 !important; }
body.okna-up .ok-card .pgcsimplygalleryblock-grid-item { width: 100% !important; height: auto !important; position: relative !important; left: auto !important; top: auto !important; transform: none !important; margin: 0 !important; }
body.okna-up .ok-card .pgcsimplygalleryblock-grid-main-wrap,
body.okna-up .ok-card .pgcsimplygalleryblock-grid-item-wrap { position: relative !important; width: 100% !important; height: auto !important; padding: 0 !important; inset: auto !important; }
body.okna-up .ok-card [class*="pgcsimplygalleryblock"] img { position: static !important; display: block; width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; object-fit: cover; transform: none !important; }