/* FORTUA — Black & Gold (по мотивам fortua.com.ua)
   Чёрный фон, золотой акцент, светлый контент внутренних страниц */

:root{
  --accent:#F2C200; --accent-dark:#D9AD00;
  --dark:#0D0D0D; --dark-2:#161616; --dark-line:#2A2A2A;
  --bg:#F0F1F3; --surface:#fff; --ink:#1B1F26; --ink-soft:#5C636E;
  --line:#DCE0E6; --buy:#F2C200; --green:#27B36B;
  --radius:8px; --shadow:0 1px 3px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.07);
  --font-display:'Unbounded',sans-serif; --font-body:'IBM Plex Sans',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{font-family:var(--font-body);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--accent-dark)}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);width:100%}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.container{max-width:var(--site-max-width, 1240px);margin:0 auto;padding:0 20px}
.container--catalog{max-width:var(--catalog-max-width, 1240px)}

/* ---------- LED ---------- */
.led{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}
.led--on{background:var(--green);box-shadow:0 0 0 3px rgba(39,179,107,.18);animation:pulse 2.4s ease-in-out infinite}
.led--off{background:#9AA6B3;box-shadow:0 0 0 3px rgba(154,166,179,.18)}
.led--armed{background:var(--accent);box-shadow:0 0 0 3px rgba(242,194,0,.22);animation:pulse 1.6s ease-in-out infinite}
.led--big{width:18px;height:18px}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}

