/* Тема okna за макетом 14.11.2026 (docs/design-2026-11-14 паку). Токени з README макета (контраст перевірено):
   меню / основна кнопка / пошук #0879a6, дія (У кошик, Обрати вікно) #b85500, посилання #2d74a2, темний блок і футер #1d4f73,
   фон секцій #ebf1f4, фон фото #f6f9fb, рамки #d1dfe6, поля #b7c7d1, текст #222 / #3d4852 / #4a5560, «Під замовлення» #8a4a00 на #fdf1e6.
   Шрифт Onest — самохостинг, лише swap, без preload; запасний «Onest Fallback» (Arial / Liberation Sans, size-adjust — співвідношення ширини тексту
   Onest / Liberation Sans у Chromium 14.11.2026 для ваг 400/500/600/700; ascent/descent — метрики Onest), щоб підміна шрифту не давала CLS. Радіуси 10–12 (поля, кнопки), 16 (картки), 20–24 (банери). Контейнер 1240.
   Власні блоки теми — класи ok-*; класи рушія (card, facets, product…) лише перестилізовано. */
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/Onest-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/Onest-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:'Onest Fallback';font-style:normal;font-weight:400;src:local('Arial'),local('ArialMT'),local('Liberation Sans'),local('LiberationSans'),local('Arimo'),local('Helvetica');size-adjust:104.8%;ascent-override:92.6%;descent-override:29.1%;line-gap-override:0%}
@font-face{font-family:'Onest Fallback';font-style:normal;font-weight:500;src:local('Arial'),local('ArialMT'),local('Liberation Sans'),local('LiberationSans'),local('Arimo'),local('Helvetica');size-adjust:105.6%;ascent-override:91.9%;descent-override:28.9%;line-gap-override:0%}
@font-face{font-family:'Onest Fallback';font-style:normal;font-weight:600;src:local('Arial Bold'),local('Arial-BoldMT'),local('Liberation Sans Bold'),local('LiberationSans-Bold'),local('Arimo Bold'),local('Arimo-Bold'),local('Helvetica Bold');size-adjust:97.3%;ascent-override:99.7%;descent-override:31.3%;line-gap-override:0%}
@font-face{font-family:'Onest Fallback';font-style:normal;font-weight:700;src:local('Arial Bold'),local('Arial-BoldMT'),local('Liberation Sans Bold'),local('LiberationSans-Bold'),local('Arimo Bold'),local('Arimo-Bold'),local('Helvetica Bold');size-adjust:102%;ascent-override:95.1%;descent-override:29.9%;line-gap-override:0%}

