/* ============================================================
 * 7drinks — sevendrinks theme storefront stylesheet
 * V1 «Довіра і продажі» (затверджено клієнтом 2026-06-10):
 *   фон #F8F9FA · бренд #1E3A5F · акцент #FF7A00 · текст #222
 * Покриває: shell (announce/header/footer/modal) + головну.
 * Стилі решти сторінок додаються у Phase 2.0b.
 * ============================================================ */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html,body{overflow-x:hidden;overflow-x:clip;max-width:100vw;}
html{scroll-behavior:smooth;}

:root{
  --bg:#F8F9FA;
  --bg-soft:#EEF3F8;
  --bg-warm:#FFF4EA;
  --card:#FFFFFF;
  --brand:#1E3A5F;          --brand-rgb:30,58,95;
  --brand-deep:#16293F;
  --accent:#FF7A00;         --accent-hover:#E66E00;  --accent-rgb:255,122,0;
  --text:#222222;
  --muted:#66758A;
  --border:#E3E9F0;
  --success:#0E9F6E;        --success-rgb:14,159,110;
  --danger:#E02424;         --danger-rgb:224,36,36;
  --star:#F59E0B;
  --cta-bg:linear-gradient(135deg,#FF7A00,#E66E00);
}

body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;}
.page{position:relative;}
.container{max-width:1200px;margin:0 auto;padding:0 60px;}
@media(max-width:768px){.container{padding:0 20px;}}
@media(max-width:380px){.container{padding:0 16px;}}