/* ---------- Жёлтый статусбар ---------- */
.statusbar{background:var(--accent);color:#111;font-size:12.5px;font-weight:500}
.statusbar__in{display:flex;align-items:center;gap:9px;min-height:var(--topbar-height, 32px);padding-top:5px;padding-bottom:2px}
.statusbar__spacer{flex:1}
.statusbar a{color:#111;font-weight:700}
.statusbar a:hover{color:#000;text-decoration:underline}
.topbtns{display:flex;align-items:center;gap:20px;padding-right:14px}
.topbtn{display:inline-flex;align-items:center;gap:7px;color:#111;font-weight:600;font-size:12.5px;white-space:nowrap}
.topbtn svg{flex:0 0 auto}
.topbtn:hover{color:#000;text-decoration:none;opacity:.75}
@media (max-width:900px){ .topbtn span{display:none} .topbtns{gap:16px} }

/* ---------- Чёрная шапка ---------- */
.header{background:var(--dark);border-bottom:1px solid var(--dark-line);position:sticky;top:var(--topbar-height, 32px);z-index:55}
.header__in{display:flex;align-items:center;gap:24px;height:76px}
.logo{font-family:var(--font-display);font-weight:700;font-size:21px;color:#fff;letter-spacing:.05em;line-height:1;display:flex;flex-direction:column}
.logo em{font-style:normal;color:var(--accent)}
.logo:hover{color:#fff}
.logo__sub{font-family:var(--font-body);font-weight:500;font-size:10px;color:#8D8D8D;letter-spacing:.16em;text-transform:lowercase;margin-top:4px}
.logo--footer{color:#fff;font-size:18px;flex-direction:row}

.catalog-btn-wrap{position:relative}
.catalog-btn{display:flex;align-items:center;gap:10px;background:transparent;color:#fff;border:1px solid var(--dark-line);border-radius:8px;padding:11px 18px;font-weight:600;font-size:14.5px;transition:border-color .15s,color .15s}
.catalog-btn:hover,.catalog-btn[aria-expanded="true"]{border-color:var(--accent);color:var(--accent)}
.catalog-btn__bars{display:flex;flex-direction:column;gap:3px}
.catalog-btn__bars i{width:15px;height:2px;background:var(--accent);border-radius:2px}
.megamenu{position:absolute;top:calc(100% + 12px);left:0;background:var(--dark-2);border:1px solid var(--dark-line);border-radius:var(--radius);box-shadow:0 24px 60px rgba(0,0,0,.5);display:grid;grid-template-columns:repeat(3,235px);gap:4px 22px;padding:20px;z-index:80;max-height:70vh;overflow:auto}
.megamenu[hidden]{display:none}
.megamenu__root{font-weight:700;font-size:14px;margin:8px 0 4px;display:flex;justify-content:space-between;gap:8px;color:#fff}
.megamenu__root:hover{color:var(--accent)}
.megamenu__root .count{color:#777;font-weight:500;font-size:12px}
.megamenu__child{display:block;font-size:13.5px;padding:3px 0 3px 10px;color:#C9C9C9}
.megamenu__sub{display:block;font-size:12.5px;padding:2px 0 2px 22px;color:#8D8D8D}
.megamenu__child:hover,.megamenu__sub:hover{color:var(--accent)}

.search{flex:1;display:flex;max-width:520px;background:var(--dark-2);border:1px solid var(--dark-line);border-radius:24px;overflow:hidden}
.search input{background:transparent;border:none;color:#fff;padding-left:18px}
.search input::placeholder{color:#777}
.search button{background:transparent;color:var(--accent);border:none;padding:0 20px;font-weight:700;font-size:13.5px}
.search button:hover{color:#fff}

.cart-link{position:relative;font-weight:600;font-size:14.5px;padding:10px 16px;border:1px solid var(--dark-line);border-radius:8px;color:#fff;transition:border-color .15s}
.cart-link:hover{border-color:var(--accent);color:var(--accent)}
.cart-link__badge{position:absolute;top:-8px;right:-8px;background:var(--accent);color:#111;font-size:11.5px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}

/* ---------- Главная: чёрный фон ---------- */
.is-home{background:var(--dark)}
.is-home .section__title{color:#fff}

/* Баннеры категорий — как на оригинале */
.banner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.banner-tile{position:relative;min-height:170px;border:1px solid rgba(242,194,0,.45);border-radius:6px;background:linear-gradient(120deg,#181818 0%,#0E0E0E 60%,#1C1C1C 100%);background-size:cover;background-position:center;display:flex;align-items:flex-start;padding:22px;overflow:hidden;transition:border-color .15s,transform .15s}
.banner-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.05) 65%)}
.banner-tile:hover{border-color:var(--accent);transform:translateY(-2px)}
.banner-tile__name{position:relative;z-index:1;color:#fff;font-weight:600;font-size:16px;letter-spacing:.12em;text-transform:uppercase;line-height:1.4;max-width:60%;text-shadow:0 1px 8px rgba(0,0,0,.6)}

/* Полоса брендов */
.brands-strip{display:flex;flex-wrap:wrap;gap:18px 44px;justify-content:center;align-items:center;padding-top:24px;padding-bottom:40px}
.brands-strip__item{font-family:var(--font-display);font-weight:500;font-size:17px;letter-spacing:.08em;text-transform:uppercase;color:#6B6B6B;transition:color .15s}
.brands-strip__item:hover{color:#A8A8A8}

/* ---------- Hero (опционально) ---------- */
.hero{background:var(--dark);color:#fff;overflow:hidden;border-bottom:1px solid var(--dark-line)}
.hero__in{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;padding-top:54px;padding-bottom:54px}
.hero__eyebrow{display:flex;align-items:center;gap:9px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3.4vw,42px);line-height:1.18}
.hero__sub{margin:18px 0 28px;color:#B5B5B5;max-width:54ch;font-size:15.5px}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.panel{background:#101010;border:1px solid rgba(242,194,0,.35);border-radius:14px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.panel__row{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12.5px;letter-spacing:.12em;color:#8D8D8D;padding:12px 6px;border-bottom:1px dashed #2A2A2A}
.panel__row--armed{border-bottom:none;color:var(--accent);font-weight:600}

/* ---------- Кнопки ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;font-weight:700;font-size:14px;padding:11px 20px;transition:background .15s,border-color .15s,color .15s;text-align:center}
.btn--primary{background:var(--accent);color:#111}
.btn--primary:hover{background:var(--accent-dark);color:#111}
.btn--buy{background:var(--buy);color:#111}
.btn--buy:hover{background:var(--accent-dark);color:#111}
.btn--ghost{background:transparent;color:#fff;border:1px solid #3A3A3A}
.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}
.catalog .btn--ghost,.cart-actions .btn--ghost{color:var(--ink);border-color:var(--line)}
.catalog .btn--ghost:hover,.cart-actions .btn--ghost:hover{border-color:var(--accent-dark);color:var(--ink)}
.btn--lg{padding:13px 26px;font-size:15px}
.btn--block{width:100%}

/* ---------- Секции / сетки ---------- */
.section{padding:var(--sp-section-top, 42px) 20px var(--sp-section-bottom, 42px)}
/* відступи конкретних блоків головної (перекривають .section) */
.section--hero{padding-top:var(--sp-hero-top, 0);padding-bottom:var(--sp-hero-bottom, 0)}
.section--banners{padding-top:var(--sp-banners-top, 30px);padding-bottom:var(--sp-banners-bottom, 0)}
.section--categories{padding-top:var(--sp-categories-top, 42px);padding-bottom:var(--sp-categories-bottom, 42px)}
.section--featured{padding-top:var(--sp-featured-top, 42px);padding-bottom:var(--sp-featured-bottom, 42px)}
.section--trust{padding-top:var(--sp-trust-top, 42px);padding-bottom:var(--sp-trust-bottom, 42px)}
.section--brands{padding-top:var(--sp-brands-top, 42px);padding-bottom:var(--sp-brands-bottom, 42px)}
.section__title{font-family:var(--font-display);font-weight:500;font-size:22px;margin-bottom:24px}
.section--center{display:flex;justify-content:center;padding:70px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:14px}

/* ---------- Карточка товара ---------- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s,border-color .15s}
.card:hover{box-shadow:var(--shadow);border-color:#CBCFD6}
.is-home .card{border-color:transparent}
.card__img{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#F7F8FA;padding:14px}
.card__img img{max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.card__noimg{color:#AEB4BD;font-size:13px}
.card__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:7px;flex:1}
.card__stock{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-soft);font-weight:500}
.card__name{font-weight:600;font-size:13.8px;line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.card__name:hover{color:var(--accent-dark)}
.card__sku{font-size:11.5px;color:#9AA0A9}
.card__bottom{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.card__price b{font-size:17px;font-weight:700;display:block}
.card__price s{color:#9AA0A9;font-size:12.5px}
.card .btn--buy{padding:9px 16px;font-size:13px}

/* ---------- Trust ---------- */
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.trust__item{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:4px}
.is-home .trust__item{background:var(--dark-2);border-color:var(--dark-line);border-left-color:var(--accent)}
.is-home .trust__item b{color:#fff}
.is-home .trust__item span{color:#8D8D8D}
.trust__item b{font-size:14.5px}
.trust__item span{color:var(--ink-soft);font-size:13px}

/* ---------- Каталог / фильтры (светлые страницы) ---------- */
.breadcrumbs{font-size:12.5px;color:var(--ink-soft);padding:18px 0 4px}
.breadcrumbs a{color:var(--ink-soft)}
.breadcrumbs a:hover{color:var(--accent-dark)}
.page-title{font-family:var(--font-display);font-weight:500;font-size:24px;margin:10px 0 18px}
.page-title__count{font-family:var(--font-body);font-size:14px;color:var(--ink-soft);font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.chip{background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-size:13px;font-weight:500;color:var(--ink)}
.chip span{color:var(--ink-soft);font-size:12px}
.chip:hover{border-color:var(--accent-dark);color:var(--ink)}
.catalog{display:grid;grid-template-columns:var(--catalog-sidebar-width, 250px) 1fr;gap:22px;align-items:start;padding-bottom:50px}
.catalog .grid{grid-template-columns:repeat(var(--catalog-cols, 3), minmax(0, 1fr))}
.filters{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;position:sticky;top:92px}
.filters h3{font-size:15px;margin-bottom:12px}
.filters__label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin:14px 0 6px}
.filters__price{display:flex;gap:8px}
.filters__check{display:flex;align-items:center;gap:8px;font-size:13.5px;margin:16px 0}
.filters__check input{width:auto}
.filters .btn{margin-top:4px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;font-size:13.5px;color:var(--ink-soft)}
.toolbar__sort select{width:auto;min-width:190px}
.empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:34px;text-align:center;color:var(--ink-soft)}
.empty a{color:var(--accent-dark);font-weight:600}

.pagination{display:flex;gap:6px;justify-content:center;margin:28px 0 10px;flex-wrap:wrap}
.pagination__item{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:13.5px;font-weight:500}
.pagination__item.is-active{background:var(--dark);border-color:var(--dark);color:var(--accent)}
.pagination__dots{align-self:center;color:var(--ink-soft)}

/* ---------- Товар ---------- */
.product{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:24px}
.product__gallery img#mainImage{width:100%;aspect-ratio:1/1;object-fit:contain;background:#F7F8FA;border-radius:8px;padding:16px}
.product__thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.product__thumbs img{width:64px;height:64px;object-fit:contain;border:1px solid var(--line);border-radius:7px;padding:5px;cursor:pointer;background:#F7F8FA}
.product__thumbs img:hover{border-color:var(--accent)}
.product__noimg{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#F7F8FA;border-radius:8px;color:#AEB4BD}
.product__info h1{font-size:21px;font-weight:700;line-height:1.3;margin-bottom:10px}
.product__meta{display:flex;gap:18px;font-size:13px;color:var(--ink-soft);margin-bottom:18px;flex-wrap:wrap}
.product__buybox{background:#FAF7EA;border:1px solid #EFE3B0;border-radius:var(--radius);padding:18px;margin-bottom:22px}
.product__stock{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-bottom:8px}
.product__price b{font-size:28px;font-weight:700}
.product__price s{color:#9AA0A9;margin-right:10px}
.product__form{display:flex;gap:10px;margin-top:14px}
.product__form input[type=number]{width:78px;text-align:center}
.product__warranty{font-size:12.5px;color:var(--ink-soft);margin-top:10px}
.h3{font-size:16px;font-weight:700;margin-bottom:10px}
.attrs{width:100%;border-collapse:collapse;font-size:13.5px}
.attrs td{padding:8px 10px;border-bottom:1px solid var(--line)}
.attrs td:first-child{color:var(--ink-soft);width:46%}
.product__description{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:44px}
.prose{font-size:14.5px;color:#2A3037;line-height:1.65}
.prose p{margin:0 0 12px}
.prose h3{font-size:16px;font-weight:700;margin:20px 0 10px;color:#1a1f26}
.prose ul{margin:0 0 14px;padding-left:22px}
.prose li{margin:4px 0}

/* ---------- Корзина / оформление ---------- */
.cart-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-size:14px}
.cart-table th{background:#F5F6F8;text-align:left;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);padding:11px 14px}
.cart-table td{padding:13px 14px;border-top:1px solid var(--line);vertical-align:middle}
.cart-table__name{display:flex;align-items:center;gap:12px}
.cart-table__name img{width:52px;height:52px;object-fit:contain;background:#F7F8FA;border-radius:6px;padding:4px}
.cart-qty{width:70px;text-align:center}
.cart-remove{background:none;border:none;color:#9AA0A9;font-size:21px;line-height:1}
.cart-remove:hover{color:#C0392B}
.cart-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin:18px 0 50px;flex-wrap:wrap}
.cart-total{font-size:16px}
.cart-total b{font-size:21px}

.checkout{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start;padding-bottom:54px}
.checkout__form,.checkout__summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.checkout__form h3{font-size:15px;margin:18px 0 6px}
.checkout__form h3:first-of-type{margin-top:0}
.checkout__form label{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);margin-top:12px}
.checkout__form input,.checkout__form select,.checkout__form textarea{margin-top:5px;font-weight:400}
.checkout__form .btn{margin-top:22px}
.checkout__summary{position:sticky;top:92px}
.checkout__summary h3{font-size:15px;margin-bottom:12px}
.checkout__row{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:7px 0;border-bottom:1px dashed var(--line)}
.checkout__row--total{border-bottom:none;font-size:15px;padding-top:12px}

.success{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:48px 56px;text-align:center;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:14px}
.success h1{font-family:var(--font-display);font-weight:500;font-size:23px}
.success p{color:var(--ink-soft)}

.alert{border-radius:8px;padding:11px 15px;font-size:13.5px;margin-bottom:12px}
.alert--error{background:#FCEAE6;color:#A33422;border:1px solid #F2C4BA}

/* ---------- Чёрный футер с золотыми заголовками ---------- */
.footer{background:var(--dark);color:#B0B0B0;margin-top:30px;border-top:1px solid var(--dark-line)}
.is-home .footer{margin-top:0}
.footer__in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px;padding:42px 20px 30px;font-size:13.5px}
.footer h4{color:var(--accent);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.footer a{display:block;color:#B0B0B0;padding:3px 0}
.footer a:hover{color:#fff}
.footer p{margin-top:10px;line-height:1.6}
.footer__bottom{border-top:1px solid var(--dark-line);padding:16px 20px;font-size:12.5px;color:#6F6F6F}

/* ---------- Адаптив ---------- */
@media (max-width:1000px){
  .hero__in{grid-template-columns:1fr}
  .hero__panel{display:none}
  .banner-grid{grid-template-columns:repeat(2,1fr)}
  .catalog{grid-template-columns:1fr}
  .catalog .grid{grid-template-columns:repeat(3, minmax(0,1fr))}
  .filters{position:static}
  .product{grid-template-columns:1fr}
  .checkout{grid-template-columns:1fr}
  .checkout__summary{position:static}
  .footer__in{grid-template-columns:1fr 1fr}
  .megamenu{grid-template-columns:repeat(2,220px)}
}
@media (max-width:680px){
  .header__in{flex-wrap:wrap;height:auto;padding:12px 0;gap:12px}
  .search{order:3;flex-basis:100%;max-width:none}
  .banner-grid{grid-template-columns:1fr}
  .catalog .grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .banner-tile{min-height:140px}
  .megamenu{grid-template-columns:1fr;width:calc(100vw - 40px)}
  .footer__in{grid-template-columns:1fr}
  .cart-table th:nth-child(2),.cart-table td:nth-child(2){display:none}
  .success{padding:34px 22px}
}

/* ---------- Телефоны ---------- */
@media (max-width:560px){
  .container{padding:0 12px}
  /* каталог товаров — 2 колонки на телефоне */
  .grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .card__body{padding:10px 11px 12px;gap:5px}
  .card__name{font-size:13px}
  .card__price b{font-size:15.5px}
  .card .btn--buy{padding:8px 12px;font-size:12.5px;width:100%}
  .card__bottom{flex-direction:column;align-items:stretch;gap:8px}
  /* старое десктоп-мегаменю и десктоп-шапку прячем на телефоне */
  .header__in{display:none}
  .megamenu{display:none!important}
  /* компактная мобильная шапка */
  .mheader{display:flex}
  /* шапка телефона — компактнее */
  .logo span{font-size:20px}
  /* карточка товара */
  .product__info h1{font-size:18px}
  .product__price b{font-size:24px}
  .product__form{flex-wrap:wrap}
  .product__form .btn--buy{flex-basis:100%}
  .product__description{padding:16px}
  .product__gallery img#mainImage{padding:10px}
  /* заголовки */
  .page-title{font-size:20px}
  /* таблицы корзины — компактнее */
  .cart-table th,.cart-table td{padding:8px 6px;font-size:13px}
  /* trust-блоки в одну колонку */
  .trust{grid-template-columns:1fr}
  /* убираем горизонтальный скролл */
  body{overflow-x:hidden}
  img{max-width:100%;height:auto}
  /* сортировка и тулбар — не вылазит */
  .toolbar__sort select{min-width:0;width:100%}
  .toolbar{flex-wrap:wrap;gap:8px}
  /* таблицы не шире экрана */
  table{max-width:100%}
  .cart-table{font-size:12.5px}
}

/* ---------- Узкие телефоны ---------- */
@media (max-width:380px){
  .grid{gap:8px}
  .card__img{padding:10px}
  .card__name{font-size:12.5px;-webkit-line-clamp:3}
}

/* Атрибутные фильтры */
.filters__attr{display:flex;flex-direction:column;gap:6px;margin:4px 0 10px}
.filters__check--sm{margin:0;font-size:13px;display:flex;align-items:center;gap:7px}
.filters__check--sm input{width:auto}
.filters__cnt{margin-left:auto;color:var(--ink-soft);font-size:11.5px}

/* Переключатель модификаций */
.product__variants{margin:16px 0;display:flex;flex-direction:column;gap:12px}
.variant-axis{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.variant-axis__name{font-weight:600;min-width:80px;color:var(--ink-soft)}
.variant-axis__opts{display:flex;gap:8px;flex-wrap:wrap}
.variant-opt{display:inline-block;padding:7px 14px;border:1.5px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);transition:.15s;background:#fff}
.variant-opt:hover{border-color:var(--amber)}
.variant-opt--active{border-color:var(--amber);background:var(--amber);color:#1a1a1a;font-weight:600}
.variant-opt--out{opacity:.5}
.variant-opt--out::after{content:" • немає";font-size:11px;color:#A33422}

/* Переключатель версий в подвале */
.version-switch{display:inline-flex;gap:8px;margin-left:14px;align-items:center}
.version-switch a{color:#8D8D8D;text-decoration:none}
.version-switch a.is-active{color:var(--accent);font-weight:600}
.version-switch a:hover{color:#fff}
@media (max-width:560px){
  .footer__bottom{flex-direction:column;gap:8px;text-align:center}
  .version-switch{margin-left:0}
}

/* ============ Мобильная шапка + drawer ============ */
.mheader{display:none}
.msearch{display:none}
@media (max-width:560px){
  .mheader{display:flex;align-items:center;gap:6px;background:var(--dark);padding:10px 12px;position:sticky;top:0;z-index:60}
  .mheader__btn{background:transparent;border:none;color:#fff;font-size:20px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}
  .mburger{display:flex;flex-direction:column;gap:4px}
  .mburger i{width:20px;height:2px;background:var(--accent);border-radius:2px}
  .mheader__logo{flex:1;text-align:center;font-family:var(--font-display);font-weight:700;font-size:22px;color:#fff;text-decoration:none}
  .mheader__logo em{color:var(--accent);font-style:normal}
  .mheader__cart{font-size:20px}
  .mheader__cart .cart-link__badge{position:absolute;top:2px;right:2px;background:var(--accent);color:#1a1a1a;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700}
  .msearch{display:none;padding:8px 12px;background:var(--dark);gap:8px}
  .msearch[hidden]{display:none}
  .msearch:not([hidden]){display:flex}
  .msearch input{flex:1;background:var(--dark-2);border:1px solid var(--dark-line);border-radius:20px;padding:9px 16px;color:#fff;font-size:14px}
  .msearch button{background:var(--accent);color:#1a1a1a;border:none;border-radius:20px;padding:0 18px;font-weight:600}
}

/* Drawer */
.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:90;opacity:0;transition:opacity .25s}
.drawer-overlay:not([hidden]){opacity:1}
.drawer{position:fixed;top:0;left:0;bottom:0;width:86%;max-width:340px;background:#fff;z-index:100;transform:translateX(-100%);transition:transform .28s ease;display:flex;flex-direction:column;box-shadow:2px 0 24px rgba(0,0,0,.25)}
.drawer:not([hidden]){transform:translateX(0)}
.drawer__head{display:flex;align-items:center;gap:8px;padding:16px 14px;border-bottom:1px solid #eee;min-height:58px}
.drawer__back{background:none;border:none;font-size:28px;line-height:1;color:#333;cursor:pointer;padding:0 6px;display:none}
.drawer__back:not([hidden]){display:block}
.drawer__title{flex:1;text-align:center;font-weight:700;font-size:18px;color:#1a1a1a}
.drawer__close{background:none;border:none;font-size:20px;color:#888;cursor:pointer;padding:0 6px}
.drawer__body{flex:1;overflow-y:auto;position:relative}
.drawer__list{list-style:none;margin:0;padding:0}
.drawer__sublist{position:absolute;top:0;left:0;right:0;background:#fff;min-height:100%}
.drawer__row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;background:none;border:none;border-bottom:1px solid #f2f2f2;font-size:15.5px;color:#1a1a1a;text-decoration:none;text-align:left;cursor:pointer}
.drawer__row:active{background:#f7f7f7}
.drawer__icon{width:34px;height:34px;object-fit:contain;flex-shrink:0}
.drawer__icon--ph{width:34px;height:34px;background:#f0f0f0;border-radius:7px;flex-shrink:0}
.drawer__name{flex:1}
.drawer__arrow{color:#bbb;font-size:22px;line-height:1}
.drawer__sep{height:8px;background:#f5f5f5;margin:6px 0}
.drawer__row--svc{font-size:14.5px;color:#444;padding:12px 18px}
.drawer__row--all{color:var(--accent-dark,#B8860B);font-weight:600}
.drawer__row--has{font-weight:500}

/* ==== Баннеры главной (сетка как на Horoshop) ==== */
.hb-grid { display: grid; grid-template-columns: repeat(var(--banner-cols, 3), 1fr); gap: 14px; }
.hb-grid--full { max-width: none; width: 100%; padding-left: 16px; padding-right: 16px; }
.hb {
  position: relative; display: flex; align-items: flex-end; min-height: 200px;
  border-radius: 12px; overflow: hidden; background: #17181C center/cover no-repeat;
  text-decoration: none; transition: transform .18s ease, box-shadow .18s ease;
  border: var(--banner-border-width, 1px) solid var(--banner-border-color, transparent);
}
.hb:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(0,0,0,.35); }
.hb::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.05) 30%, rgba(0,0,0,.55)); }
.hb__title {
  position: relative; z-index: 1; padding: 16px 18px; color: #fff;
  font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px;
  text-shadow: 0 2px 8px rgba(0,0,0,.6);
}
@media (max-width: 900px) { .hb-grid { grid-template-columns: repeat(2, 1fr); } .hb { min-height: 150px; } .hb__title { font-size: 16px; } }
@media (max-width: 560px) { .hb-grid { grid-template-columns: 1fr; } }

/* ==== Логотипы брендов ==== */
.brands-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 28px 44px; }
.brands-strip__item { color: #9aa0a6; font-weight: 700; letter-spacing: 1px; font-size: 18px; text-decoration: none; opacity: .8; transition: opacity .15s; }
.brands-strip__item:hover { opacity: 1; }
.brands-strip__item img { height: 34px; max-width: 140px; object-fit: contain; filter: grayscale(1) brightness(1.4); transition: filter .15s; display: block; }
.brands-strip__item:hover img { filter: none; }

/* ==== Карточки подкатегорий (страница категории с фото) ==== */
.subcat-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin: 20px 0 40px; }
.subcat-card {
  display: flex; flex-direction: column; background: #fff; border: 1px solid #ececec;
  border-radius: 12px; overflow: hidden; text-decoration: none; color: inherit;
  transition: box-shadow .18s ease, transform .18s ease;
}
.subcat-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.1); transform: translateY(-3px); }
.subcat-card__img { aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; background: #fafafa; padding: 18px; }
.subcat-card__img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.subcat-card__title { padding: 12px 8px 14px; text-align: center; font-weight: 700; font-size: 13.5px; line-height: 1.3; }
.subcat-card__noimg { font-size: 40px; opacity: .3; }
@media (max-width: 1100px) { .subcat-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 900px) { .subcat-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; } }
@media (max-width: 600px) { .subcat-grid { grid-template-columns: repeat(2, 1fr); } .subcat-card__title { font-size: 13px; } }

/* ==== Логотип-картинка ==== */
.logo__img { height: 44px; width: auto; display: block; }
.footer__logo-img { height: 40px; width: auto; margin-bottom: 12px; }

/* ==== Подвал: соцсети ==== */
.footer__brand { max-width: 340px; }
.footer__socials { display: flex; gap: 10px; margin-top: 14px; }
.footer__social {
  width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.08); color: #fff; font-weight: 700; text-decoration: none; transition: background .15s, transform .15s;
}
.footer__social:hover { transform: translateY(-2px); }
.footer__social--instagram:hover { background: #E1306C; }
.footer__social--tiktok:hover { background: #000; }
.footer__social--facebook:hover { background: #1877F2; }
.footer__social--youtube:hover { background: #FF0000; }
.footer__social--telegram:hover { background: #229ED9; }
.footer__schedule { display: block; margin-top: 8px; color: #9aa0a6; font-size: 13px; }

/* ==== Мега-меню ПК v2 (слева разделы, справа колонки подкатегорий) ==== */
.megamenu--v2 {
  display: flex; position: absolute; top: 100%; left: 0; z-index: 60;
  min-width: 900px; max-width: 1100px; background: #17181C; border: 1px solid #2a2b30;
  border-radius: 0 0 12px 12px; box-shadow: 0 20px 50px rgba(0,0,0,.5); overflow: hidden;
}
.megamenu--v2[hidden] { display: none; }
.mm-roots { flex: 0 0 260px; background: #1c1d22; padding: 10px 0; border-right: 1px solid #2a2b30; }
.mm-root {
  display: flex; align-items: center; justify-content: space-between;
  padding: 11px 20px; color: #d6d8dc; text-decoration: none; font-size: 15px; transition: background .12s, color .12s;
}
.mm-root:hover, .mm-root.is-active { background: #24262c; color: #fff; }
.mm-root__arrow { color: #F5B301; font-size: 18px; }
.mm-panels { flex: 1; padding: 22px 26px; position: relative; }
.mm-panel { display: none; column-count: 3; column-gap: 30px; }
.mm-panel.is-active { display: block; }
.mm-col { break-inside: avoid; margin-bottom: 20px; display: inline-block; width: 100%; }
.mm-col__title { display: block; color: #fff; font-weight: 700; font-size: 15px; margin-bottom: 8px; text-decoration: none; }
.mm-col__title:hover { color: #F5B301; }
.mm-col__link { display: block; color: #9aa0a6; font-size: 13.5px; padding: 3px 0; text-decoration: none; transition: color .12s; }
.mm-col__link:hover { color: #fff; }
/* на узких экранах старое меню/мобильный drawer — не трогаем, v2 только для ПК */
@media (max-width: 1024px) { .megamenu--v2 { display: none !important; } }

/* ---------- Порівняння товарів ---------- */
.topbtn{position:relative}
.topbtn__n{position:absolute;top:-3px;right:-9px;background:#111;color:var(--accent);font-size:9px;
  min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;box-sizing:border-box;pointer-events:none}
.topbtn__n[hidden]{display:none}
.topbtn__n:empty{display:none}

/* кнопка на карточке товара */
.cmp-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;
  color:var(--ink-soft);font-size:12px;font-weight:600;padding:8px 0 0;transition:color .15s}
.cmp-btn:hover{color:var(--ink)}
.cmp-btn.is-in{color:var(--accent-dark, #B98900)}
.cmp-btn.is-in svg{stroke:var(--accent-dark, #B98900)}
.cmp-btn--lg{font-size:13.5px;padding:12px 0 0}

/* шапка страницы сравнения */
.cmp-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:10px 0 6px}
.cmp-head h1{font-size:24px;margin:0}
.cmp-head__actions{display:flex;align-items:center;gap:10px}
.cmp-toggle{font-size:13px;font-weight:600;color:var(--ink-soft);border:1px solid var(--line);
  padding:7px 13px;border-radius:8px;background:#fff}
.cmp-toggle:hover{color:var(--ink);text-decoration:none}
.cmp-toggle.is-on{background:var(--accent);border-color:var(--accent);color:#111}
.cmp-clear{font-size:13px;font-weight:600;color:#C0392B;background:none;border:1px solid #F0C8C4;
  padding:7px 13px;border-radius:8px;cursor:pointer}
.cmp-clear:hover{background:#FDF3F2}

/* пустое состояние */
.cmp-empty{text-align:center;padding:50px 20px}
.cmp-empty__icon{font-size:46px;margin:0 0 8px;opacity:.5}
.cmp-empty h2{font-size:19px;margin:0 0 8px}
.cmp-empty .muted{margin:0 auto 22px;max-width:440px}

/* таблица сравнения */
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmp{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.06)}
.cmp th,.cmp td{border:1px solid var(--line);padding:11px 13px;font-size:13.5px;vertical-align:top}
.cmp__corner{background:#FAFBFC;width:190px;min-width:170px}
.cmp__prod{position:relative;width:230px;min-width:210px;text-align:center;background:#fff;padding:14px 12px 16px}
.cmp__del{position:absolute;top:6px;right:6px;margin:0}
.cmp__del button{border:none;background:none;color:#B9BFC7;font-size:15px;cursor:pointer;line-height:1;padding:3px 5px}
.cmp__del button:hover{color:#C0392B}
.cmp__img{display:block;height:130px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.cmp__img img{max-width:100%;max-height:130px;object-fit:contain}
.cmp__noimg{font-size:11px;color:#B9BFC7}
.cmp__name{display:block;font-size:13px;font-weight:600;line-height:1.35;margin-bottom:7px;color:var(--ink)}
.cmp__name:hover{color:var(--accent-dark, #B98900)}
.cmp__price{font-size:16px;margin-bottom:5px}
.cmp__stock{font-size:11.5px;color:var(--ink-soft);margin-bottom:9px}
.cmp__label{background:#FAFBFC;font-weight:600;color:var(--ink)}
.cmp tbody tr:nth-child(even) td{background:#FCFCFD}
.cmp tbody tr:nth-child(even) .cmp__label{background:#F7F8FA}
.cmp__none{color:#C4C9D0}
@media (max-width:600px){
  .cmp__corner{width:120px;min-width:110px}
  .cmp__prod{width:170px;min-width:160px}
  .cmp th,.cmp td{padding:9px 10px;font-size:12.5px}
}

/* ---------- Нова Пошта у чекауті ---------- */
.np-drop{position:relative;background:#fff;border:1px solid var(--line);border-radius:8px;margin-top:4px;
  display:none;max-height:240px;overflow:auto;z-index:30;box-shadow:0 8px 22px rgba(0,0,0,.10)}
.np-drop.is-open{display:block}
.np-drop__i{padding:9px 12px;cursor:pointer;font-size:13.5px;border-bottom:1px solid #F1F3F5}
.np-drop__i:last-child{border-bottom:none}
.np-drop__i:hover{background:#F7F8FA}
.np-drop__i b{display:block;font-weight:600}
.np-drop__i span{color:var(--ink-soft);font-size:11.5px}
.np-price{background:#F0F6FF;border:1px solid #CFE1F7;border-radius:8px;padding:9px 12px;
  font-size:13px;color:#2C5AA0;margin:8px 0 0}

/* Статус оплати на сторінці успіху */
.pay-badge{display:inline-block;font-weight:700;font-size:13.5px;padding:7px 15px;border-radius:20px;
  background:#F0F1F3;color:#5A6270;margin:0 0 12px}
.pay-badge--ok{background:#E4F5EC;color:#2E7D55}
.pay-badge--err{background:#FDECEA;color:#C0392B}

/* Стрічка підкатегорій зверху (режим «підкатегорії + товари») */
.subcat-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 14px;
  margin-top:var(--sp-subcatstrip-top, 4px);margin-bottom:var(--sp-subcatstrip-bottom, 6px);
  -webkit-overflow-scrolling:touch;scrollbar-width:thin}
.subcat-strip::-webkit-scrollbar{height:6px}
.subcat-strip::-webkit-scrollbar-thumb{background:#d5d9df;border-radius:3px}
.subcat-chip{flex:0 0 auto;width:104px;display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:10px 8px;border:1px solid var(--line,#e4e7eb);border-radius:12px;background:#fff;
  text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;text-align:center}
.subcat-chip:hover{border-color:var(--accent,#F2C200);box-shadow:0 4px 14px rgba(0,0,0,.08);transform:translateY(-2px)}
.subcat-chip__img{width:64px;height:64px;display:flex;align-items:center;justify-content:center}
.subcat-chip__img img{max-width:100%;max-height:100%;object-fit:contain}
.subcat-chip__noimg{font-size:30px;opacity:.35}
.subcat-chip__title{font-size:12px;font-weight:600;line-height:1.25;color:var(--ink,#222)}
.subcat-chip:hover .subcat-chip__title{color:var(--accent-dark,#B98900)}
@media (max-width:600px){ .subcat-chip{width:90px} .subcat-chip__img{width:54px;height:54px} }

/* Стрічка підкатегорій поруч із заголовком (позиція «справа») */
.cat-head--strip{display:flex;align-items:center;gap:20px;
  margin-top:var(--sp-subcatstrip-top, 4px);margin-bottom:var(--sp-subcatstrip-bottom, 16px)}
.cat-head--strip .page-title{margin:0;flex:0 0 auto;white-space:nowrap}
.subcat-strip--inline{margin:0;padding:2px 2px 6px;flex:1 1 auto;min-width:0}
@media (max-width:768px){
  .cat-head--strip{flex-direction:column;align-items:flex-start;gap:8px}
  .cat-head--strip .page-title{white-space:normal}
  .subcat-strip--inline{width:100%}
}

/* Активна підкатегорія у стрічці + кнопка «Усі» */
.subcat-chip.is-active{border-color:var(--accent,#F2C200);background:#FFFBEF;box-shadow:0 2px 8px rgba(242,194,0,.18)}
.subcat-chip.is-active .subcat-chip__title{color:var(--accent-dark,#B98900)}
.subcat-chip--all .subcat-chip__noimg{opacity:.5}

/* Липка жовта верхня полоса */
.statusbar{position:sticky;top:0;z-index:60}

/* Липка стрічка підкатегорій — прилипає під шапкою при прокрутці */
.subcat-strip,
.cat-head--strip{position:sticky;top:calc(var(--topbar-height, 32px) + 77px);z-index:40;
  background:var(--bg,#F0F1F3)}
.subcat-strip{padding-top:10px}
.cat-head--strip{padding-top:10px;padding-bottom:10px}
/* тінь під стрічкою, коли вона прилипла */
.subcat-strip::after,
.cat-head--strip::after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:10px;
  background:linear-gradient(rgba(0,0,0,.05), transparent);pointer-events:none;opacity:0;transition:opacity .2s}
@media (max-width:768px){
  .subcat-strip,.cat-head--strip{position:static}
}

/* Кнопка ♡ (список бажань) на картці товару */
.card{position:relative}
.wish-btn{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;border-radius:50%;
  border:1px solid var(--line,#e4e7eb);background:rgba(255,255,255,.92);cursor:pointer;
  display:flex;align-items:center;justify-content:center;color:#9AA3AD;padding:0;
  transition:color .15s,border-color .15s,transform .12s,box-shadow .15s}
.wish-btn svg{fill:currentColor}
.wish-btn:hover{color:#E4506A;border-color:#E4506A;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.wish-btn:active{transform:scale(.9)}
.wish-btn.is-in{color:#E4506A;border-color:#F3C9D2;background:#FDF2F4}

/* Вхід через Google */
.gbtn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:10px;
  border:1px solid var(--line,#dadce0);background:#fff;color:#3c4043;font-size:15px;font-weight:600;
  cursor:pointer;text-decoration:none;transition:box-shadow .15s,background .15s}
.gbtn:hover{background:#f7f8f8;box-shadow:0 1px 5px rgba(0,0,0,.12)}
.gbtn svg{width:20px;height:20px;flex:0 0 auto}
.login-or{display:flex;align-items:center;gap:12px;margin:26px 0;color:#9AA3AD;font-size:13px}
.login-or::before,.login-or::after{content:'';flex:1;height:1px;background:var(--line,#e4e7eb)}
.login-claim{max-width:420px}
.login-claim input{margin-bottom:10px}

/* Особистий кабінет */
.acc-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;
  padding-bottom:20px;border-bottom:1px solid var(--line,#e8ebee)}
.acc-user{display:flex;align-items:center;gap:14px}
.acc-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--line,#e4e7eb);flex:0 0 auto}
.acc-avatar--ph{display:flex;align-items:center;justify-content:center;background:var(--navy,#1a2b4a);color:#fff;
  font-size:24px;font-weight:700}
.acc-name{margin:0;font-size:21px;line-height:1.2}
.acc-email{margin:3px 0 0;font-size:13px;color:#9AA3AD}
.acc-logout{border:1px solid var(--line,#e4e7eb);background:#fff;color:#5A6270;padding:8px 16px;border-radius:8px;
  font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.acc-logout:hover{background:#F5F6F8;color:#C0392B}

.acc-section-head{display:flex;align-items:center;gap:10px;margin:26px 0 14px}
.acc-section-head h2{margin:0;font-size:18px}
.acc-count{background:var(--accent,#F2C200);color:#1a1a1a;font-size:12px;font-weight:700;
  min-width:22px;height:22px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px}

.acc-empty{text-align:center;padding:44px 20px;background:#fff;border:1px solid var(--line,#e8ebee);border-radius:14px}
.acc-empty__ico{font-size:42px;margin:0 0 8px;opacity:.4}
.acc-empty__t{font-size:16px;font-weight:600;margin:0 0 6px}

.acc-orders{display:flex;flex-direction:column;gap:12px}
.acc-order{border:1px solid var(--line,#e4e7eb);border-radius:14px;background:#fff;overflow:hidden;transition:box-shadow .18s}
.acc-order[open]{box-shadow:0 4px 18px rgba(0,0,0,.07)}
.acc-order__sum{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:15px 17px;user-select:none}
.acc-order__sum::-webkit-details-marker{display:none}
.acc-order__main{min-width:0;flex:1}
.acc-order__line1{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:5px}
.acc-order__num{font-weight:700;font-size:15px}
.acc-order__line2{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#9AA3AD;flex-wrap:wrap}
.acc-order__dot{opacity:.5}
.acc-paid{color:#2E7D55;font-weight:600}
.acc-order__right{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.acc-order__total{font-weight:700;font-size:16px;white-space:nowrap}
.acc-order__chev{font-size:18px;color:#B9BFC7;transition:transform .2s;line-height:1}
.acc-order[open] .acc-order__chev{transform:rotate(180deg)}

.acc-order__det{padding:0 17px 17px;border-top:1px solid #f0f2f4}
.acc-items{width:100%;border-collapse:collapse;margin:12px 0 4px}
.acc-items td{padding:7px 0;font-size:13.5px;border-bottom:1px solid #f4f5f7;vertical-align:top}
.acc-items tr:last-child td{border-bottom:none}
.acc-items__n{color:#2a2f36}
.acc-items__sku{color:#B9BFC7;font-size:11.5px}
.acc-items__q{color:#9AA3AD;text-align:right;white-space:nowrap;padding-left:10px !important}
.acc-items__p{text-align:right;font-weight:600;white-space:nowrap;padding-left:14px !important}
.acc-items--svc .acc-items__n{color:#5A6270}

.acc-order__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.acc-info{display:flex;flex-direction:column;gap:2px}
.acc-info__lbl{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#B0B7BF;font-weight:600}
.acc-info__val{font-size:13.5px;font-weight:600;color:#2a2f36}
.acc-info__sub{font-size:12px;color:#9AA3AD}
.acc-ttn-box{margin-top:14px}
.acc-ttn-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.acc-ttn-num{font-family:ui-monospace,monospace;font-size:14px;font-weight:700;letter-spacing:.5px;
  background:#F5F6F8;padding:6px 12px;border-radius:8px;color:#2a2f36}
.acc-ttn-copy{border:1px solid var(--line,#e4e7eb);background:#fff;border-radius:8px;width:32px;height:32px;
  cursor:pointer;font-size:15px;color:#7a8290;transition:background .15s,color .15s}
.acc-ttn-copy:hover{background:#F5F6F8;color:#2a2f36}
.acc-ttn-copy.copied{background:#E4F5EC;color:#2E7D55;border-color:#B6E0C7}
.acc-ttn-track{font-size:13px;font-weight:600;color:#B8860B;text-decoration:none}
.acc-ttn-track:hover{text-decoration:underline}
.acc-ttn-wait{display:block;margin-top:4px;font-size:12.5px;color:#9AA3AD;font-style:italic}

.acc-order__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #f0f2f4}
.acc-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:9px;font-size:13.5px;
  font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s;border:1px solid transparent}
.acc-btn--ghost{background:#fff;border-color:var(--line,#dadce0);color:#3c4043}
.acc-btn--ghost:hover{background:#F7F8F8;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.acc-btn--pay{background:var(--buy,#F2C200);color:#1a1a1a}
.acc-btn--pay:hover{box-shadow:0 2px 10px rgba(242,194,0,.4)}

.acc-claim{margin-top:22px;border:1px solid var(--line,#e8ebee);border-radius:12px;background:#fff;overflow:hidden}
.acc-claim summary{list-style:none;cursor:pointer;padding:14px 17px;font-size:13.5px;font-weight:600;color:#5A6270;user-select:none}
.acc-claim summary::-webkit-details-marker{display:none}
.acc-claim summary:hover{color:#2a2f36}
.acc-claim__body{padding:0 17px 17px}
.acc-claim__form{display:flex;gap:8px;flex-wrap:wrap}
.acc-claim__form input{flex:1;min-width:140px}
@media (max-width:560px){
  .acc-order__grid{grid-template-columns:1fr}
  .acc-order__total{font-size:15px}
}
.acc-ttn{display:inline-block;margin-top:6px;font-size:12.5px}
.ord-status{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:11px;background:#EEF0F3;color:#5A6270}
.ord-status--new{background:#FFF6DF;color:#B8860B}
.ord-status--processing{background:#E4EEFB;color:#2C6BC0}
.ord-status--shipped{background:#E6F0FF;color:#3457B2}
.ord-status--done{background:#E4F5EC;color:#2E7D55}
.ord-status--cancelled{background:#FDECEA;color:#C0392B}

/* Адреса магазину при самовивозі */
.pickup-info{background:#F0F7FF;border:1px solid #D4E6FA;border-radius:10px;padding:12px 14px;
  display:flex;flex-direction:column;gap:3px;margin-top:4px}
.pickup-info__lbl{font-size:12px;font-weight:600;color:#2C6BC0}
.pickup-info__addr{font-size:14px;font-weight:600;color:#1a2b3a}
.pickup-info__hours{font-size:12.5px;color:#5A7A9A}

/* Посилання на сторінки у верхній жовтій полосі */
.statusbar__pages{display:flex;align-items:center;gap:16px;margin-left:0}
.statusbar__pages a{color:inherit;opacity:.82;font-size:12.5px;text-decoration:none;white-space:nowrap;transition:opacity .15s}
.statusbar__pages a:hover{opacity:1;text-decoration:underline}
@media (max-width:768px){
  .statusbar__in{gap:0}
  /* текстові посилання (Про нас, Оплата...) ховаємо на мобільному — вони є в меню-бургері */
  .statusbar__pages{display:none}
}

/* Контент інформаційної сторінки */
.page-content{max-width:820px}
.page-body{font-size:15px;line-height:1.7;color:#2a2f36;margin-top:14px}
.page-body h2{font-size:20px;margin:26px 0 10px}
.page-body h3{font-size:17px;margin:20px 0 8px}
.page-body p{margin:0 0 14px}
.page-body ul,.page-body ol{margin:0 0 14px;padding-left:22px}
.page-body li{margin-bottom:6px}
.page-body a{color:var(--accent-dark,#B98900);text-decoration:underline}
.page-body img{max-width:100%;border-radius:10px}

/* Промокод у кошику */
.cart-summary{display:flex;flex-direction:column;gap:3px;min-width:180px}
.cart-sum-row{display:flex;justify-content:space-between;gap:14px;font-size:13.5px;color:#5A6270}
.cart-sum-row--promo{color:#2E7D55;font-weight:600}
.promo-box{margin-top:18px;max-width:360px}
.promo-form{display:flex;gap:8px}
.promo-form input{flex:1;padding:10px 12px;border:1px solid var(--line,#e4e7eb);border-radius:8px;font-size:14px;
  text-transform:uppercase}
.promo-msg{margin:8px 0 0;font-size:13px;min-height:18px}
.promo-applied{display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:#E4F5EC;border:1px solid #B6E0C7;border-radius:9px;padding:11px 15px;font-size:13.5px;color:#2E7D55}
.promo-remove-btn{border:none;background:none;color:#5A6270;cursor:pointer;font-size:12.5px;text-decoration:underline}
.promo-remove-btn:hover{color:#C0392B}

/* ═══ ГОТОВІ РІШЕННЯ ═══ */
.sol-hero{margin-bottom:22px}
.sol-hero__sub{margin:0;color:#5A6270;font-size:14.5px;max-width:640px}

/* плитки типів обʼєктів */
.sol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.sol-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid var(--line,#e4e7eb);
  border-radius:14px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .18s,transform .12s}
.sol-card:hover{border-color:var(--accent,#F2C200);box-shadow:0 6px 22px rgba(0,0,0,.08);transform:translateY(-2px)}
.sol-card__ico{font-size:34px;line-height:1;flex:0 0 auto}
.sol-card__img{width:56px;height:56px;flex:0 0 auto;border-radius:10px;overflow:hidden;background:#F5F6F8}
.sol-card__img img{width:100%;height:100%;object-fit:cover}
.sol-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.sol-card__title{font-weight:700;font-size:16px}
.sol-card__sub{font-size:12.5px;color:#8A929B;line-height:1.35}
.sol-card__count{font-size:11.5px;color:#B0B7BF;margin-top:2px}
.sol-card__arrow{color:#C4CAD1;font-size:19px;flex:0 0 auto;transition:color .15s,transform .15s}
.sol-card:hover .sol-card__arrow{color:var(--accent,#F2C200);transform:translateX(3px)}

/* підгрупи чипсами */
.sol-subs{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 24px}
.sol-sub{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;background:#fff;
  border:1px solid var(--line,#e4e7eb);border-radius:22px;text-decoration:none;color:#2a2f36;
  font-size:13.5px;font-weight:600;transition:border-color .15s,background .15s}
.sol-sub:hover{border-color:var(--accent,#F2C200);background:#FFFBEF}
.sol-sub__count{background:#EEF0F3;color:#7a8290;font-size:11px;padding:1px 7px;border-radius:9px}

/* список комплектів */
.sol-list{display:flex;flex-direction:column;gap:12px}
.sol-item{display:flex;align-items:center;gap:16px;padding:16px 18px;background:#fff;
  border:1px solid var(--line,#e4e7eb);border-radius:14px;text-decoration:none;color:inherit;
  transition:border-color .15s,box-shadow .18s}
.sol-item:hover{border-color:var(--accent,#F2C200);box-shadow:0 4px 18px rgba(0,0,0,.07)}
.sol-item__img{width:82px;height:82px;flex:0 0 auto;border-radius:10px;overflow:hidden;background:#F5F6F8}
.sol-item__img img{width:100%;height:100%;object-fit:cover}
.sol-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.sol-item__top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.sol-item__name{font-weight:700;font-size:15.5px}
.sol-item__sub{font-size:13px;color:#6B737C;line-height:1.4}
.sol-item__meta{font-size:12px;color:#A5ACB4;display:flex;gap:6px;flex-wrap:wrap}
.sol-item__dot{opacity:.6}
.sol-item__price{flex:0 0 auto;text-align:right;white-space:nowrap}
.sol-item__from{display:block;font-size:11px;color:#A5ACB4}
.sol-item__price b{font-size:19px}
.sol-badge{display:inline-block;background:var(--accent,#F2C200);color:#1a1a1a;font-size:10.5px;font-weight:800;
  padding:3px 9px;border-radius:10px;text-transform:uppercase;letter-spacing:.04em}
.sol-badge--lg{font-size:11.5px;padding:4px 11px}

.sol-empty{text-align:center;padding:46px 20px;background:#fff;border:1px solid var(--line,#e8ebee);border-radius:14px;margin-top:18px}
.sol-help{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  margin-top:26px;padding:20px 22px;background:#fff;border:1px dashed var(--line,#d8dde2);border-radius:14px}

/* ── сторінка комплекту ── */
.solp{display:grid;grid-template-columns:1fr 320px;gap:26px;align-items:start;margin-top:6px}
.solp__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.solp__sub{margin:8px 0 0;color:#5A6270;font-size:15px;line-height:1.5}
.solp__img{margin:18px 0 0;border-radius:14px;overflow:hidden;background:#F5F6F8}
.solp__img img{width:100%;display:block}
.solp__block{margin-top:26px}
.solp__h2{font-size:17px;margin:0 0 12px}

.solp__benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.solp__benefits li{position:relative;padding-left:28px;font-size:14.5px;color:#3a4048;line-height:1.5}
.solp__benefits li::before{content:'✓';position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;
  background:#E4F5EC;color:#2E7D55;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}

.solp__items{display:flex;flex-direction:column;gap:1px;background:var(--line,#eef0f2);border-radius:12px;overflow:hidden}
.solp-item{display:flex;align-items:center;gap:13px;padding:12px 14px;background:#fff}
.solp-item__img{width:52px;height:52px;flex:0 0 auto;border-radius:8px;overflow:hidden;background:#F5F6F8;
  display:flex;align-items:center;justify-content:center}
.solp-item__img img{width:100%;height:100%;object-fit:contain}
.solp-item__noimg{font-size:20px;opacity:.4}
.solp-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.solp-item__name{font-size:14px;color:#2a2f36;text-decoration:none;font-weight:600}
.solp-item__name:hover{color:var(--accent-dark,#B98900)}
.solp-item__meta{font-size:12px;color:#9AA3AD}
.solp-item__sum{font-weight:700;font-size:14px;white-space:nowrap}

.solp__works{display:flex;flex-direction:column;gap:1px;background:var(--line,#eef0f2);border-radius:12px;overflow:hidden}
.solp-work{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#fff;font-size:13.5px}
.solp-work span:first-child{flex:1;min-width:0}
.solp-work__q{color:#9AA3AD;font-size:12.5px;white-space:nowrap}
.solp-work__sum{font-weight:600;white-space:nowrap;min-width:74px;text-align:right}

.solp__desc{font-size:14.5px;line-height:1.65;color:#3a4048}
.solp__desc p{margin:0 0 12px}

/* права колонка */
.solp__side{position:sticky;top:calc(var(--topbar-height,32px) + 90px)}
.solp-buy{background:#fff;border:1px solid var(--line,#e4e7eb);border-radius:14px;padding:20px;
  box-shadow:0 4px 20px rgba(0,0,0,.05)}
.solp-buy__rows{display:flex;flex-direction:column;gap:7px;padding-bottom:13px;border-bottom:1px solid #f0f2f4}
.solp-buy__row{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:#5A6270}
.solp-buy__total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 0 4px}
.solp-buy__total span{font-size:14px;color:#5A6270}
.solp-buy__total b{font-size:24px}
.solp-buy__days{margin:6px 0 14px;font-size:12.5px;color:#9AA3AD}
.solp-buy__btn{width:100%;margin-top:9px;justify-content:center;text-align:center}
.solp-buy__note{margin:14px 0 0;font-size:11.5px;color:#A5ACB4;line-height:1.45}

/* заявка */
.solp-lead{margin-top:34px;padding:24px;background:#fff;border:1px solid var(--line,#e4e7eb);border-radius:14px;
  display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.solp-lead__t{flex:1;min-width:240px}
.solp-lead__form{display:flex;gap:8px;flex-wrap:wrap;flex:1;min-width:280px}
.solp-lead__form input{flex:1;min-width:130px;padding:11px 13px;border:1px solid var(--line,#e4e7eb);
  border-radius:9px;font-size:14px}

@media (max-width:900px){
  .solp{grid-template-columns:1fr}
  .solp__side{position:static;order:-1}
}
@media (max-width:560px){
  .sol-item{flex-wrap:wrap}
  .sol-item__img{width:60px;height:60px}
  .sol-item__price{width:100%;text-align:left;padding-top:4px}
  .sol-item__from{display:inline}
}

/* адмінка: підбір товарів у комплект */
.prod-results{border:1px solid var(--line,#e4e7eb);border-radius:9px;margin-top:6px;max-height:280px;overflow-y:auto}
.prod-results:empty{display:none}
.prod-row{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;cursor:pointer;font-size:13px;
  border-bottom:1px solid #f2f4f6}
.prod-row:last-child{border-bottom:none}
.prod-row:hover{background:#FFFBEF}
.prod-empty{padding:10px 12px;color:#9AA3AD;font-size:12.5px}
.sol-total-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  background:#1a1f26;color:#fff;padding:14px 20px;border-radius:12px;margin-bottom:12px;font-size:13.5px}
.sol-total-bar b{color:#F2C200}
.sol-total-bar__sum{font-size:16px}

/* посилання «Готові рішення» в шапці */
.hdr-solutions{color:#fff;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;
  padding:9px 15px;border:1px solid rgba(255,255,255,.22);border-radius:9px;transition:border-color .15s,color .15s}
.hdr-solutions:hover{border-color:var(--accent,#F2C200);color:var(--accent,#F2C200)}
@media (max-width:1100px){ .hdr-solutions{display:none} }

/* ═══ СТОРІНКА ПОСЛУГ ═══ */
.srv-hero{margin-bottom:26px;max-width:720px}
.srv-hero__sub{margin:0 0 18px;color:#5A6270;font-size:15px;line-height:1.55}
.srv-hero__actions{display:flex;gap:10px;flex-wrap:wrap}

/* кроки */
.srv-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:34px}
.srv-step{background:#fff;border:1px solid var(--line,#e4e7eb);border-radius:12px;padding:18px}
.srv-step__n{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;
  background:var(--accent,#F2C200);color:#1a1a1a;font-weight:800;font-size:15px;margin-bottom:10px}
.srv-step b{display:block;font-size:14.5px;margin-bottom:4px}
.srv-step p{margin:0;font-size:12.5px;color:#8A929B;line-height:1.45}

.srv-h2{font-size:21px;margin:0 0 16px}

/* сітка напрямків */
.srv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:34px}
.srv-card{display:flex;align-items:center;gap:15px;padding:18px;background:#fff;border:1px solid var(--line,#e4e7eb);
  border-radius:13px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .18s,transform .12s}
.srv-card:hover{border-color:var(--accent,#F2C200);box-shadow:0 6px 20px rgba(0,0,0,.07);transform:translateY(-2px)}
.srv-card__ico{font-size:30px;line-height:1;flex:0 0 auto}
.srv-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.srv-card__title{font-weight:700;font-size:15.5px}
.srv-card__sum{font-size:12.5px;color:#8A929B;line-height:1.4}
.srv-card__arrow{color:#C4CAD1;font-size:18px;flex:0 0 auto;transition:color .15s,transform .15s}
.srv-card:hover .srv-card__arrow{color:var(--accent,#F2C200);transform:translateX(3px)}

/* переваги */
.srv-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:34px}
.srv-why__item{text-align:center;padding:20px 14px;background:#FAFBFC;border-radius:12px}
.srv-why__item span{font-size:26px;display:block;margin-bottom:8px}
.srv-why__item b{display:block;font-size:14px;margin-bottom:4px}
.srv-why__item p{margin:0;font-size:12px;color:#8A929B;line-height:1.4}

/* форма заявки */
.srv-form{background:#1a1f26;border-radius:16px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.srv-form__t h2{color:#fff}
.srv-form__t p{color:#B0B7BF !important}
.srv-form__fields{display:flex;flex-direction:column;gap:9px}
.srv-form__fields input,.srv-form__fields textarea{padding:12px 14px;border:1px solid #3a4048;border-radius:9px;
  background:#242a32;color:#fff;font-size:14px;font-family:inherit;resize:vertical}
.srv-form__fields input::placeholder,.srv-form__fields textarea::placeholder{color:#8A929B}

/* сторінка напрямку */
.srvp{display:grid;grid-template-columns:1fr 320px;gap:26px;align-items:start;margin-top:6px}
.srvp__head{display:flex;align-items:center;gap:12px}
.srvp__ico{font-size:34px;line-height:1}
.srvp__lead{margin:14px 0 0;font-size:15.5px;line-height:1.55;color:#3a4048}
.srvp__block{margin-top:26px}
.srvp__h2{font-size:17px;margin:0 0 12px}
.srvp__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.srvp__list li{position:relative;padding-left:28px;font-size:14.5px;color:#3a4048;line-height:1.5}
.srvp__list li::before{content:'✓';position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;
  background:#E4F5EC;color:#2E7D55;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.srvp__body{font-size:14.5px;line-height:1.65;color:#3a4048}
.srvp__body p{margin:0 0 12px}
.srvp__others{display:flex;flex-wrap:wrap;gap:9px}
.srvp-other{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;background:#fff;
  border:1px solid var(--line,#e4e7eb);border-radius:22px;text-decoration:none;color:#2a2f36;font-size:13px;
  transition:border-color .15s}
.srvp-other:hover{border-color:var(--accent,#F2C200)}

.srvp__side{position:sticky;top:calc(var(--topbar-height,32px) + 90px)}
.srvp-cta{background:#fff;border:1px solid var(--line,#e4e7eb);border-radius:14px;padding:20px;
  box-shadow:0 4px 20px rgba(0,0,0,.05)}
.srvp-cta form{display:flex;flex-direction:column;gap:8px}
.srvp-cta input,.srvp-cta textarea{padding:11px 13px;border:1px solid var(--line,#e4e7eb);border-radius:9px;
  font-size:14px;font-family:inherit;resize:vertical}
.srvp-cta__phone{display:block;text-align:center;margin-top:12px;font-size:12.5px;color:#8A929B;text-decoration:none}
.srvp-cta__phone b{color:#2a2f36}

@media (max-width:900px){
  .srvp{grid-template-columns:1fr}
  .srvp__side{position:static;order:-1}
  .srv-form{grid-template-columns:1fr}
}

/* ============ КАРТКА ТОВАРУ: покращення ============ */

/* Блок довіри біля кнопки */
.trust-list{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:11px}
.trust-list li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#3a4048;line-height:1.35}
.trust-list svg{flex:0 0 auto;color:var(--green)}

/* Форма запиту ціни (товар без ціни) */
.price-req{background:linear-gradient(135deg,#FFFBEA,#FFF6D6);border:1px solid #F0DFA0;border-radius:12px;padding:16px}
.price-req__label{font-weight:600;font-size:14.5px;color:#5a4a00;margin-bottom:12px;line-height:1.4}
.price-req__form{display:flex;flex-direction:column;gap:9px}
.price-req__form input{width:100%;padding:11px 13px;border:1px solid #E0D090;border-radius:9px;font-size:14px;background:#fff}
.price-req__form input:focus{border-color:var(--accent);outline:none}
.price-req__form .btn{margin-top:2px}
.price-req__ok{background:#EAF7EF;border:1px solid #B6E3C7;color:#1B7A3E;border-radius:10px;padding:14px;font-size:14px;font-weight:500;text-align:center}
.price-req__err{color:#C0392B;font-size:12.5px;margin:0 0 8px}

/* Ціна — виразніше */
.product__price b{font-size:30px;font-weight:800;color:#1a1f26;letter-spacing:-.5px}
.product__price s{color:#9AA1A9;font-size:17px;margin-right:8px;font-weight:400}

/* Галерея — акуратніша */
.product__gallery #mainImage,.product__gallery img#mainImage{border:1px solid var(--line);border-radius:14px;background:#fff;transition:box-shadow .2s}
.product__thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.product__thumbs img{border:2px solid transparent;border-radius:9px;cursor:pointer;background:#fff;transition:border-color .15s;object-fit:contain}
.product__thumbs img:hover{border-color:var(--accent)}

/* Buybox — картка з тінню */
.product__buybox{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 2px 12px rgba(20,30,50,.05)}

/* «З цим купують» */
.product__related{margin-top:34px}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px}

/* Секції — трохи повітря */
.product__description{margin-top:30px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 26px}

/* ============ ВКЛАДКИ Опис / Характеристики ============ */
.product__tabs{margin-top:30px}
.ptabs{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ptabs__radio{position:absolute;opacity:0;pointer-events:none}
.ptabs__label{display:inline-block;padding:15px 26px;font-size:15px;font-weight:600;color:#8A929B;cursor:pointer;
  border-bottom:2px solid transparent;transition:color .15s,border-color .15s;user-select:none}
.ptabs__label:hover{color:#3a4048}
.ptabs__panel{display:none;padding:22px 26px;border-top:1px solid var(--line)}

/* активна вкладка */
#ptab-desc:checked ~ .ptabs__label[for="ptab-desc"],
#ptab-attrs:checked ~ .ptabs__label[for="ptab-attrs"]{color:#1a1f26;border-bottom-color:var(--accent)}
#ptab-desc:checked ~ .ptabs__panel--desc,
#ptab-attrs:checked ~ .ptabs__panel--attrs{display:block}

/* таблиця характеристик у вкладці */
.ptabs__panel--attrs .attrs{width:100%;border-collapse:collapse}
.ptabs__panel--attrs .attrs td{padding:11px 4px;border-bottom:1px solid #EEF0F2;font-size:14px;vertical-align:top}
.ptabs__panel--attrs .attrs td:first-child{color:#7A828C;width:42%;padding-right:20px}
.ptabs__panel--attrs .attrs tr:last-child td{border-bottom:none}

@media(max-width:560px){
  .ptabs__label{padding:13px 18px;font-size:14px}
  .ptabs__panel{padding:18px}
  .ptabs__panel--attrs .attrs td:first-child{width:48%}
}