.theme-okna{--ok-menu:#0879a6;--ok-action:#b85500;--ok-action-hover:#9a4700;--ok-link:#2d74a2;--ok-dark:#1d4f73;--ok-bg2:#ebf1f4;--ok-photo:#f6f9fb;--ok-line:#d1dfe6;--ok-field:#b7c7d1;--ok-ink:#222222;--ok-ink2:#3d4852;--ok-muted:#4a5560;--ok-order:#8a4a00;--ok-order-bg:#fdf1e6;--ok-tint:#e3f2f9;--ok-tint-ink:#0a5e80;line-height:1.5;color:var(--ok-ink)}
.theme-okna .container{padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)}
:where(.theme-okna) a{color:var(--ok-link)}
:where(.theme-okna) a:hover{color:var(--ok-dark)}
.theme-okna a.btn-primary,.theme-okna a.btn-primary:hover{color:var(--c-accent-ink)}
.theme-okna main{padding:20px 0 56px}
.theme-okna h1{font-weight:700;letter-spacing:normal}
.theme-okna h2{font-size:clamp(24px,2.6vw,30px);line-height:1.2;margin:0 0 20px}
.theme-okna input[type=text],.theme-okna input[type=tel],.theme-okna input[type=email],.theme-okna input[type=password],.theme-okna input[type=number],.theme-okna input[type=search],.theme-okna select,.theme-okna textarea{border:1.5px solid var(--ok-field);border-radius:10px;background:#fff;color:var(--ok-ink)}
.theme-okna input[type=radio],.theme-okna input[type=checkbox]{accent-color:var(--ok-menu)}
.theme-okna .btn{border-radius:12px;font-weight:600}
.theme-okna .btn-outline,.theme-okna .btn-secondary{border:1.5px solid var(--ok-menu);color:var(--ok-menu);background:#fff}
.theme-okna .btn-outline:hover,.theme-okna .btn-secondary:hover{background:var(--ok-tint);color:var(--ok-menu)}

/* Кнопки теми */
.ok-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:52px;padding:0 28px;border:0;border-radius:12px;font:inherit;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer}
.theme-okna .ok-btn:hover{text-decoration:none}
.theme-okna .ok-btn-action{background:var(--ok-action);color:#fff}
.theme-okna .ok-btn-action:hover{background:var(--ok-action-hover);color:#fff}
.theme-okna .ok-btn-main{min-height:48px;padding:0 24px;border-radius:10px;background:var(--ok-menu);color:#fff}
.theme-okna .ok-btn-main:hover{background:var(--ok-dark);color:#fff}
.theme-okna .ok-btn-line{padding:0 24px;border:1.5px solid var(--ok-menu);background:transparent;color:var(--ok-menu)}
.theme-okna .ok-btn-line:hover{background:#fff;color:var(--ok-dark)}
.theme-okna .ok-btn-white{min-height:48px;padding:0 22px;background:#fff;color:var(--ok-dark)}
.theme-okna .ok-btn-white:hover{background:#e6eef4;color:var(--ok-dark)}

/* ---------- Шапка (Header.dc.html) ---------- */
.theme-okna .site-header.ok-header{position:relative;z-index:40;background:#fff;border-bottom:0}
.ok-header label{margin:0}
.ok-top{background:var(--ok-bg2);font-size:13px;line-height:20px}
.ok-top-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding-top:8px;padding-bottom:8px}
.ok-top-tag{color:var(--ok-muted)}
.theme-okna .ok-top-main{display:inline-flex;align-items:center;gap:4px;font-weight:600;text-decoration:none}
.ok-top-nav{display:flex;flex-wrap:wrap;gap:4px 20px}
.theme-okna .ok-top-nav a{color:var(--ok-ink);text-decoration:none}
.theme-okna .ok-top-nav a:hover{color:var(--ok-dark);text-decoration:underline}
.ok-top-end{margin-left:auto;display:flex;align-items:center;gap:16px}
.theme-okna .ok-measure{padding:4px 12px;border:1.5px solid var(--ok-action);border-radius:8px;color:var(--ok-action);font-weight:600;text-decoration:none}
.theme-okna .ok-measure:hover{background:var(--ok-action);color:#fff}
.theme-okna .ok-msg{display:inline-flex;color:var(--ok-link)}
.theme-okna .ok-viber{color:#6a4a8c}
.theme-okna .ok-viber:hover{color:#4f3570}
.theme-okna .ok-lang{display:inline-flex;gap:8px;font-weight:600}
.theme-okna .ok-lang a,.theme-okna .ok-lang span{min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:none;color:var(--ok-link);text-decoration:none}
.theme-okna .ok-lang .current{color:var(--ok-ink)}
.theme-okna .ok-lang a:hover{text-decoration:underline}
.ok-dsk{display:inline}
.ok-mob{display:none}

.ok-bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;padding-top:16px;padding-bottom:16px}
.theme-okna .ok-bar .brand{flex:none;margin:0;display:inline-flex}
.theme-okna .ok-bar .brand-logo{display:block;width:126px;height:64px;max-width:none}
.theme-okna .ok-search{position:relative;flex:1 1 300px;display:flex;min-width:0;max-width:560px;margin:0;gap:0}
.theme-okna .ok-search .search-input{flex:1;min-width:0;height:48px;min-height:0;padding:0 16px;border:1.5px solid var(--ok-field);border-right:0;border-radius:10px 0 0 10px;font-size:15px}
.theme-okna .ok-search .search-submit{flex:none;width:56px;height:48px;min-height:0;padding:0;border:0;border-radius:0 10px 10px 0;background:var(--ok-menu);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.theme-okna .ok-search .search-submit:hover{background:var(--ok-dark)}
.theme-okna .ok-search .search-suggest{top:100%}
.ok-phone{display:flex;flex-direction:column;gap:2px}
.theme-okna .ok-phone a{font-size:20px;font-weight:700;line-height:1.3;color:var(--ok-ink);text-decoration:none;white-space:nowrap}
.theme-okna .ok-phone a:hover{color:var(--ok-dark)}
.ok-phone span{font-size:13px;color:var(--ok-muted)}
.ok-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.theme-okna .ok-account{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:var(--ok-ink)}
.theme-okna .ok-account:hover{background:var(--ok-bg2);color:var(--ok-ink)}
.theme-okna .ok-cart{position:relative;height:48px;min-height:0;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--ok-line);border-radius:10px;background:#fff;color:var(--ok-ink);font-weight:600;text-decoration:none}
.theme-okna .ok-cart:hover{border-color:var(--ok-field);color:var(--ok-ink);text-decoration:none}
.theme-okna .ok-cart .cart-label{display:inline}
.theme-okna .ok-cart .cart-count{position:static;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--ok-action);color:#fff;font-size:12px;line-height:22px;text-align:center}
.ok-burger{display:none}

/* Синя смуга меню: один рядок на десктопі, випадні панелі */
.ok-nav{position:relative;background:var(--ok-menu)}
.ok-nav-in{display:flex;align-items:stretch}
.theme-okna .ok-nav-item{height:52px;padding:0 20px;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#fff;font:inherit;font-size:16px;font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer}
.theme-okna .ok-nav-item:hover,.theme-okna .ok-nav-item:focus-visible{background:var(--ok-dark);color:#fff;text-decoration:none}
.theme-okna .ok-nav-item:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.ok-dd{display:flex}
.ok-dd.is-open>.ok-nav-item{background:var(--ok-dark)}
.ok-caret{transition:transform .15s}
.ok-dd.is-open .ok-caret{transform:rotate(180deg)}
.ok-panel{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--ok-line);box-shadow:0 16px 32px rgba(29,79,115,.14)}
html:not(.ok-js) .ok-dd:hover>.ok-panel,html:not(.ok-js) .ok-dd:focus-within>.ok-panel,.ok-dd.is-open>.ok-panel{display:block}
.ok-panel-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px 40px;padding-top:28px;padding-bottom:32px}
.ok-col{display:flex;flex-direction:column;gap:10px}
.ok-col-title{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--ok-muted)}
.theme-okna .ok-col a{text-decoration:none}
.theme-okna .ok-col a:hover{text-decoration:underline}
.theme-okna .ok-col a.ok-ink{color:var(--ok-ink)}
.theme-okna .ok-col a.ok-ink:hover{color:var(--ok-dark)}
.theme-okna .ok-more{font-weight:600}
.theme-okna .ok-promo{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:var(--ok-bg2);color:var(--ok-ink);text-decoration:none}
.theme-okna .ok-promo:hover{color:var(--ok-ink);text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--ok-field)}
.ok-promo img{width:100%;height:120px;object-fit:cover;border-radius:12px}
.ok-promo-title{font-weight:700}
.ok-promo-text{font-size:14px;color:var(--ok-muted)}

/* Мобільне меню (MobileMenu.dc.html): панель на весь екран, відкриває чекбокс #ok-nav */
.ok-mnav{display:none}

/* Мобільна панель швидких дій (MobileHome.dc.html) */
.ok-tabbar{display:none}

@media (max-width:1199px){.theme-okna .ok-nav-item{padding:0 14px}.ok-bar{gap:16px 24px}}
@media (max-width:1023px){
  .ok-top-tag,.ok-top-nav,.ok-msg,.ok-nav,.ok-phone span,.ok-account,.ok-cart,.ok-dsk{display:none!important}
  .ok-mob{display:inline}
  .ok-top-in{gap:8px 12px;flex-wrap:nowrap}
  .ok-top-end{gap:12px}
  .ok-bar{gap:12px 8px;padding-top:10px;padding-bottom:12px}
  .theme-okna .ok-bar .brand-logo{width:94px;height:48px}
  .ok-phone{order:2;margin-left:auto}
  .theme-okna .ok-phone a{font-size:15px}
  .ok-actions{order:3;margin-left:0}
  .theme-okna .ok-search{order:4;flex:1 1 100%;max-width:none}
  .theme-okna .ok-search .search-input{height:46px}
  .theme-okna .ok-search .search-submit{width:50px;height:46px}
  .theme-okna .ok-burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:var(--ok-menu);color:#fff;cursor:pointer}
  .ok-nav-check:focus-visible~.ok-bar .ok-burger{outline:2px solid var(--ok-dark);outline-offset:2px}
  .ok-nav-check:checked~.ok-mnav{display:flex}
  html:has(.ok-nav-check:checked){overflow:hidden}
  .ok-mnav{position:fixed;inset:0;z-index:100;flex-direction:column;background:#fff;line-height:1.4}
  .ok-mnav-head{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--ok-line)}
  .ok-mnav-head img{display:block;width:94px;height:48px}
  .ok-mnav-head .ok-lang{margin-left:auto;gap:10px}
  .ok-mnav-head .ok-lang a,.ok-mnav-head .ok-lang span{min-height:44px;display:inline-flex;align-items:center}
  .ok-mnav-close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ok-line);border-radius:10px;color:var(--ok-ink);cursor:pointer}
  .ok-mnav-body{flex:1;overflow-y:auto;padding:8px 0;overscroll-behavior:contain}
  .ok-acc{border-bottom:1px solid #edf2f5}
  .ok-acc>summary{min-height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:600;list-style:none;cursor:pointer}
  .ok-acc>summary::-webkit-details-marker{display:none}
  .ok-acc-sign::after{content:"+";font-size:20px;color:var(--ok-menu)}
  .ok-acc[open] .ok-acc-sign::after{content:"−"}
  .ok-acc-links{display:flex;flex-direction:column;padding:0 16px 12px}
  .theme-okna .ok-acc-links a{min-height:44px;display:flex;align-items:center;padding-left:12px;font-size:16px;text-decoration:none}
  .theme-okna .ok-acc-links a.ok-ink{color:var(--ok-ink)}
  .theme-okna .ok-mnav-top{min-height:52px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid #edf2f5;color:var(--ok-ink);font-size:17px;font-weight:600;text-decoration:none}
  .ok-mnav-pages{display:flex;flex-direction:column;padding:12px 16px}
  .theme-okna .ok-mnav-pages a{min-height:44px;display:flex;align-items:center;color:var(--ok-ink);text-decoration:none}
  .theme-okna .ok-mnav-pages a.ok-mnav-main{color:var(--ok-link);font-weight:600}
  .ok-mnav-foot{display:flex;flex-direction:column;gap:10px;padding:12px 16px 16px;border-top:1px solid var(--ok-line)}
  .theme-okna .ok-mnav-call{height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--ok-menu);color:#fff;font-size:17px;font-weight:700;text-decoration:none}
  .ok-mnav-msg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .theme-okna .ok-mnav-msg a{height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ok-line);border-radius:10px;color:var(--ok-ink);text-decoration:none}
  .theme-okna .ok-mnav-msg a.ok-mnav-measure{border:1.5px solid var(--ok-action);color:var(--ok-action);font-weight:600;font-size:14px}
  .ok-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-top:1px solid var(--ok-line);box-shadow:0 -6px 16px rgba(29,79,115,.10)}
  .theme-okna .ok-tab{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ok-ink);font-size:12px;text-decoration:none;cursor:pointer}
  .theme-okna .ok-tab-catalog{color:var(--ok-menu);font-weight:600}
  .theme-okna .ok-tab-call{color:var(--ok-action);font-weight:600}
  body.theme-okna{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  body.theme-okna.ok-pdp .ok-tabbar,body.theme-okna:has(.checkout-layout) .ok-tabbar{display:none}
  body.theme-okna.ok-pdp,body.theme-okna:has(.checkout-layout){padding-bottom:0}
  body.theme-okna.ok-pdp:has(.buy-bar){padding-bottom:72px}
}
@media (max-width:420px){.ok-top-end .ok-measure{padding:2px 8px}}

/* ---------- Футер (Footer.dc.html) ---------- */
.theme-okna .site-footer.ok-footer{background:var(--ok-dark);border-top:0;color:#fff;font-size:15px;line-height:1.5;padding:0}
.theme-okna .ok-footer a{color:#fff;text-decoration:none}
.theme-okna .ok-footer a:hover{color:#cfe3f0;text-decoration:underline}
.ok-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px 40px;padding-top:48px;padding-bottom:24px}
.ok-footer-grid nav,.ok-footer-contacts{display:flex;flex-direction:column;gap:8px}
.ok-footer-brand{display:flex;flex-direction:column;gap:14px}
.ok-footer-logo{display:inline-flex;align-self:flex-start;padding:8px 12px;background:#fff;border-radius:12px}
.ok-footer-logo img{display:block;width:110px;height:56px}
.ok-footer-brand p{margin:0;color:#d6e6f1}
.theme-okna .ok-footer-main{font-weight:600}
.theme-okna .ok-footer .footer-title{margin:0 0 6px;font-size:15px;font-weight:700;letter-spacing:normal;text-transform:none;color:#fff}
.ok-footer-contacts span{color:#d6e6f1}
.theme-okna .ok-footer-phone{font-size:20px;font-weight:700}
.ok-footer-msg{display:flex;gap:12px;margin-top:4px}
.theme-okna .ok-footer-msg a{padding:6px 12px;border:1px solid #7fa6c2;border-radius:8px}
.theme-okna .ok-footer-msg a:hover{background:rgba(255,255,255,.08);text-decoration:none}
.theme-okna .ok-footer-bottom{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:0;padding-top:16px;padding-bottom:28px;border-top:1px solid #3c6a8c;color:#d6e6f1;font-size:14px}
.theme-okna .ok-footer-bottom .footer-powered{margin:0;color:#d6e6f1}
.theme-okna .ok-footer-bottom .ok-lang{margin-left:auto;gap:10px}
.theme-okna .ok-footer-bottom .ok-lang a,.theme-okna .ok-footer-bottom .ok-lang span{color:#fff}
.theme-okna .ok-footer-bottom .ok-lang a{opacity:.85}
@media (max-width:899px){.theme-okna .ok-footer-grid a{display:inline-flex;align-items:center;min-height:40px}.ok-footer-grid nav,.ok-footer-contacts{gap:0}.theme-okna .ok-footer-msg a{min-height:44px}.theme-okna .ok-footer-bottom .ok-lang a,.theme-okna .ok-footer-bottom .ok-lang span{min-height:44px;display:inline-flex;align-items:center}}

/* ---------- Головна (Main.dc.html) ---------- */
.ok-hero-wrap{padding:20px 0 24px}
.ok-hero{display:flex;flex-wrap:wrap;gap:32px;align-items:stretch;background:var(--ok-bg2);border-radius:24px;overflow:hidden}
.ok-hero-body{flex:1 1 420px;padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;gap:20px;justify-content:center}
.theme-okna .ok-hero h1{margin:0;font-size:clamp(32px,4vw,48px);line-height:1.15}
.ok-hero-text{margin:0;max-width:520px;font-size:18px;color:var(--ok-ink2)}
.ok-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.ok-hero-media{flex:1 1 520px;min-width:0;min-height:320px;display:block;position:relative}
.ok-hero-media img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:72% 50%;display:block}
.ok-facts{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.ok-facts li{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--ok-line);border-radius:16px}
.ok-fact-ico{width:44px;height:44px;flex:none;border-radius:12px;background:var(--ok-tint);color:var(--ok-menu);display:inline-flex;align-items:center;justify-content:center}
.ok-sec{padding:32px 0}
.ok-sec-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}
.theme-okna .ok-sec-head h2{margin:0}
.theme-okna .ok-sec-head a{font-weight:600;text-decoration:none}
.ok-types{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.theme-okna .ok-type{height:100%;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--ok-line);border-radius:16px;color:var(--ok-ink);text-decoration:none}
.theme-okna .ok-type:hover,.theme-okna .ok-door:hover{border-color:var(--ok-field);color:var(--ok-ink);text-decoration:none;box-shadow:0 6px 16px rgba(29,79,115,.08)}
.ok-type-media{display:block;width:100%;aspect-ratio:1;background:var(--ok-photo);border-radius:12px;overflow:hidden}
.ok-type-media img{display:block;width:100%;height:100%;object-fit:contain}
.ok-type-name{font-weight:600;font-size:17px;line-height:1.3}
.ok-profiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.ok-profile{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:16px;background:var(--ok-bg2)}
.ok-profile-name{font-size:24px;font-weight:700;letter-spacing:.02em;line-height:1.2}
.ok-profile-origin{color:var(--ok-ink2)}
.theme-okna .ok-profile-shop{margin-top:6px;font-weight:600;text-decoration:none}
.theme-okna .ok-profile-about{font-size:14px;text-decoration:none}
.theme-okna .ok-profile a:hover{text-decoration:underline}
.ok-doors{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.theme-okna .ok-door{height:100%;display:flex;gap:16px;align-items:center;padding:16px;border:1px solid var(--ok-line);border-radius:16px;color:var(--ok-ink);text-decoration:none}
.ok-door-media{flex:none;width:96px;height:96px;background:var(--ok-photo);border-radius:12px;overflow:hidden}
.ok-door-media img{display:block;width:96px;height:96px;object-fit:contain}
.ok-company{display:flex;flex-wrap:wrap;gap:32px;padding:clamp(24px,4vw,48px);border-radius:24px;background:var(--ok-dark);color:#fff}
.ok-company-text{flex:1 1 420px;display:flex;flex-direction:column;gap:14px}
.theme-okna .ok-company h2{margin:0;color:#fff}
.ok-company-text p{margin:0;font-size:17px;color:#d6e6f1}
.theme-okna .ok-company-text .ok-btn{align-self:flex-start;margin-top:6px}
.ok-company-links{flex:1 1 320px;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;align-content:start}
.theme-okna .ok-company-links a{display:block;padding:14px 16px;border:1px solid #3c6a8c;border-radius:12px;color:#fff;text-decoration:none}
.theme-okna .ok-company-links a:hover{background:rgba(255,255,255,.08);color:#fff}
.ok-faq{padding-bottom:56px}
.theme-okna .ok-faq h2{margin-bottom:16px}
.ok-faq-list{display:flex;flex-direction:column;gap:10px;max-width:880px}
.ok-faq-list details{padding:18px 20px;border:1px solid var(--ok-line);border-radius:14px}
.ok-faq-list summary{font-weight:600;font-size:17px;cursor:pointer}
.ok-faq-list p{margin:10px 0 0;color:var(--ok-ink2)}
.theme-okna .store-reviews{padding:0 0 32px}
@media (max-width:767px){
  .ok-hero-wrap{padding-top:4px}
  .ok-hero{flex-direction:column-reverse;gap:0;border-radius:20px}
  .ok-hero-media{flex:none;min-height:0;height:150px}
  .ok-hero-body{flex:none;padding:18px;gap:12px}
  .theme-okna .ok-hero h1{font-size:26px;line-height:1.2}
  .ok-hero-text{font-size:15px}
  .ok-hero-actions .ok-btn{min-height:50px}
  .ok-hero-actions .ok-btn-action{flex:1 1 100%}
  .ok-hero-actions .ok-btn-line{display:none}
  .ok-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;font-size:14px}
  .ok-facts li{padding:12px;border-radius:14px;align-items:flex-start}
  .ok-fact-ico{display:none}
  .ok-sec{padding:20px 0}
  .theme-okna h2{font-size:22px}
  .ok-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .theme-okna .ok-type{padding:10px;gap:8px;border-radius:14px}
  .ok-type-name{font-size:15px}
  .ok-profile{padding:18px}
  .ok-door-media,.ok-door-media img{width:72px;height:72px}
  .ok-company{padding:20px;border-radius:20px;gap:16px}
  .ok-company-text p{font-size:15px}
  .ok-faq-list details{padding:14px 16px}
}

/* ---------- Картки товарів (Category.dc.html, Main.dc.html) ---------- */
.theme-okna .cards.ok-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.theme-okna .card.ok-card{padding:0;gap:0;border:1px solid var(--ok-line);border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s}
.theme-okna .card.ok-card:hover{border-color:var(--ok-field);box-shadow:0 6px 16px rgba(29,79,115,.08)}
.theme-okna .ok-card-link{height:100%;display:flex;flex-direction:column;gap:10px;padding:16px;color:var(--ok-ink);text-decoration:none;border-radius:16px}
.theme-okna .ok-card-link:hover{color:var(--ok-ink);text-decoration:none}
.theme-okna .ok-card-thumb{aspect-ratio:1;background:var(--ok-photo);border-radius:12px}
.ok-card-meta{font-size:13px;color:var(--ok-muted)}
.ok-card-name{font-weight:500;line-height:1.4;min-height:44px}
.theme-okna .ok-card-link:hover .ok-card-name{color:var(--ok-dark)}
.ok-card-row{margin-top:auto;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 8px}
.theme-okna .ok-card .price{margin:0;font-size:20px;font-weight:700;color:var(--ok-ink);white-space:nowrap}
.ok-stock{font-size:14px;font-weight:600;color:var(--ok-muted)}
.ok-stock.stock-to_order{color:var(--ok-order)}
.ok-stock.stock-in_stock,.ok-stock.stock-available{color:#14683a}
@media (max-width:559px){.theme-okna .cards.ok-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-okna .ok-card-link{padding:10px;gap:8px}.theme-okna .ok-card .price{font-size:17px}.ok-card-name{font-size:14px;min-height:0}.ok-stock{font-size:12px}.theme-okna .card.ok-card,.theme-okna .ok-card-link{border-radius:14px}}

/* ---------- Категорія (Category.dc.html) ---------- */
.theme-okna .crumbs{margin:0 0 4px;color:var(--ok-muted)}
.theme-okna .crumbs a{color:var(--ok-link);text-decoration:none}
.theme-okna .crumbs a:hover{text-decoration:underline}
.ok-cat-head{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:flex-end;margin:12px 0 24px}
.ok-cat-title{flex:1 1 520px;display:flex;flex-direction:column;gap:10px;min-width:0}
.theme-okna .ok-cat-title h1{margin:0;font-size:clamp(28px,3.4vw,40px);line-height:1.15}
.theme-okna .ok-cat-intro{max-width:720px;color:var(--ok-ink2)}
.ok-cat-intro>:first-child{margin-top:0}.ok-cat-intro>:last-child{margin-bottom:0}
.ok-chips{display:flex;flex-wrap:wrap;gap:8px}
.ok-chip-rows{display:flex;flex-direction:column;gap:8px;flex:1 1 100%}
.theme-okna .ok-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border:1px solid var(--ok-line);border-radius:999px;color:var(--ok-ink);font-size:14px;text-decoration:none}
.theme-okna a.ok-chip:hover{border-color:var(--ok-menu);color:var(--ok-tint-ink);text-decoration:none}
.theme-okna .ok-chip.is-current,.theme-okna .ok-chip.is-picked{border-color:var(--ok-menu);background:var(--ok-tint);color:var(--ok-tint-ink);font-weight:600}
.ok-size-form{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end;padding:20px;border-radius:16px;background:var(--ok-bg2);margin:0 0 24px}
.ok-size-title{flex:1 1 100%;margin:0;font-weight:700;font-size:17px}
.theme-okna .ok-size-field{display:flex;flex-direction:column;gap:4px;margin:0;font-size:14px;color:var(--ok-ink2)}
.theme-okna .ok-size-field input{width:160px;height:48px;min-height:0;padding:0 14px}
.ok-size-x{height:48px;display:inline-flex;align-items:center;font-size:20px;color:var(--ok-muted)}
.ok-size-hint{font-size:14px;color:var(--ok-muted)}
.theme-okna .listing{grid-template-columns:minmax(0,1fr);gap:32px}
@media (min-width:900px){.theme-okna .listing{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}}
.theme-okna .facets{border:0;background:transparent;padding:0}
@media (max-width:899px){.theme-okna .facets{margin-top:8px;padding:4px 14px 8px;border:1px solid var(--ok-line);border-radius:12px;background:#fff}.theme-okna .filters-toggle{border-color:var(--ok-line);border-radius:12px;background:var(--ok-bg2)}}
.theme-okna .facets fieldset{border-top:0;padding:0 0 22px}
.theme-okna .facets legend{font-size:16px;font-weight:700;margin-bottom:8px}
.theme-okna .facets li a{min-height:32px;gap:10px;color:var(--ok-ink)}
.theme-okna .facets li a:hover{color:var(--ok-dark);text-decoration:none}
.theme-okna .facets li a::before{width:20px;height:20px;border:1.5px solid var(--ok-field);border-radius:4px;background:#fff}
.theme-okna .facets a.selected{font-weight:600}
.theme-okna .facets a.selected::before{background:var(--ok-menu) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--ok-menu);box-shadow:none}
.theme-okna .facets .count{font-size:13px;color:var(--ok-muted)}
.theme-okna .facets .range input{min-height:40px;border-radius:10px}
.theme-okna .facets-submit{border-top:0;padding:0 0 22px}
.theme-okna .facets-submit .btn{background:var(--ok-menu);color:#fff;min-height:44px;border-radius:10px}
.theme-okna .facets-submit .btn:hover{background:var(--ok-dark)}
.ok-prof-box{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--ok-line);border-radius:14px;font-size:14px}
.theme-okna .toolbar{gap:10px;align-items:center;margin-bottom:16px}
.theme-okna .toolbar .found{margin:0;font-weight:700;color:var(--ok-ink)}
.ok-picked{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.theme-okna .ok-reset{font-size:14px}
.theme-okna .sorts{margin-left:auto;align-items:center;gap:6px}
.ok-sort-label{font-size:14px;color:var(--ok-ink2);margin-right:2px}
.theme-okna .sorts a,.theme-okna .sorts .current{min-height:36px;padding:4px 12px;border:1.5px solid var(--ok-field);border-radius:10px;background:#fff;color:var(--ok-ink);text-decoration:none}
.theme-okna .sorts a:hover{border-color:var(--ok-menu);text-decoration:none}
.theme-okna .sorts .current{border-color:var(--ok-menu);background:var(--ok-menu);color:#fff;font-weight:600}
.theme-okna .pager{justify-content:center;gap:8px;margin-top:24px}
.theme-okna .pager a,.theme-okna .pager span{min-width:44px;min-height:44px;border:1px solid var(--ok-line);border-radius:10px;background:#fff;color:var(--ok-ink);text-decoration:none}
.theme-okna .pager a:hover{border-color:var(--ok-menu);color:var(--ok-ink)}
.theme-okna .pager .current{border-color:var(--ok-menu);background:var(--ok-menu);color:#fff;font-weight:600}
.theme-okna .pager li>span:not([class]){border-color:transparent;background:transparent}
.theme-okna .empty-state{padding:32px;border:1px dashed var(--ok-field);border-radius:16px;text-align:center;color:var(--ok-ink2)}
@media (max-width:767px){.ok-size-form{padding:16px;gap:10px 10px}.theme-okna .ok-size-field{flex:1 1 0}.theme-okna .ok-size-field input{width:100%}.ok-size-x{display:none}.ok-size-form .ok-btn{flex:1 1 100%}.ok-cat-head{margin:8px 0 16px}.theme-okna .sorts{margin-left:0}.ok-sort-label{flex:1 1 100%}}

/* ---------- Товар (Product.dc.html) ---------- */
.theme-okna .product.ok-product{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:16px;align-items:start}
@media (min-width:900px){.theme-okna .product.ok-product{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px}}
.theme-okna .ok-product .gallery img,.theme-okna .ok-product .gallery .thumb{aspect-ratio:4/3;object-fit:contain;background:var(--ok-photo);border-radius:20px}
@media (min-width:900px){.theme-okna .ok-product>.gallery{display:flex;flex-direction:column}.theme-okna .ok-product>.gallery img:not(:first-child){display:none}}
.theme-okna .ok-product .gallery-thumb{flex:0 0 88px;width:88px;height:88px;border:1px solid var(--ok-line);border-radius:12px;background:var(--ok-photo)}
.theme-okna .ok-product .gallery-thumb[aria-current=true]{border:2px solid var(--ok-menu)}
.theme-okna .ok-product .product-info{display:flex;flex-direction:column;gap:18px;min-width:0}
.ok-title{display:flex;flex-direction:column;gap:6px}
.theme-okna .ok-title h1{margin:0;font-size:clamp(24px,2.8vw,34px);line-height:1.2}
.ok-pmeta{margin:0;font-size:14px;color:var(--ok-muted)}
.theme-okna .ok-product .buy-box{display:flex;flex-direction:column;gap:18px;margin:0;padding:0;border:0;background:transparent}
.ok-price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px}
.theme-okna .ok-product .price{margin:0;font-size:34px;font-weight:700;line-height:1.1;color:var(--ok-ink)}
.theme-okna .ok-product .price .old-price{font-size:18px}
.ok-avail{display:inline-flex;align-items:center;gap:6px;margin:0;padding:4px 10px;border-radius:8px;background:var(--ok-bg2);color:var(--ok-ink2);font-weight:600;font-size:14px}
.ok-avail.stock-to_order{background:var(--ok-order-bg);color:var(--ok-order)}
.ok-avail.stock-in_stock,.ok-avail.stock-available{background:#e8f4ec;color:#14683a}
.ok-size{margin:0;padding:18px;border:1px solid var(--ok-line);border-radius:16px;min-width:0}
.theme-okna .ok-size legend{float:none;width:auto;margin:0;padding:0 6px;font-size:16px;font-weight:700}
.theme-okna .ok-size .family-select{display:flex;flex-direction:column;gap:12px}
.theme-okna .ok-size .axis{margin:0}
.theme-okna .ok-size .axis-label{font-size:14px;font-weight:400;color:var(--ok-ink2)}
.theme-okna .ok-size .axis ul{gap:6px;margin-top:6px}
.theme-okna .ok-size .axis a,.theme-okna .ok-size .axis span{min-height:40px;min-width:60px;padding:6px 10px;border:1.5px solid var(--ok-field);border-radius:10px;background:#fff;color:var(--ok-ink);font-size:15px;text-decoration:none}
.theme-okna .ok-size .axis a:hover{border-color:var(--ok-menu);color:var(--ok-ink)}
.theme-okna .ok-size .axis .selected{border-color:var(--ok-menu);background:var(--ok-tint);color:var(--ok-tint-ink);font-weight:700;box-shadow:none}
.theme-okna .ok-size .axis .inexact{border-style:dashed}
.theme-okna .ok-size .axis .unavailable{text-decoration:none;color:var(--ok-muted)}
.ok-size-note{margin:12px 0 0;font-size:13px;color:var(--ok-muted)}
.ok-size-note a,.ok-measure-box a,.ok-prof-box a{white-space:nowrap}
.ok-size-alone{margin:0;font-size:14px}
.ok-buy-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.theme-okna .ok-buy-row .add-to-cart{display:contents}
.theme-okna .ok-buy-row .add-to-cart>label{flex:1 1 100%;margin:0}
.theme-okna .ok-buy-row .add-to-cart .options,.theme-okna .ok-buy-row .add-to-cart>:not(.qty):not(.btn):not(input):not(label){flex:1 1 100%}
.theme-okna .qty{display:inline-flex;align-items:center;height:52px;border:1.5px solid var(--ok-field);border-radius:12px;background:#fff}
.theme-okna .qty .qty-btn{width:44px;height:50px;border:0;background:transparent;font:inherit;font-size:22px;color:var(--ok-ink);cursor:pointer}
.theme-okna .qty input[name=quantity]{width:44px;height:50px;min-height:0;padding:0;border:0;text-align:center;font-size:17px;font-weight:600;background:transparent;-moz-appearance:textfield;appearance:textfield}
.theme-okna .qty input[name=quantity]::-webkit-inner-spin-button,.theme-okna .qty input[name=quantity]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.theme-okna .ok-buy-row .add-to-cart>.btn,.theme-okna .buy-bar .btn-primary,.theme-okna .cart-actions .btn-primary{background:var(--ok-action);color:#fff;border:0}
.theme-okna .ok-buy-row .add-to-cart>.btn:hover,.theme-okna .buy-bar .btn-primary:hover,.theme-okna .cart-actions .btn-primary:hover{background:var(--ok-action-hover);color:#fff}
.theme-okna .ok-buy-row .add-to-cart>.btn{flex:1 1 150px;height:52px;min-height:0;margin:0;padding:0 14px;border-radius:12px;font-size:16px;white-space:nowrap}
.theme-okna .ok-quick{flex:1 1 180px;margin:0;border:0;border-radius:12px}
.theme-okna .ok-quick>summary{white-space:nowrap}
.theme-okna .ok-quick>summary{min-height:52px;justify-content:center;border:1.5px solid var(--ok-menu);border-radius:12px;background:#fff;color:var(--ok-menu);font-size:16px;font-weight:600;padding:0 14px}
.theme-okna .ok-quick>summary::after{display:none}
.theme-okna .ok-quick>summary:hover{background:var(--ok-tint)}
.theme-okna .ok-quick[open]{flex-basis:100%;border:1px solid var(--ok-line);border-radius:12px}
.theme-okna .ok-quick[open]>summary{border-width:0 0 1px;border-color:var(--ok-line);border-radius:12px 12px 0 0}
.theme-okna .ok-quick .quick-order{padding:16px}
.theme-okna .ok-quick .quick-order .btn{background:var(--ok-action);color:#fff;border:0;min-height:48px;border-radius:12px}
.ok-ship{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:18px;border-radius:16px;background:var(--ok-bg2)}
.ok-ship div{display:flex;flex-direction:column;gap:6px}
.ok-measure-box{display:flex;flex-wrap:wrap;gap:12px 24px;padding:16px 18px;border:1px solid var(--ok-line);border-radius:16px;font-size:15px}
.ok-measure-box p{flex:1 1 100%;margin:0;font-weight:700}
.ok-details{display:flex;flex-wrap:wrap;gap:40px;margin-top:48px}
.ok-specs-wrap{flex:1 1 480px;min-width:0}
.ok-desc{flex:1 1 420px;min-width:0;color:var(--ok-ink2)}
.theme-okna .ok-details h2{font-size:26px;margin:0 0 14px}
.ok-specs{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--ok-line);border-radius:14px;overflow:hidden}
.ok-specs dt{padding:12px 16px;background:var(--ok-photo);color:var(--ok-ink2)}
.ok-specs dd{margin:0;padding:12px 16px}
.ok-specs dt:not(:first-of-type),.ok-specs dt:not(:first-of-type)+dd{border-top:1px solid var(--ok-line)}
.theme-okna .related-products,.theme-okna .viewed-products{margin-top:16px}
.theme-okna .related-products h2,.theme-okna .viewed-products h2{font-size:26px;margin:0 0 16px}
.theme-okna .product-reviews{margin-top:48px}
@media (max-width:899px){.theme-okna .ok-product .gallery img{border-radius:16px}.theme-okna .ok-product .price{font-size:28px}.ok-details{margin-top:32px;gap:24px}.theme-okna .ok-buy-row .add-to-cart>.btn{flex:1 1 0}.theme-okna .ok-quick{flex:1 1 100%}}
.theme-okna .buy-bar{background:#fff;border-top-color:var(--ok-line)}

/* ---------- Кошик, оформлення, кабінет — перестилізовані компоненти рушія ---------- */
.theme-okna table.cart th{color:var(--ok-ink2)}
.theme-okna .cart-product{display:flex;align-items:center;gap:12px}
.theme-okna .cart-thumb{flex:0 0 72px;width:72px;height:72px;display:block}
.theme-okna .cart-thumb img{width:72px;height:72px;object-fit:contain;border:1px solid var(--ok-line);border-radius:10px;background:var(--ok-photo);display:block}
.theme-okna .cart-product-info{min-width:0}
.theme-okna .checkout-summary{border-radius:16px;border-color:var(--ok-line);background:var(--ok-bg2)}
.theme-okna .checkout .btn-primary,.theme-okna form.checkout button[type=submit]{background:var(--ok-action);color:#fff}
.theme-okna label.radio:has(input:checked){border-color:var(--ok-menu);background:var(--ok-tint)}
@media (max-width:599px){.ok-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding-top:36px}.ok-footer-brand,.ok-footer-contacts{grid-column:1/-1}}