/*
 * BOFORT · Дизайн-система 2026 «Петроль і тепле дерево»
 * ------------------------------------------------------------------
 * Шар поверх style.css (Blocs). Підключається останнім — див.
 * functions/enqueue-styles.php. Розмітку та контент не змінює:
 * перевизначає шрифти, палітру (через --swatch-var-*), кнопки,
 * форми, радіуси, тіні та ховери.
 *
 * Гарнітури:  Unbounded (заголовки) · Golos Text (текст) · IBM Plex Mono (кікери/лейбли)
 * Палітра:    Петроль 900 #0D2F37 · Петроль 700 #12414C · Янтар #C68A4E
 *             Горіх #8A5A2E · Пісок #E8DCC9 · Крем #F5F0E7
 * Форма:      radius 2px · без тіней · сітки з лінією 1px
 */

/* = Web fonts (self-hosted woff2, кирилиця)
-------------------------------------------------------------- */
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url('../fonts/golos-text/golos-text-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url('../fonts/golos-text/golos-text-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url('../fonts/golos-text/golos-text-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url('../fonts/golos-text/golos-text-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-mono/ibm-plex-mono-400-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-mono/ibm-plex-mono-400-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-mono/ibm-plex-mono-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-mono/ibm-plex-mono-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-mono/ibm-plex-mono-500-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-mono/ibm-plex-mono-500-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-mono/ibm-plex-mono-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-mono/ibm-plex-mono-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:200 900;font-display:swap;src:url('../fonts/unbounded/unbounded-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:200 900;font-display:swap;src:url('../fonts/unbounded/unbounded-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:200 900;font-display:swap;src:url('../fonts/unbounded/unbounded-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:200 900;font-display:swap;src:url('../fonts/unbounded/unbounded-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* = Tokens
-------------------------------------------------------------- */
:root{
	--ds-petrol-900:#0D2F37;
	--ds-petrol-700:#12414C;
	--ds-petrol-500:#1E5D6C;
	--ds-amber:#C68A4E;
	--ds-amber-hover:#D9A05B;
	--ds-walnut:#8A5A2E;
	--ds-sand:#E8DCC9;
	--ds-cream:#F5F0E7;
	--ds-cream-alt:#EFE8DB;
	--ds-paper:#FBF8F2;
	--ds-ink:#3D4A47;
	--ds-ink-muted:#5E6B67;
	--ds-line:rgba(13,47,55,.12);
	--ds-line-strong:rgba(13,47,55,.24);
	--ds-line-dark:rgba(245,240,231,.2);
	--ds-line-dark-strong:rgba(245,240,231,.35);

	--ds-font-display:'Unbounded', 'Golos Text', sans-serif;
	--ds-font-body:'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--ds-font-mono:'IBM Plex Mono', ui-monospace, monospace;

	--ds-radius:2px;
	--ds-ease:.2s ease;

	/* Bootstrap 5.3 */
	--bs-body-font-family:var(--ds-font-body);
	--bs-body-color:var(--ds-ink);
	--bs-body-bg:var(--ds-cream);
	--bs-primary:#12414C;
	--bs-primary-rgb:18,65,76;
	--bs-link-color:#12414C;
	--bs-link-color-rgb:18,65,76;
	--bs-link-hover-color:#8A5A2E;
	--bs-link-hover-color-rgb:138,90,46;
	--bs-border-color:rgba(13,47,55,.12);
	--bs-border-radius:2px;
	--bs-border-radius-sm:2px;
	--bs-border-radius-lg:2px;
	--bs-focus-ring-color:rgba(198,138,78,.3);

	/* Remap Blocs swatches → DS palette.
	   Всі tc-*, bgc-*, btn-c-* та кастомні класи теми беруть колір звідси. */
	--swatch-var-1:#3D4A47;               /* текст (було чорний .77)        */
	--swatch-var-2:#F5F0E7;               /* білий → крем                   */
	--swatch-var-4962:#C68A4E;            /* блакитний акцент → янтар        */
	--swatch-var-3080:#8A5A2E;            /* цегляний → горіх                */
	--swatch-var-6439:#E8DCC9;            /* світло-сірий → пісок            */
	--swatch-var-7473:#E8DCC9;
	--swatch-var-7963:#F5F0E7;            /* майже білий фон/текст → крем    */
	--swatch-var-4485:#0D2F37;            /* темний текст → петроль 900      */
	--swatch-var-511:rgba(13,47,55,.28);  /* затемнення фото                 */
	--swatch-var-7352:#8A5A2E;
	--swatch-var-7137:#F5F0E7;            /* білий → крем                   */
	--swatch-var-2214:#C68A4E;
	--swatch-var-5109:rgba(245,240,231,.08);
	--swatch-var-6093:#0D2F37;            /* чорний → петроль 900            */
	--swatch-var-4288:rgba(13,47,55,.7);
	--swatch-var-7005:#0D2F37;
	--swatch-var-7309:rgba(13,47,55,.8);
	--swatch-var-2600:#E8DCC9;
	--swatch-var-436:#E8DCC9;
	--swatch-var-7531:#C68A4E;
	--swatch-var-5137:#F5F0E7;            /* жовтий (dropdown/infobar) → крем */
	--swatch-var-2718:#12414C;
	--swatch-var-4662:#C68A4E;            /* бірюзовий акцент → янтар        */
	--swatch-var-1929:#12414C;
	--swatch-var-4593:rgba(245,240,231,.5);
	--swatch-var-426:rgba(245,240,231,.8);
	--swatch-var-6506:#12414C;            /* синій → петроль 700             */
	--swatch-var-5447:#1E5D6C;
	--swatch-var-168:#D9A05B;             /* ховер-блакитний → янтар hover   */
	--swatch-var-459:#C68A4E;
	--swatch-var-932:#E8DCC9;
	--swatch-var-6742:#5E6B67;
	--swatch-var-4003:#12414C;
	--swatch-var-1238:#12414C;            /* основна синя кнопка → петроль   */
	--swatch-var-6518:#E8DCC9;            /* світло-блакитний → пісок        */
	--swatch-var-750:#E8DCC9;
	--swatch-var-5249:#0D2F37;            /* сланцевий текст → петроль 900   */
	--swatch-var-4367:#12414C;
	--swatch-var-4070:#C68A4E;
	--swatch-var-2916:rgba(198,138,78,.3);
	--swatch-var-6795:rgba(198,138,78,.15);
	--swatch-var-1830:#0D2F37;
	--swatch-var-805:#12414C;
	--swatch-var-242:#0D2F37;
	--swatch-var-4285:#F5F0E7;            /* фон body → крем                 */
	--swatch-var-5837:#F5F0E7;
	--swatch-var-2112:#C68A4E;            /* персиковий → янтар              */
	--swatch-var-1811:#E8DCC9;
	--swatch-var-4971:#E8DCC9;
}

::selection{background:var(--ds-amber);color:var(--ds-petrol-900);}

/* = Base typography
-------------------------------------------------------------- */
body{
	background:var(--ds-cream);
	color:var(--ds-ink);
	font-family:var(--ds-font-body);
	font-size:16px;
	line-height:1.6;
}
p,label,a,li,span,input,select,textarea,button,.btn,
.p-bloc-3-style,.p-18-style,.p-bloc-5-style,.p-bloc-6-style,.p-bloc-7-style,.p-bloc-8-style,
.features-main,.menu-links,.h1-style{
	font-family:var(--ds-font-body);
}

h1,h2,h3,h4,h5,h6{
	font-family:var(--ds-font-display);
	font-weight:600;
	line-height:1.2;
	letter-spacing:-.01em;
	color:var(--ds-petrol-900);
}
h1 strong,h2 strong,h3 strong{font-weight:700;}
p{line-height:1.6;}
strong,b{font-weight:600;}

a{color:var(--ds-petrol-700);transition:color var(--ds-ease),background-color var(--ds-ease),border-color var(--ds-ease),opacity var(--ds-ease);}
a:hover{color:var(--ds-walnut);}

/* Display / H1 — широкий шрифт, тримати ≤40px */
.mainheader,.bloc-1-h1,.company-name,.hero-bloc-text,.katalog{
	font-family:var(--ds-font-display);
	font-weight:600;
	font-size:40px;
	line-height:1.15;
	letter-spacing:-.01em;
	text-transform:none;
}
.mainheader strong{color:var(--ds-amber);font-weight:600;}
.h2-main,.hero-bloc-text-sub{
	font-family:var(--ds-font-body);
	font-weight:400;
	font-size:20px;
	line-height:1.55;
	letter-spacing:0;
	color:var(--ds-sand)!important;
	max-width:620px;
}

/* H2 — заголовки секцій */
.heading-site,.h3-442-style,.heading-oil,.box-heading,.bloc-ash-color-h3,.bloc-oak-color-h3,
.bloc-walnut-color-h3,.bloc-pine-color-h3,.h2-style{
	font-family:var(--ds-font-display);
	font-weight:600;
	font-size:28px;
	line-height:1.2;
	letter-spacing:-.01em;
	text-transform:none;
}
.heading-site{color:var(--ds-petrol-900)!important;}

/* H3 — підзаголовки карток / блоків */
.header-main,.header-price,.feat-header,.faq-question,.sidebar-header,.katalog-subheader,
.bloc-form-label,.bloc-28-h3,.bloc-29-h3,.bloc-32-h3,.bloc-33-h3,.form-cta{
	font-family:var(--ds-font-display);
	font-weight:600;
	letter-spacing:0;
	text-transform:none;
	line-height:1.25;
}
.header-main{font-size:22px;}
.header-price{font-size:24px;}
.feat-header{font-size:17px;color:var(--ds-amber)!important;}

/* Дрібні «заголовки» в розмітці, що за змістом є текстом */
.features-main,.navbar-discription,.form-cta-top,.h3-style,.img-name,.text-salon,.blog-heading{
	font-family:var(--ds-font-body);
	letter-spacing:0;
	text-transform:none;
}
.features-main{font-weight:500;font-size:16px;}
.form-cta-top{font-weight:500;font-size:17px;line-height:1.5;color:var(--ds-petrol-900)!important;}

/* Body copy */
.text-collection,.paragraf-style,.p-bloc-3-style,.blog-text,.faq-answer,.text-form{
	font-family:var(--ds-font-body);
	letter-spacing:0;
	word-spacing:normal;
	line-height:1.6;
}
.text-collection,.p-bloc-3-style{font-size:16px;color:var(--ds-ink)!important;}
.paragraf-style{font-size:17px;}

/* Mono — кікери, лейбли, цифри */
.navbar-text,.blog-date,.price-text-discription,h3.price-text-main,h4.price-text-main,
.ds-kicker{
	font-family:var(--ds-font-mono);
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:.14em;
	font-size:11px;
	line-height:1.6;
}
h3.price-text-main,h4.price-text-main{font-size:12px;letter-spacing:.2em;color:var(--ds-walnut)!important;}
p.price-text-main,.price-text-collection{
	font-family:var(--ds-font-body);
	text-transform:none;
	letter-spacing:0;
	word-spacing:normal;
	font-size:16px;
	line-height:1.65;
}
.price-text-collection{font-size:15px;}
.blog-date{color:var(--ds-walnut)!important;}

/* = Dark sections (петроль) — колір тексту
-------------------------------------------------------------- */
.backgound-blue,.backgound-blue-2,.backgound-warm,.bgc-6093,.bgc-4485,.bgc-7309{
	background:var(--ds-petrol-900)!important;
	color:var(--ds-sand);
}
.backgound-blue h1,.backgound-blue h2,.backgound-blue h3,.backgound-blue h4,.backgound-blue h5,
.backgound-blue-2 h1,.backgound-blue-2 h2,.backgound-blue-2 h3,.backgound-blue-2 h4,.backgound-blue-2 h5,
.backgound-blue .header-main,.backgound-blue-2 .header-main,.backgound-blue-2 .heading-site{
	color:var(--ds-cream)!important;
}
.backgound-blue p,.backgound-blue-2 p{color:var(--ds-sand);}
.backgound-blue .feat-header{color:var(--ds-amber)!important;}
.d-bloc{color:var(--ds-sand);}
.d-bloc .a-btn,.d-bloc .navbar a,.d-bloc p a{color:var(--ds-sand);}
.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc p a:hover{color:var(--ds-amber);}
.l-bloc{color:var(--ds-ink);}
.l-bloc .a-btn,.l-bloc p a{color:var(--ds-petrol-700);}
.l-bloc .a-btn:hover,.l-bloc p a:hover{color:var(--ds-walnut);}
.bgc-7137{background-color:var(--ds-cream-alt);}   /* чергування фонів: крем → тепліший крем */
.bgc-2{background-color:var(--ds-cream-alt);}

/* лінії */
.b-divider{border-top:1px solid var(--ds-line-dark);border-bottom:1px solid var(--ds-line-dark);}
.divider-h{background-color:var(--ds-line);}
.backgound-blue .divider-h,.backgound-blue-2 .divider-h{background-color:var(--ds-line-dark);}
.divider-margin-left,.divider-style{
	width:56px;
	border:0;
	border-top:2px solid var(--ds-amber)!important;
	background:none;
	min-height:0;
}

/* = Header / navbar
-------------------------------------------------------------- */
.navbar-custom{background:var(--ds-petrol-900)!important;}
.sticky-nav.sticky{box-shadow:none;border-bottom:1px solid var(--ds-line-dark);}
.navbar-brand,.sidebar-brand{
	font-family:var(--ds-font-display)!important;
	font-weight:600;
	letter-spacing:.12em;
	color:var(--ds-cream)!important;
}
.navbar-brand:hover,.sidebar-brand:hover{color:var(--ds-amber)!important;}
.navbar-discription{font-size:13px;line-height:1.4;color:var(--ds-sand)!important;}
.navbar-text{color:var(--ds-sand)!important;opacity:.8;}
.navbar-link,.h3-style .navbar-link{
	font-family:var(--ds-font-body);
	font-weight:500;
	font-size:15px;
	letter-spacing:.02em;
	color:var(--ds-cream)!important;
}
.navbar-link:hover{color:var(--ds-amber)!important;}
.icon-2112{color:var(--ds-amber)!important;border-color:var(--ds-amber)!important;}
.custom-menu-icon,.icon-5837{color:var(--ds-cream)!important;}
.custom-menu-icon:hover{color:var(--ds-amber)!important;}

/* Offcanvas sidebar */
.offcanvas.backgound-blue-2{border-left:1px solid var(--ds-line-dark);}
.sidebar-header{
	font-family:var(--ds-font-mono)!important;
	font-weight:500;
	font-size:12px!important;
	letter-spacing:.2em!important;
	text-transform:uppercase;
	color:var(--ds-amber)!important;
}
.menu-links{color:var(--ds-cream)!important;letter-spacing:.02em;font-size:16px;}
.menu-links:hover{color:var(--ds-amber)!important;}
.sidebar-btn-text{font-family:var(--ds-font-body)!important;letter-spacing:.02em!important;}

/* = Buttons — прямокутні, radius 2px, без тіней
-------------------------------------------------------------- */
.btn{
	font-family:var(--ds-font-body);
	font-weight:600;
	font-size:15px;
	letter-spacing:.01em;
	line-height:1.3;
	border-radius:var(--ds-radius)!important;
	text-shadow:none!important;
	box-shadow:none!important;
	transition:background-color var(--ds-ease),color var(--ds-ease),border-color var(--ds-ease),opacity var(--ds-ease);
}
.btn:focus-visible{outline:2px solid var(--ds-amber)!important;outline-offset:2px;}
.btn-rd,.btn-sq{border-radius:var(--ds-radius)!important;}
.btn-clean{border:1px solid transparent;}
.btn-lg{padding:13px 26px;font-size:15px;}
.btn-xl{padding:16px 32px;font-size:16px;}

/* Базова «темна» кнопка Blocs */
.btn-d,.btn-d:focus{background:var(--ds-petrol-700);color:var(--ds-cream);}
.btn-d:hover{background:var(--ds-petrol-900);color:var(--ds-cream);}

/* Primary на світлому — петроль 700 */
.primary-btn,.btn-c-1238,.button-telegram,.main-button,.btn-c-4962,.btn-c-3080{
	background:var(--ds-petrol-700)!important;
	border:1px solid var(--ds-petrol-700)!important;
	color:var(--ds-cream)!important;
	letter-spacing:.01em!important;
	text-transform:none;
}
.primary-btn:hover,.btn-c-1238:hover,.button-telegram:hover,.main-button:hover,.btn-c-4962:hover,.btn-c-3080:hover,
.primary-btn:active,.primary-btn:focus{
	background:var(--ds-petrol-900)!important;
	border-color:var(--ds-petrol-900)!important;
	color:var(--ds-cream)!important;
}

/* Primary на темному / на фото — янтар + петрольний текст */
.main-screen .btn,.main-screen-zrazki .btn,.main-peregorodka .btn,.main-stilnitsi .btn,.main-paneli .btn,
.main-steli .btn,.main-stiny .btn,.background-stiny .btn,.discount-screen .btn,.background-fasady .btn,
.backgound-blue .btn:not(.btn-wire),.backgound-blue-2 .btn:not(.btn-wire),.bgc-6093 .btn:not(.btn-wire),
.navbar-button,.btn-c-3080{
	background:var(--ds-amber)!important;
	border:1px solid var(--ds-amber)!important;
	color:var(--ds-petrol-900)!important;
}
.main-screen .btn:hover,.main-screen-zrazki .btn:hover,.main-peregorodka .btn:hover,.main-stilnitsi .btn:hover,
.main-paneli .btn:hover,.main-steli .btn:hover,.main-stiny .btn:hover,.background-stiny .btn:hover,
.discount-screen .btn:hover,.background-fasady .btn:hover,
.backgound-blue .btn:not(.btn-wire):hover,.backgound-blue-2 .btn:not(.btn-wire):hover,.bgc-6093 .btn:not(.btn-wire):hover,
.navbar-button:hover,.btn-c-3080:hover{
	background:var(--ds-amber-hover)!important;
	border-color:var(--ds-amber-hover)!important;
	color:var(--ds-petrol-900)!important;
}
.navbar-button{font-size:14px;padding:10px 18px;}

/* Secondary на світлому — контур петроль */
.button-main,.button-collection,.btn-main,.btn-interior,.btn-exterior{
	background:transparent!important;
	border:1px solid var(--ds-petrol-700)!important;
	color:var(--ds-petrol-700)!important;
	font-weight:500;
	font-size:15px;
	letter-spacing:.01em!important;
	padding:12px 26px;
}
.button-main:hover,.button-collection:hover,.btn-main:hover,.btn-interior:hover,.btn-exterior:hover{
	background:var(--ds-petrol-700)!important;
	border-color:var(--ds-petrol-700)!important;
	color:var(--ds-cream)!important;
}
/* Secondary на темному / на фото — контур крем 35% */
.btn-wire,.wire-btn-c-6518,.wire-btn-c-7963,
.d-bloc .button-main,.d-bloc .btn-interior,.d-bloc .btn-exterior,.d-bloc .btn-main,
.backgound-blue .button-main,.backgound-blue-2 .button-main,.backgound-blue .btn-main,.backgound-blue-2 .btn-main{
	background:transparent!important;
	border:1px solid var(--ds-line-dark-strong)!important;
	color:var(--ds-cream)!important;
}
.btn-wire:hover,.wire-btn-c-6518:hover,.wire-btn-c-7963:hover,
.d-bloc .button-main:hover,.d-bloc .btn-interior:hover,.d-bloc .btn-exterior:hover,.d-bloc .btn-main:hover,
.backgound-blue .button-main:hover,.backgound-blue-2 .button-main:hover,.backgound-blue .btn-main:hover,.backgound-blue-2 .btn-main:hover{
	background:transparent!important;
	border-color:var(--ds-amber)!important;
	color:var(--ds-amber)!important;
}
.l-bloc:not(.backgound-blue):not(.backgound-blue-2) .btn-wire:not(.menu-btn){
	border-color:var(--ds-petrol-700)!important;
	color:var(--ds-petrol-700)!important;
}
.l-bloc:not(.backgound-blue):not(.backgound-blue-2) .btn-wire:not(.menu-btn):hover{
	background:var(--ds-petrol-700)!important;
	color:var(--ds-cream)!important;
}
.primary-btn-color{
	background:var(--ds-petrol-700)!important;
	color:var(--ds-cream)!important;
}
.primary-btn-color:hover{background:var(--ds-petrol-900)!important;}

/* FAQ-перемикачі — текстові кнопки */
.btn-faq{
	background:transparent!important;
	border:0!important;
	color:var(--ds-petrol-900)!important;
	font-family:var(--ds-font-body);
	font-weight:600;
	font-size:19px;
	letter-spacing:0;
	padding:14px 0;
	text-align:left;
	white-space:normal;
}
.btn-faq:hover{color:var(--ds-walnut)!important;background:transparent!important;}
.btn-faq .ion,.btn-faq .icon-spacer{color:var(--ds-amber);margin-right:12px;}
.faq-answer{color:var(--ds-ink)!important;font-size:16px;}
.backgound-blue-2 .btn-faq{color:var(--ds-cream)!important;}
.backgound-blue-2 .btn-faq:hover{color:var(--ds-amber)!important;}
.backgound-blue-2 .faq-answer{color:var(--ds-sand)!important;}

/* Scroll to top */
.scrollToTop{background-color:var(--ds-petrol-700)!important;border-radius:var(--ds-radius)!important;}
.scrollToTop:hover{background-color:var(--ds-amber)!important;}

/* Arrows, дрібні іконки */
.arrow-btn{color:var(--ds-amber)!important;}
.icon-main{color:var(--ds-amber)!important;}
.icon-4962{color:var(--ds-amber)!important;border-color:var(--ds-amber)!important;}

/* = Forms
-------------------------------------------------------------- */
.form-control,.text-form-field,.field-style,.calcfield,.formsel,input[type="text"],input[type="tel"],input[type="email"],textarea,select.form-select{
	background:var(--ds-paper)!important;
	border:1px solid var(--ds-line-strong)!important;
	border-radius:var(--ds-radius)!important;
	box-shadow:none!important;
	color:var(--ds-petrol-900);
	font-family:var(--ds-font-body);
	font-weight:400;
	font-size:16px;
	letter-spacing:0;
	text-indent:0;
	transition:border-color var(--ds-ease),box-shadow var(--ds-ease);
}
.form-control,.text-form-field{height:52px;padding:12px 16px;margin:0 0 12px 0;}
textarea.form-control{height:auto;}
.form-control::placeholder{color:#8B918C;opacity:1;}
.form-control:hover,.field-style:hover,.calcfield:hover,.formsel:hover{border-color:var(--ds-petrol-700)!important;}
.form-control:focus,.field-style:focus,.calcfield:focus,.formsel:focus,
input[type="text"]:focus,input[type="tel"]:focus,textarea:focus{
	outline:0;
	border-color:var(--ds-amber)!important;
	box-shadow:0 0 0 3px rgba(198,138,78,.22)!important;
	background:#FFFDF9!important;
}
.form-group .help-block,.help-block{font-size:13px;color:#A04A2E;}

/* Поля на темному (сайдбар) */
.field-sidebar-style,.backgound-blue-2 .form-control,.backgound-blue .form-control{
	background:rgba(245,240,231,.06)!important;
	border:1px solid var(--ds-line-dark-strong)!important;
	color:var(--ds-cream)!important;
}
.field-sidebar-style::placeholder,.backgound-blue-2 .form-control::placeholder{color:rgba(232,220,201,.6);}
.field-sidebar-style:hover{box-shadow:none!important;border-color:var(--ds-sand)!important;}
.field-sidebar-style:focus{border-color:var(--ds-amber)!important;box-shadow:0 0 0 3px rgba(198,138,78,.25)!important;}

/* Картки форм */
.form-style-v2,.form-style,.box,.box-copy-1,.calcform,.menu-form-style,.div-calc{
	background:var(--ds-paper)!important;
	border:1px solid var(--ds-line)!important;
	border-radius:var(--ds-radius)!important;
	box-shadow:none!important;
}
.form-style-v2{padding:32px 28px;border-top:3px solid var(--ds-amber)!important;}
.calcform{border-width:1px!important;}
.formlab{
	font-family:var(--ds-font-mono);
	font-weight:500;
	font-size:12px;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--ds-walnut)!important;
}
#price{color:var(--ds-petrol-900);font-family:var(--ds-font-display);font-weight:600;}
.form-check-input{border-color:var(--ds-line-strong);border-radius:var(--ds-radius);}
.form-check-input:checked{background-color:var(--ds-petrol-700);border-color:var(--ds-petrol-700);}
.form-check-input:focus{box-shadow:0 0 0 3px rgba(198,138,78,.22);border-color:var(--ds-amber);}
.form-check-input[type=radio]{border-radius:50%;}
.form-switch .form-check-input{border-radius:2em;}
.dropdown-menu{background-color:var(--ds-paper);border:1px solid var(--ds-line);border-radius:var(--ds-radius);box-shadow:none;}

/* = Cards, фото, радіуси — майже прямі кути
-------------------------------------------------------------- */
.card,.card-rd,.card-normal,.card-colour,.card-start-row,.img-panel,.img-walls,.img-panels,.img-style,
.img-bloc-5-style,.box-rubio,.img-rd-md,.img-rd-lg,.video-ty,.carousel-collection,.carousel-collection-horizontal,
.bento-box,.bg-img-box,.blog-img,.img-fluid.rounded{
	border-radius:var(--ds-radius)!important;
}
.card-rd .card-header,.card-rd .card-footer,.card-img,.card-content,.works-card-img,.works-card-content{border-radius:0!important;}
.card-content,.card-img,.works-card-img,.works-card-content,.box,.box-copy-1,.color-box,.carousel-collection,
.carousel-collection-horizontal,.field-style,.calcfield{
	box-shadow:none!important;
}
.card-content,.works-card-content,.card-start-row{
	background:var(--ds-paper)!important;
	border:1px solid var(--ds-line);
	border-top:0;
}
.card-colour{background:var(--ds-petrol-700)!important;}
.card-normal{background:rgba(245,240,231,.06)!important;border-color:var(--ds-line-dark)!important;}
.heading-content{font-family:var(--ds-font-display);font-size:16px;color:var(--ds-petrol-900)!important;}
.works-card-discription{color:var(--ds-ink)!important;}

/* Bento-фото з підписом: рамка-акцент 4px янтарного зліва */
.bento-box{
	background-color:rgba(13,47,55,.22);
	border-left:4px solid var(--ds-amber);
}
.gradient-heading{
	background:none!important;
	-webkit-background-clip:border-box!important;
	background-clip:border-box!important;
	color:var(--ds-cream)!important;
	font-family:var(--ds-font-display)!important;
	font-weight:600;
	letter-spacing:-.01em;
}

/* Таблички-лінки «каталог» / ціни */
.price-list{color:var(--ds-petrol-900)!important;}
.list-price{color:var(--ds-ink);}

/* Цитати */
.quote-text{font-family:var(--ds-font-body);font-style:normal;color:var(--ds-petrol-900);}

/* Lightbox */
.next-lightbox,.prev-lightbox,.close-lightbox{border-radius:var(--ds-radius);background:rgba(13,47,55,.6);}
.next-lightbox:hover,.prev-lightbox:hover,.close-lightbox:hover{background:var(--ds-amber);}
a[data-lightbox]:hover::before{background:rgba(13,47,55,.7);border-radius:var(--ds-radius);}
.lightbox-caption{background:rgba(13,47,55,.75);color:var(--ds-cream);}

/* Пагінація WP */
.wp-paginate a,.wp-paginate .current{background:transparent;border:1px solid var(--ds-line-strong);color:var(--ds-petrol-900);border-radius:var(--ds-radius);font-family:var(--ds-font-mono);}
.wp-paginate a:hover,.wp-paginate .current{background:var(--ds-petrol-700);border-color:var(--ds-petrol-700);color:var(--ds-cream);}

/* = Footer
-------------------------------------------------------------- */
#bloc-footer .header-main{
	font-family:var(--ds-font-mono);
	font-weight:500;
	font-size:12px;
	letter-spacing:.2em;
	text-transform:uppercase;
	color:var(--ds-amber)!important;
	margin-bottom:20px;
}
.footer-text{color:var(--ds-sand)!important;letter-spacing:.02em;}
a.footer-text:hover,.footer-text a:hover{color:var(--ds-amber)!important;}
.footer-heading{color:var(--ds-amber)!important;}
.link-bloc-footer-style{font-weight:600;}
.infobar.bgc-5137{background:var(--ds-amber)!important;color:var(--ds-petrol-900);}

/* = Mobile
-------------------------------------------------------------- */
@media (max-width: 991px){
	.mainheader,.bloc-1-h1,.company-name,.katalog{font-size:32px;}
	.heading-site,.h3-442-style,.box-heading{font-size:24px;}
	.h2-main{font-size:18px;}
}
@media (max-width: 767px){
	.mainheader,.bloc-1-h1,.company-name,.katalog{font-size:28px;}
	.header-main{font-size:19px;}
	.header-price{font-size:20px;}
}
@media (max-width: 575px){
	.mainheader,.bloc-1-h1{font-size:24px;line-height:1.2;}
	.heading-site,.h3-442-style,.box-heading{font-size:21px;}
	.h2-main{font-size:16px;}
	.btn-xl{font-size:15px;padding:14px 22px;}
	.btn-faq{font-size:16px;}
	.form-control,.text-form-field{height:48px;font-size:16px;}
}

/* Перший екран на фото (підсвітка): основна кнопка — янтар */
.background-light .btn,.ambientlight .btn,.lustra .btn,.stelya-light .btn{
	background:var(--ds-amber)!important;
	border:1px solid var(--ds-amber)!important;
	color:var(--ds-petrol-900)!important;
}
.background-light .btn:hover,.ambientlight .btn:hover,.lustra .btn:hover,.stelya-light .btn:hover{
	background:var(--ds-amber-hover)!important;
	border-color:var(--ds-amber-hover)!important;
}