html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
h1,h2,h3,.font-display { font-family: 'Manrope', sans-serif; }
a, a:visited, a:hover, a:active { text-decoration: none; }
button { font: inherit; }
.card-lift { transition: transform .25s ease, box-shadow .25s ease; }
.card-lift:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -12px rgba(255,87,34,.22); }
.btn-grad { background-image: linear-gradient(135deg,#1A1A1A,#212121); color: #fff !important; transition: filter .2s ease, transform .2s ease, box-shadow .2s ease; }
.btn-grad:hover { color: #fff !important; filter: brightness(1.18); transform: translateY(-2px); box-shadow: 0 12px 24px -8px rgba(33,33,33,.45); }
.btn-header-orange { background-image: linear-gradient(135deg,#FF5722,#F4511E) !important; background-color: #FF5722 !important; border: none !important; color: #fff !important; transition: filter .2s ease, transform .2s ease, box-shadow .2s ease; }
.btn-header-orange:hover { color: #fff !important; filter: brightness(1.08); transform: translateY(-2px); box-shadow: 0 12px 24px -8px rgba(244,81,30,.35); }
/* Згода в підписці на розсилку. Ширину тримаємо тут: max-w-[340px] у зібраному
   tailwind.css немає, а без обмеження рядок розтягує весь інлайновий блок футера.
   Посилання підсвічуємо світлішим — на темному тлі #FF5722 з msgid читається гірше. */
.qa-newsletter-consent { max-width: 340px; }
/* Селектор навмисно довгий: нижче у файлі є `html body footer a { color: inherit
   !important }`, і без такої ж специфічності посилання успадковувало б сірий
   колір тексту згоди — саме через це воно спершу вийшло не помаранчевим. */
html body footer .qa-newsletter-consent a,
html body footer .qa-newsletter-consent a:link,
html body footer .qa-newsletter-consent a:visited,
html body footer .qa-newsletter-consent a:hover { color: #FF6B3D !important; text-decoration: underline !important; }

/* Банер згоди на cookie. Розмітка — inc/consent.php, логіка — assets/js/consent.js.
   Власні класи, а не утиліти Tailwind: у зібраному tailwind.css лише ті класи,
   що вже траплялися в шаблонах. */
.qa-consent { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; padding: 12px; }
.qa-consent[hidden] { display: none !important; }
.qa-consent__box { max-width: 720px; margin: 0 auto; padding: 20px 22px; border-radius: 18px; background: #1A1A1A; color: #E6E8EC; box-shadow: 0 24px 60px -18px rgba(0,0,0,.6); border: 1px solid rgba(255,255,255,.1); }
.qa-consent__title { font-size: 16px; font-weight: 700; color: #fff; }
.qa-consent__text { margin-top: 8px; font-size: 13px; line-height: 1.5; color: rgba(255,255,255,.72); }
.qa-consent__text a { color: #FF6B3D; text-decoration: underline !important; }
.qa-consent__prefs { margin-top: 14px; border-top: 1px solid rgba(255,255,255,.1); }
.qa-consent__prefs[hidden] { display: none !important; }
.qa-consent__row { display: flex; align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.qa-consent__row-title { font-size: 13px; font-weight: 600; color: #fff; }
.qa-consent__row-note { margin-top: 3px; font-size: 12px; line-height: 1.45; color: rgba(255,255,255,.6); }
.qa-consent__always { flex: none; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: rgba(255,255,255,.45); }
.qa-consent__switch { flex: none; position: relative; width: 44px; height: 24px; cursor: pointer; }
.qa-consent__switch input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.qa-consent__switch span[aria-hidden] { display: block; width: 44px; height: 24px; border-radius: 999px; background: rgba(255,255,255,.18); transition: background .15s ease; pointer-events: none; }
.qa-consent__switch span[aria-hidden]::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .15s ease; }
.qa-consent__switch input:checked + span[aria-hidden] { background: #FF5722; }
.qa-consent__switch input:checked + span[aria-hidden]::after { transform: translateX(20px); }
.qa-consent__switch input:focus-visible + span[aria-hidden] { outline: 2px solid #FF6B3D; outline-offset: 2px; }
.qa-consent__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 16px; }
html body .qa-consent__btn { font-size: 13px; font-weight: 600; padding: 11px 20px; border-radius: 999px; border: 1px solid rgba(255,255,255,.22) !important; background: transparent !important; color: #fff !important; cursor: pointer; }
html body .qa-consent__btn:hover { border-color: #FF5722 !important; color: #FF6B3D !important; }
html body .qa-consent__btn--primary { background-image: linear-gradient(135deg,#FF5722,#F4511E) !important; border-color: transparent !important; color: #fff !important; }
html body .qa-consent__btn--primary:hover { color: #fff !important; }
html body .qa-consent__btn--link { border-color: transparent !important; padding-left: 6px; padding-right: 6px; color: rgba(255,255,255,.7) !important; text-decoration: underline !important; }
.qa-consent__btn[hidden] { display: none !important; }
/* Посилання «Налаштування cookie» у футерах — кнопка, але має виглядати як пункт списку. */
html body .qa-consent-link { background: none !important; border: none !important; padding: 0; font: inherit; color: inherit !important; cursor: pointer; text-align: left; }
html body .qa-consent-link:hover { color: #FF6B3D !important; }

/* Заставка замість плеєра YouTube, доки немає згоди на мультимедіа. */
.video-gate { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; aspect-ratio: 16 / 9; padding: 24px; background: #0F1013; text-align: center; }
.video-gate[hidden] { display: none !important; }
.video-gate__text { font-size: 14px; line-height: 1.5; color: rgba(255,255,255,.75); max-width: 380px; }
html body .video-gate__btn { font-size: 14px; font-weight: 600; padding: 12px 24px; border-radius: 999px; border: none !important; background-image: linear-gradient(135deg,#FF5722,#F4511E) !important; color: #fff !important; cursor: pointer; }
#quickair-video-modal iframe[hidden] { display: none !important; }

@media (max-width: 767px) {
  .qa-consent { padding: 8px; }
  .qa-consent__box { padding: 16px; border-radius: 16px; }
  .qa-consent__actions { gap: 8px; }
  html body .qa-consent__btn { flex: 1 1 auto; text-align: center; }
}

/* Знак відповідності CE. SVG інлайновий і бере колір з currentColor, тому
   плашку можна класти і на світле, і на темне тло (.ce-badge--dark). */
.ce-mark { width: 46px; height: auto; display: block; color: inherit; }
.ce-badge { display: inline-flex; align-items: center; gap: 12px; margin-top: 16px; padding: 12px 18px 12px 14px; border-radius: 16px; background: #FFFFFF; border: 1px solid rgba(255,87,34,.18); }
.ce-badge__mark { display: flex; flex: none; color: #1A1A1A; }
.ce-badge__text { font-size: 12px; line-height: 1.35; color: #64748B; }
.ce-badge--wide { grid-column: 1 / -1; margin-top: 0; justify-content: center; text-align: left; }
.ce-badge--dark { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.14); }
.ce-badge--dark .ce-badge__mark { color: #FFFFFF; }
.ce-badge--dark .ce-badge__text { color: rgba(255,255,255,.72); }
@media (max-width: 767px) {
  .ce-badge { width: 100%; }
  .ce-mark { width: 40px; }
}

/* Реквізити компанії в кошику — показуються при оплаті на рахунок.
   Оформлення тримаємо тут, а не утилітами Tailwind: збірка містить лише ті
   класи, що вже траплялися в шаблонах, тож font-mono чи space-y-1.5 просто не
   спрацювали б без npm run build. Клас .hidden (з Tailwind) друкується ПІСЛЯ
   цього файла, тому саме він і вимикає блок. */
.cart-bank { margin-top: 12px; padding: 16px; border: 1px solid rgba(255,87,34,.22); border-radius: 16px; background: rgba(255,87,34,.05); }
.cart-bank__title { font-size: 14px; font-weight: 600; color: #1A1A1A; }
.cart-bank__list { margin-top: 10px; font-size: 12px; color: #475569; }
.cart-bank__list > div { display: flex; gap: 8px; }
.cart-bank__list > div + div { margin-top: 6px; }
.cart-bank__list dt { flex-shrink: 0; font-weight: 600; }
.cart-bank__list dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.cart-bank__num { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .01em; }
.cart-bank__note { margin-top: 12px; font-size: 12px; color: #64748B; }

/* Дві кнопки під H1. Підпис другої тепер повний («Дивитись моделі» / «Modellek
   megtekintése»), і в довгих мовах пара не вміщалася в рядок на вузьких екранах —
   дозволяємо переніс. flex-wrap у зібраному tailwind.css відсутній (там лише ті
   утиліти, що трапилися в шаблонах), тому правило тримаємо тут. */
.hero-cta { flex-wrap: wrap; }
.btn-outline { transition: all .2s ease; }
.btn-outline:hover { background:#FF5722; color:#fff !important; }
.model-summary-actions a, .model-summary-actions a:visited, .model-summary-actions a:hover, .model-summary-actions a:focus, .model-summary-actions a:active { text-decoration: none !important; }
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display:none; }
details[open] .faq-chevron { transform: rotate(180deg); }
.faq-chevron { transition: transform .25s ease; }
.model-photo-slider { position: relative; height: 430px; min-height: 430px; overflow: hidden; border-bottom: 1px solid rgba(15,23,42,.06); }
.model-photo-track { display: flex; height: 100%; transition: transform .48s cubic-bezier(.22,.68,.18,1); will-change: transform; }
.model-photo-slide { flex: 0 0 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 20px; }
.model-photo-slide img { width: 100%; height: 350px; object-fit: contain; border-radius: 18px; display: block; background: #fff; box-shadow: 0 22px 48px -38px rgba(26,26,26,.45); }
.model-slider-btn { position: absolute; top: 50%; z-index: 8; width: 38px; height: 38px; border-radius: 999px; transform: translateY(-50%); background: rgba(255,255,255,.9); color: #FF5722; display: flex; align-items: center; justify-content: center; box-shadow: 0 14px 34px -20px rgba(26,26,26,.75); transition: transform .2s ease, background .2s ease, color .2s ease; }
.model-slider-btn:hover { background: #FF5722; color: #fff; transform: translateY(-50%) scale(1.06); }
.model-slider-prev { left: 16px; }
.model-slider-next { right: 16px; }
.model-slider-dots { position: absolute; left: 50%; bottom: 16px; z-index: 8; display: flex; gap: 7px; transform: translateX(-50%); }
.model-slider-dots button { width: 7px; height: 7px; border-radius: 999px; background: rgba(26,26,26,.25); transition: width .25s ease, background .25s ease; }
.model-slider-dots button.is-active { width: 22px; background: #FF5722; }
.pipe-option { position: relative; overflow: hidden; border: 2px solid rgba(255,87,34,.14); background: #fff; color: #1A1A1A; box-shadow: 0 22px 58px -42px rgba(26,26,26,.55); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease; }
.pipe-option:hover { transform: translateY(-4px); border-color: rgba(255,87,34,.45); background: #fff; }
.pipe-option.is-active { border-color: #FF5722; background: #fff; color: #1A1A1A; box-shadow: 0 26px 70px -42px rgba(255,87,34,.7); }
.pipe-option:focus-visible { outline: 3px solid rgba(255,87,34,.22); outline-offset: 4px; }
.pipe-option img { width: 100%; height: 360px; object-fit: contain; padding: 16px 18px 6px; background: #fff; display: block; transition: transform .5s ease, filter .5s ease; }
.pipe-option .text-2xl { color: #1A1A1A; }
.pipe-option .text-slate-600 { color: #475569; }
.pipe-option:hover img, .pipe-option.is-active img { transform: scale(1.035); filter: saturate(1.05); }
.diameter-choice { border: 1px solid rgba(255,87,34,.18); background: #fff; color: #1A1A1A; appearance: none; transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; }
.diameter-choice:not(.is-active):hover { transform: translateY(-2px); border-color: #FF5722; }
.diameter-choice.is-active { background: #1A1A1A !important; border-color: #1A1A1A !important; color: #fff !important; }
.diameter-choice:focus-visible { outline: 3px solid rgba(255,87,34,.22); outline-offset: 3px; }
.model-result-card.hidden, .pipe-size-panel.hidden { display: none; }
.model-tab { padding: 11px 26px; border-radius: 999px; font-weight: 700; font-size: 14px; color: #1A1A1A; transition: background .2s ease, color .2s ease; }
.model-tab.is-active { background: #1A1A1A !important; color: #fff !important; }
.model-tab { border: none !important; box-shadow: none !important; }
.model-tab:not(.is-active):hover { background: rgba(255,87,34,.08); color: #FF5722; }
.model-panel.hidden { display: none; }
.drawing-card { position: relative; overflow: hidden; border: 1px solid rgba(255,87,34,.14); background: linear-gradient(180deg,#fff,#F7F7F8); box-shadow: 0 24px 60px -42px rgba(26,26,26,.55); }
.drawing-card::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(26,26,26,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(26,26,26,.035) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(180deg, rgba(0,0,0,.72), transparent 76%); pointer-events: none; }
.drawing-card img { position: relative; width: 100%; height: 360px; object-fit: contain; display: block; transition: transform .35s ease; }
.drawing-card:hover img { transform: scale(1.025); }
.drawing-modal { display: none; position: fixed; inset: 0; z-index: 110; align-items: center; justify-content: center; padding: 24px; background: rgba(26,26,26,.82); }
.drawing-modal:target { display: flex; }
.drawing-modal__panel { width: min(980px, 100%); max-height: 90vh; overflow: auto; border-radius: 24px; background: #fff; box-shadow: 0 28px 90px rgba(0,0,0,.35); }
.drawing-modal__panel img { width: 100%; max-height: 76vh; object-fit: contain; display: block; background: #fff; }
#reviews-slider > article { flex: 0 0 360px; scroll-snap-align: start; }
#reviews-slider::-webkit-scrollbar { height: 6px; }
#reviews-slider::-webkit-scrollbar-thumb { background: rgba(255,87,34,.35); border-radius: 999px; }
.problem-icon-slot { width: 170px; height: 170px; margin: 0 auto 24px; display: flex; align-items: center; justify-content: center; }
.problem-icon-slot img { width: 160px; height: 160px; object-fit: contain; display: block; }
.problem-icon-slot img.problem-icon-lg { width: 180px; height: 180px; }
.legal-modal { display: none; position: fixed; inset: 0; z-index: 100; background: rgba(26,26,26,.72); padding: 24px; align-items: center; justify-content: center; }
.legal-modal:target { display: flex; }
.legal-modal__panel { width: min(760px, 100%); max-height: 86vh; overflow-y: auto; background: #fff; border-radius: 24px; box-shadow: 0 24px 70px rgba(0,0,0,.28); }
/* Оферта і політика: довгі документи в модалці (template-parts/legal/*.php).
   Селектори з класом — щоб перебити preflight Tailwind, який скидає h3, ul і p. */
.legal-doc h3 { margin: 26px 0 10px; font-size: 15px; font-weight: 700; line-height: 1.4; color: #1A1A1A; }
.legal-doc > :first-child { margin-top: 0; }
.legal-doc p { margin: 0 0 12px; }
.legal-doc p.legal-doc__lead { font-size: 15px; color: #1A1A1A; }
.legal-doc strong { font-weight: 600; color: #1A1A1A; }
.legal-doc ul { margin: 0 0 14px; padding-left: 20px; list-style: disc; }
.legal-doc ul li { margin-bottom: 6px; }
.legal-doc ul li:last-child { margin-bottom: 0; }
.legal-doc ul.legal-doc__meta, .legal-doc ul.legal-doc__form { padding: 14px 16px; margin-bottom: 16px; list-style: none; background: #F5F5F7; border-radius: 14px; }
.legal-doc .legal-doc__meta span { font-weight: 600; color: #1A1A1A; }
.legal-doc .legal-doc__updated { margin: 22px 0 0; padding-top: 14px; border-top: 1px solid rgba(26,26,26,.08); font-size: 12px; color: #8A8A90; }
/* Окремі сторінки оферти й політики (template-parts/legal/page.php). */
.legal-page { min-height: 100vh; display: flex; flex-direction: column; }
.legal-page__header { background: #1A1A1A; border-bottom: 1px solid #2C2C2C; }
.legal-page__bar { max-width: 900px; margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.legal-page__logo img { width: 130px; height: auto; max-height: 44px; object-fit: contain; display: block; }
.legal-page__main { flex: 1 1 auto; padding: 32px 0 56px; }
.legal-page__inner { max-width: 900px; margin: 0 auto; padding: 0 24px; }
.legal-page__back { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; }
.legal-page__title { margin: 18px 0 24px; font-size: 32px; line-height: 1.15; font-weight: 800; letter-spacing: -.01em; }
.legal-page__doc { background: #fff; border-radius: 24px; padding: 28px 30px; box-shadow: 0 24px 70px -50px rgba(26,26,26,.45); font-size: 14px; line-height: 1.7; color: #4B5563; }
.legal-page__other { margin: 20px 0 0; font-size: 14px; font-weight: 600; }
.legal-page__footer { background: #1A1A1A; color: #94A3B8; font-size: 12px; }
.legal-page__footer-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 18px; padding-bottom: 18px; }
@media (max-width: 640px) {
  .legal-page__title { font-size: 26px; }
  .legal-page__doc { padding: 20px 18px; border-radius: 18px; }
  .legal-page__footer-row { flex-direction: column; align-items: flex-start; gap: 6px; }
}
.video-preview-card { position: relative; aspect-ratio: 2255/1265; min-height: 0; overflow: hidden; background: radial-gradient(circle at 20% 15%, rgba(255,87,34,.16), transparent 34%), linear-gradient(145deg,#1A1A1A,#2C2C2C); border: 1px solid rgba(255,87,34,.18); box-shadow: 0 28px 65px -38px rgba(26,26,26,.55), 0 20px 50px -36px rgba(255,87,34,.7); }
.video-preview-card img.video-preview-thumb { transform: scale(1.01); transition: transform .55s ease, opacity .35s ease; }
.video-preview-card:hover img.video-preview-thumb { transform: scale(1.045); opacity: .92; }
.video-play-orb { width: 82px; height: 82px; border-radius: 999px; background: linear-gradient(135deg,#FF5722,#F4511E); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 20px 45px -16px rgba(255,87,34,.75); animation: playPulse 2.8s ease-in-out infinite; }
.video-modal__panel { width: min(980px, 100%); background: #111; border-radius: 24px; overflow: hidden; box-shadow: 0 28px 80px rgba(0,0,0,.35); }
.proof-chip { border: 1px solid rgba(255,87,34,.14); box-shadow: 0 14px 36px -28px rgba(26,26,26,.45); }
.mobile-sticky-cta { display: none; }
.cart-btn { position: relative; }
.cart-badge { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 4px; border-radius: 999px; background: #FF5722; color: #fff; font-size: 11px; font-weight: 800; display: none; align-items: center; justify-content: center; box-shadow: 0 0 0 2px #1A1A1A; }
.cart-badge.is-visible { display: flex; }
.cart-overlay { position: fixed; inset: 0; z-index: 118; background: rgba(26,26,26,.55); opacity: 0; pointer-events: none; transition: opacity .3s ease; }
.cart-overlay.is-open { opacity: 1; pointer-events: auto; }
.cart-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 119; width: min(440px, 100%); background: #fff; box-shadow: -24px 0 60px rgba(0,0,0,.25); transform: translateX(100%); transition: transform .35s cubic-bezier(.22,.68,.18,1); display: flex; flex-direction: column; }
.cart-drawer.is-open { transform: translateX(0); }
.cart-drawer__header { display: flex; align-items: center; justify-content: space-between; padding: 22px 24px; border-bottom: 1px solid rgba(15,23,42,.08); flex-shrink: 0; }
.cart-drawer__body { flex: 1; overflow-y: auto; padding: 20px 24px; }
.cart-drawer__footer { padding: 18px 24px 24px; border-top: 1px solid rgba(15,23,42,.08); flex-shrink: 0; background: #fff; }
.cart-item { display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px solid rgba(15,23,42,.06); }
.cart-item img { width: 64px; height: 64px; border-radius: 14px; object-fit: cover; flex-shrink: 0; background: #F5F5F7; }
.cart-qty-btn { width: 28px; height: 28px; border-radius: 999px; border: 1px solid rgba(15,23,42,.15); display: flex; align-items: center; justify-content: center; transition: background .2s ease, border-color .2s ease, color .2s ease; background: #fff; color: #1A1A1A; }
.cart-qty-btn:hover { background: #FF5722; border-color: #FF5722; color: #fff; }
.cart-drawer-close { width: 38px; height: 38px; border-radius: 999px; background: #F5F5F7; color: #1A1A1A; display: flex; align-items: center; justify-content: center; transition: background .2s ease, color .2s ease; }
.cart-drawer-close:hover { background: #FF5722; color: #fff; }
.cart-drawer input:not([type="radio"]):not([type="checkbox"]), .cart-drawer select, .cart-drawer textarea { box-sizing: border-box; width: 100%; border: 1px solid #E2E8F0; border-radius: 12px; padding: 11px 14px; font-size: 14px; outline: none; transition: border-color .2s ease, box-shadow .2s ease; }
.cart-drawer input:not([type="radio"]):not([type="checkbox"]):focus, .cart-drawer select:focus, .cart-drawer textarea:focus { border-color: #FF5722; box-shadow: 0 0 0 3px rgba(255,87,34,.15); }

/* Форми поза кошиком (заявка, відгук) — той самий вигляд полів, що й у кошику. */
.quickair-form input:not([type="radio"]):not([type="checkbox"]), .quickair-form select, .quickair-form textarea { box-sizing: border-box; width: 100%; border: 1px solid #E2E8F0; border-radius: 12px; padding: 11px 14px; font-size: 14px; outline: none; transition: border-color .2s ease, box-shadow .2s ease; }
.quickair-form input:not([type="radio"]):not([type="checkbox"]):focus, .quickair-form select:focus, .quickair-form textarea:focus { border-color: #FF5722; box-shadow: 0 0 0 3px rgba(255,87,34,.15); }
/* Підписка (інлайн) — той самий вигляд, але поле тягнеться у флекс-рядку. */
.quickair-form-inline input[type="email"] { box-sizing: border-box; flex: 1 1 auto; min-width: 0; border: 1px solid #E2E8F0; border-radius: 999px; padding: 10px 18px; font-size: 14px; outline: none; transition: border-color .2s ease, box-shadow .2s ease; }
.quickair-form-inline input[type="email"]:focus { border-color: #FF5722; box-shadow: 0 0 0 3px rgba(255,87,34,.15); }
/* Honeypot — приховане поле-пастка для ботів. */
.qa-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
/* Стан надсилання/повідомлення форм. */
.qa-form-msg { margin-top: 12px; font-size: 14px; font-weight: 600; }
.qa-form-msg.is-error { color: #DC2626; }
.qa-form-msg.is-ok { color: #16A34A; }
.quickair-form.is-sending button[type="submit"], .quickair-form-inline.is-sending button[type="submit"] { opacity: .7; pointer-events: none; }
/* Підсвітка невалідних полів (щоб було видно, ЯКІ саме поля). */
.qa-invalid { border-color: #DC2626 !important; box-shadow: 0 0 0 3px rgba(220,38,38,.12) !important; }
input.qa-invalid[type="checkbox"] { outline: 2px solid #DC2626; outline-offset: 2px; box-shadow: none !important; }
/* intl-tel-input: віджет тягнеться на всю ширину поля, прапор не наїжджає на текст. */
.quickair-form .iti, .cart-drawer .iti { display: block; width: 100%; }
/* Відступ під блок «+код» ставить сам intl-tel-input (inline) — не перебиваємо. */
/* Селектор країни (+код): круглі ліві кути в тон полю. */
.quickair-form .iti__selected-flag, .cart-drawer .iti__selected-flag { border-radius: 12px 0 0 12px; }
/* Селектор країни: круглі ліві кути в тон полю (було квадратне). */
.quickair-form .iti__selected-flag, .cart-drawer .iti__selected-flag { border-radius: 12px 0 0 12px; }
/* Підписка (інлайн): поле + кнопка лишаються в один ряд, а помилка —
   абсолютно під формою (щоб кнопка не «злітала» вниз). */
.quickair-form-inline { position: relative; }
.quickair-form-inline .qa-form-msg { position: absolute; top: 100%; left: 0; right: 0; margin-top: 4px; font-size: 12px; }
/* Активний пункт меню (scrollspy) — розділ, який зараз на екрані.
   html body … — щоб перебити дизайнове правило кольору посилань хедера (з !important). */
html body header nav ul a.is-active,
html body header nav ul a.is-active:link,
html body header nav ul a.is-active:visited { color: #FF5722 !important; font-weight: 700; position: relative; }
html body header nav ul a.is-active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; background: #FF5722; border-radius: 2px; }
/* Зсув якорів під фіксовану шапку (~76px висота + запас). */
#hero, #models, #advantages, #usage, #about, #specs, #reviews, #contacts { scroll-margin-top: 88px; }

/* Мовний перемикач у шапці. */
.qa-lang { position: relative; }
/* border: 0 — обов'язково: reset.css батьківської hello-elementor малює всім
   <button> рамку 1px solid #c36, і на темній шапці вона видно як рожевий обвід. */
.qa-lang-btn { display: flex; align-items: center; gap: 5px; height: 44px; padding: 0 10px; border: 0; border-radius: 999px; background: rgba(255,255,255,.1); color: #fff; font-size: 14px; font-weight: 600; line-height: 1; cursor: pointer; transition: background .2s ease; white-space: nowrap; }
.qa-lang-btn:hover { background: #FF5722; }
.qa-lang-globe { font-size: 15px; }
.qa-lang-caret { font-size: 11px; transition: transform .2s ease; }
.qa-lang.is-open .qa-lang-caret { transform: rotate(180deg); }
.qa-lang-menu { position: absolute; top: calc(100% + 10px); right: 0; min-width: 200px; max-height: 360px; overflow-y: auto; margin: 0; padding: 6px; list-style: none; background: #fff; border-radius: 14px; box-shadow: 0 22px 55px -15px rgba(0,0,0,.45); display: none; z-index: 60; }
.qa-lang.is-open .qa-lang-menu { display: block; }
.qa-lang-menu li { margin: 0; }
.qa-lang-item { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px; font-size: 14px; text-decoration: none; }
/* html body header nav … — щоб перебити дизайнове правило кольору посилань шапки (!important). */
html body header nav .qa-lang-menu a.qa-lang-item { color: #1A1A1A !important; }
html body header nav .qa-lang-menu a.qa-lang-item:hover { background: #F5F5F7; color: #1A1A1A !important; }
html body header nav .qa-lang-menu a.qa-lang-item.is-current { color: #FF5722 !important; font-weight: 700; }
.cart-drawer__body { overflow-x: hidden; }
.cart-form.hidden, .cart-items.hidden, #cart-empty.hidden, .cart-success.hidden, .cart-drawer__footer.hidden { display: none; }
.cart-success { text-align: center; padding: 40px 8px; }
@keyframes playPulse {
  0%, 100% { transform: scale(1); box-shadow: 0 20px 45px -16px rgba(255,87,34,.75); }
  50% { transform: scale(1.06); box-shadow: 0 24px 55px -14px rgba(255,87,34,.9); }
}
.hero-gradient { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(120% 90% at 70% 10%, #2a2d33 0%, #1a1c20 55%, #131418 100%); }
.hero-gradient h1, .hero-gradient p.leading-relaxed { color: #fff; }
.hero-gradient .text-slate-600 { color: #c4c8d0; }
.hero-gradient .hero-performance-badge { background: #fff; border-color: rgba(255,87,34,.4); box-shadow: 0 16px 40px -12px rgba(0,0,0,.5), 0 0 0 1px rgba(255,87,34,.1); }
.hero-gradient .hero-performance-badge p.text-slate-500 { color: #6b7280 !important; }
.hero-gradient .hero-performance-badge p.font-bold, .hero-gradient .hero-performance-badge p.text-\[\#1A1A1A\] { color: #1A1A1A !important; }
.hero-gradient .hero-performance-badge p.text-slate-500 { color: #9aa0aa; }
.hero-gradient .hero-performance-badge p.font-bold { color: #fff; }
.hero-gradient .proof-chip { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); }
.hero-gradient .proof-chip p.text-slate-500 { color: #9aa0aa; }
.hero-gradient .grid-cols-2 > div.bg-\[\#F5F5F7\], .hero-gradient .grid-cols-3 > div.bg-\[\#F5F5F7\] { background: rgba(255,255,255,.06); }
.hero-gradient .grid-cols-2 > div.bg-\[\#F5F5F7\] p.font-semibold, .hero-gradient .grid-cols-3 > div.bg-\[\#F5F5F7\] p.font-semibold { color: #fff; }
.hero-gradient .grid-cols-2 > div.bg-\[\#F5F5F7\] p.text-slate-500, .hero-gradient .grid-cols-3 > div.bg-\[\#F5F5F7\] p.text-slate-500 { color: #9aa0aa; }
.hero-smoke-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
.hero-visual-card { animation: heroFloat 7s ease-in-out infinite; border: 1px solid rgba(255,87,34,.12); box-shadow: 0 28px 70px -34px rgba(26,26,26,.38), 0 18px 46px -30px rgba(255,87,34,.55); }
.hero-visual-card:nth-child(2) { animation-delay: 1.2s; }
.hero-product-stage { animation: heroFloat 7s ease-in-out infinite; min-height: 590px; }
.hero-product-stage img { max-height: 560px; filter: drop-shadow(0 28px 44px rgba(26,26,26,.22)); }
.smoke-demo { position: relative; isolation: isolate; overflow: hidden; background: #13171c; color: #fff; }
#smoke-demo { min-height: 900px; }
.smoke-demo__title { text-shadow: 0 2px 16px rgba(255,255,255,.08); }
.smoke-scene { position: relative; overflow: hidden; width: min(860px, 100%); height: 540px; margin: 54px auto 30px; border-radius: 18px; background-image: url("https://quickair.org/wp-content/uploads/2026/06/kamin999.png"); background-size: cover; background-position: center; box-shadow: 0 44px 92px -42px rgba(0,0,0,.98), inset 0 0 0 1px rgba(255,255,255,.08); }
.smoke-scene::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 18% 30%, rgba(232,236,238,.42), transparent 32%), radial-gradient(ellipse at 48% 20%, rgba(242,244,245,.46), transparent 36%), radial-gradient(ellipse at 78% 34%, rgba(226,231,234,.38), transparent 30%), linear-gradient(180deg, rgba(52,57,60,.32), rgba(64,67,68,.18)); backdrop-filter: blur(1.4px) saturate(.88); z-index: 1; opacity: 1; transition: opacity 1.8s ease, backdrop-filter 1.8s ease; }
.smoke-scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(19,23,28,.10), transparent 38%, rgba(19,23,28,.26)); z-index: 5; pointer-events: none; }
.smoke-demo.is-active .smoke-scene::before { opacity: 0; backdrop-filter: blur(0) saturate(1); }
.chimney-flow { position: absolute; left: 50%; top: 0; z-index: 6; width: 120px; height: 310px; transform: translateX(-50%); pointer-events: none; opacity: 0; filter: blur(18px); background: linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.18) 42%, transparent 100%), radial-gradient(ellipse at 50% 92%, rgba(245,247,248,.30), transparent 64%); clip-path: polygon(43% 0, 57% 0, 72% 100%, 28% 100%); }
.smoke-device { position: absolute; left: 50%; top: 6px; z-index: 7; width: 480px; transform: translateX(-50%); pointer-events: none; }
.smoke-device-shadow { position: absolute; left: 50%; bottom: -10px; width: 62%; height: 16px; transform: translateX(-50%); background: radial-gradient(ellipse at center, rgba(0,0,0,.55), transparent 72%); z-index: 0; filter: blur(2px); }
.smoke-device-img { position: relative; z-index: 2; width: 100%; height: auto; object-fit: contain; display: block; filter: drop-shadow(0 16px 26px rgba(0,0,0,.6)) saturate(.92) brightness(.96) sepia(.12); transition: filter .6s ease; }
.smoke-device-ring { position: absolute; left: 50%; top: 44%; width: 72%; height: 44%; transform: translate(-50%, -50%); border-radius: 999px; box-shadow: 0 0 0 0 rgba(255,177,61,0); transition: box-shadow .7s ease; z-index: 1; }
.smoke-device-fan { position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); z-index: 3; width: 36px; height: 36px; border-radius: 999px; background: #1A1A1A; color: rgba(255,255,255,.55); display: flex; align-items: center; justify-content: center; font-size: 15px; box-shadow: 0 8px 18px rgba(0,0,0,.5), inset 0 0 0 2px rgba(255,255,255,.08); transition: color .4s ease; }
.smoke-demo.is-active .smoke-device-ring { box-shadow: 0 0 46px 16px rgba(255,87,34,.55); }
.smoke-demo.is-active .smoke-device-img { filter: drop-shadow(0 6px 14px rgba(255,87,34,.6)) drop-shadow(0 18px 30px rgba(0,0,0,.55)) saturate(1) brightness(1) sepia(.05); }
.smoke-demo.is-active .smoke-device-fan { color: #FF5722; }
.smoke-demo.is-active .smoke-device-fan i { animation: fanSpin .5s linear infinite; }
.smoke-demo.is-active .chimney-flow { animation: chimneyDraft 2.8s cubic-bezier(.25,.72,.22,1) both; }
.smoke-layer { position: absolute; inset: 0; z-index: 4; mix-blend-mode: screen; opacity: .92; transform-origin: 50% 8%; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); transition: opacity 2.4s ease, transform 2.4s cubic-bezier(.25,.72,.22,1), filter 2.4s ease, clip-path 2.4s ease; }
.smoke-layer::before, .smoke-layer::after { content: ""; position: absolute; inset: -18% -10% 18%; background: linear-gradient(105deg, transparent 0 11%, rgba(242,244,245,.22) 14%, transparent 24% 34%, rgba(235,239,241,.18) 39%, transparent 51% 62%, rgba(245,247,248,.2) 67%, transparent 78%), radial-gradient(ellipse at 34% 42%, rgba(246,248,249,.28), transparent 38%), radial-gradient(ellipse at 72% 36%, rgba(234,238,240,.22), transparent 34%); filter: blur(20px); opacity: .76; transform: rotate(-3deg); animation: smokeVeil 14s ease-in-out infinite alternate; }
.smoke-layer::after { inset: 4% -18% 22%; background: linear-gradient(78deg, transparent 0 8%, rgba(245,247,248,.18) 13%, transparent 26% 43%, rgba(232,237,240,.2) 48%, transparent 59% 73%, rgba(245,247,248,.16) 79%, transparent 92%), radial-gradient(ellipse at 52% 28%, rgba(247,249,250,.22), transparent 44%); filter: blur(28px); opacity: .66; animation-duration: 10.5s; animation-delay: -2s; }
.smoke-demo.is-active .smoke-layer { opacity: 0; transform: translateY(-90px) scale(.68); filter: blur(26px); clip-path: polygon(40% 0, 60% 0, 68% 56%, 32% 56%); transition: opacity 1.9s cubic-bezier(.5,.02,.6,.95) .15s, transform 1.9s cubic-bezier(.5,.02,.6,.95) .15s, filter 1.9s ease .15s, clip-path 1.9s ease .15s; }
.smoke-demo.is-active .smoke-layer::before, .smoke-demo.is-active .smoke-layer::after { animation: none; }
.smoke-puff { position: absolute; display: block; width: var(--size); height: var(--size); left: var(--x); top: var(--y); border-radius: 48% 52% 58% 42% / 46% 60% 40% 54%; background: radial-gradient(ellipse at 38% 42%, rgba(250,251,252,.5), rgba(238,242,244,.18) 48%, transparent 76%), radial-gradient(ellipse at 65% 58%, rgba(220,226,229,.22), transparent 58%); filter: blur(24px); opacity: .68; animation: smokePuff 12s ease-in-out infinite alternate; animation-delay: var(--delay); transition: opacity 2.2s ease, transform 2.4s cubic-bezier(.25,.72,.22,1), filter 2.4s ease; }
.smoke-demo.is-active .smoke-puff { animation: smokeSuck var(--pull-dur, 1.8s) cubic-bezier(.5,.02,.6,.95) var(--pull-delay, 0s) both; }
@keyframes smokeSuck {
  0% { transform: translate3d(0, 0, 0) scale(1) rotate(0deg); opacity: .62; filter: blur(24px); }
  22% { transform: translate3d(calc(var(--pull-x, 0px) * -.08), 6px, 0) scale(1.04) rotate(-1deg); opacity: .6; filter: blur(23px); }
  55% { transform: translate3d(calc(var(--pull-x, 0px) * .32), -55px, 0) scale(.8) rotate(1deg); opacity: .48; filter: blur(21px); }
  100% { transform: translate3d(var(--pull-x, 0px), -215px, 0) scale(.32) rotate(2deg); opacity: 0; filter: blur(30px); }
}
.smoke-status-pill { position: absolute; left: 18px; top: 18px; z-index: 8; display: inline-flex; align-items: center; gap: 9px; padding: 9px 15px; border-radius: 999px; background: rgba(26,26,26,.72); color: white; font-size: 13px; font-weight: 800; box-shadow: 0 14px 34px rgba(0,0,0,.22); }
.smoke-status-pill::before { content: ""; display: block; width: 9px; height: 9px; border-radius: 999px; background: #ffb13d; box-shadow: 0 0 15px rgba(255,177,61,.9); }
.smoke-demo.is-active .smoke-status-pill::before { background: #FF5722; box-shadow: 0 0 15px rgba(255,87,34,.9); }
.smoke-demo-toggle .fan-orb { width: 31px; height: 31px; border-radius: 999px; background: rgba(255,255,255,.18); color: white; display: inline-flex; align-items: center; justify-content: center; }
.smoke-demo.is-active .smoke-demo-toggle .fan-orb i { animation: fanSpin .8s linear infinite; }
.smoke-demo-toggle { box-shadow: 0 18px 42px -18px rgba(255,87,34,.95), inset 0 1px 0 rgba(255,255,255,.28); }
.smoke-demo-toggle:active { transform: translateY(1px) scale(.99); }
.smoke-demo.is-active .smoke-demo-toggle { background: linear-gradient(90deg,#212121,#1A1A1A); box-shadow: 0 18px 42px -18px rgba(26,26,26,.95), inset 0 1px 0 rgba(255,255,255,.16); }
@keyframes smokePuff {
  from { transform: translate(-14px, 9px) scale(.9) rotate(-2deg); opacity: .38; }
  48% { opacity: .66; }
  to { transform: translate(18px, -24px) scale(1.12) rotate(2deg); opacity: .54; }
}
@keyframes smokeVeil {
  from { transform: translateX(-12px) translateY(8px) rotate(-1.5deg) scale(1); opacity: .52; }
  to { transform: translateX(14px) translateY(-14px) rotate(1deg) scale(1.03); opacity: .74; }
}
@keyframes chimneyDraft {
  0% { opacity: 0; transform: translateX(-50%) translateY(92px) scaleX(1.25); }
  30% { opacity: .28; }
  74% { opacity: .16; }
  100% { opacity: 0; transform: translateX(-50%) translateY(-24px) scaleX(.76); }
}
@keyframes flameDance {
  from { transform: scaleY(.93) translateX(-3px); }
  to { transform: scaleY(1.06) translateX(3px); }
}
@keyframes fanSpin { to { transform: rotate(360deg); } }
@keyframes heroFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-visual-card, .hero-product-stage { animation: none; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  section { scroll-margin-top: 76px; }
  .max-w-\[1200px\], .max-w-\[1000px\] { width: 100%; max-width: 100%; }
  #solution .grid-cols-4, #usage .grid-cols-3, #benefits .grid-cols-3, footer .grid-cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .hero-product-stage { min-height: 470px; }
  .hero-product-stage img { max-height: 460px; }
  #advantages .video-preview-card { min-height: 0; }
}
@media (max-width: 767px) {
  html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
  section { scroll-margin-top: 76px; }
  .max-w-\[1200px\], .max-w-\[1000px\] { width: 100%; max-width: 100%; }
  .px-6 { padding-left: 16px !important; padding-right: 16px !important; }
  .py-20, .py-24 { padding-top: 48px !important; padding-bottom: 48px !important; }
  header nav { height: auto !important; min-height: 72px; gap: 10px; padding-top: 10px; padding-bottom: 10px; }
  .grid { grid-template-columns: minmax(0, 1fr) !important; }
  h1 { font-size: 34px !important; line-height: 1.12 !important; }
  h2 { font-size: 28px !important; line-height: 1.18 !important; }
  .hero-product-stage { min-height: 320px; align-items: flex-end !important; padding-bottom: 58px; }
  .hero-product-stage img { max-height: 280px; }
  .hero-performance-badge { padding: 7px 12px !important; gap: 7px !important; bottom: 0 !important; }
  .hero-performance-badge span.w-9 { width: 26px !important; height: 26px !important; font-size: 12px !important; }
  .hero-performance-badge p.text-\[10px\] { font-size: 9px !important; }
  .hero-performance-badge p.text-sm { font-size: 12px !important; }
  .hero-image-col { order: -1; }
  .hero-text-col { order: 1; }
  .smoke-scene { height: 330px; margin-top: 34px; margin-bottom: 24px; }
  .smoke-device { width: 270px; top: 4px; }
  .smoke-demo-toggle { width: 100%; padding-left: 18px !important; padding-right: 18px !important; }
  #smoke-demo { min-height: 0; }
  #smoke-demo.py-24 { padding-top: 48px !important; padding-bottom: 48px !important; }
  .drawing-card img { height: 270px; }
  .drawing-modal { padding: 14px; }
  footer .justify-between { flex-direction: column; align-items: flex-start; gap: 10px; }
  .mobile-sticky-cta { display: block; position: fixed; left: 16px; right: 16px; bottom: 14px; z-index: 60; text-align: center; }
  body { padding-bottom: 74px; }
}
/* Final style fixes */
html body a, html body a:link, html body a:visited, html body a:hover, html body a:focus, html body a:active { text-decoration: none !important; text-decoration-line: none !important; }
html body .btn-grad, html body .btn-grad:visited, html body .btn-grad:hover, html body .btn-grad:focus, html body .btn-grad:active { background-image: linear-gradient(135deg,#1A1A1A,#212121) !important; color: #FFFFFF !important; }
html body .btn-header-orange, html body .btn-header-orange:visited, html body .btn-header-orange:hover, html body .btn-header-orange:focus, html body .btn-header-orange:active { background-image: linear-gradient(135deg,#FF5722,#F4511E) !important; color: #FFFFFF !important; }
html body .btn-outline, html body .btn-outline:visited { background: transparent !important; border-color: #FF5722 !important; color: #FF5722 !important; }
html body .btn-outline:hover, html body .btn-outline:focus, html body .btn-outline:active { background: #FF5722 !important; border-color: #FF5722 !important; color: #FFFFFF !important; }
html body .smoke-demo-toggle { background: linear-gradient(90deg,#FF5722,#FF6B3D) !important; border: none !important; color: #FFFFFF !important; }
html body .smoke-demo.is-active .smoke-demo-toggle { background: linear-gradient(90deg,#212121,#1A1A1A) !important; border: none !important; color: #FFFFFF !important; }
html body #cart-open-btn { background: rgba(255,255,255,.1) !important; border: none !important; color: #FFFFFF !important; }
html body #cart-open-btn:hover { background: #FF5722 !important; }
html body .cart-drawer-close { background: #F5F5F7 !important; border: none !important; color: #1A1A1A !important; }
html body .cart-drawer-close:hover { background: #FF5722 !important; color: #FFFFFF !important; }
html body #reviews-prev, html body #reviews-next { background: #FFFFFF !important; border: none !important; color: #FF5722 !important; }
html body #reviews-prev:hover, html body #reviews-next:hover { background: #FF5722 !important; color: #FFFFFF !important; }
html body #models .model-tab { background: transparent !important; color: #1A1A1A !important; }
html body #models .model-tab.is-active { background: #1A1A1A !important; color: #FFFFFF !important; }
html body #models .diameter-choice { background: #FFFFFF !important; border-color: rgba(255,87,34,.22) !important; color: #1A1A1A !important; }
html body #models .diameter-choice.is-active, html body #models .diameter-choice.is-active:hover { background: #1A1A1A !important; border-color: #1A1A1A !important; color: #FFFFFF !important; }
html body a.text-white, html body a.text-white:link, html body a.text-white:visited, html body a.text-white:hover, html body a.text-white:focus, html body a.text-white:active { color: #FFFFFF !important; }
html body a.text-\[\#1A1A1A\], html body a.text-\[\#1A1A1A\]:link, html body a.text-\[\#1A1A1A\]:visited, html body a.text-\[\#1A1A1A\]:focus, html body a.text-\[\#1A1A1A\]:active { color: #1A1A1A !important; }
html body a.text-\[\#1A1A1A\]:hover, html body a.hover\:text-white:hover { color: #FFFFFF !important; }
html body footer a, html body footer a:link, html body footer a:visited, html body footer a:focus, html body footer a:active { color: inherit !important; }
html body .video-modal__panel a, html body .video-modal__panel a:link, html body .video-modal__panel a:visited, html body .video-modal__panel a:focus, html body .video-modal__panel a:active { color: #FFFFFF !important; }
html body .legal-modal a, html body .legal-modal a:link, html body .legal-modal a:visited, html body .legal-modal a:focus, html body .legal-modal a:active { color: #1A1A1A !important; }
html body .legal-modal a:hover { color: #FFFFFF !important; }
/* Правила вище писалися під кнопку «Закрити» (темна на світлому, біла на ховері).
   У тексті документів білий на білому був би невидимий — тому посилання окремо. */
html body .legal-doc a, html body .legal-doc a:link, html body .legal-doc a:visited, html body .legal-doc a:focus, html body .legal-doc a:active { color: #FF5722 !important; text-decoration: underline; word-break: break-word; }
html body .legal-doc a:hover { color: #E64A19 !important; }
html body .legal-page__back, html body .legal-page__back:link, html body .legal-page__back:visited, html body .legal-page__back:focus, html body .legal-page__back:active { color: #1A1A1A !important; }
html body .legal-page__back:hover { color: #FF5722 !important; }
html body .legal-page__other a, html body .legal-page__other a:link, html body .legal-page__other a:visited, html body .legal-page__other a:focus, html body .legal-page__other a:active { color: #FF5722 !important; }
html body .legal-page__other a:hover { color: #E64A19 !important; }
/* Шапка модалки з довгим вмістом лишається на видноті при скролі панелі. */
html body .drawing-modal__panel > div:first-child { position: sticky; top: 0; z-index: 2; background: #FFFFFF !important; }
html body header nav ul a, html body header nav ul a:link, html body header nav ul a:visited, html body header nav ul a:focus, html body header nav ul a:active { color: rgba(255,255,255,.85) !important; }
html body header nav ul a:hover { color: #FF5722 !important; }
html body .model-slider-btn { background: #FFFFFF !important; border: 1px solid #FF5722 !important; color: #FF5722 !important; }
html body .model-slider-btn:hover { background: #FF5722 !important; color: #FFFFFF !important; }
html body .model-slider-dots button { background: #D1D5DB !important; border: 1px solid #AEB4BE !important; }
html body .model-slider-dots button.is-active { background: #FF5722 !important; border-color: #FF5722 !important; }
html body #lead input[name="contact_method"] + span { background: #FFFFFF !important; border-color: #E2E8F0 !important; color: #1A1A1A !important; }
html body #lead input[name="contact_method"]:checked + span { background: rgba(255,87,34,.10) !important; border-color: #FF5722 !important; color: #FF5722 !important; }