/* ════════ ANNOUNCE ════════ */
.announce{background:linear-gradient(90deg,#FF7A00,#FF9440,#FF7A00);background-size:300% 100%;animation:gradShift 8s linear infinite;padding:10px 20px;text-align:center;font-size:13px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;}
@keyframes gradShift{0%{background-position:0%}100%{background-position:300%}}
.announce span{display:flex;align-items:center;gap:6px;}
@media(max-width:480px){.announce{font-size:11px;gap:0;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:9px 16px;scrollbar-width:none;}.announce::-webkit-scrollbar{display:none;}.announce span{flex-shrink:0;padding-right:24px;}}

/* ════════ HEADER ════════ */
.header{position:sticky;top:0;z-index:100;background:var(--brand);height:72px;display:flex;align-items:center;padding:0 60px;box-shadow:0 1px 10px rgba(var(--brand-rgb),.18);}
.header-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;}
/* ── Дропдаун «Каталог» (desktop) ── */
.cat-dd{position:relative;}
.cat-dd-btn{background:none;border:none;color:rgba(255,255,255,.85);font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:8px 0;display:flex;align-items:center;gap:6px;text-decoration:none;}
.cat-dd:hover .cat-dd-car{transform:rotate(180deg);}
.cat-dd-btn:hover{color:#fff;}
.cat-dd-car{font-size:11px;transition:transform .2s;}
.cat-dd.open .cat-dd-car{transform:rotate(180deg);}
.cat-dd-menu{position:absolute;top:calc(100% + 12px);left:-14px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 48px rgba(22,41,63,.22);padding:10px;min-width:280px;display:none;z-index:400;}
.cat-dd.open .cat-dd-menu,.cat-dd:hover .cat-dd-menu{display:block;animation:ddIn .18s ease;}
.cat-dd::after{content:'';position:absolute;left:0;right:0;top:100%;height:14px;}
@keyframes ddIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}
.header .cat-dd-menu a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;color:var(--brand);font-weight:600;font-size:14.5px;text-decoration:none;}
.header .cat-dd-menu a:hover{background:var(--bg-soft,#EEF3F8);color:var(--accent);}
.header .cat-dd-menu .cat-dd-all{background:rgba(var(--accent-rgb),.08);color:var(--accent);font-weight:800;margin-bottom:6px;}
/* ── Акордеон «Каталог» у мобільному меню ── */
.mob-cat-btn{-webkit-appearance:none;appearance:none;width:100%;margin:10px 0 8px;background:rgba(var(--accent-rgb),.12);border:1.5px solid var(--accent);color:#FFB061;border-radius:10px;height:50px;box-sizing:border-box;padding:0 14px;font:inherit;font-size:16px;font-weight:700;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;letter-spacing:.2px;}
.mob-cats{display:none;padding:4px 0 8px;}
.mob-cats.open{display:block;}
.mob-cat-btn.open .cat-dd-car{transform:rotate(180deg);}
.mob-cats a{display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:15px;color:rgba(255,255,255,.85);border-bottom:none;border-radius:10px;}
.mob-cats a:active{background:rgba(255,255,255,.08);}
.mob-cats .cat-dd-all{color:#FFB061;font-weight:800;}
.mobile-nav.open .mob-cats.open ~ a{border-top:1px solid rgba(255,255,255,.08);}
/* ── Мобільний перемикач мов у шапці ── */
.lang-mob{position:relative;display:none;}
.lang-mob-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;height:34px;box-sizing:border-box;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:9px;padding:0 10px;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;letter-spacing:.5px;}
.lang-mob-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 38px rgba(22,41,63,.25);padding:6px;min-width:170px;display:none;z-index:400;}
.lang-mob.open .lang-mob-menu{display:block;animation:ddIn .18s ease;}
.lang-mob-menu a{display:block;padding:10px 12px;border-radius:8px;color:var(--brand);font-weight:600;font-size:14px;text-decoration:none;}
.lang-mob-menu a.active{background:rgba(var(--accent-rgb),.1);color:var(--accent);}
.lang-mob-menu a:hover{background:var(--bg-soft,#EEF3F8);}
/* ── Пагінація каталогу ── */
.sd-pagenav{display:flex;justify-content:space-between;align-items:center;margin:30px 0 10px;gap:14px;}
.sd-pageinfo{color:var(--muted);font-weight:700;}

.logo-img{height:52px;width:auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));}
.footer-logo-img{height:84px;width:auto;display:block;}
.nav{display:flex;align-items:center;gap:28px;}
.nav a{color:rgba(255,255,255,.78);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s;white-space:nowrap;}
.nav a:hover{color:#fff;}
.header-right{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.lang-sw{display:flex;gap:4px;align-items:center;}
.lang-sw a{display:inline-flex;align-items:center;color:rgba(255,255,255,.6);font-size:12.5px;font-weight:700;text-decoration:none;height:38px;padding:0 11px;border-radius:10px;transition:all .2s;box-sizing:border-box;}
.lang-sw a.active{color:#fff;background:rgba(255,255,255,.14);}
.wholesale-btn{display:flex;align-items:center;gap:7px;background:transparent;border:1.5px solid var(--accent);color:#FFB061;border-radius:10px;height:38px;box-sizing:border-box;padding:0 16px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:'Inter',sans-serif;}
.wholesale-btn:hover{background:rgba(var(--accent-rgb),.15);color:#fff;}
@media(max-width:1024px){.wholesale-btn{display:none!important;}}
.cart-btn{display:flex;align-items:center;gap:8px;background:var(--cta-bg);border:none;color:#fff;border-radius:10px;height:38px;box-sizing:border-box;padding:0 18px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;text-decoration:none;box-shadow:0 3px 12px rgba(var(--accent-rgb),.35);}
.cart-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(var(--accent-rgb),.45);}
.cart-badge{background:rgba(255,255,255,.25);color:#fff;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:800;}
.burger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;flex-shrink:0;}
.burger span{display:block;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s;transform-origin:center;}
.burger.open span:nth-child(1){transform:translateY(9px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}

/* MOBILE NAV */
.mobile-nav{display:none;position:fixed;top:72px;left:0;right:0;z-index:99;background:var(--brand);padding:16px 24px 28px;flex-direction:column;box-shadow:0 14px 30px rgba(var(--brand-rgb),.3);}
.mobile-nav.open{display:flex;}
.mobile-nav a{display:block;padding:14px 0;color:rgba(255,255,255,.82);text-decoration:none;font-size:16px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.12);}
.mobile-nav .mob-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:20px;margin-top:4px;}
.mob-lang{display:flex;gap:8px;}
.mob-lang a{color:rgba(255,255,255,.6);font-size:13px;font-weight:600;text-decoration:none;padding:6px 12px;border:1px solid rgba(255,255,255,.25);border-radius:6px;transition:all .2s;}
.mob-lang a.active{background:var(--accent);color:#fff;border-color:var(--accent);}
.mob-cart{background:var(--cta-bg);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;}
.mob-overlay{display:none;position:fixed;inset:0;z-index:98;background:rgba(15,23,42,.45);}
.mob-overlay.open{display:block;}
@media(max-width:1024px){.nav{display:none;}.header-right .lang-sw{display:none;}.burger{display:flex;}}
@media(max-width:768px){.header{padding:0 20px;height:64px;gap:12px;}.lang-sw{display:none;}.lang-mob{display:block;}.wholesale-btn{display:none;}.header-inner{gap:14px;}.header-right{gap:10px;}.mobile-nav{top:64px;}.logo svg{width:110px;height:34px;}.logo-img{height:44px;}.cart-btn{height:34px;padding:0 12px;font-size:12px;border-radius:9px;}.cart-btn .cart-badge{padding:1px 6px;}}
@media(max-width:380px){.header{padding:0 14px;}.logo svg{width:96px;height:30px;}.logo-img{height:38px;}.cart-btn{padding:7px 10px;}}

/* ════════ HERO SLIDER ════════ */
.hero{overflow:hidden;position:relative;background:var(--bg);}
.slider-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1);}
.slide{min-width:100%;flex-shrink:0;min-height:calc(85vh - 112px);display:flex;align-items:center;padding:60px;position:relative;overflow:hidden;}
@media(max-width:768px){.slide{min-height:auto;padding:48px 24px 72px;flex-direction:column;gap:0;}}
.slide-content{position:relative;z-index:2;max-width:560px;}
.slide-tag{display:inline-flex;align-items:center;gap:8px;border-radius:20px;padding:7px 16px;margin-bottom:28px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}
.slide h2{font-size:60px;font-weight:900;color:var(--brand);line-height:1;letter-spacing:-2px;margin-bottom:18px;}
.slide h2 em{color:var(--accent);font-style:normal;}
.slide p{font-size:17px;color:var(--muted);line-height:1.65;margin-bottom:36px;max-width:440px;}
.slide-btn{display:inline-block;border:none;border-radius:12px;padding:15px 36px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif;}
@media(max-width:768px){.slide h2{font-size:38px;letter-spacing:-1px;}.slide p{font-size:15px;margin-bottom:28px;}.slide-btn{width:100%;text-align:center;display:block;}.slide-content{max-width:100%!important;width:100%;}}
@media(max-width:380px){.slide h2{font-size:32px;}}

/* Слайд 1 — синій м'який */
.s1{background:linear-gradient(135deg,#EEF3F8,#F8F9FA);}
.s1-orb1{position:absolute;width:420px;height:420px;background:#BFD6EC;border-radius:50%;filter:blur(110px);opacity:.6;right:-100px;top:-100px;}
.s1-orb2{position:absolute;width:280px;height:280px;background:#FFD9B3;border-radius:50%;filter:blur(90px);opacity:.5;right:180px;bottom:-80px;}
.s1 .slide-tag{background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.35);color:var(--accent-hover);}
.s1 .slide-btn{background:var(--cta-bg);color:#fff;box-shadow:0 8px 26px rgba(var(--accent-rgb),.35);}
.s1 .slide-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(var(--accent-rgb),.45);}
.s1 .slide-promo{position:absolute;right:80px;top:50%;transform:translateY(-50%);width:320px;z-index:2;}
@media(max-width:1024px){.s1 .slide-promo{right:30px;width:260px;}}
@media(max-width:768px){.s1 .slide-promo{display:none;}}
.promo-card-hero{background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px;margin-bottom:16px;box-shadow:0 10px 36px rgba(var(--brand-rgb),.1);}
.pch-label{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;}
.pch-val{font-size:42px;font-weight:900;color:var(--brand);line-height:1;}
.pch-val span{color:var(--accent);}
.pch-sub{font-size:13px;color:var(--muted);margin-top:6px;}
.pch-mini{display:flex;gap:10px;margin-top:6px;}
.pch-chip{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;color:var(--muted);}

/* Слайд 2 — теплий */
.s2{background:linear-gradient(135deg,#FFF4EA,#F8F9FA);}
.s2 .s2-orb1{position:absolute;width:380px;height:380px;background:#FFE3C7;border-radius:50%;filter:blur(100px);opacity:.7;right:-80px;top:-80px;}
.s2 .s2-orb2{position:absolute;width:240px;height:240px;background:#CDE3F6;border-radius:50%;filter:blur(90px);opacity:.6;left:280px;bottom:-60px;}
.s2 .slide-tag{background:rgba(var(--success-rgb),.08);border:1px solid rgba(var(--success-rgb),.3);color:var(--success);}
.s2 .slide-btn{background:var(--brand);color:#fff;box-shadow:0 8px 26px rgba(var(--brand-rgb),.3);}
.s2 .slide-btn:hover{background:var(--brand-deep);transform:translateY(-2px);}

/* Слайд 3 — нейтральний */
.s3{background:linear-gradient(135deg,#F4F6F8,#FDFDFD);}
.s3 .s3-orb1{position:absolute;width:380px;height:380px;background:#F6D8DF;border-radius:50%;filter:blur(100px);opacity:.55;right:-80px;top:-80px;}
.s3 .s3-orb2{position:absolute;width:240px;height:240px;background:#FFE3C7;border-radius:50%;filter:blur(80px);opacity:.6;left:200px;bottom:-60px;}
.s3 .slide-tag{background:rgba(var(--danger-rgb),.07);border:1px solid rgba(var(--danger-rgb),.25);color:var(--danger);}
.s3 .slide-btn{background:var(--cta-bg);color:#fff;box-shadow:0 8px 26px rgba(var(--accent-rgb),.35);}
.s3 .slide-btn:hover{transform:translateY(-2px);}

/* Стрілки і крапки слайдера */
.slider-prev,.slider-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--border);color:var(--brand);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s;box-shadow:0 2px 10px rgba(var(--brand-rgb),.1);}
.slider-prev{left:24px;}
.slider-next{right:24px;}
.slider-prev:hover,.slider-next:hover{border-color:var(--accent);color:var(--accent);}
.slider-dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10;}
.dot{width:8px;height:8px;border-radius:4px;background:#C9D4E0;cursor:pointer;transition:all .3s;border:none;}
.dot.active{width:24px;background:var(--accent);}
@media(max-width:768px){.slider-prev,.slider-next{display:none;}}

/* ════════ SECTIONS COMMON ════════ */
section{padding:80px 0;}
@media(max-width:768px){section{padding:56px 0;}}
.section-light{background:#fff;position:relative;}
/* «Темні» секції старої теми стали м'яко-блакитними — дає ритм чергування */
.section-dark{background:var(--bg-soft);position:relative;}
/* Плоска м'яка смуга без хвиль (для розбиття довгих білих прогонів) */
.band-soft{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;}

/* Хвилі-розділювачі між смугами (фон = наступна секція, заливка = попередня) */
.wave{height:72px;line-height:0;overflow:hidden;position:relative;margin-top:-1px;}
.wave svg{position:absolute;top:0;left:0;width:100%;height:100%;display:block;}
.wave-w-s{background:var(--bg-soft);}
.wave-s-w{background:#fff;}
.wave-s-d{background:var(--brand-deep);}
@media(max-width:768px){.wave{height:44px;}}

.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;}
.sec-eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;gap:10px;}
.sec-eyebrow::before{content:"";width:26px;height:3px;border-radius:2px;background:var(--accent);flex-shrink:0;}
.sec-title{font-size:36px;font-weight:800;color:var(--brand);letter-spacing:-1px;line-height:1.1;}
.sec-title span{color:var(--accent);}
.sec-link{color:var(--muted);font-size:14px;font-weight:500;text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s;white-space:nowrap;}
.sec-link:hover{color:var(--accent);}
@media(max-width:600px){.sec-head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:32px;}.sec-title{font-size:28px;}}

/* ════════ STATS BAR ════════ */
.stats-bar{background:#fff;position:relative;padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.stats-inner{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:12px;}
.stat-item{display:flex;align-items:center;gap:12px;padding:4px 8px;}
.stat-icon{font-size:28px;}
.stat-num{font-size:30px;font-weight:900;color:var(--brand);letter-spacing:-1px;line-height:1;}
.stat-num span{color:var(--accent);}
.stat-label{font-size:12px;color:var(--muted);font-weight:500;line-height:1.4;margin-top:2px;}
.stat-divider{width:1px;height:44px;background:var(--border);flex-shrink:0;}
@media(max-width:768px){
  .stats-inner{justify-content:flex-start;gap:0;overflow-x:auto;flex-wrap:nowrap;padding:0 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .stats-inner::-webkit-scrollbar{display:none;}
  .stat-item{padding:8px 18px;flex-shrink:0;}
  .stat-icon{font-size:22px;}
  .stat-num{font-size:22px;}
  .stat-divider{height:32px;flex-shrink:0;}
}

/* ════════ CATEGORIES ════════ */
/* 5 карток верхнього рівня: 3 у ряд на десктопі (3+2), 2 на планшеті, 1 на телефоні */
.cats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:1024px){.cats-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.cats-grid{grid-template-columns:1fr;gap:14px;}}
.cat-card{border-radius:24px;padding:40px 32px;cursor:pointer;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--border);background:#fff;box-shadow:0 2px 14px rgba(var(--brand-rgb),.06);text-decoration:none;transform:translateZ(0);isolation:isolate;}
.cat-card:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(var(--brand-rgb),.12);}
.cat-card.drinks{background:linear-gradient(160deg,#EEF3F8,#fff 70%);}
/* ── SD-HERO: шапки категорій і службових сторінок ── */
.sd-hero{position:relative;border:1px solid var(--border);border-radius:20px;padding:34px 38px;margin:6px 0 24px;background:linear-gradient(160deg,#F1F3F6,#fff 70%);overflow:hidden;}
.sd-hero h1{margin:0 0 8px;position:relative;z-index:1;}
.sd-hero .cat-page-desc{position:relative;z-index:1;max-width:640px;}
.sd-hero-emoji{position:absolute;right:26px;top:50%;transform:translateY(-50%);font-size:96px;line-height:1;opacity:.5;pointer-events:none;}
.sd-hero.ch-59{background:linear-gradient(160deg,#EEF3F8,#fff 70%);}
.sd-hero.ch-59 .sd-hero-emoji::before{content:'🥤';}
.sd-hero.ch-66{background:linear-gradient(160deg,#FDF0F4,#fff 70%);}
.sd-hero.ch-66 .sd-hero-emoji::before{content:'🍬';}
.sd-hero.ch-68{background:linear-gradient(160deg,#FFF4EA,#fff 70%);}
.sd-hero.ch-68 .sd-hero-emoji::before{content:'🥫';}
.sd-hero.ch-65{background:linear-gradient(160deg,#E9F6F2,#fff 70%);}
.sd-hero.ch-65 .sd-hero-emoji::before{content:'🧴';}
.sd-hero.ch-67{background:linear-gradient(160deg,#F1F3F6,#fff 70%);}
.sd-hero.ch-67 .sd-hero-emoji::before{content:'🧻';}
.sd-hero.ch-special{background:linear-gradient(160deg,#FFF0EC,#fff 70%);}
.sd-hero.ch-special .sd-hero-emoji::before{content:'🔥';}
.sd-hero.ch-catalog{background:linear-gradient(160deg,#EEF3F8,#fff 72%);border:1px solid var(--border);border-radius:20px;padding:34px 38px;}
.sd-hero.ch-catalog .sd-hero-emoji::before{content:'🛒';}
@media(max-width:768px){.sd-hero{padding:22px 20px;}.sd-hero-emoji{font-size:56px;right:14px;opacity:.35;}}
a.slide-btn{display:inline-block;text-decoration:none;text-align:center;}
.cat-card.sweets{background:linear-gradient(160deg,#FDF0F4,#fff 70%);}
.cat-card.cans{background:linear-gradient(160deg,#FFF4EA,#fff 70%);}
.cat-card.chem{background:linear-gradient(160deg,#E9F6F2,#fff 70%);}
.cat-card.paper{background:linear-gradient(160deg,#F1F3F6,#fff 70%);}
.cat-glow{position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;filter:blur(50px);opacity:.5;}
.cat-card.drinks .cat-glow{background:#BFD6EC;}
.cat-card.sweets .cat-glow{background:#F6CBD8;}
.cat-card.cans .cat-glow{background:#FFD9B3;}
.cat-card.chem .cat-glow{background:#B6E3D4;}
.cat-card.paper .cat-glow{background:#CDD6E4;}
.cat-icon{font-size:52px;margin-bottom:18px;position:relative;z-index:1;}
.cat-name{font-size:26px;font-weight:800;color:var(--brand);margin-bottom:6px;position:relative;z-index:1;}
.cat-sub{font-size:13px;position:relative;z-index:1;margin-bottom:20px;color:var(--muted);}
.cat-arrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:8px 16px;color:var(--brand);font-size:13px;font-weight:600;position:relative;z-index:1;transition:all .2s;align-self:flex-start;}
.cat-card:hover .cat-arrow{border-color:var(--accent);color:var(--accent-hover);}
@media(max-width:768px){.cat-card{min-height:180px;padding:28px 24px;}.cat-icon{font-size:40px;margin-bottom:12px;}.cat-name{font-size:22px;}}

/* ════════ BRANDS MARQUEE — темно-синя стрічка, виділена кольором ════════ */
.brands-section{background:linear-gradient(120deg,var(--brand),var(--brand-deep));position:relative;padding:34px 0;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.brands-eyebrow{text-align:center;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#FFB061;margin-bottom:18px;}
.brands-track-wrap{overflow:hidden;position:relative;}
.brands-track-wrap::before,.brands-track-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;}
.brands-track-wrap::before{left:0;background:linear-gradient(to right,#1E3A5F,transparent);}
.brands-track-wrap::after{right:0;background:linear-gradient(to left,#16293F,transparent);}
.brands-track{display:flex;align-items:center;gap:0;animation:brandsMarquee 28s linear infinite;width:max-content;}
.brands-track:hover{animation-play-state:paused;}
.brand-item{display:flex;align-items:center;gap:8px;padding:0 28px;opacity:.8;transition:opacity .2s;flex-shrink:0;}
.brand-item:hover{opacity:1;}
.brand-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);}
.brand-name{font-size:17px;font-weight:800;color:rgba(255,255,255,.92);white-space:nowrap;letter-spacing:-.3px;}
@keyframes brandsMarquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@media(max-width:768px){.brand-item{padding:0 20px;}.brand-name{font-size:14px;}}

/* ════════ PRODUCTS GRID ════════ */
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
@media(max-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:12px;}}
@media(max-width:360px){.products-grid{grid-template-columns:1fr;}}
.prod-card{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;box-shadow:0 1px 8px rgba(var(--brand-rgb),.05);}
.prod-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 30px rgba(var(--brand-rgb),.12);}
.prod-img{height:160px;display:flex;align-items:center;justify-content:center;font-size:72px;position:relative;overflow:hidden;background:var(--bg-soft);}
@media(max-width:768px){.prod-img{height:120px;font-size:52px;}}
.prod-badge{position:absolute;top:10px;left:10px;background:var(--danger);color:#fff;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;}
.prod-badge.new{background:var(--success);}
.prod-body{padding:16px;flex:1;display:flex;flex-direction:column;}
.prod-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px;line-height:1.4;}
.prod-weight{font-size:12px;color:var(--muted);margin-bottom:12px;}
.prod-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;}
.prod-price{font-size:18px;font-weight:800;color:var(--brand);}
.prod-price-old{font-size:12px;color:#B7C2CF;text-decoration:line-through;margin-left:4px;}
.add-btn{width:34px;height:34px;border-radius:10px;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.3);color:var(--accent-hover);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;}
.add-btn:hover{background:var(--accent);color:#fff;}
@media(max-width:768px){.prod-body{padding:12px;}.prod-name{font-size:13px;}.prod-price{font-size:16px;}.add-btn{width:38px;height:38px;}}

/* ════════ UNDER 100 CZK ════════ */
.u100-header{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.06),rgba(var(--accent-rgb),.02));border:1px solid rgba(var(--accent-rgb),.25);border-radius:16px;padding:20px 28px;margin-bottom:32px;}
.u100-badge{background:var(--cta-bg);color:#fff;border-radius:12px;padding:10px 20px;font-size:22px;font-weight:900;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 14px rgba(var(--accent-rgb),.3);}
.u100-text h3{font-size:20px;font-weight:800;color:var(--brand);margin-bottom:4px;}
.u100-text p{font-size:13px;color:var(--muted);}
@media(max-width:600px){.u100-header{flex-direction:column;align-items:flex-start;padding:16px 18px;gap:12px;}.u100-badge{font-size:17px;padding:8px 16px;}.u100-text h3{font-size:17px;}}

/* ════════ PROMO BANNER ════════ */
.promo-banner{background:linear-gradient(135deg,#FFF4EA,#FFF9F2);border:1px solid rgba(var(--accent-rgb),.3);border-radius:28px;padding:56px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;overflow:hidden;position:relative;transform:translateZ(0);isolation:isolate;}
.pb-orb{position:absolute;width:300px;height:300px;background:#FFD9B3;border-radius:50%;filter:blur(80px);opacity:.55;right:-80px;top:-80px;}
.pb-title{font-size:40px;font-weight:900;color:var(--brand);letter-spacing:-1.5px;margin-bottom:14px;position:relative;z-index:1;}
.pb-title span{color:var(--accent);}
.pb-sub{font-size:16px;color:var(--muted);line-height:1.6;margin-bottom:28px;max-width:500px;position:relative;z-index:1;}
.pb-chips{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1;}
.pb-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;color:var(--text);}
.pb-visual{font-size:100px;text-align:center;position:relative;z-index:1;}
@media(max-width:768px){.promo-banner{grid-template-columns:1fr;padding:32px 24px;gap:20px;border-radius:20px;}.pb-title{font-size:28px;}.pb-sub{font-size:15px;}.pb-visual{font-size:60px;}.pb-chips{gap:8px;}.pb-chip{font-size:12px;padding:8px 12px;}}

/* ════════ B2B BANNER ════════ */
.b2b-banner{background:linear-gradient(135deg,var(--brand),var(--brand-deep));border:none;border-radius:28px;padding:56px 60px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;box-shadow:0 18px 48px rgba(var(--brand-rgb),.25);transform:translateZ(0);isolation:isolate;}
/* блюр-кулі — власний шар, щоб не «протікали» за скруглення кутів у Safari (clip+filter bug) */
.b2b-orb1{position:absolute;width:320px;height:320px;background:#2C4F7C;border-radius:50%;filter:blur(90px);opacity:.7;left:-80px;top:-80px;will-change:transform;}
.b2b-orb2{position:absolute;width:220px;height:220px;background:var(--accent);border-radius:50%;filter:blur(90px);opacity:.18;right:-40px;bottom:-40px;}
.b2b-tag{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:6px 16px;margin-bottom:16px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#FFB061;}
.b2b-title{font-size:38px;font-weight:900;color:#fff;letter-spacing:-1.5px;margin-bottom:14px;line-height:1.05;}
.b2b-title span{color:#FFB061;}
.b2b-sub{font-size:15px;color:rgba(255,255,255,.7);line-height:1.65;margin-bottom:28px;max-width:480px;}
.b2b-perks{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:32px;}
.b2b-perk{font-size:13px;color:rgba(255,255,255,.85);display:flex;align-items:center;gap:6px;}
.b2b-btn{display:inline-flex;align-items:center;gap:8px;background:var(--cta-bg);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:15px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;box-shadow:0 6px 22px rgba(0,0,0,.25);}
.b2b-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.3);}
.b2b-visual{font-size:96px;text-align:center;position:relative;z-index:1;}
@media(max-width:900px){.b2b-banner{grid-template-columns:1fr;padding:36px 28px;gap:24px;border-radius:20px;}.b2b-visual{order:-1;font-size:64px;}.b2b-title{font-size:30px;}.b2b-btn{width:100%;justify-content:center;}}
@media(max-width:480px){.b2b-banner{padding:28px 20px;}.b2b-title{font-size:26px;}.b2b-perks{gap:12px;}}

/* ════════ HOW IT WORKS ════════ */
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;}
.steps-connector{position:absolute;top:44px;left:calc(12.5% + 28px);right:calc(12.5% + 28px);height:2px;background:linear-gradient(to right,var(--accent),#FFB061,var(--accent));opacity:.3;z-index:0;pointer-events:none;}
.step-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:28px 20px;text-align:center;position:relative;z-index:1;transition:all .3s;}
.step-card:hover{border-color:var(--accent);box-shadow:0 8px 32px rgba(var(--accent-rgb),.12);transform:translateY(-4px);}
.step-num{width:56px;height:56px;border-radius:50%;background:var(--cta-bg);color:#fff;font-size:22px;font-weight:900;line-height:56px;text-align:center;margin:0 auto 16px;box-shadow:0 4px 16px rgba(var(--accent-rgb),.3);}
.step-icon-big{font-size:30px;margin-bottom:12px;}
.step-title{font-size:15px;font-weight:700;color:var(--brand);margin-bottom:8px;}
.step-desc{font-size:13px;color:var(--muted);line-height:1.55;}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:14px;}.steps-connector{display:none;}}
@media(max-width:400px){.steps-grid{grid-template-columns:1fr;}.step-card{min-width:0;}}

/* ════════ BENEFITS ════════ */
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:1024px){.benefits-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.benefits-grid{grid-template-columns:1fr;}}
.benefit-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 8px rgba(var(--brand-rgb),.05);}
.benefit-icon{font-size:36px;}
.benefit-title{font-size:16px;font-weight:700;color:var(--brand);}
.benefit-desc{font-size:13px;color:var(--muted);line-height:1.6;}

/* ════════ DELIVERY ZONES ════════ */
.dz-wrap{background:linear-gradient(135deg,#EEF3F8,#F5F8FB);border:1px solid var(--border);border-radius:22px;padding:40px;}
.dz-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.dz-left-title{font-size:24px;font-weight:800;color:var(--brand);margin-bottom:8px;}
.dz-left-sub{font-size:14px;color:var(--muted);margin-bottom:20px;line-height:1.6;}
.dz-today{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.dz-today-badge{background:var(--success);color:#fff;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:700;}
.dz-today-text{font-size:13px;color:var(--text);}
.dz-chips{display:flex;flex-wrap:wrap;gap:8px;}
.dz-chip{background:#fff;border:1px solid var(--border);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px;}
.dz-chip.fast{border-color:rgba(var(--success-rgb),.35);color:var(--success);background:rgba(var(--success-rgb),.04);}
.dz-schedule-title{font-size:15px;font-weight:700;color:var(--brand);margin-bottom:14px;}
.dz-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--border);font-size:14px;}
.dz-row:last-child{border-bottom:none;}
.dz-day{color:var(--text);font-weight:500;}
.dz-time{color:var(--accent-hover);font-weight:700;text-align:right;}
@media(max-width:768px){.dz-inner{grid-template-columns:1fr;gap:28px;}.dz-wrap{padding:24px 20px;}.dz-left-title{font-size:20px;}.dz-row{gap:10px;}.dz-time{font-size:12px;}}

/* ════════ TESTIMONIALS ════════ */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.testi-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:28px 24px;box-shadow:0 1px 8px rgba(var(--brand-rgb),.05);}
.testi-stars{font-size:15px;letter-spacing:2px;margin-bottom:14px;color:var(--star);}
.testi-text{font-size:14px;color:#4A5568;line-height:1.75;margin-bottom:20px;font-style:italic;}
.testi-author{display:flex;align-items:center;gap:12px;}
.testi-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#E66E00);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#fff;flex-shrink:0;}
.testi-name{font-size:14px;font-weight:700;color:var(--brand);}
.testi-meta{font-size:12px;color:var(--muted);margin-top:2px;}
.testi-rate-num{font-size:32px;font-weight:900;color:var(--brand);}
.testi-rate-stars{color:var(--star);font-size:16px;letter-spacing:2px;}
.testi-rate-sub{font-size:12px;color:var(--muted);margin-top:2px;}
@media(max-width:900px){.testi-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){
  .testi-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:16px;scrollbar-width:none;}
  .testi-grid::-webkit-scrollbar{display:none;}
  .testi-card{width:82vw;min-width:82vw;scroll-snap-align:start;flex-shrink:0;}
}

/* ════════ NEWSLETTER ════════ */
.newsletter{background:linear-gradient(135deg,var(--brand),var(--brand-deep));border:none;border-radius:28px;padding:56px;text-align:center;position:relative;overflow:hidden;box-shadow:0 18px 48px rgba(var(--brand-rgb),.22);transform:translateZ(0);isolation:isolate;}
.nl-orb1{position:absolute;width:250px;height:250px;background:#2C4F7C;border-radius:50%;filter:blur(80px);opacity:.8;left:-60px;top:-60px;}
.nl-orb2{position:absolute;width:200px;height:200px;background:var(--accent);border-radius:50%;filter:blur(80px);opacity:.16;right:-40px;bottom:-40px;}
.nl-title{font-size:36px;font-weight:800;color:#fff;letter-spacing:-1px;margin-bottom:12px;position:relative;z-index:1;}
.nl-sub{font-size:16px;color:rgba(255,255,255,.7);margin-bottom:36px;position:relative;z-index:1;}
.nl-form{display:flex;gap:12px;max-width:480px;margin:0 auto;position:relative;z-index:1;}
.nl-input{flex:1;background:#fff;border:1px solid #fff;border-radius:10px;padding:14px 18px;color:var(--text);font-size:14px;font-family:'Inter',sans-serif;outline:none;}
.nl-input::placeholder{color:#9AA8B8;}
.nl-input:focus{border-color:var(--accent);}
.nl-btn{background:var(--cta-bg);color:#fff;border:none;border-radius:10px;padding:14px 28px;font-size:14px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;white-space:nowrap;transition:all .2s;}
.nl-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.25);}
@media(max-width:768px){.newsletter{padding:40px 24px;border-radius:20px;}.nl-title{font-size:26px;}.nl-form{flex-direction:column;}.nl-btn{padding:14px;}}

/* ════════ FOOTER ════════ */
footer{position:relative;background:var(--brand-deep);padding:60px 0 32px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px;}}
@media(max-width:500px){.footer-grid{grid-template-columns:1fr;gap:28px;}}
.footer-brand{}
.footer-logo{font-size:22px;font-weight:800;color:#fff;margin-bottom:14px;}
.footer-logo span{color:rgba(255,255,255,.5);}
.footer-desc{font-size:14px;color:rgba(255,255,255,.6);line-height:1.7;max-width:280px;margin-bottom:24px;}
.footer-social{display:flex;gap:10px;}
.soc-btn{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);font-size:16px;cursor:pointer;transition:all .2s;}
.soc-btn:hover{background:rgba(255,255,255,.22);color:#fff;}
.footer-col h4{font-size:14px;font-weight:700;color:#fff;margin-bottom:18px;letter-spacing:.3px;}
.footer-col a{display:block;font-size:14px;color:rgba(255,255,255,.6);text-decoration:none;margin-bottom:10px;transition:color .2s;}
.footer-col a:hover{color:#fff;}
.footer-contact{display:flex;flex-direction:column;gap:10px;}
.fc-item{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.65);}
.fc-icon{font-size:16px;flex-shrink:0;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
@media(max-width:768px){.footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;}}
.footer-copy{font-size:13px;color:rgba(255,255,255,.45);}
.footer-payments{display:flex;gap:8px;}
.pay-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;color:rgba(255,255,255,.65);}

/* ════════ WHOLESALE MODAL ════════ */
.ws-overlay{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.5);}
.ws-modal{background:#fff;border:1px solid var(--border);border-radius:24px;padding:40px;max-width:480px;width:100%;position:relative;box-shadow:0 24px 64px rgba(var(--brand-rgb),.25);}
.ws-close{position:absolute;top:16px;right:16px;background:var(--bg-soft);border:none;color:var(--muted);width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.ws-close:hover{background:var(--border);color:var(--text);}
.ws-kicker{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:10px;}
.ws-title{font-size:28px;font-weight:800;color:var(--brand);letter-spacing:-1px;margin-bottom:8px;}
.ws-sub{font-size:14px;color:var(--muted);margin-bottom:28px;line-height:1.6;}
.ws-form{display:flex;flex-direction:column;gap:14px;}
.ws-form input,.ws-form textarea{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:13px 16px;color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s;}
.ws-form input:focus,.ws-form textarea:focus{border-color:var(--accent);}
.ws-form textarea{resize:vertical;}
.ws-submit{background:var(--cta-bg);color:#fff;border:none;border-radius:10px;padding:15px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;box-shadow:0 4px 16px rgba(var(--accent-rgb),.3);}
.ws-submit:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(var(--accent-rgb),.4);}
.ws-badges{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;}
.ws-badge{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:12px;color:var(--muted);}
@media(max-width:768px){
  .ws-modal{padding:28px 20px;margin:0 4px;}
  .ws-form input,.ws-form textarea{font-size:16px;}
  .ws-badges{gap:8px;}
  .ws-badge{font-size:11px;padding:6px 10px;}
}

/* ════════ MISC ════════ */
@media(max-width:768px){input,select,textarea{font-size:16px!important;}}

/* ============================================================
 * Phase 2.0b — сторінкові стилі (V1)
 * ============================================================ */

/* ════════ BREADCRUMBS (всі внутрішні сторінки) ════════ */
.breadcrumbs{padding:24px 0 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.breadcrumbs a{color:var(--muted);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;}
.breadcrumbs a:hover{color:var(--accent);}
.breadcrumbs span{color:var(--border);font-size:13px;}
.breadcrumbs .current{color:var(--text);font-size:13px;font-weight:600;}
@media(max-width:480px){.breadcrumbs{padding-top:18px;}.breadcrumbs a,.breadcrumbs span,.breadcrumbs .current{font-size:12px;}}

/* ════════ КАТАЛОГ ════════ */
.cat-hero{background:linear-gradient(120deg,var(--brand),var(--brand-deep));border-radius:24px;padding:40px 44px;margin:24px 0 24px;position:relative;overflow:hidden;box-shadow:0 14px 40px rgba(var(--brand-rgb),.2);}
.cat-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;background:var(--accent);filter:blur(110px);opacity:.25;}
.cat-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:1;}
.cat-hero-eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#FFB061;margin-bottom:10px;}
.cat-hero-title{font-size:34px;font-weight:900;color:#fff;letter-spacing:-1px;line-height:1.1;margin-bottom:10px;}
.cat-hero-title span{color:#FFB061;}
.cat-hero-sub{font-size:14px;color:rgba(255,255,255,.7);max-width:440px;line-height:1.6;}
.cat-hero-stats{display:flex;gap:28px;flex-shrink:0;}
.cat-stat{text-align:center;}
.cat-stat-num{font-size:30px;font-weight:900;color:#fff;letter-spacing:-1px;line-height:1;}
.cat-stat-num span{color:var(--accent);}
.cat-stat-label{font-size:12px;color:rgba(255,255,255,.6);margin-top:4px;}
@media(max-width:900px){.cat-hero{padding:28px 24px;}.cat-hero-inner{flex-direction:column;align-items:flex-start;gap:20px;}.cat-hero-title{font-size:26px;}}
@media(max-width:480px){.cat-hero-stats{gap:20px;}.cat-stat-num{font-size:24px;}}

.cat-tabs-wrap{margin-bottom:20px;overflow-x:auto;scrollbar-width:none;max-width:100%;}
.cat-tabs-wrap::-webkit-scrollbar{display:none;}
.cat-tabs{display:flex;gap:8px;width:max-content;}
.cat-tab{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1.5px solid var(--border);border-radius:11px;padding:10px 16px;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif;white-space:nowrap;}
.cat-tab:hover{border-color:var(--accent);}
.cat-tab.active{background:var(--brand);border-color:var(--brand);color:#fff;}
.tab-count{background:rgba(var(--accent-rgb),.12);color:var(--accent-hover);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800;}
.cat-tab.active .tab-count{background:rgba(255,255,255,.18);color:#FFB061;}

.filter-toggle-btn{display:none;width:100%;background:var(--card);border:1.5px solid var(--border);border-radius:11px;padding:12px;font-size:14px;font-weight:700;color:var(--text);cursor:pointer;font-family:'Inter',sans-serif;}
.catalog-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start;padding-bottom:80px;}
@media(max-width:900px){
  .catalog-layout{grid-template-columns:1fr;}
  .filter-toggle-btn{display:block;}
  .filters-sidebar{display:none;}
  .filters-sidebar.open{display:block;}
}
.filters-sticky{position:sticky;top:96px;display:flex;flex-direction:column;gap:12px;}
@media(max-width:900px){.filters-sticky{position:static;}}
.filter-block{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;}
.filter-title{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;color:var(--brand);cursor:pointer;user-select:none;}
.filter-title svg{transition:transform .2s;color:var(--muted);}
.filter-title.open svg{transform:rotate(180deg);}
.filter-body{margin-top:14px;display:flex;flex-direction:column;gap:8px;}
.price-inputs{display:flex;align-items:center;gap:8px;}
.price-inp{width:100%;min-width:0;background:#fff;border:1.5px solid var(--border);border-radius:9px;padding:9px 10px;font-size:13px;color:var(--text);font-family:'Inter',sans-serif;outline:none;}
.price-inp:focus{border-color:var(--accent);}
.price-sep{color:var(--muted);flex-shrink:0;}
.price-slider{height:6px;background:var(--bg-soft);border-radius:3px;margin-top:6px;position:relative;}
.price-fill{position:absolute;left:0;top:0;height:100%;width:60%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:3px;}
.filter-check{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:4px 0;}
.filter-check-left{display:flex;align-items:center;gap:10px;}
.check-box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border);background:#fff;flex-shrink:0;position:relative;transition:all .15s;}
.check-box.checked{background:var(--accent);border-color:var(--accent);}
.check-box.checked::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:900;}
.check-label{font-size:13px;color:var(--text);}
.check-count{font-size:12px;color:var(--muted);}
.filter-tags{display:flex;flex-wrap:wrap;gap:6px;}
.filter-tag{background:#fff;border:1.5px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;color:var(--text);cursor:pointer;transition:all .15s;}
.filter-tag.active{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);color:var(--accent-hover);}
.filter-reset{background:transparent;border:1.5px dashed var(--border);border-radius:11px;padding:11px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;}
.filter-reset:hover{border-color:var(--danger);color:var(--danger);}

.products-area{min-width:0;}
.toolbar{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap;}
.toolbar-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0;}
.result-count{font-size:13px;color:var(--muted);}
.result-count strong{color:var(--brand);}
.active-filters{display:flex;gap:6px;flex-wrap:wrap;}
.active-filter{display:inline-flex;align-items:center;gap:6px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.3);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600;color:var(--accent-hover);}
.active-filter button{background:none;border:none;color:var(--accent-hover);cursor:pointer;font-size:11px;padding:0;font-family:inherit;}
.toolbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.sort-select{background:#fff;border:1.5px solid var(--border);border-radius:9px;padding:9px 12px;font-size:13px;font-weight:600;color:var(--text);font-family:'Inter',sans-serif;outline:none;cursor:pointer;}
.sort-select:focus{border-color:var(--accent);}
.view-btns{display:flex;gap:4px;}
.view-btn{width:36px;height:36px;border-radius:9px;background:#fff;border:1.5px solid var(--border);color:var(--muted);font-size:16px;cursor:pointer;transition:all .15s;}
.view-btn.active{background:var(--brand);border-color:var(--brand);color:#fff;}

.prod-wishlist{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:9px;background:#fff;border:1px solid var(--border);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.prod-wishlist:hover{border-color:var(--danger);transform:scale(1.08);}
.prod-badge.hot{background:var(--danger);}

.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:36px;}
.pag-btn{min-width:40px;height:40px;border-radius:10px;background:#fff;border:1.5px solid var(--border);color:var(--text);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;font-family:'Inter',sans-serif;}
.pag-btn:hover{border-color:var(--accent);}
.pag-btn.active{background:var(--brand);border-color:var(--brand);color:#fff;}
.pag-btn.arrow{color:var(--muted);}
.pag-dots{color:var(--muted);padding:0 4px;}

/* ════════ КАРТКА ТОВАРУ ════════ */
.product-section{padding:32px 0 60px;}
@media(max-width:480px){.product-section{padding:24px 0 40px;}}
.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
@media(max-width:900px){.product-layout{grid-template-columns:1fr;gap:32px;}}
@media(max-width:768px){.product-gallery,.product-info{min-width:0;}}
.product-gallery{position:sticky;top:96px;}
@media(max-width:900px){.product-gallery{position:static;}}
.gallery-main{background:var(--bg-soft);border:1px solid var(--border);border-radius:24px;height:520px;display:flex;align-items:center;justify-content:center;font-size:220px;margin-bottom:16px;position:relative;overflow:hidden;cursor:zoom-in;transition:border-color .3s;}
.gallery-main:hover{border-color:var(--accent);}
#galleryEmoji{transition:transform .4s ease,opacity .2s;}
.gallery-main:hover #galleryEmoji{transform:scale(1.06);}
.gallery-main-badges{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:8px;z-index:2;}
.gallery-main-badge{background:var(--danger);color:#fff;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:800;letter-spacing:.5px;box-shadow:0 6px 18px rgba(var(--danger-rgb),.35);}
.gallery-main-wish{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:12px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .25s;z-index:2;box-shadow:0 2px 8px rgba(var(--brand-rgb),.08);}
.gallery-main-wish:hover,.gallery-main-wish.active{border-color:var(--danger);transform:scale(1.08);}
.gallery-zoom-hint{position:absolute;bottom:20px;right:20px;background:rgba(15,23,42,.6);border-radius:8px;padding:6px 12px;font-size:11px;color:#fff;font-weight:600;letter-spacing:.5px;text-transform:uppercase;z-index:2;display:flex;align-items:center;gap:6px;}
.gallery-thumbs{display:flex;gap:10px;max-width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;}
.gallery-thumbs::-webkit-scrollbar{display:none;}
.gallery-thumb{width:88px;height:88px;border-radius:14px;background:var(--bg-soft);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:40px;cursor:pointer;transition:all .2s;flex-shrink:0;}
.gallery-thumb:hover{border-color:var(--accent);transform:translateY(-2px);}
.gallery-thumb.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.07);box-shadow:0 4px 14px rgba(var(--accent-rgb),.18);}
@media(max-width:900px){.gallery-main{height:340px;font-size:140px;}}
@media(max-width:480px){.gallery-main{height:280px;font-size:110px;border-radius:18px;}.gallery-thumb{width:68px;height:68px;font-size:30px;border-radius:12px;}.gallery-zoom-hint{font-size:10px;padding:5px 10px;bottom:14px;right:14px;}.gallery-main-badge{font-size:11px;padding:5px 10px;}.gallery-main-wish{width:38px;height:38px;font-size:18px;}.gallery-main-badges{top:14px;left:14px;}}
@media(max-width:380px){.gallery-main{height:240px;font-size:90px;}.gallery-thumb{width:58px;height:58px;font-size:26px;}}

.prod-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
.prod-tag{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:8px;font-size:12px;font-weight:800;letter-spacing:.4px;}
.prod-tag.hot{background:rgba(var(--danger-rgb),.09);border:1px solid rgba(var(--danger-rgb),.3);color:var(--danger);}
.prod-tag.sale{background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.35);color:var(--accent-hover);}
.prod-tag.new{background:rgba(var(--success-rgb),.09);border:1px solid rgba(var(--success-rgb),.3);color:var(--success);}
.prod-title{font-size:38px;font-weight:900;color:var(--brand);letter-spacing:-1.2px;line-height:1.08;margin-bottom:12px;}
@media(max-width:600px){.prod-title{font-size:28px;}}
@media(max-width:480px){.prod-title{font-size:24px;letter-spacing:-.8px;}}
@media(max-width:380px){.prod-title{font-size:22px;letter-spacing:-.5px;}}
.prod-brand-row{display:flex;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap;}
.prod-brand{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:6px;}
.prod-brand strong{color:var(--text);font-weight:700;}
.prod-rating{display:flex;align-items:center;gap:6px;}
.stars{color:var(--star);font-size:15px;letter-spacing:1.5px;}
.rating-val{font-size:14px;font-weight:800;color:var(--text);}
.rating-count{font-size:13px;color:var(--muted);}

.price-block{background:var(--bg-soft);border:1px solid var(--border);border-radius:20px;padding:26px;margin-bottom:24px;}
@media(max-width:480px){.price-block{padding:18px;}}
.price-row{display:flex;align-items:baseline;gap:14px;margin-bottom:8px;flex-wrap:wrap;min-width:0;}
.main-price{font-size:46px;font-weight:900;color:var(--brand);letter-spacing:-2px;line-height:1;}
.old-price{font-size:22px;color:var(--muted);text-decoration:line-through;font-weight:600;}
.discount-badge{background:var(--danger);color:#fff;border-radius:10px;padding:5px 12px;font-size:14px;font-weight:900;box-shadow:0 4px 14px rgba(var(--danger-rgb),.3);}
@media(max-width:480px){.main-price{font-size:34px;letter-spacing:-1.2px;}.old-price{font-size:18px;}.discount-badge{font-size:12px;padding:4px 10px;}}
.price-note{font-size:13px;color:var(--muted);margin-top:4px;min-width:0;overflow-wrap:anywhere;}
.price-note span{color:var(--success);font-weight:700;}
.avail-row{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap;}
.avail-dot{width:10px;height:10px;border-radius:50%;background:var(--success);flex-shrink:0;animation:availPulse 2s ease-in-out infinite;}
.avail-text{font-size:13px;color:var(--muted);min-width:0;flex:1 1 100%;}
.avail-text strong{color:var(--success);font-weight:700;}
@keyframes availPulse{0%,100%{box-shadow:0 0 0 0 rgba(var(--success-rgb),.4);}50%{box-shadow:0 0 0 6px rgba(var(--success-rgb),0);}}

.variant-label{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;margin-top:22px;}
.variant-label .var-current{color:var(--brand);font-weight:700;text-transform:none;letter-spacing:0;margin-left:6px;}
.variants{display:flex;gap:8px;flex-wrap:wrap;min-width:0;}
.variant-btn{padding:11px 18px;border-radius:11px;border:1.5px solid var(--border);background:var(--card);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif;}
.variant-btn:hover{border-color:var(--accent);transform:translateY(-1px);}
.variant-btn.active{background:rgba(var(--accent-rgb),.08);border-color:var(--accent);color:var(--accent-hover);box-shadow:0 4px 12px rgba(var(--accent-rgb),.15);}
.variant-btn.unavail{opacity:.4;cursor:not-allowed;text-decoration:line-through;}
.variant-btn small{display:inline-block;margin-left:4px;font-size:11px;font-weight:600;color:var(--muted);}
.variant-btn.active small{color:var(--accent-hover);}
@media(max-width:380px){.variant-btn{padding:10px 14px;font-size:12px;}}

.buy-row{display:flex;gap:12px;align-items:center;margin-top:28px;flex-wrap:wrap;}
.qty-ctrl{display:flex;align-items:center;background:var(--card);border:1.5px solid var(--border);border-radius:12px;overflow:hidden;}
.qty-btn{width:48px;height:54px;background:transparent;border:none;color:var(--text);font-size:22px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;}
.qty-btn:hover{background:var(--bg-soft);}
.qty-val{width:52px;height:54px;background:transparent;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);color:var(--text);font-size:16px;font-weight:800;text-align:center;font-family:'Inter',sans-serif;}
.qty-val::-webkit-inner-spin-button,.qty-val::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.add-to-cart-btn{flex:1;min-width:170px;background:var(--cta-bg);color:#fff;border:none;border-radius:12px;padding:16px 28px;font-size:15px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 22px rgba(var(--accent-rgb),.35);position:relative;overflow:hidden;}
.add-to-cart-btn::before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-20deg);}
.add-to-cart-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(var(--accent-rgb),.45);}
.add-to-cart-btn:hover::before{animation:shine 1s ease-out;}
.add-to-cart-btn.added{background:var(--success);box-shadow:0 6px 22px rgba(var(--success-rgb),.35);}
.buy-now-btn{flex:1;min-width:130px;background:var(--card);border:1.5px solid var(--brand);color:var(--brand);border-radius:12px;padding:16px 20px;font-size:15px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;white-space:nowrap;}
.buy-now-btn:hover{background:var(--brand);color:#fff;}
@media(max-width:480px){.buy-row{flex-direction:column;}.add-to-cart-btn,.buy-now-btn{width:100%;min-width:0;}.qty-ctrl{width:100%;justify-content:center;}}

.perks-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px;}
.perk-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:10px;padding:11px 14px;}
.perk-item .perk-ic{font-size:18px;flex-shrink:0;}
@media(max-width:480px){.perks-row{grid-template-columns:1fr;}}

.tabs-section{padding:50px 0;}
.tabs-nav{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:40px;overflow-x:auto;scrollbar-width:none;position:sticky;top:72px;background:var(--bg);z-index:50;max-width:100vw;}
.tabs-nav::-webkit-scrollbar{display:none;}
.tab-link{padding:18px 26px;font-size:14px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all .25s;background:transparent;border-top:none;border-left:none;border-right:none;font-family:'Inter',sans-serif;letter-spacing:.3px;}
.tab-link:hover{color:var(--text);}
.tab-link.active{color:var(--brand);border-bottom-color:var(--accent);}
.tab-content{display:none;animation:fadeIn .35s ease;}
.tab-content.active{display:block;}
@media(max-width:768px){.tabs-nav{top:64px;}.tab-link{padding:16px 18px;font-size:13px;}}

.product-description{max-width:760px;}
.product-description .lead{font-size:19px;line-height:1.7;color:var(--text);margin-bottom:24px;font-weight:500;letter-spacing:-.2px;}
.product-description h2{font-size:28px;font-weight:900;color:var(--brand);letter-spacing:-.8px;margin:40px 0 16px;line-height:1.2;display:inline-block;position:relative;padding-bottom:8px;}
.product-description h2::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--accent);border-radius:2px;}
.product-description h3{font-size:18px;font-weight:800;color:var(--brand);margin:28px 0 12px;letter-spacing:-.3px;}
.product-description p{font-size:15px;line-height:1.75;color:var(--text);margin-bottom:16px;}
.product-description p strong{font-weight:800;}
.product-description ul{margin:14px 0 22px 4px;padding-left:0;list-style:none;}
.product-description li{position:relative;padding:6px 0 6px 28px;font-size:15px;line-height:1.6;}
.product-description li::before{content:"▸";position:absolute;left:6px;top:6px;color:var(--accent);font-weight:900;}
.allergen{font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:var(--danger);background:rgba(var(--danger-rgb),.07);padding:1px 5px;border-radius:3px;}
.product-description .warning{margin:24px 0;background:rgba(var(--danger-rgb),.06);border:1.5px solid rgba(var(--danger-rgb),.3);border-radius:14px;padding:16px 20px;font-size:14px;color:var(--text);line-height:1.6;}
.product-description .warning strong{color:var(--danger);font-weight:800;}
.product-description table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:18px 0 24px;font-size:13px;}
.product-description table thead{background:var(--bg-soft);}
.product-description table th{padding:13px 14px;font-size:12px;font-weight:800;color:var(--brand);letter-spacing:.3px;text-align:left;border-bottom:1px solid var(--border);}
.product-description table td{padding:11px 14px;color:var(--text);border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;}
.product-description table tr:last-child td{border-bottom:none;}
@media(max-width:768px){.product-description h2{font-size:24px;}.product-description .lead{font-size:17px;}}
@media(max-width:480px){.product-description h2{font-size:22px;}.product-description .lead{font-size:16px;}.product-description table th,.product-description table td{padding:9px 10px;font-size:12px;}.product-description .warning{padding:14px 16px;font-size:13px;}}

.specs-groups{display:flex;flex-direction:column;gap:14px;max-width:760px;}
.specs-group{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 1px 6px rgba(var(--brand-rgb),.05);}
.specs-group-head{display:flex;align-items:center;gap:14px;padding:18px 22px;background:var(--bg-soft);border-bottom:1px solid var(--border);}
.specs-group-ic{font-size:22px;width:42px;height:42px;border-radius:11px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.specs-group-title{font-size:16px;font-weight:800;color:var(--brand);letter-spacing:-.2px;}
.specs-table{width:100%;border-collapse:collapse;}
.specs-table tr{border-bottom:1px solid var(--border);}
.specs-table tr:last-child{border-bottom:none;}
.specs-table td{padding:14px 22px;font-size:14px;}
.specs-table td:first-child{color:var(--muted);width:50%;font-weight:500;}
.specs-table td:last-child{color:var(--text);font-weight:700;text-align:right;}
@media(max-width:480px){.specs-table td{padding:11px 14px;font-size:13px;}.specs-group-head{padding:14px 16px;gap:10px;}.specs-group-title{font-size:14px;}.specs-group-ic{width:36px;height:36px;font-size:18px;}}

.reviews-summary-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px;margin-bottom:24px;display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;box-shadow:0 1px 6px rgba(var(--brand-rgb),.05);}
@media(max-width:680px){.reviews-summary-card{grid-template-columns:1fr;gap:20px;text-align:center;padding:22px;}}
.rs-left{display:flex;flex-direction:column;align-items:center;gap:4px;}
.rs-big-rating{font-size:64px;font-weight:900;color:var(--brand);letter-spacing:-2px;line-height:1;}
@media(max-width:768px){.rs-big-rating{font-size:52px;}}
.rs-stars-big{font-size:18px;letter-spacing:2px;color:var(--star);margin-top:4px;}
.rs-total{font-size:13px;color:var(--muted);margin-top:4px;}
.rs-distribution{display:flex;flex-direction:column;gap:8px;min-width:0;}
.rs-bar-row{display:grid;grid-template-columns:48px 1fr 40px;gap:10px;align-items:center;}
@media(max-width:768px){.rs-bar-row{grid-template-columns:42px 1fr 34px;gap:8px;}}
.rs-bar-label{font-size:13px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:4px;}
.rs-bar-label .rs-star{color:var(--star);font-size:11px;}
.rs-bar-track{height:8px;background:var(--bg-soft);border-radius:4px;overflow:hidden;}
.rs-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:4px;}
.rs-bar-count{font-size:12px;color:var(--muted);text-align:right;font-weight:600;font-variant-numeric:tabular-nums;}
.write-review-btn{background:var(--cta-bg);color:#fff;border:none;border-radius:11px;padding:12px 22px;font-size:13px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;box-shadow:0 4px 16px rgba(var(--accent-rgb),.3);}
.write-review-btn:hover{transform:translateY(-2px);}
.reviews-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;}
.review-filter{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:8px 14px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif;}
.review-filter:hover{color:var(--text);border-color:var(--muted);}
.review-filter.active{background:rgba(var(--accent-rgb),.08);border-color:var(--accent);color:var(--accent-hover);}
.review-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:24px;margin-bottom:14px;transition:box-shadow .25s;}
.review-card:hover{box-shadow:0 4px 18px rgba(var(--brand-rgb),.08);}
.review-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px;}
@media(max-width:768px){.review-top{flex-direction:column;align-items:flex-start;gap:6px;}}
.review-author{display:flex;align-items:center;gap:12px;}
.review-avatar{width:44px;height:44px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;color:#fff;flex-shrink:0;}
.review-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.review-name{font-size:14px;font-weight:800;color:var(--text);}
.review-verified{font-size:11px;color:var(--success);background:rgba(var(--success-rgb),.08);border:1px solid rgba(var(--success-rgb),.25);border-radius:6px;padding:1px 7px;font-weight:700;display:inline-flex;align-items:center;gap:3px;}
.review-date{font-size:12px;color:var(--muted);margin-top:2px;}
.review-stars{font-size:14px;color:var(--star);letter-spacing:1.5px;}
.review-text{font-size:14px;color:var(--text);line-height:1.7;}
.review-helpful{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;color:var(--muted);flex-wrap:wrap;}
.review-helpful button{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:6px 12px;color:var(--muted);font-size:12px;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;font-weight:600;}
.review-helpful button:hover{color:var(--text);border-color:var(--muted);}

.delivery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
@media(max-width:768px){.delivery-grid{grid-template-columns:1fr;}}
.delivery-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:26px;transition:all .25s;box-shadow:0 1px 6px rgba(var(--brand-rgb),.05);}
.delivery-card:hover{border-color:var(--accent);transform:translateY(-3px);}
.delivery-ic{font-size:32px;margin-bottom:14px;display:inline-flex;width:60px;height:60px;border-radius:14px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.2);align-items:center;justify-content:center;}
.delivery-title{font-size:17px;font-weight:800;color:var(--brand);margin-bottom:8px;}
.delivery-desc{font-size:13px;color:var(--muted);line-height:1.7;}
.delivery-price{margin-top:16px;font-size:14px;font-weight:800;color:var(--accent-hover);}
.delivery-price.free{color:var(--success);}
@media(max-width:480px){.delivery-card{padding:20px;}.delivery-ic{width:50px;height:50px;font-size:26px;}.delivery-title{font-size:15px;}}

.related-section{padding:30px 0 80px;}
@media(max-width:480px){.related-section{padding:20px 0 56px;}}
.prod-img-rel{height:140px;display:flex;align-items:center;justify-content:center;font-size:64px;background:var(--bg-soft);position:relative;}
.prod-footer-rel{display:flex;align-items:center;justify-content:space-between;margin-top:auto;}
.add-btn-sm{width:32px;height:32px;border-radius:9px;background:var(--cta-bg);border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;}
.add-btn-sm:hover{transform:scale(1.1);}

/* Анімації появи (картка товару) */
@keyframes badgeIn{0%{transform:scale(0) rotate(-8deg);opacity:0;}60%{transform:scale(1.18) rotate(-2deg);opacity:1;}100%{transform:scale(1) rotate(0);opacity:1;}}
@keyframes badgePulse{0%,100%{box-shadow:0 6px 18px rgba(var(--danger-rgb),.35);}50%{box-shadow:0 6px 24px rgba(var(--danger-rgb),.55),0 0 0 4px rgba(var(--danger-rgb),.1);}}
@keyframes wordIn{0%{opacity:0;transform:translateY(20px);filter:blur(8px);}100%{opacity:1;transform:translateY(0);filter:blur(0);}}
@keyframes slideUp{0%{opacity:0;transform:translateY(30px);}100%{opacity:1;transform:translateY(0);}}
@keyframes slideUpScale{0%{opacity:0;transform:translateY(40px) scale(.94);}100%{opacity:1;transform:translateY(0) scale(1);}}
@keyframes ctaPulse{0%,100%{box-shadow:0 6px 22px rgba(var(--accent-rgb),.35),0 0 0 0 rgba(var(--accent-rgb),.4);}50%{box-shadow:0 6px 22px rgba(var(--accent-rgb),.45),0 0 0 12px rgba(var(--accent-rgb),0);}}
@keyframes shine{0%{left:-100%;}100%{left:200%;}}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
.anim-badge{opacity:0;}
.anim-title{opacity:0;}
.anim-slide{opacity:0;transform:translateY(30px);}
.anim-scale{opacity:0;transform:translateY(40px) scale(.94);}
.anim-badge.play{animation:badgeIn .5s cubic-bezier(.34,1.56,.64,1) forwards,badgePulse 1.8s ease-in-out .8s infinite;}
.anim-title.play{animation:wordIn .55s ease-out forwards;}
.anim-slide.play{animation:slideUp .55s ease-out forwards;}
.anim-scale.play{animation:slideUpScale .6s cubic-bezier(.34,1.56,.64,1) forwards;}
.add-to-cart-btn.cta-active{animation:ctaPulse 2s ease-in-out infinite;}
.anim-slide.d1{animation-delay:.05s;}
.anim-slide.d2{animation-delay:.15s;}
.anim-slide.d3{animation-delay:.25s;}
.anim-slide.d4{animation-delay:.35s;}

/* ════════ КОШИК ════════ */
.cart-section{padding:20px 0 80px;}
.cart-page-title{font-size:34px;font-weight:900;color:var(--brand);letter-spacing:-1px;margin:18px 0 6px;}
.cart-page-sub{font-size:14px;color:var(--muted);margin-bottom:28px;}
@media(max-width:480px){.cart-page-title{font-size:26px;}}
.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start;}
@media(max-width:900px){.cart-layout{grid-template-columns:1fr;}}
.cart-items{display:flex;flex-direction:column;gap:14px;min-width:0;}

.delivery-progress{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.07),rgba(var(--accent-rgb),.02));border:1px solid rgba(var(--accent-rgb),.25);border-radius:16px;padding:16px 20px;}
.dp-icon{font-size:26px;flex-shrink:0;}
.dp-text{flex:1;min-width:0;}
.dp-label{font-size:13px;color:var(--text);margin-bottom:8px;}
.dp-label strong{color:var(--accent-hover);}
.dp-bar{height:8px;background:#fff;border:1px solid var(--border);border-radius:4px;overflow:hidden;}
.dp-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:4px;transition:width .4s ease;}
.dp-amount{font-size:13px;font-weight:800;color:var(--brand);flex-shrink:0;white-space:nowrap;}
@media(max-width:600px){.delivery-progress{flex-wrap:wrap;}.dp-amount{width:100%;text-align:right;}}

.cart-item{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px 20px;flex-wrap:wrap;}
.cart-item-img{width:72px;height:72px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:34px;flex-shrink:0;}
.cart-item-info{flex:1;min-width:160px;}
.cart-item-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.cart-item-badge{background:rgba(var(--danger-rgb),.08);border:1px solid rgba(var(--danger-rgb),.3);color:var(--danger);border-radius:6px;padding:1px 7px;font-size:11px;font-weight:800;}
.cart-item-badge.new{background:rgba(var(--success-rgb),.08);border-color:rgba(var(--success-rgb),.3);color:var(--success);}
.cart-item-meta{font-size:12px;color:var(--muted);}
.cart-item-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.cart-item .qty-btn{width:38px;height:42px;font-size:18px;}
.cart-item .qty-val{width:44px;height:42px;font-size:14px;}
.cart-item-price{text-align:right;min-width:84px;}
.item-price{font-size:17px;font-weight:900;color:var(--brand);}
.item-price-per{font-size:11px;color:var(--muted);margin-top:2px;}
.cart-item-del{width:34px;height:34px;border-radius:9px;background:transparent;border:1px solid var(--border);color:var(--muted);font-size:14px;cursor:pointer;transition:all .2s;flex-shrink:0;}
.cart-item-del:hover{border-color:var(--danger);color:var(--danger);background:rgba(var(--danger-rgb),.04);}
@media(max-width:600px){
  .cart-item{padding:14px;gap:12px;}
  .cart-item-img{width:56px;height:56px;font-size:26px;}
  .cart-item-controls{width:100%;justify-content:space-between;}
}

.promo-block{background:var(--card);border:1px dashed var(--border);border-radius:16px;padding:18px 20px;}
.promo-title{font-size:14px;font-weight:800;color:var(--brand);margin-bottom:12px;}
.promo-row{display:flex;gap:10px;}
.promo-input{flex:1;min-width:0;background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:11px 14px;font-size:13px;color:var(--text);font-family:'Inter',sans-serif;outline:none;transition:border-color .2s;}
.promo-input:focus{border-color:var(--accent);}
.promo-apply{background:var(--brand);color:#fff;border:none;border-radius:10px;padding:11px 18px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;white-space:nowrap;}
.promo-apply:hover{background:var(--brand-deep);}
.promo-active{margin-top:10px;font-size:13px;color:var(--success);font-weight:600;}
@media(max-width:480px){.promo-row{flex-direction:column;}}

.recently-section{margin-top:10px;}
.recently-title{font-size:14px;font-weight:800;color:var(--brand);margin-bottom:12px;}
.recently-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
@media(max-width:680px){.recently-grid{grid-template-columns:1fr;}}
.rec-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 12px;cursor:pointer;transition:all .2s;}
.rec-card:hover{border-color:var(--accent);}
.rec-img{width:44px;height:44px;border-radius:10px;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.rec-info{min-width:0;}
.rec-name{font-size:12px;font-weight:600;color:var(--text);line-height:1.3;}
.rec-price{font-size:13px;font-weight:800;color:var(--brand);margin-top:2px;}

.order-summary{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:26px;position:sticky;top:96px;box-shadow:0 2px 14px rgba(var(--brand-rgb),.07);}
@media(max-width:900px){.order-summary{position:static;}}
.summary-title{font-size:18px;font-weight:900;color:var(--brand);margin-bottom:18px;}
.summary-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:14px;}
.summary-label{color:var(--muted);}
.summary-val{font-weight:700;color:var(--text);}
.summary-val.green{color:var(--success);}
.summary-val.orange{color:var(--accent-hover);}
.summary-divider{height:1px;background:var(--border);margin:12px 0;}
.summary-total-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.summary-total-label{font-size:15px;font-weight:700;color:var(--text);}
.summary-total-price{font-size:28px;font-weight:900;color:var(--brand);letter-spacing:-1px;}
.summary-savings{background:rgba(var(--success-rgb),.06);border:1px solid rgba(var(--success-rgb),.2);border-radius:10px;padding:10px 14px;font-size:13px;color:var(--success);margin-bottom:16px;}
.checkout-btn{width:100%;background:var(--cta-bg);color:#fff;border:none;border-radius:12px;padding:16px;font-size:15px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;transition:all .25s;box-shadow:0 6px 22px rgba(var(--accent-rgb),.35);margin-bottom:10px;}
.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(var(--accent-rgb),.45);}
.continue-btn{width:100%;background:transparent;border:1.5px solid var(--border);color:var(--text);border-radius:12px;padding:13px;font-size:14px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;}
.continue-btn:hover{border-color:var(--brand);color:var(--brand);}
.summary-perks{margin-top:18px;display:flex;flex-direction:column;gap:8px;}
.summary-perk{font-size:12px;color:var(--muted);}

.empty-cart{display:none;text-align:center;padding:60px 20px;}
.empty-cart.show{display:block;}
.empty-emoji{font-size:64px;margin-bottom:16px;}
.empty-title{font-size:24px;font-weight:900;color:var(--brand);margin-bottom:8px;}
.empty-sub{font-size:14px;color:var(--muted);margin-bottom:24px;}
.empty-btn{display:inline-block;background:var(--cta-bg);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 6px 22px rgba(var(--accent-rgb),.35);}

/* Дрібні доповнення batch 1 */
.cat-hero-text{min-width:0;}
.rs-actions{display:flex;flex-direction:column;gap:8px;}
/* У каталозі поряд із сайдбаром — 3 колонки замість 4 */
.products-area .products-grid{grid-template-columns:repeat(3,1fr);}
@media(max-width:1100px){.products-area .products-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:360px){.products-area .products-grid{grid-template-columns:1fr;}}

/* ════════ ОФОРМЛЕННЯ ЗАМОВЛЕННЯ ════════ */
.checkout-section{padding:20px 0 80px;}
.checkout-page-title{font-size:34px;font-weight:900;color:var(--brand);letter-spacing:-1px;margin:18px 0 24px;}
@media(max-width:480px){.checkout-page-title{font-size:26px;}}
.steps-indicator{display:flex;align-items:center;gap:12px;margin-bottom:28px;flex-wrap:wrap;}
.step-indicator{display:flex;align-items:center;gap:10px;cursor:pointer;}
.steps-indicator .step-num{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;line-height:1;margin:0;box-shadow:none;background:var(--bg-soft);border:1.5px solid var(--border);color:var(--muted);transition:all .25s;}
.steps-indicator .step-num.active{background:var(--cta-bg);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(var(--accent-rgb),.3);}
.steps-indicator .step-num.done{background:var(--success);border-color:transparent;color:#fff;}
.steps-indicator .step-num.pending{background:var(--bg-soft);}
.step-label{font-size:13px;font-weight:700;color:var(--muted);transition:color .25s;}
.step-label.active{color:var(--brand);}
.step-connector{flex:1;min-width:24px;height:2px;background:var(--border);border-radius:1px;transition:background .25s;}
.step-connector.done{background:var(--success);}
.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start;}
@media(max-width:900px){.checkout-layout{grid-template-columns:1fr;}}
.step-panel{display:none;}
.step-panel.active{display:block;}
.form-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:16px;}
.form-card-title{font-size:16px;font-weight:800;color:var(--brand);margin-bottom:18px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:600px){.form-grid{grid-template-columns:1fr;}}
.form-grid-1{grid-column:1 / -1;}
.form-group{display:flex;flex-direction:column;gap:6px;min-width:0;}
.form-label{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.4px;}
.form-input{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;font-size:14px;color:var(--text);font-family:'Inter',sans-serif;outline:none;transition:border-color .2s;width:100%;min-width:0;}
.form-input:focus{border-color:var(--accent);}
.form-hint{font-size:11px;color:var(--muted);}
.form-textarea{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;font-size:14px;color:var(--text);font-family:'Inter',sans-serif;outline:none;width:100%;min-height:84px;resize:vertical;transition:border-color .2s;}
.form-textarea:focus{border-color:var(--accent);}
.delivery-options{display:flex;flex-direction:column;gap:10px;}
.delivery-opt{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s;}
.delivery-opt input{display:none;}
.delivery-opt:hover{border-color:var(--accent);}
.delivery-opt.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.04);box-shadow:0 4px 14px rgba(var(--accent-rgb),.12);}
.delivery-opt-info{flex:1;min-width:0;}
.delivery-opt-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:3px;}
.delivery-opt-desc{font-size:12px;color:var(--muted);}
.delivery-opt-price{font-size:15px;font-weight:900;color:var(--brand);flex-shrink:0;}
.time-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
@media(max-width:600px){.time-slots{grid-template-columns:repeat(2,1fr);}}
.time-slot{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:12px;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif;text-align:center;}
.time-slot:hover{border-color:var(--accent);}
.time-slot.selected{background:rgba(var(--accent-rgb),.08);border-color:var(--accent);color:var(--accent-hover);}
.time-slot.unavail{opacity:.4;cursor:not-allowed;text-decoration:line-through;}
.payment-options{display:flex;flex-direction:column;gap:10px;}
.pay-opt{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s;}
.pay-opt input{display:none;}
.pay-opt:hover{border-color:var(--accent);}
.pay-opt.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.04);}
.pay-opt-icon{font-size:24px;flex-shrink:0;}
.pay-opt-info{flex:1;min-width:0;}
.pay-opt-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:3px;}
.pay-opt-desc{font-size:12px;color:var(--muted);}
.pay-logos{display:flex;gap:6px;flex-shrink:0;}
.pay-logo{background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800;color:var(--muted);}
.card-fields{display:none;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:16px;margin:4px 0;}
.card-fields.visible{display:block;}
.agreement{display:flex;align-items:flex-start;gap:12px;cursor:pointer;}
.agreement-check{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--border);background:#fff;flex-shrink:0;position:relative;transition:all .15s;}
.agreement-check.checked{background:var(--accent);border-color:var(--accent);}
.agreement-check.checked::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:900;}
.agreement-text{font-size:13px;color:var(--muted);line-height:1.6;}
.agreement-text a{color:var(--accent-hover);font-weight:600;}
.step-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;flex-wrap:wrap;}
.btn-back{background:transparent;border:1.5px solid var(--border);color:var(--text);border-radius:11px;padding:13px 20px;font-size:14px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;}
.btn-back:hover{border-color:var(--brand);color:var(--brand);}
.btn-next{background:var(--cta-bg);color:#fff;border:none;border-radius:11px;padding:14px 26px;font-size:14px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;transition:all .25s;box-shadow:0 5px 18px rgba(var(--accent-rgb),.3);}
.btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--accent-rgb),.4);}
@media(max-width:480px){.step-nav{flex-direction:column-reverse;}.btn-back,.btn-next{width:100%;}}
.order-panel{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:26px;position:sticky;top:96px;box-shadow:0 2px 14px rgba(var(--brand-rgb),.07);}
@media(max-width:900px){.order-panel{position:static;}}
.op-title{font-size:18px;font-weight:900;color:var(--brand);margin-bottom:16px;}
.op-items{display:flex;flex-direction:column;gap:12px;}
.op-item{display:flex;align-items:center;gap:12px;}
.op-item-img{width:44px;height:44px;border-radius:10px;background:var(--bg-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.op-item-info{flex:1;min-width:0;}
.op-item-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.3;}
.op-item-meta{font-size:11px;color:var(--muted);margin-top:2px;}
.op-item-price{font-size:13px;font-weight:800;color:var(--brand);flex-shrink:0;}
.op-divider{height:1px;background:var(--border);margin:16px 0;}
.op-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:14px;}
.op-row-label{color:var(--muted);}
.op-row-val{font-weight:700;color:var(--text);}
.op-row-val.green{color:var(--success);}
.op-total-row{display:flex;align-items:center;justify-content:space-between;margin:6px 0 14px;}
.op-total-label{font-size:15px;font-weight:700;color:var(--text);}
.op-total-price{font-size:26px;font-weight:900;color:var(--brand);letter-spacing:-1px;}
.op-security{display:flex;flex-direction:column;gap:8px;}
.op-sec-item{font-size:12px;color:var(--muted);}
@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.08);}}

/* ════════ СТОРІНКА УСПІХУ ════════ */
.success-section{padding:20px 0 80px;}
.success-hero{position:relative;text-align:center;padding:48px 20px 40px;background:linear-gradient(135deg,var(--bg-soft),#fff);border:1px solid var(--border);border-radius:24px;margin:18px 0 28px;overflow:hidden;}
.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.confetti-piece{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;opacity:.85;animation:confettiFall 3s linear infinite;}
@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0deg);}100%{transform:translateY(420px) rotate(540deg);opacity:0;}}
.success-check{width:84px;height:84px;border-radius:50%;background:var(--success);margin:0 auto 20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(var(--success-rgb),.35);position:relative;z-index:1;animation:pulse 2s ease-in-out infinite;}
.success-check-icon{font-size:40px;color:#fff;font-weight:900;}
.success-title{font-size:32px;font-weight:900;color:var(--brand);letter-spacing:-1px;margin-bottom:10px;position:relative;z-index:1;}
.success-sub{font-size:15px;color:var(--muted);max-width:480px;margin:0 auto 18px;line-height:1.65;position:relative;z-index:1;}
.order-number{display:inline-block;background:#fff;border:1.5px solid var(--border);border-radius:11px;padding:10px 20px;font-size:14px;font-weight:800;color:var(--brand);position:relative;z-index:1;}
@media(max-width:480px){.success-title{font-size:24px;}.success-hero{padding:36px 16px 30px;}}
.success-layout{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start;}
@media(max-width:900px){.success-layout{grid-template-columns:1fr;}}
.order-details{display:flex;flex-direction:column;gap:16px;min-width:0;}
.detail-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;}
.detail-card-title{font-size:16px;font-weight:800;color:var(--brand);margin-bottom:18px;}
.status-tracker{display:flex;flex-direction:column;gap:0;}
.status-step{display:flex;gap:14px;position:relative;padding-bottom:22px;}
.status-step:last-child{padding-bottom:0;}
.status-step::before{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:var(--border);}
.status-step:last-child::before{display:none;}
.status-step.done::before{background:var(--success);}
.st-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:var(--bg-soft);border:1.5px solid var(--border);position:relative;z-index:1;}
.st-dot.done{background:rgba(var(--success-rgb),.1);border-color:var(--success);}
.st-dot.current{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);animation:pulse 2s ease-in-out infinite;}
.st-dot.pending{opacity:.6;}
.st-info{min-width:0;padding-top:2px;}
.st-title{font-size:14px;font-weight:700;color:var(--text);}
.st-title.pending{color:var(--muted);}
.st-desc{font-size:12px;color:var(--muted);margin-top:2px;}
.st-time{font-size:11px;color:var(--accent-hover);font-weight:700;margin-top:3px;}
.order-items-list{display:flex;flex-direction:column;gap:12px;}
.oi-item{display:flex;align-items:center;gap:12px;}
.oi-img{width:48px;height:48px;border-radius:11px;background:var(--bg-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}
.oi-info{flex:1;min-width:0;}
.oi-name{font-size:13px;font-weight:600;color:var(--text);}
.oi-meta{font-size:11px;color:var(--muted);margin-top:2px;}
.oi-price{font-size:14px;font-weight:800;color:var(--brand);flex-shrink:0;}
.delivery-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:600px){.delivery-info-grid{grid-template-columns:1fr;}}
.di-item{background:var(--bg-soft);border:1px solid var(--border);border-radius:11px;padding:12px 14px;}
.di-label{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.6px;text-transform:uppercase;margin-bottom:4px;}
.di-value{font-size:13px;font-weight:700;color:var(--text);}
.di-value.green{color:var(--success);}
.nps-card{background:linear-gradient(135deg,rgba(var(--accent-rgb),.06),rgba(var(--accent-rgb),.02));border:1px solid rgba(var(--accent-rgb),.25);border-radius:16px;padding:24px;text-align:center;}
.nps-title{font-size:16px;font-weight:800;color:var(--brand);margin-bottom:4px;}
.nps-sub{font-size:13px;color:var(--muted);margin-bottom:16px;}
.nps-stars{display:flex;justify-content:center;gap:10px;}
.nps-star{font-size:28px;background:#fff;border:1.5px solid var(--border);border-radius:12px;width:54px;height:54px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;}
.nps-star:hover{transform:translateY(-3px);border-color:var(--accent);}
.nps-star.picked{border-color:var(--accent);background:rgba(var(--accent-rgb),.08);transform:scale(1.08);}
.nps-thanks{display:none;margin-top:14px;font-size:13px;font-weight:700;color:var(--success);}
.nps-thanks.show{display:block;}
.summary-panel{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:26px;position:sticky;top:96px;box-shadow:0 2px 14px rgba(var(--brand-rgb),.07);}
@media(max-width:900px){.summary-panel{position:static;}}
.sp-title{font-size:18px;font-weight:900;color:var(--brand);margin-bottom:4px;}
.sp-number{font-size:12px;color:var(--muted);margin-bottom:16px;}
.sp-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:14px;}
.sp-label{color:var(--muted);}
.sp-val{font-weight:700;color:var(--text);}
.sp-val.green{color:var(--success);}
.sp-divider{height:1px;background:var(--border);margin:12px 0;}
.sp-total-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.sp-total-label{font-size:15px;font-weight:700;color:var(--text);}
.sp-total-price{font-size:26px;font-weight:900;color:var(--brand);letter-spacing:-1px;}
.sp-actions{display:flex;flex-direction:column;gap:9px;}
.sp-btn-primary{background:var(--cta-bg);color:#fff;border:none;border-radius:11px;padding:14px;font-size:14px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;transition:all .25s;box-shadow:0 5px 18px rgba(var(--accent-rgb),.3);}
.sp-btn-primary:hover{transform:translateY(-2px);}
.sp-btn-secondary{background:transparent;border:1.5px solid var(--border);color:var(--text);border-radius:11px;padding:12px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;}
.sp-btn-secondary:hover{border-color:var(--brand);color:var(--brand);}
.sp-support{margin-top:16px;font-size:12px;color:var(--muted);line-height:1.7;}
.sp-support a{color:var(--accent-hover);font-weight:600;text-decoration:none;}
.recs-section{margin-top:40px;}
.recs-section .sec-title{margin-bottom:24px;}
.recs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:1024px){.recs-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.recs-grid{grid-template-columns:1fr;}}
.recp-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .25s;}
.recp-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 26px rgba(var(--brand-rgb),.1);}
.recp-img{height:110px;display:flex;align-items:center;justify-content:center;font-size:48px;background:var(--bg-soft);}
.recp-body{padding:14px;}
.recp-name{font-size:13px;font-weight:700;color:var(--text);}
.recp-weight{font-size:11px;color:var(--muted);margin:3px 0 10px;}
.recp-footer{display:flex;align-items:center;justify-content:space-between;}
.recp-price{font-size:15px;font-weight:900;color:var(--brand);}
.recp-add{width:30px;height:30px;border-radius:8px;background:var(--cta-bg);border:none;color:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;}
.recp-add:hover{transform:scale(1.1);}

/* ════════ 404 ════════ */
.content-404{display:flex;align-items:center;justify-content:center;padding:70px 20px 90px;}
.inner-404{text-align:center;max-width:560px;}
.num-404{font-size:120px;font-weight:900;letter-spacing:-6px;line-height:1;background:linear-gradient(135deg,var(--accent),var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin-bottom:4px;}
.emoji-404{font-size:44px;margin-bottom:14px;}
.inner-404 h1{font-size:28px;font-weight:900;color:var(--brand);letter-spacing:-.8px;margin-bottom:12px;}
.inner-404 p{font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:26px;}
.search-row{display:flex;gap:10px;max-width:420px;margin:0 auto 22px;}
.search-row input{flex:1;min-width:0;background:#fff;border:1.5px solid var(--border);border-radius:11px;padding:13px 16px;font-size:14px;color:var(--text);font-family:'Inter',sans-serif;outline:none;transition:border-color .2s;}
.search-row input:focus{border-color:var(--accent);}
.search-row button{background:var(--cta-bg);color:#fff;border:none;border-radius:11px;padding:13px 22px;font-size:14px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;box-shadow:0 5px 18px rgba(var(--accent-rgb),.3);}
.btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:26px;}
.content-404 .btn-primary{background:var(--brand);color:#fff;border-radius:11px;padding:13px 24px;font-size:14px;font-weight:800;text-decoration:none;transition:all .2s;}
.content-404 .btn-primary:hover{background:var(--brand-deep);}
.content-404 .btn-secondary{background:transparent;border:1.5px solid var(--border);color:var(--text);border-radius:11px;padding:13px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;}
.content-404 .btn-secondary:hover{border-color:var(--brand);color:var(--brand);}
.quick-cats{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap;}
.quick-cats-label{font-size:12px;color:var(--muted);}
.cat-pill{background:#fff;border:1.5px solid var(--border);border-radius:9px;padding:7px 13px;font-size:13px;font-weight:600;color:var(--text);text-decoration:none;transition:all .2s;}
.cat-pill:hover{border-color:var(--accent);color:var(--accent-hover);}
@media(max-width:480px){.num-404{font-size:88px;}.search-row{flex-direction:column;}.search-row button{width:100%;}}

/* ════════ ПОШУК ════════ */
.search-hero{padding:28px 0 8px;}
.search-title{font-size:34px;font-weight:900;color:var(--brand);letter-spacing:-1px;margin-bottom:18px;}
@media(max-width:480px){.search-title{font-size:26px;}}
.search-bar-wrap{display:flex;gap:10px;max-width:640px;}
.search-bar{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:0 14px;transition:border-color .2s;}
.search-bar:focus-within{border-color:var(--accent);}
.search-icon{font-size:16px;flex-shrink:0;}
.search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:14px 0;font-size:15px;color:var(--text);font-family:'Inter',sans-serif;}
.search-clear{background:var(--bg-soft);border:none;border-radius:7px;width:26px;height:26px;font-size:12px;color:var(--muted);cursor:pointer;flex-shrink:0;}
.search-clear:hover{color:var(--danger);}
.search-btn{background:var(--cta-bg);color:#fff;border:none;border-radius:12px;padding:14px 26px;font-size:14px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;box-shadow:0 5px 18px rgba(var(--accent-rgb),.3);flex-shrink:0;}
.search-meta{font-size:13px;color:var(--muted);margin-top:12px;}
.search-meta strong{color:var(--brand);}
@media(max-width:480px){.search-bar-wrap{flex-direction:column;}.search-btn{width:100%;}}
.filter-pills-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0;flex-wrap:wrap;}
.filter-pills{display:flex;gap:8px;flex-wrap:wrap;}
.filter-pill{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid var(--border);border-radius:11px;padding:9px 15px;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif;}
.filter-pill:hover{border-color:var(--accent);}
.filter-pill.active{background:var(--brand);border-color:var(--brand);color:#fff;}
.pill-count{background:rgba(var(--accent-rgb),.12);color:var(--accent-hover);border-radius:6px;padding:1px 7px;font-size:11px;font-weight:800;}
.filter-pill.active .pill-count{background:rgba(255,255,255,.18);color:#FFB061;}
.prod-prices{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;min-width:0;}
.hl{background:rgba(var(--accent-rgb),.14);border-radius:3px;padding:0 2px;}
.empty-state{display:none;text-align:center;padding:50px 20px;}
.empty-state.show{display:block;}
.empty-icon{font-size:52px;margin-bottom:14px;}
.also-search{padding:34px 0 70px;}
.section-label{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:12px;}
.tags-scroll{display:flex;gap:8px;flex-wrap:wrap;}
.search-tag{background:#fff;border:1.5px solid var(--border);border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--text);text-decoration:none;transition:all .2s;}
.search-tag:hover{border-color:var(--accent);color:var(--accent-hover);}

/* ════════ АКЦІЇ ════════ */
.promo-hero{background:linear-gradient(120deg,var(--brand),var(--brand-deep));position:relative;overflow:hidden;padding:48px 0;}
.hero-orb1{position:absolute;width:340px;height:340px;background:var(--accent);border-radius:50%;filter:blur(120px);opacity:.25;right:-80px;top:-80px;}
.hero-orb2{position:absolute;width:240px;height:240px;background:#2C4F7C;border-radius:50%;filter:blur(90px);opacity:.8;left:-60px;bottom:-60px;}
.hero-content{max-width:1200px;margin:0 auto;padding:0 60px;display:flex;align-items:center;justify-content:space-between;gap:36px;position:relative;z-index:1;flex-wrap:wrap;}
@media(max-width:768px){.hero-content{padding:0 20px;}}
.hero-badge{display:inline-flex;background:rgba(var(--accent-rgb),.18);border:1px solid rgba(var(--accent-rgb),.5);border-radius:20px;padding:6px 16px;font-size:11px;font-weight:800;letter-spacing:2px;color:#FFB061;margin-bottom:14px;}
.hero-title{font-size:46px;font-weight:900;color:#fff;letter-spacing:-1.6px;line-height:1.02;margin-bottom:12px;}
.hero-title .accent{color:#FFB061;}
.hero-sub{font-size:15px;color:rgba(255,255,255,.7);max-width:420px;line-height:1.6;}
@media(max-width:600px){.hero-title{font-size:34px;}}
.countdown-wrap{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:20px 24px;flex-shrink:0;}
.countdown-label{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:12px;text-align:center;}
.countdown{display:flex;align-items:center;gap:8px;}
.cd-block{background:#fff;border-radius:11px;padding:10px 12px;text-align:center;min-width:58px;}
.cd-num{font-size:24px;font-weight:900;color:var(--brand);line-height:1;font-variant-numeric:tabular-nums;}
.cd-label{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.6px;text-transform:uppercase;margin-top:4px;}
.cd-sep{font-size:20px;font-weight:900;color:rgba(255,255,255,.5);}
.filter-tabs-wrap{margin:26px 0 6px;overflow-x:auto;scrollbar-width:none;max-width:100%;}
.filter-tabs-wrap::-webkit-scrollbar{display:none;}
.filter-tabs{display:flex;gap:8px;width:max-content;}
.filter-tab{background:#fff;border:1.5px solid var(--border);border-radius:11px;padding:10px 16px;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif;white-space:nowrap;}
.filter-tab:hover{border-color:var(--accent);}
.filter-tab.active{background:var(--brand);border-color:var(--brand);color:#fff;}
.products-section{padding:24px 0 70px;}
.prod-discount{position:absolute;top:10px;left:10px;background:var(--danger);color:#fff;border-radius:7px;padding:3px 9px;font-size:12px;font-weight:900;box-shadow:0 4px 12px rgba(var(--danger-rgb),.3);}
.prod-timer{position:absolute;bottom:10px;left:10px;background:rgba(15,23,42,.65);color:#fff;border-radius:7px;padding:3px 9px;font-size:10px;font-weight:700;}

/* ════════ КОНТАКТИ ════════ */
.page-hero{margin:22px 0 28px;}
.page-hero h1{font-size:34px;font-weight:900;color:var(--brand);letter-spacing:-1px;margin-bottom:8px;}
.page-hero p{font-size:15px;color:var(--muted);}
@media(max-width:480px){.page-hero h1{font-size:26px;}}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;}
.contact-layout{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start;margin-bottom:48px;}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr;}}
.form-section-title{font-size:20px;font-weight:900;color:var(--brand);margin-bottom:6px;}
.form-section-sub{font-size:13px;color:var(--muted);margin-bottom:16px;}
.form-control{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;font-size:14px;color:var(--text);font-family:'Inter',sans-serif;outline:none;transition:border-color .2s;width:100%;min-width:0;}
.form-control:focus{border-color:var(--accent);}
textarea.form-control{min-height:110px;resize:vertical;}
.optional{font-weight:500;color:var(--muted);font-size:11px;}
.btn-primary{display:inline-block;background:var(--cta-bg);color:#fff;border:none;border-radius:11px;padding:14px 26px;font-size:14px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;transition:all .25s;box-shadow:0 5px 18px rgba(var(--accent-rgb),.3);text-decoration:none;text-align:center;}
.btn-primary:hover{transform:translateY(-2px);}
.btn-secondary{display:inline-block;background:transparent;border:1.5px solid var(--border);color:var(--text);border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;text-decoration:none;text-align:center;}
.btn-secondary:hover{border-color:var(--brand);color:var(--brand);}
.btn-tg{border-color:rgba(56,189,248,.5);color:#0284C7;}
.btn-tg:hover{border-color:#0284C7;color:#0284C7;}
#contactForm{display:flex;flex-direction:column;gap:14px;}
.success-block{display:none;text-align:center;padding:28px 12px;}
.success-block.show{display:block;}
.success-block .success-icon{font-size:46px;margin-bottom:12px;}
.success-block .success-title{font-size:20px;font-weight:900;color:var(--brand);margin-bottom:8px;letter-spacing:0;}
.success-block .success-desc{font-size:14px;color:var(--muted);line-height:1.6;}
.contact-info{display:flex;flex-direction:column;gap:14px;}
.contact-card{padding:20px 22px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;}
.contact-card-icon{font-size:26px;margin-bottom:6px;}
.contact-card-title{font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);}
.contact-card-value{font-size:16px;font-weight:800;color:var(--brand);}
.contact-card-note{font-size:12px;color:var(--muted);margin-bottom:10px;}
.contact-card-extra{font-size:12px;color:var(--muted);font-style:italic;}
.faq-section{padding-bottom:70px;}
.section-title{font-size:24px;font-weight:900;color:var(--brand);letter-spacing:-.6px;margin-bottom:18px;}
.accordion{display:flex;flex-direction:column;gap:10px;max-width:760px;}
.accordion-item{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .2s;}
.accordion-item.open{border-color:var(--accent);}
.accordion-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;background:transparent;border:none;padding:17px 20px;font-size:14px;font-weight:700;color:var(--text);cursor:pointer;font-family:'Inter',sans-serif;text-align:left;}
.accordion-icon{font-size:18px;font-weight:900;color:var(--accent);flex-shrink:0;}
.accordion-body{display:none;}
.accordion-item.open .accordion-body{display:block;}
.accordion-body-inner{padding:0 20px 18px;font-size:14px;color:var(--muted);line-height:1.7;}

/* ════════ АКЦІЇ — промокод-бокс і «Скоро закінчується» ════════ */
.promo-box{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),rgba(var(--accent-rgb),.03));border:1.5px dashed rgba(var(--accent-rgb),.45);border-radius:18px;padding:20px 24px;margin:26px 0;flex-wrap:wrap;}
.promo-box-left{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:240px;}
.promo-box-icon{font-size:30px;flex-shrink:0;}
.promo-box-title{font-size:15px;font-weight:800;color:var(--brand);line-height:1.4;}
.promo-box-title .code{display:inline-block;background:var(--brand);color:#FFB061;border-radius:7px;padding:2px 10px;font-size:14px;letter-spacing:1px;margin:0 2px;}
.promo-box-sub{font-size:12px;color:var(--muted);margin-top:5px;}
.promo-copy-btn{background:var(--cta-bg);color:#fff;border:none;border-radius:11px;padding:12px 22px;font-size:13px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;transition:all .25s;box-shadow:0 5px 18px rgba(var(--accent-rgb),.3);flex-shrink:0;}
.promo-copy-btn:hover{transform:translateY(-2px);}
.ending-section{padding:8px 0 70px;}
.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px;}
.section-link{color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;white-space:nowrap;}
.section-link:hover{color:var(--accent);}
.ending-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.ending-scroll::-webkit-scrollbar{display:none;}
.ending-card{min-width:230px;width:230px;flex-shrink:0;scroll-snap-align:start;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .25s;}
.ending-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 26px rgba(var(--brand-rgb),.1);}
.ending-img{height:110px;display:flex;align-items:center;justify-content:center;font-size:46px;background:var(--bg-soft);position:relative;}
.ending-discount{position:absolute;top:8px;left:8px;background:var(--danger);color:#fff;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:900;}
.ending-body{padding:14px;}
.ending-name{font-size:13px;font-weight:700;color:var(--text);margin-bottom:8px;}
.ending-timer-bar{display:inline-flex;align-items:center;gap:5px;background:rgba(var(--danger-rgb),.07);border:1px solid rgba(var(--danger-rgb),.25);border-radius:7px;padding:3px 9px;font-size:11px;font-weight:800;color:var(--danger);margin-bottom:10px;font-variant-numeric:tabular-nums;}
.ending-footer{display:flex;align-items:center;justify-content:space-between;}
.ending-price{font-size:15px;font-weight:900;color:var(--brand);}
.ending-old{font-size:11px;color:#B7C2CF;text-decoration:line-through;margin-left:4px;}
.ending-add{width:30px;height:30px;border-radius:8px;background:var(--cta-bg);border:none;color:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;}
.ending-add:hover{transform:scale(1.1);}
.hero-left{min-width:0;}
/* Хлібні крихти: розділювач у contact-розмітці */
.breadcrumbs .sep{color:var(--border);font-size:13px;}

/* ════════ АКАУНТ: вхід / реєстрація ════════ */
.main{display:flex;flex-direction:column;align-items:center;padding:44px 20px 80px;}
.auth-card{width:100%;max-width:480px;background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 2px 16px rgba(var(--brand-rgb),.07);}
.tab-bar{display:flex;border-bottom:1px solid var(--border);}
.tab-btn{flex:1;background:var(--bg-soft);border:none;padding:16px;font-size:14px;font-weight:800;color:var(--muted);cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;}
.tab-btn.active{background:var(--card);color:var(--brand);box-shadow:inset 0 -2px 0 var(--accent);}
.tab-pane{display:none;padding:28px;}
.tab-pane.active{display:block;}
.form-title{font-size:22px;font-weight:900;color:var(--brand);margin-bottom:4px;letter-spacing:-.4px;}
.form-sub{font-size:13px;color:var(--muted);margin-bottom:20px;}
.auth-card .form-group{margin-bottom:14px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:480px){.form-row{grid-template-columns:1fr;}}
.input-wrap{position:relative;}
.form-input.has-toggle{padding-right:44px;}
.toggle-pw{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted);cursor:pointer;padding:8px;display:flex;align-items:center;}
.toggle-pw:hover{color:var(--brand);}
.error-msg{display:none;font-size:11px;color:var(--danger);margin-top:5px;font-weight:600;}
.error-msg.show{display:block;}
.checkbox-wrap{display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:13px;}
.checkbox-wrap input{accent-color:var(--accent);width:16px;height:16px;margin-top:1px;flex-shrink:0;}
.checkbox-label{color:var(--muted);line-height:1.5;}
.checkbox-label a{color:var(--accent-hover);font-weight:600;}
.forgot-link{font-size:13px;color:var(--accent-hover);font-weight:700;text-decoration:none;}
.auth-card .btn-primary{width:100%;}
.divider{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:12px;color:var(--muted);}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--border);}
.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1.5px solid var(--border);border-radius:11px;padding:13px;font-size:14px;font-weight:700;color:var(--text);cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;}
.btn-google:hover{border-color:#9AA8B8;}
.google-icon{width:18px;height:18px;}
.benefits{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap;justify-content:center;}
.benefit-item{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:11px;padding:10px 14px;}
.benefits .benefit-icon{font-size:18px;}
.benefit-text{font-size:12px;font-weight:600;color:var(--muted);}

/* ════════ АКАУНТ: відновлення паролю ════════ */
.recovery-card{width:100%;max-width:440px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:36px 30px;text-align:center;box-shadow:0 2px 16px rgba(var(--brand-rgb),.07);}
.recovery-card .step{display:none;}
.recovery-card .step.active{display:block;}
.icon-circle{width:72px;height:72px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-size:32px;}
.icon-circle.orange{background:rgba(var(--accent-rgb),.1);border:1.5px solid rgba(var(--accent-rgb),.35);}
.icon-circle.green{background:rgba(var(--success-rgb),.1);border:1.5px solid rgba(var(--success-rgb),.35);}
.recovery-card .card-title{font-size:22px;font-weight:900;color:var(--brand);margin-bottom:10px;letter-spacing:-.4px;}
.card-desc{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:22px;}
.recovery-card form{text-align:left;}
.recovery-card .btn-primary{width:100%;margin-top:6px;}
.spinner{display:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;margin-right:8px;vertical-align:-2px;}
.spinner.show{display:inline-block;}
@keyframes spin{to{transform:rotate(360deg);}}
.back-link{display:inline-block;margin-top:18px;font-size:13px;color:var(--muted);text-decoration:none;font-weight:600;}
.back-link:hover{color:var(--brand);}
.email-highlight{color:var(--accent-hover);font-weight:700;}
.recovery-card .btn-secondary{width:100%;}
.btn-gap{height:10px;}
.resend-wrap{margin-top:16px;font-size:13px;}
.timer-text{color:var(--muted);}
.resend-btn{background:transparent;border:none;color:var(--accent-hover);font-size:13px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;}

/* ════════ АКАУНТ: спільний каркас (кабінет/замовлення/вішліст) ════════ */
.account-wrap,.account-layout{display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:start;padding:26px 0 70px;}
@media(max-width:900px){.account-wrap,.account-layout{grid-template-columns:1fr;}}
.account-layout .content{min-width:0;}
.sidebar{min-width:0;}
.sidebar-card{padding:18px;}
.sidebar-avatar-row{display:flex;align-items:center;gap:12px;padding:6px 6px 16px;border-bottom:1px solid var(--border);margin-bottom:10px;}
.avatar{width:46px;height:46px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;flex-shrink:0;}
.avatar-name{font-size:14px;font-weight:800;color:var(--brand);}
.avatar-email{font-size:11px;color:var(--muted);margin-top:1px;word-break:break-all;}
.sidebar-menu{display:flex;flex-direction:column;gap:2px;background:var(--card);border-radius:14px;}
.account-layout .sidebar-menu{border:1px solid var(--border);padding:10px;}
.sidebar-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;font-size:13px;font-weight:600;color:var(--text);text-decoration:none;background:transparent;border:none;cursor:pointer;font-family:'Inter',sans-serif;text-align:left;width:100%;transition:all .15s;}
.sidebar-item:hover{background:var(--bg-soft);}
.sidebar-item.active{background:rgba(var(--accent-rgb),.08);color:var(--accent-hover);font-weight:800;}
.sidebar-item.logout{color:var(--danger);}
.si-icon,.sidebar-menu .icon{font-size:16px;flex-shrink:0;}
.sidebar-divider{height:1px;background:var(--border);margin:8px 4px;border:none;}
.sidebar-mobile{display:none;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;}
.sidebar-mobile::-webkit-scrollbar{display:none;}
@media(max-width:900px){.sidebar-card{display:none;}.sidebar-mobile{display:flex;}}
.mob-tab{flex-shrink:0;background:var(--card);border:1.5px solid var(--border);border-radius:10px;padding:9px 14px;font-size:12px;font-weight:700;color:var(--text);text-decoration:none;white-space:nowrap;}
.mob-tab.active{background:var(--brand);border-color:var(--brand);color:#fff;}

/* ════════ АКАУНТ: кабінет (огляд) ════════ */
.dash-content{min-width:0;}
.dash-greeting h1{font-size:26px;font-weight:900;color:var(--brand);letter-spacing:-.6px;margin-bottom:4px;}
.dash-greeting p{font-size:14px;color:var(--muted);margin-bottom:22px;}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px;}
@media(max-width:600px){.stats-row{grid-template-columns:1fr;}}
.stat-card{padding:18px 20px;text-align:left;}
.stats-row .stat-icon{font-size:22px;margin-bottom:8px;}
.stat-val{font-size:22px;font-weight:900;color:var(--brand);letter-spacing:-.5px;}
.stat-val span{color:var(--accent-hover);}
.stats-row .stat-label{font-size:12px;color:var(--muted);margin-top:2px;}
.section-title a{float:right;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;}
.section-title a:hover{color:var(--accent);}
.order-card{padding:20px 22px;margin-bottom:14px;background:var(--card);border:1px solid var(--border);border-radius:16px;transition:border-color .2s;}
.order-card:hover{border-color:rgba(var(--accent-rgb),.4);}
.order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
.order-num,.order-id{font-size:15px;font-weight:900;color:var(--brand);}
.order-date{font-size:12px;color:var(--muted);margin-top:2px;}
.status-badge{display:inline-flex;align-items:center;gap:5px;border-radius:9px;padding:6px 12px;font-size:12px;font-weight:800;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.3);color:var(--accent-hover);white-space:nowrap;}
.status-badge.status-done{background:rgba(var(--success-rgb),.08);border-color:rgba(var(--success-rgb),.3);color:var(--success);}
.status-badge.status-processing{background:var(--bg-soft);border-color:var(--border);color:var(--muted);}
.status-badge.status-delivering{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.3);color:var(--accent-hover);}
.status-badge.lg{font-size:13px;padding:8px 16px;}
.order-items{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.order-thumb,.order-item-thumb{width:42px;height:42px;border-radius:10px;background:var(--bg-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;}
.order-more{font-size:12px;color:var(--muted);font-weight:600;}
.order-footer,.order-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.order-total{font-size:16px;font-weight:900;color:var(--brand);}
.order-total span{font-size:12px;color:var(--muted);font-weight:600;}
.order-actions{display:flex;gap:8px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;}
.btn-sm,.btn-primary.sm{padding:9px 14px;font-size:12px;border-radius:9px;}
.btn-md{padding:12px 20px;font-size:13px;}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px;}
@media(max-width:600px){.quick-grid{grid-template-columns:1fr;}}
.quick-card{display:flex;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:all .2s;}
.quick-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--brand-rgb),.08);}
.quick-icon{font-size:24px;flex-shrink:0;}
.quick-title{font-size:13px;font-weight:800;color:var(--brand);}
.quick-sub{font-size:11px;color:var(--muted);margin-top:2px;}
.recs-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;}
.recs-scroll::-webkit-scrollbar{display:none;}
.reca-card{min-width:170px;width:170px;flex-shrink:0;background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .2s;}
.reca-card:hover{border-color:var(--accent);}
.reca-img{height:84px;display:flex;align-items:center;justify-content:center;font-size:36px;background:var(--bg-soft);}
.reca-body{padding:12px;}
.reca-name{font-size:12px;font-weight:700;color:var(--text);min-height:32px;}
.reca-price{font-size:14px;font-weight:900;color:var(--brand);margin:6px 0 10px;}
.reca-add{width:100%;background:var(--cta-bg);color:#fff;border:none;border-radius:9px;padding:9px;font-size:12px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;}

/* ════════ АКАУНТ: список замовлень ════════ */
.account-layout{max-width:1200px;margin:0 auto;padding-left:60px;padding-right:60px;}
@media(max-width:768px){.account-layout{padding-left:20px;padding-right:20px;}}
.content-header{margin-bottom:18px;}
.content-title{font-size:26px;font-weight:900;color:var(--brand);letter-spacing:-.6px;}
.content-subtitle{font-size:13px;color:var(--muted);margin-top:3px;}
.filter-tab .count{color:inherit;opacity:.65;font-weight:600;}
.orders-list{display:flex;flex-direction:column;gap:0;margin-top:16px;}
.empty-text{font-size:14px;color:var(--muted);line-height:1.6;max-width:380px;margin:0 auto 14px;}

/* ════════ АКАУНТ: деталі замовлення ════════ */
.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:20px 0 24px;flex-wrap:wrap;}
.page-title{font-size:26px;font-weight:900;color:var(--brand);letter-spacing:-.6px;}
.page-date{font-size:13px;color:var(--muted);margin-top:3px;}
.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:start;padding-bottom:70px;}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr;}}
.left-col{display:flex;flex-direction:column;gap:16px;min-width:0;}
.right-col{min-width:0;}
.sticky-card{position:sticky;top:96px;}
@media(max-width:900px){.sticky-card{position:static;}}
.detail-grid .card{padding:22px;}
.card-title{font-size:15px;font-weight:800;color:var(--brand);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.ct-icon{font-size:17px;}
.tracker{display:flex;flex-direction:column;}
.tracker-step{display:flex;gap:13px;position:relative;padding-bottom:20px;}
.tracker-step:last-child{padding-bottom:0;}
.tracker-step::before{content:"";position:absolute;left:16px;top:34px;bottom:0;width:2px;background:var(--border);}
.tracker-step:last-child::before{display:none;}
.tracker-step.done::before{background:var(--success);}
.tracker-dot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;background:var(--bg-soft);border:1.5px solid var(--border);position:relative;z-index:1;}
.tracker-step.done .tracker-dot{background:rgba(var(--success-rgb),.1);border-color:var(--success);}
.tracker-step.current .tracker-dot{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);animation:pulse 2s ease-in-out infinite;}
.tracker-step.pending .tracker-dot{opacity:.6;}
.tracker-label{font-size:13px;font-weight:700;color:var(--text);padding-top:2px;}
.tracker-step.pending .tracker-label{color:var(--muted);}
.tracker-time{font-size:11px;color:var(--muted);margin-top:2px;}
.items-list{display:flex;flex-direction:column;gap:12px;}
.item-row{display:flex;align-items:center;gap:12px;}
.item-thumb{width:46px;height:46px;border-radius:11px;background:var(--bg-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.item-info{flex:1;min-width:0;}
.item-name{font-size:13px;font-weight:700;color:var(--text);}
.item-meta{font-size:11px;color:var(--muted);margin-top:2px;}
.item-price{font-size:14px;font-weight:800;color:var(--brand);flex-shrink:0;}
.detail-grid .delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:600px){.detail-grid .delivery-grid{grid-template-columns:1fr;}}
.delivery-item{background:var(--bg-soft);border:1px solid var(--border);border-radius:11px;padding:12px 14px;}
.delivery-label{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.4px;margin-bottom:4px;}
.delivery-value{font-size:13px;font-weight:700;color:var(--text);}
.delivery-value.green{color:var(--success);}
.summary-rows{display:flex;flex-direction:column;}
.summary-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:14px;}
.summary-label{color:var(--muted);}
.summary-value{font-weight:700;color:var(--text);}
.summary-value.green{color:var(--success);}
.summary-divider{height:1px;background:var(--border);border:none;margin:12px 0;}
.summary-total-row{display:flex;align-items:center;justify-content:space-between;}
.summary-total-label{font-size:14px;font-weight:700;color:var(--text);}
.summary-total-value{font-size:24px;font-weight:900;color:var(--brand);letter-spacing:-.8px;}
.actions-col{display:flex;flex-direction:column;gap:9px;}
.actions-col .btn{width:100%;}
.support-block{background:var(--bg-soft);border:1px solid var(--border);border-radius:16px;padding:18px 20px;}
.support-title{font-size:13px;font-weight:800;color:var(--brand);margin-bottom:10px;}
.support-item{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:6px;}
.support-item a{color:var(--accent-hover);font-weight:600;text-decoration:none;}

/* ════════ АКАУНТ: вішліст ════════ */
.wish-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap;}
.wish-title{font-size:24px;font-weight:900;color:var(--brand);letter-spacing:-.5px;}
.wish-sub{font-size:13px;color:var(--muted);margin-top:3px;}
.btn-danger-outline{background:transparent;border:1.5px solid rgba(var(--danger-rgb),.4);color:var(--danger);border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;}
.btn-danger-outline:hover{background:rgba(var(--danger-rgb),.06);}
.wish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:1100px){.wish-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.wish-grid{grid-template-columns:1fr;}}
.wish-grid .prod-card{position:relative;cursor:default;}
.wish-remove{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid var(--border);color:var(--danger);font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;}
.wish-remove:hover{border-color:var(--danger);background:rgba(var(--danger-rgb),.06);}
.avail-badge{position:absolute;bottom:10px;left:10px;border-radius:7px;padding:3px 9px;font-size:10px;font-weight:800;}
.avail-badge.in{background:rgba(var(--success-rgb),.12);color:var(--success);border:1px solid rgba(var(--success-rgb),.3);}
.avail-badge.out{background:var(--bg-soft);color:var(--muted);border:1px solid var(--border);}
.prod-price-row{display:flex;align-items:baseline;gap:6px;margin:4px 0 12px;}
.wish-grid .btn-primary{width:100%;padding:11px;font-size:13px;}
.wish-grid .btn-primary:disabled{background:var(--bg-soft);color:var(--muted);box-shadow:none;cursor:not-allowed;transform:none;}
.btn-go-catalog{display:inline-block;background:var(--cta-bg);color:#fff;border-radius:11px;padding:13px 26px;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 5px 18px rgba(var(--accent-rgb),.3);}

/* Дрібні обгортки акаунт-сторінок */
.eye-icon{display:block;}
.avatar-info{min-width:0;}
.quick-text{min-width:0;}
.tracker-info{min-width:0;padding-top:2px;}
.wish-actions{display:flex;gap:10px;flex-shrink:0;}

/* Картки товарів як посилання + реальні фото (Phase 2.1b) */
a.prod-card{text-decoration:none;color:inherit;}
.prod-img img{max-width:100%;max-height:100%;object-fit:contain;display:block;}

/* ════════ КАТЕГОРІЯ (Phase 2.2) ════════ */
/* Картка-товар у лістингах: зображення й назва — посилання */
.prod-card a.prod-img{text-decoration:none;}
a.prod-name{display:block;text-decoration:none;color:var(--text);transition:color .2s;}
a.prod-name:hover{color:var(--accent-hover);}
.prod-rating-row{margin:2px 0 6px;line-height:1;}
.prod-rating-row .star{font-size:12px;color:var(--border);}
.prod-rating-row .star.on{color:var(--star);}

.cat-page-header{margin:22px 0 18px;}
.cat-page-header h1{font-size:30px;font-weight:900;color:var(--brand);letter-spacing:-1px;margin-bottom:8px;}
@media(max-width:480px){.cat-page-header h1{font-size:24px;}}
.cat-page-desc{font-size:14px;color:var(--muted);line-height:1.7;max-width:780px;}
.cat-page-desc p{margin-bottom:8px;}

.subcat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;}
.subcat-chip{background:#fff;border:1.5px solid var(--border);border-radius:11px;padding:9px 15px;font-size:13px;font-weight:700;color:var(--brand);text-decoration:none;transition:all .2s;}
.subcat-chip:hover{border-color:var(--accent);color:var(--accent-hover);transform:translateY(-1px);}

.cat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.cat-results{font-size:13px;color:var(--muted);}
.cat-results strong{color:var(--brand);}
.cat-toolbar-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.cat-select-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap;}
@media(max-width:600px){.cat-toolbar{flex-direction:column;align-items:stretch;}.cat-toolbar-right{justify-content:space-between;}.cat-select-label{flex:1;}.cat-select-label .sort-select{flex:1;}}

/* Пагінація OpenCart (.pagination > .page-item > .page-link) у нашому стилі */
.cat-pagination{margin:32px 0 70px;}
.cat-pagination .pagination{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0;align-items:center;}
.cat-pagination .page-item .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1.5px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;}
.cat-pagination .page-item .page-link:hover{border-color:var(--accent);color:var(--accent-hover);}
.cat-pagination .page-item.active .page-link{background:var(--brand);border-color:var(--brand);color:#fff;}

/* ═══════════ PHASE 2.3 — реальна сторінка товару ═══════════ */
/* Реальні зображення в галереї (замість emoji) */
.gallery-main img{width:100%;height:100%;object-fit:contain;padding:28px;transition:opacity .18s ease;}
.gallery-thumb img{width:100%;height:100%;object-fit:contain;padding:8px;border-radius:inherit;}
@media(max-width:480px){.gallery-main img{padding:18px;}}

/* Посилання-рейтинг у шапці товару */
a.prod-rating{text-decoration:none;cursor:pointer;}
a.prod-rating .rating-count{border-bottom:1px dashed var(--muted);}
.prod-brand a{color:inherit;text-decoration:none;}
.prod-brand a:hover{color:var(--accent-hover);}

/* Опції товару (реальні варіанти OpenCart) */
.product-option{margin-bottom:18px;}
.opt-required{color:var(--danger);}
.opt-choice{display:inline-flex;align-items:center;gap:7px;position:relative;}
.opt-choice input{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
.opt-choice img{width:26px;height:26px;object-fit:contain;border-radius:5px;}
.opt-select,.opt-input{width:100%;max-width:420px;padding:12px 14px;border:1.5px solid var(--border);border-radius:11px;background:var(--card);color:var(--text);font-size:14px;font-family:'Inter',sans-serif;transition:border-color .2s;}
.opt-select:focus,.opt-input:focus{outline:none;border-color:var(--accent);}
textarea.opt-input{resize:vertical;min-height:96px;}
.opt-error{color:var(--danger);font-size:12.5px;font-weight:600;margin-top:6px;min-height:0;}
.opt-error:empty{display:none;}

/* Знижки за кількість */
.bulk-discounts{margin-top:16px;padding-top:14px;border-top:1px dashed var(--border);}
.bulk-title{font-size:12.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;}
.bulk-row{font-size:13.5px;color:var(--text);padding:2px 0;}
.bulk-row strong{color:var(--accent-hover);}

/* Анімація лічильника кошика при додаванні */
.cart-badge.bump{animation:sdBump .4s ease;}
@keyframes sdBump{0%{transform:scale(1);}40%{transform:scale(1.5);}100%{transform:scale(1);}}

/* Тост (підтвердження дій) */
.sd-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);background:var(--brand-deep);color:#fff;padding:13px 22px;border-radius:14px;font-size:14px;font-weight:700;box-shadow:0 12px 36px rgba(var(--brand-rgb),.35);z-index:9999;opacity:0;transition:transform .35s cubic-bezier(.2,.9,.3,1.2),opacity .35s;max-width:90vw;text-align:center;pointer-events:none;}
.sd-toast.show{transform:translate(-50%,0);opacity:1;}
.sd-toast.ok{background:var(--success);}
.sd-toast.err{background:var(--danger);}

/* Блок відгуків (стандартний product/review) — базове оформлення */
.product-reviews{font-size:14px;line-height:1.6;}
.product-reviews .row{display:block;}
.product-reviews table{width:100%;border-collapse:collapse;margin:8px 0;}
.product-reviews td{padding:6px 0;vertical-align:top;}
.product-reviews input[type=text],.product-reviews textarea,.product-reviews select{width:100%;max-width:480px;padding:11px 13px;border:1.5px solid var(--border);border-radius:10px;font-family:'Inter',sans-serif;font-size:14px;margin:4px 0;}
.product-reviews .btn,.product-reviews button{display:inline-block;margin-top:10px;padding:11px 22px;border:none;border-radius:11px;background:var(--accent);color:#fff;font-weight:800;font-size:14px;cursor:pointer;}
.product-reviews .btn:hover,.product-reviews button:hover{background:var(--accent-hover);}
.product-reviews .text-danger{color:var(--danger);}
.product-reviews .rating .fa-star{color:var(--star);}

/* ═══════════ PHASE 2.4a — реальний кошик ═══════════ */
/* Реальні фото товарів у позиціях кошика (контейнер .cart-item-img — тепер <a>) */
.cart-item-img img{width:100%;height:100%;object-fit:contain;border-radius:inherit;padding:6px;}
a.cart-item-img{text-decoration:none;cursor:pointer;transition:border-color .2s;}
a.cart-item-img:hover{border-color:var(--accent);}

/* Банери кошика (помилки / успіх з checkout/cart.list) */
.cart-alert{padding:13px 16px;border-radius:12px;font-size:14px;font-weight:600;margin-bottom:16px;line-height:1.45;}
.cart-alert.err{background:rgba(var(--danger-rgb),.08);border:1px solid rgba(var(--danger-rgb),.35);color:var(--danger);}
.cart-alert.ok{background:rgba(var(--success-rgb,14,159,110),.08);border:1px solid var(--success);color:var(--success);}
.cart-alert a{color:inherit;font-weight:800;}

/* Прапорець «немає в наявності» / мінімум у позиції */
.cart-item-stock{font-size:12.5px;font-weight:700;color:var(--danger);margin-top:4px;}

/* Лічильник кошика у шапці: ховаємо коли 0 */
.cart-badge--zero{display:none;}

/* ═══════════ PHASE 2.4b — OC-сумісність на checkout (#alert, .btn, .alert) ═══════════ */
/* Глобальний приймач повідомлень, у який OpenCart JS додає алерти (кнопка оплати тощо) */
#alert{position:fixed;top:14px;right:14px;z-index:10000;display:flex;flex-direction:column;gap:8px;max-width:min(380px,92vw);}
#alert:empty{display:none;}
#alert .alert{margin:0;}

/* OpenCart alert-блоки (рендеряться JS-ом платіжного/чекаут-движка) */
.alert{padding:13px 16px;border-radius:12px;font-size:14px;font-weight:600;line-height:1.45;border:1px solid var(--border);background:var(--card);color:var(--text);box-shadow:0 8px 24px rgba(var(--brand-rgb),.12);position:relative;}
.alert-success{background:rgba(var(--success-rgb,14,159,110),.10);border-color:var(--success);color:var(--success);}
.alert-danger{background:rgba(var(--danger-rgb),.08);border-color:rgba(var(--danger-rgb),.4);color:var(--danger);}
.alert-info{background:var(--bg-soft);border-color:var(--border);color:var(--brand);}
.alert a{color:inherit;font-weight:800;}
.alert-dismissible{padding-right:40px;}
.btn-close{position:absolute;top:10px;right:12px;width:20px;height:20px;border:none;background:transparent;cursor:pointer;font-size:0;opacity:.6;transition:opacity .2s;}
.btn-close::before{content:'✕';font-size:14px;font-weight:700;color:inherit;}
.btn-close:hover{opacity:1;}

/* OpenCart .btn classes — лише там, де ми вбудовуємо рідні елементи (кнопка оплати, confirm) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border:1.5px solid transparent;border-radius:12px;font-size:15px;font-weight:800;font-family:'Inter',sans-serif;cursor:pointer;text-decoration:none;transition:all .2s;line-height:1.2;}
.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);}
.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);}
.btn-secondary,.btn-light{background:var(--card);color:var(--text);border-color:var(--border);}
.btn-secondary:hover,.btn-light:hover{border-color:var(--accent);color:var(--accent-hover);}
.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;}

/* ═══════════════════════════════════════════════════════════════════
   PHASE 2.4b — V1 CHECKOUT: bootstrap→V1 CSS-сумісність
   Рідні під-модулі OpenCart (register/shipping/payment/confirm) працюють
   незмінними; цей шар фарбує їхні bootstrap-класи у наш V1-стиль.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Розкладка сторінки ── */
.checkout-page-title{font-size:30px;font-weight:900;color:var(--brand-deep);margin:6px 0 22px;letter-spacing:-.5px;}
@media(max-width:480px){.checkout-page-title{font-size:23px;}}
.checkout-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start;}
@media(max-width:980px){.checkout-grid{grid-template-columns:1fr;}}
.checkout-col-main{min-width:0;display:flex;flex-direction:column;gap:18px;}
.checkout-block{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:24px;}
@media(max-width:480px){.checkout-block{padding:18px;}}
.checkout-col-side{min-width:0;}
@media(min-width:981px){.checkout-confirm-block{position:sticky;top:90px;}}

/* ── Утиліти bootstrap (глобально, безпечні — у V1 не вживаються) ── */
.d-none{display:none!important;}
.d-block{display:block!important;}
.d-flex{display:flex!important;}
.text-end{text-align:right!important;}
.text-center{text-align:center!important;}
.text-start{text-align:left!important;}
.w-100{width:100%!important;}
.mb-0{margin-bottom:0!important;} .mb-1{margin-bottom:6px!important;} .mb-2{margin-bottom:10px!important;}
.mb-3{margin-bottom:16px!important;} .mb-4{margin-bottom:22px!important;} .mb-5{margin-bottom:30px!important;}
.mt-2{margin-top:10px!important;} .mt-3{margin-top:16px!important;} .me-2{margin-right:10px!important;}
.text-danger{color:var(--danger)!important;} .text-muted{color:var(--muted)!important;}
.text-success{color:var(--success)!important;} .small,small{font-size:12.5px;}
.list-unstyled{list-style:none;padding-left:0;margin:0;} .list-inline{list-style:none;padding-left:0;}
.list-inline-item{display:inline-block;margin-right:10px;}
.img-thumbnail{border:1px solid var(--border);border-radius:10px;padding:3px;background:var(--card);max-width:100%;height:auto;}
.table-responsive{overflow-x:auto;}

/* ── Сітка bootstrap (спрощено через flex) у межах checkout/модалок ── */
#checkout-checkout .row,.modal .row{display:flex;flex-wrap:wrap;gap:0 16px;margin:0;}
#checkout-checkout [class^="col"],#checkout-checkout [class*=" col"],
.modal [class^="col"],.modal [class*=" col"]{flex:1 1 0;min-width:0;padding:0;}
#checkout-checkout .col-md-7{flex:1 1 100%;} /* у нас власна 2-кол. розкладка, тож тут просто стек */
@media(min-width:768px){
  #checkout-checkout .row-cols-md-2 > .col{flex:1 1 calc(50% - 8px);}
}
#checkout-checkout .row-cols-1 > .col{flex:1 1 100%;}

/* ── Форми OpenCart → V1 ── */
#checkout-checkout fieldset,.modal fieldset{border:none;padding:0;margin:0 0 4px;}
#checkout-checkout legend,.modal legend{font-size:18px;font-weight:800;color:var(--brand-deep);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border);width:100%;}
#checkout-checkout .form-label,.modal .form-label{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px;}
#checkout-checkout .form-control,#checkout-checkout .form-select,
.modal .form-control,.modal .form-select{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:11px;background:var(--card);color:var(--text);font-size:14px;font-family:'Inter',sans-serif;transition:border-color .2s;}
#checkout-checkout textarea.form-control,.modal textarea.form-control{min-height:90px;resize:vertical;}
#checkout-checkout .form-control:focus,#checkout-checkout .form-select:focus,
.modal .form-control:focus,.modal .form-select:focus{outline:none;border-color:var(--accent);}
#checkout-checkout .form-control.is-invalid,#checkout-checkout .form-select.is-invalid,
.modal .form-control.is-invalid{border-color:var(--danger);}
#checkout-checkout .form-check,.modal .form-check{display:flex;align-items:center;gap:8px;margin:6px 0;}
#checkout-checkout .form-check-inline,.modal .form-check-inline{display:inline-flex;margin-right:18px;}
#checkout-checkout .form-check-input,.modal .form-check-input{width:18px;height:18px;accent-color:var(--accent);margin:0;flex-shrink:0;cursor:pointer;}
#checkout-checkout .form-check-label,.modal .form-check-label{font-size:14px;cursor:pointer;margin:0;}
#checkout-checkout .form-switch .form-check-input{width:38px;height:20px;border-radius:20px;}
#checkout-checkout .input-group,.modal .input-group{display:flex;gap:8px;align-items:stretch;}
#checkout-checkout .input-group .form-control{flex:1;}
#checkout-checkout .required > .form-label::after,#checkout-checkout .col.required .form-label::after,
.modal .required > .form-label::after{content:' *';color:var(--danger);font-weight:800;}
#checkout-checkout .invalid-feedback,.modal .invalid-feedback{display:none;color:var(--danger);font-size:12.5px;font-weight:600;margin-top:5px;}
#checkout-checkout .invalid-feedback.d-block,.modal .invalid-feedback.d-block{display:block;}

/* ── Таблиці (кошик у блоці confirm) ── */
#checkout-checkout .table{width:100%;border-collapse:collapse;font-size:13.5px;}
#checkout-checkout .table td,#checkout-checkout .table th{padding:9px 8px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;}
#checkout-checkout .table thead th{font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:800;}
#checkout-checkout .table tfoot td{border-bottom:none;padding-top:10px;}
#checkout-checkout .table tfoot tr:last-child td{font-size:17px;font-weight:900;color:var(--brand-deep);}

/* ── Модальні вікна (вибір доставки/оплати) → V1-діалог ── */
.modal{display:none;position:fixed;inset:0;z-index:10050;overflow-y:auto;padding:20px;}
.modal.show{display:block;}
.modal-backdrop{position:fixed;inset:0;background:rgba(var(--brand-rgb),.55);z-index:10040;}
.modal-dialog{max-width:540px;margin:40px auto;width:100%;position:relative;z-index:10051;}
.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 80px);}
.modal-content{background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 70px rgba(var(--brand-rgb),.3);width:100%;overflow:hidden;}
.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);}
.modal-title{font-size:19px;font-weight:800;color:var(--brand-deep);margin:0;}
.modal-body{padding:24px;}
.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;}
.modal-body .btn,.modal-footer .btn{margin-top:8px;}
body.modal-open{overflow:hidden;}
.fade{transition:opacity .15s linear;}

/* ═══════════ PHASE 2.6 — пошук + інфо-сторінки ═══════════ */
/* Рядок пошуку (product/search) — унікальний клас, щоб не конфліктувати з мертвим .search-bar (404) */
.sd-search{display:flex;gap:10px;max-width:600px;margin:0 0 26px;}
.sd-search input[type="text"]{flex:1;min-width:0;padding:13px 16px;border:1.5px solid var(--border);border-radius:12px;font-size:15px;font-family:'Inter',sans-serif;background:var(--card);color:var(--text);transition:border-color .2s;}
.sd-search input[type="text"]:focus{outline:none;border-color:var(--accent);}
@media(max-width:480px){.sd-search{flex-direction:column;}.sd-search .btn{padding:13px 16px;width:100%;}}

/* Інфо-сторінки (про нас/доставка/FAQ/політика/умови) — контент із адмінки */
.info-page{max-width:820px;margin:0 auto 60px;}
.info-page-title{font-size:30px;font-weight:900;color:var(--brand-deep);margin:6px 0 20px;letter-spacing:-.5px;}
@media(max-width:480px){.info-page-title{font-size:23px;}}
.info-page-body{font-size:16px;line-height:1.75;color:var(--text);}
.info-page-body h2{font-size:22px;font-weight:800;color:var(--brand-deep);margin:28px 0 12px;}
.info-page-body h3{font-size:18px;font-weight:800;color:var(--brand);margin:22px 0 10px;}
.info-page-body p{margin:0 0 14px;}
.info-page-body ul,.info-page-body ol{margin:0 0 16px;padding-left:22px;}
.info-page-body li{margin:6px 0;}
.info-page-body a{color:var(--accent-hover);font-weight:600;}
.info-page-body img{max-width:100%;height:auto;border-radius:12px;}
.info-page-body table{width:100%;border-collapse:collapse;margin:0 0 16px;}
.info-page-body td,.info-page-body th{padding:9px 12px;border:1px solid var(--border);text-align:left;}
.info-page-back{display:inline-block;margin-top:24px;color:var(--brand);font-weight:700;text-decoration:none;}
.info-page-back:hover{color:var(--accent-hover);}

/* ═══════════ PHASE 2.5 — акаунт: алерт форм ═══════════ */
.form-alert{display:none;padding:11px 14px;border-radius:10px;font-size:13.5px;font-weight:600;margin-bottom:14px;line-height:1.45;}
.form-alert.show{display:block;}
.form-alert.err{background:rgba(var(--danger-rgb),.08);border:1px solid rgba(var(--danger-rgb),.35);color:var(--danger);}
.form-alert.ok{background:rgba(var(--success-rgb,14,159,110),.1);border:1px solid var(--success);color:var(--success);}

/* ── Phase 2.5: вішліст-картка ── */
.wish-remove-btn{width:100%;margin-top:10px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--muted);font-size:12.5px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;}
.wish-remove-btn:hover{border-color:var(--danger);color:var(--danger);}
.wish-remove-btn:disabled{opacity:.5;cursor:not-allowed;}
.prod-stock-note{font-size:12px;color:var(--success);font-weight:600;margin:2px 0 4px;}