/* SamaraProf redesign v5: prototype CSS verbatim (only .site->#siteHead renamed) */

/* ============ TOKENS ============ */
:root{
  --gold:#F2C013; --gold-deep:#CDA10A; --gold-tint:#FFF7DF; --gold-soft:#FCE9A6;
  --blue:#10B0E4; --blue-ink:#0B7EA8; --blue-tint:#E8F7FC;
  --sale:#CD0A0A;
  --graphite:#1B1F24; --graphite-2:#22272E;
  --ink:#1B1F24; --ink-2:#4E5763; --muted:#8A94A0;
  --bg:#FFFFFF; --bg-2:#F6F8FA; --bg-3:#EEF2F5; --line:#E4E8EC;
  --f:'Onest',system-ui,sans-serif;
  --r:14px; --r-sm:10px; --r-lg:22px;
  --sh-1:0 1px 2px rgba(27,31,36,.06),0 6px 18px -10px rgba(27,31,36,.18);
  --sh-2:0 14px 40px -18px rgba(27,31,36,.30);
  --sh-gold:0 12px 26px -14px rgba(205,161,10,.55);
  --wrap:1240px;
  --sticky-top:144px; /* высота свёрнутой sticky-шапки (~134px) + зазор */
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--f);color:var(--ink);background:var(--bg);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
h1,h2,h3,h4{line-height:1.05;letter-spacing:-.03em;font-weight:800}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
::selection{background:var(--gold);color:var(--graphite)}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}
.tnum{font-variant-numeric:tabular-nums}

/* ============ SIGNATURE: price ticket ============ */
.ticket{position:relative;display:inline-flex;flex-direction:column;background:var(--graphite);color:#fff;padding:9px 15px 9px 16px;border-radius:4px 4px 4px 0;line-height:1}
.ticket::after{content:"";position:absolute;left:0;bottom:-9px;border-width:9px 12px 0 0;border-style:solid;border-color:var(--gold-deep) transparent transparent transparent}
.ticket .lab{font-size:10.5px;font-weight:600;letter-spacing:.02em;color:var(--gold);text-transform:uppercase;margin-bottom:4px}
.ticket .val{font-size:21px;font-weight:800;letter-spacing:-.02em}
.ticket .val i{font-style:normal;font-size:.62em;font-weight:600;color:rgba(255,255,255,.7)}
.ticket.req .val{font-size:15px;font-weight:700}

/* ============ BUTTONS ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:15px;padding:13px 24px;border:none;border-radius:var(--r-sm);background:var(--gold);color:var(--graphite);box-shadow:var(--sh-gold);cursor:pointer;transition:transform .16s cubic-bezier(.2,.7,.3,1),box-shadow .16s,background .16s}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -14px rgba(205,161,10,.7)}
.btn:active{transform:translateY(0)}
.btn svg{width:18px;height:18px}
.btn--dark{background:var(--graphite);color:#fff;box-shadow:0 14px 30px -16px rgba(27,31,36,.6)}
.btn--dark:hover{background:#000}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:none;border:1.5px solid var(--line)}
.btn--ghost:hover{border-color:var(--graphite);background:var(--bg-2);transform:translateY(-2px)}
.btn--light{background:#fff;color:var(--graphite);box-shadow:var(--sh-2)}
.btn--onblue{background:rgba(255,255,255,.14);color:#fff;box-shadow:none;border:1.5px solid rgba(255,255,255,.28)}
.btn--onblue:hover{background:rgba(255,255,255,.24)}

/* ============ SECTION HEAD ============ */
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.shead h2{font-size:clamp(26px,3.4vw,40px);text-wrap:balance}
.shead p{color:var(--ink-2);font-size:15px;margin-top:8px;max-width:46ch}
.shead .more{display:inline-flex;align-items:center;gap:7px;color:var(--blue-ink);font-weight:700;font-size:14px;white-space:nowrap}
.shead .more svg{width:17px;height:17px;transition:transform .18s}
.shead .more:hover svg{transform:translateX(4px)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2);margin-bottom:12px}
.eyebrow::before{content:"";width:24px;height:3px;background:var(--blue);border-radius:2px}
section{padding:64px 0}

/* ============ HEADER ============ */
.util{background:var(--bg-2);border-bottom:1px solid var(--line)}
.util .in{display:flex;align-items:center;gap:22px;padding-top:8px;padding-bottom:8px;font-size:13px;color:var(--ink-2)}
.util .loc{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--ink)}
.util .loc svg{width:15px;height:15px;color:var(--blue-ink)}
.util .links{margin-left:auto;display:flex;gap:20px}
.util .links a{transition:.15s}.util .links a:hover{color:var(--blue-ink)}
.hd .in{display:flex;align-items:center;gap:26px;padding-top:18px;padding-bottom:18px}
.logo{display:flex;align-items:center;gap:13px;flex-shrink:0}
.logo img{height:54px;width:auto}
.logo .tx small{display:block;font-size:11.5px;color:var(--ink-2);font-weight:600;line-height:1.25;max-width:180px;margin-top:2px}
.search{flex:1;display:flex;align-items:center;background:var(--bg-2);border:1.5px solid var(--line);border-radius:12px;overflow:hidden;transition:.15s;min-width:0}
.search:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px var(--blue-tint)}
.search svg{width:19px;height:19px;color:var(--muted);margin:0 4px 0 15px;flex-shrink:0}
.search input{flex:1;border:none;background:none;padding:14px 8px;font-size:15px;font-family:inherit;outline:none;color:var(--ink);min-width:0}
.search button{background:var(--gold);color:var(--graphite);border:none;padding:0 22px;align-self:stretch;font-weight:700;font-size:14px;transition:.15s;white-space:nowrap}
.search button:hover{background:var(--gold-deep)}
.hd .phones{display:flex;flex-direction:column;gap:3px;flex-shrink:0}
.hd .phones a{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px;letter-spacing:-.01em;transition:.15s}
.hd .phones a:hover{color:var(--blue-ink)}
.hd .phones a small{font-weight:500;font-size:11px;color:var(--muted);letter-spacing:0}
.hd .phones a .flag{width:17px;height:12px;border-radius:2px;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.hd .cart{display:flex;align-items:center;gap:11px;flex-shrink:0}
.hd .cart .ic{position:relative;width:48px;height:48px;border-radius:12px;background:var(--graphite);color:#fff;display:grid;place-items:center;transition:.15s}
.hd .cart .ic:hover{background:#000;transform:translateY(-2px)}
.hd .cart .ic svg{width:22px;height:22px}
.hd .cart .ic b{position:absolute;top:-6px;right:-6px;background:var(--gold);color:var(--graphite);font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 5px;box-shadow:0 0 0 2px #fff}
.hd .cart .tot{font-size:13px;color:var(--ink-2);font-weight:600;line-height:1.2}
.hd .cart .tot b{display:block;font-size:16px;color:var(--ink);font-weight:800}
/* phone icon (mobile) */
.hd__tel{position:relative;display:none;flex-shrink:0}
.hd__searchbtn{display:none}
.hd__telbtn{display:grid}
.hd__telbtn,.hd__searchbtn{width:48px;height:48px;border-radius:12px;background:var(--bg-2);border:1.5px solid var(--line);color:var(--graphite);place-items:center;transition:.15s;flex-shrink:0}
.hd__telbtn:hover,.hd__searchbtn:hover,.hd__telbtn[aria-expanded="true"],.hd__searchbtn.on{background:var(--graphite);color:#fff;border-color:var(--graphite)}
.hd__telbtn svg,.hd__searchbtn svg{width:22px;height:22px}
.hd__telpop{position:absolute;top:calc(100% + 10px);right:0;z-index:130;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-2);padding:8px;min-width:264px;display:flex;flex-direction:column;gap:2px}
.hd__telpop[hidden]{display:none}
.hd__telpop a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;transition:.15s}
.hd__telpop a:hover{background:var(--bg-2)}
.hd__telpop a .flag{width:20px;height:14px;border-radius:2px;flex-shrink:0;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.hd__telpop a b{font-size:16px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.hd__telpop a small{margin-left:auto;font-size:11px;color:var(--muted);font-weight:600}

/* ============ NAV ============ */
.nav{background:var(--bg);border-bottom:1px solid var(--line);position:relative;z-index:100}
.nav .in{display:flex;align-items:stretch;gap:4px}
.nav .allcat{display:inline-flex;align-items:center;gap:10px;align-self:center;background:var(--bg-2);border:1.5px solid var(--line);color:var(--graphite);font-weight:700;font-size:15px;padding:11px 20px;border-radius:11px;white-space:nowrap;flex-shrink:0;transition:.15s}
.nav .allcat:hover,.nav .allcat[aria-expanded="true"]{background:var(--graphite);border-color:var(--graphite);color:#fff}
.nav .allcat svg{width:18px;height:18px}
.nav .links{display:flex;gap:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.nav .links::-webkit-scrollbar{display:none}
.nav .links a{display:inline-flex;align-items:center;padding:16px 15px;font-weight:600;font-size:14.5px;color:var(--ink-2);border-top:3px solid transparent;border-bottom:3px solid transparent;white-space:nowrap;transition:.15s}
.nav .links a:hover,.nav .links a.on{color:var(--ink);border-bottom-color:var(--gold)}

/* ============ HERO V1: SLIDER ============ */
.heroA{position:relative;background:var(--graphite);overflow:hidden}
.hs{position:relative;min-height:clamp(440px,52vw,600px)}
.hs__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease}
.hs__slide.on{opacity:1;visibility:visible}
.hs__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hs__scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(15,19,24,.94) 0%,rgba(15,19,24,.80) 34%,rgba(15,19,24,.34) 62%,rgba(15,19,24,.12) 100%)}
.hs__in{position:relative;max-width:var(--wrap);margin:0 auto;padding:clamp(40px,5vw,66px) 24px;min-height:clamp(440px,52vw,600px);display:flex;flex-direction:column;justify-content:center}
.hs__ey{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.hs__ey::before{content:"";width:24px;height:3px;background:var(--gold);border-radius:2px}
.hs__slide h1{color:#fff;font-size:clamp(30px,4.6vw,56px);letter-spacing:-.035em;max-width:16ch;text-wrap:balance}
.hs__slide h1 em{font-style:normal;color:var(--gold)}
.hs__slide p{color:rgba(255,255,255,.82);font-size:clamp(15px,1.5vw,18px);max-width:44ch;margin-top:18px;line-height:1.5}
.hs__cta{display:flex;align-items:center;gap:18px;margin-top:30px;flex-wrap:wrap}
.hs__cta .tel{color:#fff;font-weight:800;font-size:19px;letter-spacing:-.01em}
.hs__cta .tel small{display:block;font-weight:500;font-size:12px;color:rgba(255,255,255,.6)}
.hs__ticket{position:absolute;right:clamp(24px,5vw,66px);bottom:clamp(40px,5vw,66px);z-index:3}
.hs__ticket .ticket{background:#fff;color:var(--graphite);padding:14px 20px;box-shadow:var(--sh-2)}
.hs__ticket .ticket .lab{color:var(--gold-deep)}
.hs__ticket .ticket .val{font-size:27px}
.hs__ticket .ticket .val i{color:var(--muted)}
.hs__ctrl{position:absolute;left:0;right:0;bottom:0;z-index:4}
.hs__ctrl .in{max-width:var(--wrap);margin:0 auto;padding:0 24px 22px;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.tabs{display:flex;gap:10px;flex-wrap:wrap}
.hs__tab{position:relative;background:rgba(15,19,24,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;border:1px solid rgba(255,255,255,.18);font-weight:700;font-size:13px;padding:11px 16px;border-radius:6px;white-space:nowrap;transition:.15s}
.hs__tab:hover{background:rgba(255,255,255,.2)}
.hs__tab.on{background:var(--gold);color:var(--graphite)}
.hs__tab.on::after{content:"";position:absolute;left:0;bottom:-8px;border-width:8px 11px 0 0;border-style:solid;border-color:var(--gold-deep) transparent transparent transparent}
.hs__arrows{margin-left:auto;display:flex;gap:8px}
.hs__arrows button{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);border:none;color:#fff;display:grid;place-items:center;transition:.15s}
.hs__arrows button:hover{background:var(--gold);color:var(--graphite)}
.hs__arrows svg{width:20px;height:20px}

/* ============ TRUST STRIP ============ */
.trust{background:var(--graphite);color:#fff}
.trust .in{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:30px 0}
.trust__i{display:flex;align-items:center;gap:15px;padding:6px 22px;position:relative}
.trust__i:not(:last-child)::after{content:"";position:absolute;right:0;top:14%;height:72%;width:1px;background:rgba(255,255,255,.12)}
.trust__ic{width:50px;height:50px;border-radius:13px;background:rgba(242,192,19,.14);color:var(--gold);display:grid;place-items:center;flex-shrink:0}
.trust__ic svg{width:26px;height:26px}
.trust__i b{font-size:clamp(24px,2.7vw,32px);font-weight:800;letter-spacing:-.03em;line-height:1;display:block}
.trust__i b i{font-style:normal;color:var(--gold);font-size:.6em;vertical-align:.06em}
.trust__i span{font-size:13px;color:rgba(255,255,255,.66);font-weight:500;display:block;margin-top:5px;line-height:1.25}

/* ============ CATEGORY BENTO ============ */
.cats{background:var(--bg)}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:182px;gap:14px}
.ct{position:relative;border-radius:var(--r);overflow:hidden;background:var(--bg-3);display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--sh-1);transition:transform .2s,box-shadow .2s;min-width:0}
.ct:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.ct img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ct:hover img{transform:scale(1.06)}
.ct::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,19,24,.86) 4%,rgba(15,19,24,.25) 48%,rgba(15,19,24,.05) 100%)}
.ct__tx{position:relative;padding:16px 17px;color:#fff;z-index:2}
.ct__tx b{font-size:18px;font-weight:800;letter-spacing:-.02em;display:block}
.ct__tx span{font-size:12.5px;color:rgba(255,255,255,.72);font-weight:600}
.ct__tx .arr{position:absolute;right:15px;bottom:16px;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.16);display:grid;place-items:center;opacity:0;transform:translateX(-6px);transition:.2s}
.ct:hover .ct__tx .arr{opacity:1;transform:none}
.ct__tx .arr svg{width:16px;height:16px}
.ct--hero{grid-column:span 2;grid-row:span 2}
.ct--wide{grid-column:span 2}
.ct--hero .ct__tx b{font-size:23px}
.ct--hero .ct__tx span{font-size:13.5px}
.ct--sale{background:linear-gradient(135deg,var(--sale),#a10808);align-items:flex-start;justify-content:center;padding:20px}
.ct--sale::after{display:none}
.ct--sale .ct__tx{padding:0}
.ct--sale .ct__tx .tag{display:inline-block;background:rgba(255,255,255,.2);font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}
.ct--sale .ct__tx b{font-size:22px}
.ct--sale .ct__tx span{color:rgba(255,255,255,.85)}

/* ============ PRODUCT CARDS ============ */
.hits{background:var(--bg-2)}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pc{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s;position:relative}
.pc:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:transparent}
.pc__badges{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-direction:column;gap:6px}
.pc__badge{font-size:11px;font-weight:700;padding:4px 9px;border-radius:6px;background:var(--gold);color:var(--graphite);letter-spacing:.01em}
.pc__badge.hit{background:var(--graphite);color:#fff}
.pc__badge.out{background:var(--bg-3);color:var(--ink-2)}
.pc__img{aspect-ratio:1;background:#fff;padding:16px;display:grid;place-items:center;overflow:hidden}
.pc__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}
.pc:hover .pc__img img{transform:scale(1.05)}
.pc__b{padding:0 16px 16px;display:flex;flex-direction:column;flex:1}
.pc__brand{font-size:11px;font-weight:700;color:var(--blue-ink);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;min-height:14px}
.pc__name{font-size:14.5px;font-weight:600;line-height:1.32;color:var(--ink);flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:16px}
.pc__price{display:flex;flex-direction:column;gap:0;min-width:0}
.pc__now{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--graphite);white-space:nowrap}
.pc__now.req{font-size:14px;font-weight:700;color:var(--ink-2)}
.pc__cart{width:46px;height:46px;border-radius:11px;background:var(--gold-tint);color:var(--gold-deep);border:none;display:grid;place-items:center;flex-shrink:0;transition:.15s}
.pc__cart:hover{background:var(--gold);color:var(--graphite);transform:translateY(-2px)}
.pc__cart svg{width:21px;height:21px}
.pc__cart:disabled{background:var(--bg-3);color:var(--muted);cursor:not-allowed;transform:none}

/* ============ SOCIAL CONTRACT ============ */
.soc{background:var(--graphite);color:#fff;position:relative;overflow:hidden}
.soc::before{content:"";position:absolute;top:-120px;right:-60px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(242,192,19,.18),transparent 70%)}
.soc .in{position:relative}
.soc__top{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-bottom:40px}
.soc__ey{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.soc__ey::before{content:"";width:24px;height:3px;background:var(--gold);border-radius:2px}
.soc h2{font-size:clamp(27px,3.6vw,42px);text-wrap:balance}
.soc h2 em{font-style:normal;color:var(--gold)}
.soc__lead{color:rgba(255,255,255,.78);font-size:16px;line-height:1.6;max-width:52ch}
.soc__steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:s;border-top:1px solid rgba(255,255,255,.14)}
.soc__step{padding:26px 20px 26px 0;position:relative;border-right:1px solid rgba(255,255,255,.14)}
.soc__step:last-child{border-right:none}
.soc__step .n{font-size:15px;font-weight:800;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:9px}
.soc__step .n::before{counter-increment:s;content:counter(s);width:34px;height:34px;border-radius:10px;background:rgba(242,192,19,.14);display:grid;place-items:center;font-size:15px}
.soc__step h4{font-size:16px;margin-bottom:7px;letter-spacing:-.02em}
.soc__step p{font-size:13.5px;color:rgba(255,255,255,.66);line-height:1.5}
.soc__cta{margin-top:34px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:30px;border-top:1px solid rgba(255,255,255,.14)}
.soc__cta .note{color:rgba(255,255,255,.6);font-size:13.5px;max-width:38ch}
.soc__cta .note b{color:#fff}

/* ============ PROFI STRIP ============ */
.profi{background:var(--bg)}
.profi .in{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.profi__l h2{font-size:clamp(25px,3.2vw,38px);text-wrap:balance}
.profi__l p{color:var(--ink-2);font-size:15.5px;margin-top:16px;line-height:1.6;max-width:42ch}
.profi__l .btn{margin-top:26px}
.profi__list{display:flex;flex-direction:column}
.profi__row{display:flex;align-items:flex-start;gap:18px;padding:22px 0;border-top:1px solid var(--line)}
.profi__row:last-child{border-bottom:1px solid var(--line)}
.profi__ic{width:52px;height:52px;border-radius:13px;background:var(--blue-tint);color:var(--blue-ink);display:grid;place-items:center;flex-shrink:0}
.profi__ic svg{width:26px;height:26px}
.profi__row h4{font-size:17px;letter-spacing:-.02em;margin-bottom:5px}
.profi__row p{font-size:14px;color:var(--ink-2);line-height:1.5}

/* ============ REVIEWS ============ */
.revs{background:var(--bg-2)}
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rv{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;display:flex;flex-direction:column}
.rv .stars{display:flex;gap:2px;margin-bottom:14px}
.rv .stars svg{width:17px;height:17px;color:var(--gold)}
.rv p{font-size:14.5px;line-height:1.6;color:var(--ink);flex:1}
.rv .who{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.rv .av{width:48px;height:48px;border-radius:50%;background:var(--graphite);color:var(--gold);display:grid;place-items:center;font-weight:800;font-size:15px;flex-shrink:0;overflow:hidden}
.rv .av img{width:100%;height:100%;object-fit:cover}
.rv .who b{font-size:14.5px;display:block;letter-spacing:-.01em}
.rv .who span{font-size:12.5px;color:var(--muted)}

/* ============ ADVANTAGES (spec-лента) ============ */
.adv{padding:48px 0 42px}
.adv__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.adv__i{padding:28px 26px;border-left:1px solid var(--line)}
.adv__i:first-child{border-left:none;padding-left:2px}
.adv__ic{color:var(--graphite);height:30px;margin-bottom:18px}
.adv__ic svg{width:30px;height:30px}
.adv__bar{display:block;width:24px;height:3px;background:var(--blue);border-radius:2px;margin-bottom:14px;transition:width .22s cubic-bezier(.2,.7,.3,1)}
.adv__i:hover .adv__bar{width:46px}
.adv__i b{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.01em;line-height:1.22;margin-bottom:7px}
.adv__i>span{font-size:12.5px;color:var(--muted);line-height:1.4;display:block}
@media(max-width:900px){
  .adv__row{grid-template-columns:repeat(3,1fr);border:none;row-gap:6px}
  .adv__i{border-left:1px solid var(--line);padding:16px 18px}
  .adv__i:nth-child(3n+1){border-left:none;padding-left:2px}
}
@media(max-width:560px){
  .adv{padding:34px 0 30px}
  .adv__row{grid-template-columns:1fr 1fr;row-gap:24px}
  .adv__i{border-left:1px solid var(--line);padding:4px 16px}
  .adv__i:nth-child(odd){border-left:none;padding-left:2px}
  .adv__ic{margin-bottom:14px}
}
/* ============ UTP BAND ============ */
.band{background:var(--bg)}
.band .in{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border:1px solid var(--line);border-radius:var(--r-lg);padding:8px;background:var(--bg-2)}
.band__i{display:flex;align-items:center;gap:15px;padding:20px 22px;border-radius:var(--r)}
.band__i:hover{background:#fff;box-shadow:var(--sh-1)}
.band__ic{width:46px;height:46px;border-radius:12px;background:var(--gold-tint);color:var(--gold-deep);display:grid;place-items:center;flex-shrink:0}
.band__ic svg{width:24px;height:24px}
.band__i b{font-size:15px;letter-spacing:-.01em;display:block}
.band__i span{font-size:12.5px;color:var(--ink-2);margin-top:2px;display:block;line-height:1.35}

/* ============ FOOTER ============ */
footer{background:var(--graphite);color:rgba(255,255,255,.66);padding:56px 0 30px}
.ft{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:34px}
.ft__logo img{height:44px;width:auto;background:#fff;padding:9px 14px;border-radius:12px;margin-bottom:18px}
.ft__logo p{font-size:13.5px;line-height:1.6;max-width:32ch}
.ft h5{color:#fff;font-size:14px;font-weight:800;margin-bottom:16px;letter-spacing:-.01em}
.ft ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.ft ul a{font-size:13.5px;transition:.15s}.ft ul a:hover{color:var(--gold)}
.ft__contact div{margin-bottom:14px}
.ft__contact b{color:#fff;font-size:17px;font-weight:800;display:block}
.ft__contact small{font-size:12px;color:rgba(255,255,255,.5)}
.ft__bot{margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:16px;font-size:12.5px;color:rgba(255,255,255,.42);flex-wrap:wrap}

/* ============ REVEAL (scroll-driven, safe fallback) ============ */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .rev{animation:rev linear both;animation-timeline:view();animation-range:entry 2% cover 20%}
    @keyframes rev{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
  }
}

/* ============ RESPONSIVE ============ */
@media(max-width:1080px){
  .bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:168px}
  .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pgrid .pc:nth-child(n+7){display:none}
  .soc__steps{grid-template-columns:repeat(3,1fr)}
  .soc__step:nth-child(3){border-right:none}
  .heroB .grid{grid-template-columns:1fr}
  .heroB__l{border-radius:0}
  .heroB__r{border-radius:0 0 var(--r-lg) var(--r-lg)}
}
@media(max-width:820px){
  section{padding:48px 0}
  .util{display:none}
  .hd .in{flex-wrap:wrap;gap:14px;align-items:center}
  .logo{flex:1}
  .search{order:5;flex-basis:100%}
  .hd .phones{display:none}
  .hd__tel{display:block}
  .trust .in{grid-template-columns:1fr 1fr;gap:18px 8px}
  .trust__i:nth-child(2)::after{display:none}
  .profi .in{grid-template-columns:1fr;gap:28px}
  .soc__top{grid-template-columns:1fr;gap:20px}
  .rgrid{grid-template-columns:1fr}
  .band .in{grid-template-columns:1fr 1fr}
  .ft{grid-template-columns:1fr 1fr}
  .hs__ticket{display:none}
  #hs-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;max-width:100%;padding-right:36px;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  .nav .links{-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}
  #hs-tabs::-webkit-scrollbar{display:none}
  .hs__tab{flex-shrink:0}
}
@media(max-width:560px){
  .wrap,.hd .in,.util .in,.nav .in,.trust .in,.hs__ctrl .in{padding-left:16px;padding-right:16px}
  .bento{grid-auto-rows:140px}
  .ct--hero .ct__tx b{font-size:19px}
  .pgrid{grid-template-columns:1fr 1fr}
  .pgrid .pc:nth-child(n+5){display:none}
  .soc__steps{grid-template-columns:1fr}
  .soc__step{border-right:none;border-bottom:1px solid rgba(255,255,255,.14);padding:20px 0}
  .band .in,.ft{grid-template-columns:1fr}
  .hs__arrows{display:none}
  .heroB__vitrina{grid-template-columns:1fr}
  .vt--big,.vt{grid-column:auto}
  .logo .tx small{display:none}
  /* header: logo + search/phone/cart icons on row 1; search bar collapses to icon */
  .hd .in{gap:10px;padding-top:15px;padding-bottom:15px}
  .logo img{height:40px}
  .hd__searchbtn{display:grid;order:1;margin-left:auto}
  .hd__tel{display:block;order:2}
  .hd .cart{order:3}
  .hd .cart .tot{display:none}
  .hd .cart .ic,.hd__telbtn,.hd__searchbtn{width:44px;height:44px}
  .search{display:none;order:5;flex-basis:100%;margin-top:2px}
  .search.open{display:flex}
  /* nav: labeled Каталог button, clean left edge */
  .nav .in{gap:8px}
  .nav .allcat{padding:11px 16px;font-size:14.5px}
  .nav .links a{padding:14px 12px}
  /* hero: give content room above the scrollable tab bar */
  .hs,.hs__in{min-height:548px}
  .hs__in{padding-top:32px;padding-bottom:104px}
  .hs__slide h1{font-size:29px}
  .hs__slide p{font-size:14.5px;margin-top:14px}
  .hs__cta{margin-top:22px;gap:14px}
  .hs__cta .tel,.heroB__l .cta .tel{display:none}
  .hs__cta .btn,.heroB__l .cta .btn{width:100%}
}
/* ============ VIEWS / ROUTER ============ */
.view{display:none;padding:0}
.view.active{display:block}
.scrim{position:fixed;inset:0;background:rgba(15,19,24,.5);z-index:90;backdrop-filter:blur(2px)}
/* breadcrumbs */
.crumbs{background:var(--bg-2);border-bottom:1px solid var(--line)}
.crumbs .in{display:flex;align-items:center;gap:8px;padding-top:12px;padding-bottom:12px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.crumbs a{color:var(--ink-2);font-weight:600;transition:.15s}.crumbs a:hover{color:var(--blue-ink)}
.crumbs svg{width:14px;height:14px;opacity:.5}
.crumbs b{color:var(--ink);font-weight:600}
/* page head */
.phead{background:var(--bg)}
.phead .in{padding-top:28px;padding-bottom:6px}
.phead h1{font-size:clamp(26px,3.4vw,40px);letter-spacing:-.03em;text-wrap:balance}
.phead .sub{color:var(--ink-2);font-size:15px;margin-top:10px;max-width:60ch}

/* ============ MEGA-MENU ============ */
.mega{position:absolute;left:0;right:0;top:100%;z-index:95;background:#fff;border:1px solid var(--line);border-top:none;border-radius:0 0 16px 16px;box-shadow:var(--sh-2);overflow:hidden}
.mega__hd{display:none}
.mega__in{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 26px;padding:22px 24px 26px}
.mcat{padding:6px 0}
.mcat>a{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;letter-spacing:-.01em;color:var(--ink);padding:7px 0;transition:.15s}
.mcat>a:hover{color:var(--blue-ink)}
.mcat>a .dot{width:9px;height:9px;border-radius:3px;background:var(--gold);flex-shrink:0}
.mcat ul{list-style:none;padding:2px 0 8px 19px}
.mcat ul a{display:block;font-size:13.5px;color:var(--ink-2);padding:4px 0;transition:.15s}
.mcat ul a:hover{color:var(--blue-ink)}
.mcat .cnt{font-size:12px;color:var(--muted);font-weight:600}
.i-close{display:none}
.allcat[aria-expanded="true"] .i-burger{display:none}
.allcat[aria-expanded="true"] .i-close{display:block}

/* ============ CATALOG PAGE ============ */
.catgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cgcard{position:relative;border-radius:var(--r);overflow:hidden;background:var(--bg-3);box-shadow:var(--sh-1);transition:transform .2s,box-shadow .2s;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end}
.cgcard:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.cgcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.cgcard:hover img{transform:scale(1.06)}
.cgcard::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,19,24,.88) 6%,rgba(15,19,24,.2) 55%,transparent 100%)}
.cgcard__tx{position:relative;padding:18px;color:#fff;z-index:2}
.cgcard__tx b{display:block;font-size:20px;font-weight:800;letter-spacing:-.02em}
.cgcard__tx>span{display:block;font-size:13px;color:rgba(255,255,255,.72);font-weight:600}
.cgcard__tx .subs{margin-top:8px;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.5}
.cgcard--sale{background:linear-gradient(135deg,var(--sale),#a10808)}.cgcard--sale::after{display:none}

/* ============ CATEGORY PAGE (filters + grid) ============ */
.clayout{display:grid;grid-template-columns:262px minmax(0,1fr);gap:32px;align-items:start;padding-top:26px}
.filters{position:sticky;top:var(--sticky-top);background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:6px 20px 18px}
.fgroup{padding:18px 0;border-bottom:1px solid var(--line)}
.fgroup:last-child{border-bottom:none}
.fgroup h4{font-size:14px;font-weight:800;letter-spacing:-.01em;margin-bottom:13px}
.fchk{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px;color:var(--ink-2);cursor:pointer}
.fchk input{width:18px;height:18px;accent-color:var(--gold-deep);cursor:pointer}
.fchk .c{margin-left:auto;font-size:12px;color:var(--muted)}
.frange{display:flex;align-items:center;gap:10px}
.frange input{width:100%;border:1.5px solid var(--line);border-radius:8px;padding:9px 11px;font-family:inherit;font-size:14px;outline:none}
.frange input:focus{border-color:var(--blue)}
.frange span{color:var(--muted)}
.fbtn{width:100%;margin-top:14px;background:var(--graphite);color:#fff;border:none;border-radius:var(--r-sm);padding:12px;font-weight:700;font-size:14px;transition:.15s}
.fbtn:hover{background:#000}
.fclear{width:100%;margin-top:8px;background:none;border:none;color:var(--blue-ink);font-weight:700;font-size:13px;padding:6px}
.ctoolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.ctoolbar .cnt{font-size:14px;color:var(--ink-2)}.ctoolbar .cnt b{color:var(--ink)}
.csort{display:flex;align-items:center;gap:10px}
.csort label{font-size:13px;color:var(--muted)}
.csort select{border:1.5px solid var(--line);border-radius:9px;padding:9px 34px 9px 13px;font-family:inherit;font-size:14px;font-weight:600;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A94A0' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;appearance:none;cursor:pointer;outline:none}
.csort select:focus{border-color:var(--blue)}
.filtoggle{display:none;align-items:center;gap:8px;background:var(--graphite);color:#fff;border:none;border-radius:var(--r-sm);padding:11px 16px;font-weight:700;font-size:14px}
.filtoggle svg{width:18px;height:18px}
.cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--ink-2)}
.empty svg{width:54px;height:54px;color:var(--line);margin:0 auto 16px}
.empty b{display:block;font-size:18px;color:var(--ink);margin-bottom:6px}
.pager{display:flex;gap:8px;justify-content:center;margin-top:34px}
.pager button{min-width:44px;height:44px;border-radius:11px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:14px;color:var(--ink-2);transition:.15s}
.pager button:hover{border-color:var(--graphite)}
.pager button.on{background:var(--graphite);color:#fff;border-color:var(--graphite)}
.pc__old{font-size:13px;color:var(--muted);text-decoration:line-through;text-decoration-color:var(--sale);margin-bottom:2px;display:block}

/* ============ PRODUCT PAGE ============ */
.pdwrap{display:grid;grid-template-columns:minmax(0,1fr) 416px;gap:40px;padding-top:28px;align-items:start}
.pdmain{min-width:0}
.pdinfo{position:sticky;top:var(--sticky-top)}
.pdgal{position:static}
.pdgal__main{aspect-ratio:1;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);display:grid;place-items:center;padding:34px;overflow:hidden}
.pdgal__main img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.pdgal__thumbs{display:flex;gap:10px;margin-top:12px}
.pdgal__thumbs button{width:78px;height:78px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:8px;overflow:hidden;transition:.15s}
.pdgal__thumbs button.on{border-color:var(--gold-deep)}
.pdgal__thumbs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pdinfo .brand{font-size:12px;font-weight:700;color:var(--blue-ink);text-transform:uppercase;letter-spacing:.05em}
.pdinfo h1{font-size:clamp(24px,2.9vw,34px);letter-spacing:-.03em;margin:8px 0 14px;text-wrap:balance}
.pdinfo .meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-2);margin-bottom:22px}
.pdinfo .meta .st{display:inline-flex;align-items:center;gap:7px;font-weight:700}
.pdinfo .meta .st.in{color:#16884a}.pdinfo .meta .st.out{color:var(--muted)}
.pdinfo .meta .st svg{width:16px;height:16px}
.pdbuy{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.pdbuy .prow{display:flex;align-items:flex-end;gap:12px;margin-bottom:18px}
.pdbuy .cur{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1}
.pdbuy .old{font-size:19px;color:var(--muted);text-decoration:line-through;text-decoration-color:var(--sale)}
.pdbuy .save{background:var(--sale);color:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:7px}
.pdbuy .zal{font-size:12px;font-weight:700;color:var(--gold-deep);text-transform:uppercase;letter-spacing:.03em;margin-bottom:16px;display:flex;align-items:center;gap:7px}
.pdbuy .zal svg{width:15px;height:15px}
.pdbuy .acts{display:flex;gap:12px;flex-wrap:wrap}
.pdbuy .acts .btn{flex:1;min-width:180px}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:#fff}
.qty button{width:44px;height:48px;border:none;background:none;font-size:20px;color:var(--ink-2);transition:.15s}
.qty button:hover{background:var(--bg-2);color:var(--ink)}
.qty input{width:46px;height:48px;border:none;text-align:center;font-family:inherit;font-size:16px;font-weight:700;outline:none}
.pdadv{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.pdadv div{display:flex;align-items:center;gap:11px;font-size:13px;color:var(--ink-2);font-weight:600}
.pdadv svg{width:22px;height:22px;color:var(--blue-ink);flex-shrink:0}
.pdpay{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.pay{display:flex;align-items:center;gap:13px;padding:15px 16px;border:none;border-radius:14px;text-align:left;cursor:pointer;transition:transform .16s cubic-bezier(.2,.7,.3,1),box-shadow .16s,filter .16s}
.pay:hover{transform:translateY(-2px)}
.pay__ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}
.pay__ic svg{width:23px;height:23px}
.pay__tx{min-width:0}
.pay__tx b{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.2}
.pay__tx span{font-size:12px;font-weight:500;line-height:1.3}
.pay--credit{background:#FFDD2D;color:#111;box-shadow:0 12px 26px -14px rgba(255,221,45,.75)}
.pay--credit:hover{filter:brightness(1.03);box-shadow:0 16px 30px -13px rgba(255,221,45,.9)}
.pay--credit .pay__ic{background:#111;color:#FFDD2D}
.pay--credit .pay__tx span{color:rgba(17,17,17,.62)}
.pay--split{background:#fff;color:var(--graphite);border:1.5px solid var(--line);box-shadow:var(--sh-1)}
.pay--split:hover{border-color:var(--graphite);box-shadow:var(--sh-2)}
.pay--split .pay__ic{background:var(--bg-2);color:var(--graphite)}
.pay--split .pay__tx span{color:var(--muted)}
.pddeliv{margin-top:18px;border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:14px}
.pddeliv__row{display:flex;align-items:center;gap:13px}
.pddeliv__row .ic{width:42px;height:42px;border-radius:12px;background:var(--gold-tint);color:var(--gold-deep);display:grid;place-items:center;flex-shrink:0}
.pddeliv__row .ic svg{width:22px;height:22px}
.pddeliv__row>div{flex:1;min-width:0}
.pddeliv__row b{display:block;font-size:14px;letter-spacing:-.01em}
.pddeliv__row>div span{font-size:12.5px;color:var(--muted)}
.pddeliv__row em{font-style:normal;font-weight:700;font-size:13.5px;color:var(--ink);white-space:nowrap}
.pdperks{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.perk{display:flex;align-items:flex-start;gap:12px}
.perk__ic{width:42px;height:42px;border-radius:12px;background:var(--blue-tint);color:var(--blue-ink);display:grid;place-items:center;flex-shrink:0}
.perk__ic svg{width:22px;height:22px}
.perk b{display:block;font-size:13.5px;letter-spacing:-.01em;line-height:1.2}
.perk span{font-size:12px;color:var(--ink-2);line-height:1.38}
@media(max-width:560px){.pdpay{grid-template-columns:1fr}.pdperks{grid-template-columns:1fr}}
.pdtabs{margin-top:44px}
.pdmain .pdtab{max-width:none}
/* help-карточка в правой панели */
.pdhelp{margin-top:22px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:start}
.pdhelp__ic{width:42px;height:42px;border-radius:12px;background:var(--gold-tint);color:var(--gold-deep);display:grid;place-items:center;grid-row:span 2}
.pdhelp__ic svg{width:22px;height:22px}
.pdhelp__tx b{display:block;font-size:15px;letter-spacing:-.01em}
.pdhelp__tx span{font-size:13px;color:var(--ink-2);line-height:1.45;display:block;margin-top:3px}
.pdhelp__act{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.pdhelp__act .btn{flex:1;min-width:140px;font-size:14px;padding:11px 14px}
.pdtabs__hd{display:flex;gap:6px;border-bottom:2px solid var(--line);margin-bottom:26px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.pdtabs__hd::-webkit-scrollbar{display:none}
.pdtabs__hd button{background:none;border:none;padding:14px 6px;margin-right:22px;font-family:inherit;font-weight:700;font-size:16px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:.15s}
.pdtabs__hd button.on{color:var(--ink);border-bottom-color:var(--gold)}
.pdtab{display:none;max-width:820px}.pdtab.on{display:block}
.pdtab p{color:var(--ink-2);line-height:1.7;margin-bottom:14px;max-width:70ch}
.spectable{width:100%;border-collapse:collapse}
.spectable tr{border-bottom:1px solid var(--line)}
.spectable td{padding:13px 0;font-size:14.5px}
.spectable td:first-child{color:var(--ink-2);width:42%}
.spectable td:last-child{font-weight:600;text-align:right}

/* ============ CART PAGE ============ */
.cartwrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;padding-top:26px;align-items:start}
.citem{display:grid;grid-template-columns:96px 1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.citem__img{width:96px;height:96px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;display:grid;place-items:center}
.citem__img img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.citem__nm{font-weight:700;font-size:15px;line-height:1.35;letter-spacing:-.01em}
.citem__nm .b{font-size:12px;color:var(--blue-ink);font-weight:700;text-transform:uppercase;display:block;margin-bottom:4px}
.citem__r{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.citem__pr{font-weight:800;font-size:18px;letter-spacing:-.02em;white-space:nowrap}
.citem__del{background:none;border:none;color:var(--muted);font-size:13px;display:inline-flex;align-items:center;gap:5px;transition:.15s}
.citem__del:hover{color:var(--sale)}.citem__del svg{width:15px;height:15px}
.csum{position:sticky;top:var(--sticky-top);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px}
.csum h3{font-size:19px;margin-bottom:18px}
.csum .row{display:flex;justify-content:space-between;padding:9px 0;font-size:14.5px;color:var(--ink-2)}
.csum .row b{color:var(--ink)}
.csum .tot{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;margin-top:6px;border-top:1px solid var(--line)}
.csum .tot span{font-weight:600}.csum .tot b{font-size:26px;font-weight:800;letter-spacing:-.02em}
.csum .btn{width:100%;margin-top:14px}
.csum .note{font-size:12px;color:var(--muted);text-align:center;margin-top:12px;line-height:1.5}

/* ============ CONTENT PAGE ============ */
.prose{max-width:760px;padding-top:8px}
.prose h2{font-size:24px;margin:34px 0 14px;letter-spacing:-.02em}
.prose h2:first-child{margin-top:0}
.prose p{color:var(--ink-2);line-height:1.7;margin-bottom:14px}
.prose ul{margin:0 0 16px 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.prose li{position:relative;padding-left:30px;color:var(--ink-2);line-height:1.55}
.prose li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:6px;background:var(--gold-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23CDA10A' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center}
.pgcols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start;padding-top:8px}
.pgcard{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;position:sticky;top:var(--sticky-top)}
.pgcard h4{font-size:16px;margin-bottom:14px}
.field{margin-bottom:14px}
.field label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.field input,.field textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15px;outline:none;transition:.15s;background:#fff}
.field input:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-tint)}
.map{background:var(--bg-3);border-radius:var(--r);height:300px;display:grid;place-items:center;color:var(--muted);font-size:14px;border:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px}
.cbox{border:1px solid var(--line);border-radius:var(--r);padding:18px}
.cbox .ic{width:42px;height:42px;border-radius:11px;background:var(--gold-tint);color:var(--gold-deep);display:grid;place-items:center;margin-bottom:12px}
.cbox .ic svg{width:22px;height:22px}
.cbox b{display:block;font-size:16px;letter-spacing:-.01em}
.cbox span{font-size:13px;color:var(--muted)}

/* ============ TOAST ============ */
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--graphite);color:#fff;padding:14px 22px;border-radius:12px;box-shadow:var(--sh-2);display:flex;align-items:center;gap:12px;font-weight:600;font-size:14.5px;z-index:300;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
.toast svg{width:22px;height:22px;color:var(--gold);flex-shrink:0}
.toast a{color:var(--gold);font-weight:700}

/* ============ RESPONSIVE (new pages) ============ */
@media(max-width:1080px){
  .mega__in{grid-template-columns:repeat(3,1fr)}
  .catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clayout{grid-template-columns:1fr;gap:0}
  .filters{position:fixed;top:0;left:0;bottom:0;width:min(360px,86vw);z-index:110;border-radius:0;overflow-y:auto;transform:translateX(-100%);transition:transform .3s cubic-bezier(.2,.7,.3,1);padding-bottom:30px}
  .filters.open{transform:none}
  .filtoggle{display:inline-flex}
  .cgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  /* мобайл: галерея -> покупка -> описание (pdmain «растворяется» во flex) */
  .pdwrap{display:flex;flex-direction:column;gap:26px}
  .pdmain{display:contents}
  .pdgal{position:static;order:1}
  .pdinfo{position:static;order:2}
  .pdmain .pdtabs{order:3;margin-top:4px}
  .cartwrap{grid-template-columns:1fr}
  .pgcols{grid-template-columns:1fr}
  .pgcard{position:static}
}
@media(max-width:760px){
  .cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pdadv{grid-template-columns:1fr}
}
@media(max-width:560px){
  .catgrid{grid-template-columns:1fr}
  .cgrid{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
  .citem{grid-template-columns:72px 1fr;gap:14px}
  .citem__img{width:72px;height:72px}
  .citem__r{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}
  /* mobile: nav becomes drawer via mega */
  .mega{position:fixed;top:0;left:0;bottom:0;right:auto;width:min(370px,90vw);border-radius:0;overflow-y:auto;box-shadow:0 0 60px rgba(15,19,24,.4)}
  .mega__hd{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}
  .mega__hd b{font-size:18px;font-weight:800;letter-spacing:-.02em}
  .mega__hd button{width:40px;height:40px;border-radius:11px;border:none;background:var(--bg-2);color:var(--ink);display:grid;place-items:center}
  .mega__hd button svg{width:20px;height:20px}
  .mega__in{grid-template-columns:1fr;padding:6px 22px 40px;gap:0}
  .mcat{padding:6px 0;border-bottom:1px solid var(--line)}
  .mcat:last-child{border-bottom:none}
  .mcat>a{font-size:16px;padding:13px 0}
  .mcat>a .cnt{margin-left:auto}
  .mcat ul{padding:0 0 12px 22px;display:flex;flex-wrap:wrap;gap:6px 8px}
  .mcat ul a{font-size:13px;padding:7px 12px;background:var(--bg-2);border-radius:20px;color:var(--ink-2)}
}
/* ============ SHOW MORE + BRANDS ============ */
.morewrap{display:flex;justify-content:center;margin-top:34px}
.morewrap .btn{min-width:230px}
.brands{padding:36px 0 42px}
.brands__lead{text-align:center;font-size:12.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-bottom:24px}
.brands__mask{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.brands__track{display:flex;gap:56px;width:max-content;animation:marq 34s linear infinite}
.brands:hover .brands__track{animation-play-state:paused}
.brands__i{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ink-2);opacity:.5;white-space:nowrap;transition:.2s;cursor:default}
.brands__i:hover{opacity:1;color:var(--graphite)}
@keyframes marq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.brands__track{animation:none;flex-wrap:wrap;justify-content:center;width:auto;gap:18px 36px}}
@media(max-width:560px){.brands__i{font-size:21px}.brands__track{gap:40px}}

/* ============ STICKY HEADER (desktop only; mobile header unchanged) ============ */
#siteHead{background:var(--bg)}
@media(min-width:821px){
  #siteHead{position:sticky;top:0;z-index:100}
  #siteHead.min{box-shadow:0 9px 26px -16px rgba(27,31,36,.34)}
  /* info strip collapses smoothly on scroll */
  .util{overflow:hidden;height:40px;transition:height .32s cubic-bezier(.2,.7,.3,1),opacity .24s}
  .util .in{height:100%;padding-top:0;padding-bottom:0}
  #siteHead.min .util{height:0;opacity:0;border-bottom-color:transparent;pointer-events:none}
  /* main bar compresses: tighter padding, smaller logo */
  .hd .in{transition:padding .28s cubic-bezier(.2,.7,.3,1)}
  .logo img{transition:height .28s cubic-bezier(.2,.7,.3,1)}
  #siteHead.min .hd .in{padding-top:11px;padding-bottom:11px}
  #siteHead.min .logo img{height:40px}
  /* two-line phones give way to the compact phone-icon popover */
  #siteHead.min .hd .phones{display:none}
  #siteHead.min .hd__tel{display:block}
}
@media(prefers-reduced-motion:reduce){
  .util,.hd .in,.logo img{transition:none}
}
/*NEWCSS*/

/* ==================================================================
   ENGINE SHIMS: styles for engine-generated markup absent in prototype
   ================================================================== */
/* ============ CONTENT PAGE EXTRAS ============ */
.pages-nav{list-style:none;display:flex;flex-direction:column;gap:2px}
.pages-nav li a{display:block;padding:9px 12px;border-radius:9px;font-size:14px;color:var(--ink-2);font-weight:600;transition:.15s}
.pages-nav li a:hover{background:var(--bg-2);color:var(--ink)}
.pages-nav li.active a{background:var(--graphite);color:#fff}
.prose a{color:var(--blue-ink);text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:var(--blue)}
.prose img{max-width:100%;height:auto;border-radius:12px;margin:14px 0}
.prose h3{font-size:19px;margin:26px 0 12px;letter-spacing:-.02em}
.prose h4{font-size:16px;margin:20px 0 10px}
.prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.prose td,.prose th{padding:11px 12px;border:1px solid var(--line);text-align:left}
.prose th{background:var(--bg-2);font-weight:700}
.prose iframe{max-width:100%;border:0;border-radius:12px;margin:14px 0}
.prose ol{margin:0 0 16px 20px;padding-left:6px;color:var(--ink-2);line-height:1.7}
.prose ol li{margin-bottom:8px}
.prose blockquote{margin:16px 0;padding:14px 18px;background:var(--bg-2);border-radius:12px;color:var(--ink-2)}

/* ============ LEGACY WIDGETS INSIDE DB CONTENT (.prose) ============ */
.prose .slick-slider{margin:18px 0;max-width:100%}
.prose .slick-arrow,.prose .slick-dots{display:none}
.prose .slick-list{overflow:hidden}
.prose .slick-slide{margin:0 10px;display:flex;align-items:center;justify-content:center}
.prose .slick-slide img{max-width:100%;height:auto}
.prose .button,.prose .more-link,.prose a.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:var(--graphite);font-weight:700;padding:12px 22px;border-radius:var(--r-sm);box-shadow:var(--sh-gold);text-decoration:none;border:none}
.prose .button:hover,.prose .more-link:hover{transform:translateY(-2px)}

/* ============ SEO TEXT (before footer) ============ */
.seotext{background:var(--bg-2);padding:56px 0 64px;border-top:1px solid var(--line)}
.seotext .prose{max-width:940px;margin:0 auto}
.seotext .prose h2:first-child{font-size:clamp(24px,3vw,34px);text-wrap:balance;margin-bottom:16px}

/* ============ CATEGORY PAGE ============ */
.crumbs a{color:var(--ink-2);font-weight:600;text-decoration:none}
.crumbs a:hover{color:var(--blue-ink)}
.crumbs .fa{opacity:.4;font-size:12px;margin:0 4px;font-style:normal}
/* sidebar category nav */
.filters.catnav{padding:14px 16px 18px}
.filters.catnav h4{font-size:14px;font-weight:800;margin-bottom:10px;letter-spacing:-.01em}
.filters .nav_category{display:flex;flex-direction:column;max-height:74vh;overflow:auto;scrollbar-width:thin}
.filters .category-item a.name{display:block;padding:7px 10px;border-radius:8px;font-size:13.5px;color:var(--ink-2);font-weight:600;transition:.15s;text-decoration:none}
.filters .category-item a.name:hover{background:var(--bg-2);color:var(--ink)}
.filters .category-item.level-1>a.name{font-weight:700;color:var(--ink)}
.filters .category-item.level-2 a.name{padding-left:22px;font-size:13px}
.filters .category-item.level-3 a.name{padding-left:34px;font-size:13px}
.filters .category-item .photo{display:none}
/* filter/sort toolbar */
.ctoolbar{margin-bottom:18px}
.ctoolbar .filter-block{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px}
.ctoolbar .filter-block .caption{font-size:13px;color:var(--muted);font-weight:600}
.ctoolbar .filter-nav{list-style:none;display:flex;gap:8px;flex-wrap:wrap}
.ctoolbar .filter-nav a{display:inline-flex;align-items:center;gap:5px;padding:8px 13px;border-radius:9px;border:1.5px solid var(--line);background:#fff;font-size:13.5px;font-weight:600;color:var(--ink-2);text-decoration:none;transition:.15s}
.ctoolbar .filter-nav a:hover,.ctoolbar .filter-nav a.on{border-color:var(--graphite);color:var(--ink)}
.ctoolbar .filter-nav .fa{font-style:normal;opacity:.5}
.ctoolbar form{margin-left:auto}
.ctoolbar input[type=text]{border:1.5px solid var(--line);border-radius:9px;padding:9px 12px;font-family:inherit;font-size:14px;outline:none;background:#fff}
.ctoolbar input[type=text]:focus{border-color:var(--blue)}
/* category grids */
.clayout #catalog.is-products{grid-template-columns:repeat(3,minmax(0,1fr))}
.clayout #catalog.is-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:0}
@media(max-width:1080px){.clayout #catalog.is-products,.clayout #catalog.is-cats{grid-template-columns:repeat(2,1fr)}.filters.catnav{display:none}}
@media(max-width:560px){.clayout #catalog.is-products,.clayout #catalog.is-cats{grid-template-columns:1fr 1fr}}
/* subcategory browse cards */
#catalog.is-cats .category-item{position:relative;border-radius:var(--r);overflow:hidden;background:var(--bg-3);box-shadow:var(--sh-1);min-height:180px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .2s,box-shadow .2s}
#catalog.is-cats .category-item:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
#catalog.is-cats .category-item .photo{position:absolute;inset:0;display:block}
#catalog.is-cats .category-item .photo img{width:100%;height:100%;object-fit:cover}
#catalog.is-cats .category-item::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,19,24,.85) 6%,rgba(15,19,24,.15) 55%,transparent)}
#catalog.is-cats .category-item a.name{position:relative;z-index:2;padding:16px;color:#fff;font-size:16px;font-weight:800;letter-spacing:-.02em;text-decoration:none}
/* pager */
.pagination{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:32px;flex-wrap:wrap}
.pagination .page-num,.pagination .page-arrow{min-width:44px;height:44px;padding:0 12px;border-radius:11px;border:1.5px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--ink-2);text-decoration:none;transition:.15s}
.pagination a.page-num:hover,.pagination .page-arrow:not(.disabled):hover{border-color:var(--graphite);color:var(--ink)}
.pagination .current-page{background:var(--graphite);color:#fff;border-color:var(--graphite)}
.pagination .page-arrow.disabled{opacity:.4;cursor:default}
.pagination .fa{font-style:normal}
.catarticle{margin-top:44px;max-width:none;border-top:1px solid var(--line);padding-top:30px}
#catalog.is-cats .category-item a.name{display:block;white-space:normal;line-height:1.22;text-wrap:balance}
#catalog.is-cats .category-item{min-height:200px}

/* ============ CART PAGE ============ */
#cart-content{overflow-x:auto}
#cart-content .cart-table{width:100%;border-collapse:collapse;min-width:640px}
#cart-content .cart-table thead th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;padding:0 12px 12px;border-bottom:1px solid var(--line)}
#cart-content .cart-table thead th:nth-child(2),#cart-content .cart-table thead th:nth-child(4){text-align:right}
#cart-content .cart-item td{padding:18px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
#cart-content .cart-item td:first-child{padding-left:0}
#cart-content .cart-item td:first-child a{display:flex;align-items:center;gap:16px;font-weight:600;color:var(--ink);text-decoration:none;line-height:1.35}
#cart-content .cart-item td:first-child img{width:74px;height:74px;object-fit:contain;mix-blend-mode:multiply;border:1px solid var(--line);border-radius:12px;padding:6px;background:#fff;flex-shrink:0}
#cart-content .cart-item .item{font-size:12px;color:var(--muted);margin-top:3px}
#cart-content .td-cost,#cart-content .td-summ{text-align:right;white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums}
#cart-content .td-summ .tot-summ{font-size:17px;font-weight:800}
#cart-content .td-qty{text-align:center}
#cart-content .qty-block{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
#cart-content .qty-block .button{width:38px;height:44px;display:grid;place-items:center;cursor:pointer;color:var(--ink-2);user-select:none;font-size:18px}
#cart-content .qty-block .button:hover{background:var(--bg-2);color:var(--ink)}
#cart-content .qty-block input{width:46px;height:44px;border:none;text-align:center;font-family:inherit;font-weight:700;font-size:15px;outline:none}
#cart-content .td-delete .delete{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;cursor:pointer;transition:.15s}
#cart-content .td-delete .delete:hover{color:var(--sale)}
#cart-content .group-footer{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap;padding:24px 0 6px}
#cart-content .group-footer .cart-qty{color:var(--ink-2);font-size:14px;margin-right:auto}
#cart-content .group-footer .cart-total{font-weight:600;font-size:15px}
#cart-content .group-footer .cart-total span{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--graphite)}
#cart-content .group-footer .button{background:var(--gold);color:var(--graphite);padding:14px 28px;border-radius:var(--r-sm);font-weight:700;cursor:pointer;box-shadow:var(--sh-gold);display:inline-flex;align-items:center;gap:8px;transition:transform .16s}
#cart-content .group-footer .button:hover{transform:translateY(-2px)}
#cart-content #add-to-credite{display:none !important}
#cart-form{margin-top:30px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;max-width:720px}
#cart-form h2{font-size:20px;margin-bottom:18px;letter-spacing:-.02em}
#cart-form .column{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
#cart-form input[type=text],#cart-form textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15px;outline:none;background:#fff}
#cart-form input[type=text]:focus,#cart-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-tint)}
#cart-form .center{margin-top:6px}
#cart-form input[type=submit],#cart-form .button{background:var(--gold);color:var(--graphite);border:none;padding:14px 30px;border-radius:var(--r-sm);font-weight:700;font-size:15px;cursor:pointer;box-shadow:var(--sh-gold)}
#cart-form p{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.5}
#cart-form p a{color:var(--blue-ink)}
.success{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:34px;max-width:640px;text-align:center}
.success__ic{width:60px;height:60px;border-radius:50%;background:var(--gold-tint);color:var(--gold-deep);display:grid;place-items:center;margin:0 auto 18px}
.success__ic svg{width:30px;height:30px}
.success h2{font-size:24px;margin-bottom:10px}
.success p{color:var(--ink-2);line-height:1.6}

/* ============ SEARCH FORM + DIALOG FORMS ============ */
.searchform-wrap{margin-bottom:22px}
.searchform-wrap form{display:flex;gap:10px;max-width:600px;flex-wrap:wrap}
.searchform-wrap input[type=text],.searchform-wrap input:not([type]){flex:1;min-width:200px;border:1.5px solid var(--line);border-radius:12px;padding:13px 16px;font-family:inherit;font-size:15px;outline:none;background:#fff}
.searchform-wrap input[type=text]:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-tint)}
.searchform-wrap input[type=submit],.searchform-wrap .button{background:var(--gold);color:var(--graphite);border:none;padding:0 26px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:var(--sh-gold)}
.section.products>h2{font-size:16px;font-weight:700;color:var(--ink-2);margin:6px 0 18px}

/* dialog forms (call / feedback) */
.fancybox-form{padding:6px 4px;max-width:440px}
.fancybox-form h2{font-size:22px;margin-bottom:18px;letter-spacing:-.02em}
.fancybox-form .field{margin-bottom:14px}
.fancybox-form .field .caption{font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.fancybox-form .field input[type=text],.fancybox-form .field textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15px;outline:none;background:#fff}
.fancybox-form .field input[type=text]:focus,.fancybox-form .field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-tint)}
.fancybox-form .field textarea{min-height:120px;resize:vertical}
.fancybox-form input[type=submit],.fancybox-form .button{background:var(--gold);color:var(--graphite);border:none;padding:13px 30px;border-radius:var(--r-sm);font-weight:700;font-size:15px;cursor:pointer;box-shadow:var(--sh-gold)}
.fancybox-form .message{border-radius:10px;padding:13px 15px;font-size:14px;margin-bottom:14px}
.fancybox-form .message.error{background:#fdeaea;color:var(--sale)}
.fancybox-form .message.ok,.fancybox-form .message.success{background:var(--gold-tint);color:var(--gold-deep);font-weight:600;text-align:center}

/* variants selector (engine #product-items-block) */
#product-items-block{margin-bottom:16px}
#product-items-block .items-caption{font-size:13px;color:var(--ink-2);font-weight:600;margin-bottom:8px}
#product-items-block:empty,#product-items-block .items-caption:empty{display:none}
#product-items-block .item-wrapper{display:inline-block;margin:0 8px 8px 0}
#product-items-block .item-wrapper.hidden{display:none}
#product-items-block label .name{padding:8px 14px;border:1.5px solid var(--line);border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-block}
#product-items-block input:checked+label .name{border-color:var(--graphite);background:var(--graphite);color:#fff}

/* legacy #catalog .photo IMG{max-width:200px} (1,2,1) + .photo{width:230px;table-cell}: re-pin proto sizing */
#catalog .pc .photo,.pgrid .pc .photo,.cgrid .pc .photo{width:auto;height:auto;aspect-ratio:1;display:grid;place-items:center;padding:16px;overflow:hidden}
#catalog .pc .photo img,.pgrid .pc .photo img,.cgrid .pc .photo img{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;min-height:0 !important;object-fit:contain;mix-blend-mode:multiply}

/* legacy `HTML BODY{font-family:Roboto}` (0,0,2) outguns proto body{} (0,0,1): repin Onest */
html body{font-family:var(--f)}
html body input,html body select,html body textarea,html body button{font-family:var(--f)}

/* engine gallery markup: force main photo to fill the frame like the prototype */
.pdgal__main .original-photos{width:100%;height:100%;display:grid;place-items:center}
.pdgal__main .original-photos a{display:contents}
.pdgal__main .original-photos img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pdgal__thumbs a{width:78px;height:78px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:8px;overflow:hidden;transition:.15s;display:grid;place-items:center}
.pdgal__thumbs a:hover{border-color:var(--gold-deep)}

/* legacy a:link{underline} (0,1,1) outguns proto a{} (0,0,1): pin footer links */
.ft a:link,.ft a:visited{color:rgba(255,255,255,.66);text-decoration:none}
.ft a:hover{color:var(--gold)}
.ft__logo p{color:rgba(255,255,255,.66)}

/* engine cart widget: getWidget(true) wraps .ic/.tot in one anchor */
#cart-widget{display:flex;align-items:center;gap:11px;color:inherit}
/* home hero: slides 2..N use h2 for SEO (single h1 per page), identical look to proto slide h1 */
.hs__slide h2{color:#fff;font-size:clamp(30px,4.6vw,56px);letter-spacing:-.035em;max-width:16ch;text-wrap:balance;line-height:1.05}
.hs__slide h2 em{font-style:normal;color:var(--gold)}
@media(max-width:560px){.hs__slide h2{font-size:29px}}

/* product page: legacy #buy-block{text-align:center;display:table} + #product-data gallery 320px re-pins */
#product-data{margin-left:0 !important}
#buy-block{text-align:left !important;display:block !important;background:var(--bg-2) !important;padding:24px !important;margin-bottom:0 !important}
#buy-block .cost-block{text-align:left !important}
#product-data .product-photos{display:block !important}
#product-data .original-photos{width:100% !important;height:100% !important;margin:0 !important;border:none !important;background:transparent !important;display:grid;place-items:center}
#product-data .original-photos a.fancybox-thumbs{width:100%;height:100%;display:grid !important;place-items:center;text-align:center}
#product-data .original-photos a.fancybox-thumbs.hidden{display:none !important}
#product-data .original-photos img{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:contain;mix-blend-mode:multiply}
#product-data .thumbnails{width:auto !important;display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
#product-data .thumbnails .thumbnail{width:78px !important;height:78px !important;margin:0 !important;border:1.5px solid var(--line) !important;border-radius:12px;padding:6px;background:#fff;display:grid !important;place-items:center;overflow:hidden;transition:.15s;cursor:pointer}
#product-data .thumbnails .thumbnail:hover{border-color:var(--gold-deep) !important}
#product-data .thumbnails .thumbnail img{max-width:100% !important;max-height:100% !important;object-fit:contain;mix-blend-mode:multiply}

/* legacy #catalog .product-item{width:230px;padding;float} (1,1,0) beats proto .pc (0,1,0): hard re-pin card geometry */
#catalog .product-item.pc{width:auto !important;height:auto !important;max-width:none !important;float:none !important;margin:0 !important;padding:0 !important;display:flex !important;flex-direction:column;position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
#catalog .product-item.pc:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:transparent}

/* PHP .pc card structure shims (get_photo -> .photo; cart btn is sibling link) */
.pgrid .form-fast-order{display:none}
.pc__go{display:flex;flex-direction:column;flex:1;text-decoration:none;color:var(--ink)}
.pc .photo{aspect-ratio:1;background:#fff;padding:16px;display:grid;place-items:center;overflow:hidden}
.pc .photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}
.pc:hover .photo img{transform:scale(1.05)}
.pc__foot{padding-right:58px}
.pc__old{font-size:13px;color:var(--muted);text-decoration:line-through;display:block}
a.pc__cart{position:absolute;right:16px;bottom:16px;z-index:2}
a.pc__cart.is-off{background:var(--bg-3);color:var(--muted);pointer-events:none}
.empty{text-align:center;padding:60px 20px;color:var(--ink-2);font-size:15px}
.message.message-404{padding:30px 0;color:var(--ink-2)}

/* ============ ENGINE SHIMS v13 ============ */
/* Легаси element-правила (bootstrap: H1/H2/P margins, text-align:center) сильнее сброса *{margin:0}
   прототипа. Контр-сброс тем же приёмом, что html body{font-family}: элементные селекторы с большей
   специфичностью; классовые правила прототипа остаются сильнее и задают свои отступы. */
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body p,html body ul,html body ol,html body figure,html body blockquote{margin:0;padding:0;text-align:inherit}
html body h1,html body h2,html body h3,html body h4{line-height:1.05;letter-spacing:-.03em;font-weight:800}

/* Плашки карточек: колоночный flex растягивал спаны до самой широкой (Хит выглядел кнопкой) */
.pc .pc__badges{align-items:flex-start}
.pc .pc__badge{line-height:1.4}

/* Шаги соцконтракта: в прототипе текст упирался в разделительную линию, даём воздух */
.soc .soc__step{padding:26px 20px 26px 22px}
.soc .soc__step:first-child{padding-left:0}
@media(max-width:1080px){.soc .soc__step:nth-child(4){padding-left:0}}
@media(max-width:560px){.soc .soc__step{padding:20px 0}}

/* Статьи из БД: легаси-обёртки (.wrapper с фикс. шириной) вылезали из колонки под сайдбар */
.prose .main-section,.prose .wrapper,.prose .contacts{width:auto !important;max-width:100% !important;margin:0 !important;padding:0 !important;float:none !important;background:none !important;box-shadow:none !important}
.prose [style*="width"]{max-width:100% !important}
.prose [style*="margin-left"]{margin-left:0 !important}
.prose img{max-width:100% !important;height:auto !important}
.prose .perc50{display:inline-block;width:48% !important;min-width:250px;vertical-align:top;margin:0 24px 18px 0 !important;float:none !important}
.prose .caption{display:block;font-weight:800;font-size:18px;letter-spacing:-.02em;margin:0 0 10px}
.prose .phone{color:var(--ink-2);line-height:1.8}
.prose p b:only-child{display:inline-block;font-size:16.5px;letter-spacing:-.01em;margin-top:10px}
.prose img[style*="float"]{border-radius:16px}

/* Меню «Разделы» в сайдбаре статей */
.pgcard .pages-nav{list-style:none;display:flex;flex-direction:column;gap:2px}
.pgcard .pages-nav a{display:block;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--ink-2);transition:.15s}
.pgcard .pages-nav a:hover{background:var(--bg-2);color:var(--ink)}
.pgcard .pages-nav li.active a,.pgcard .pages-nav li.current a{background:var(--gold-tint);color:var(--graphite)}

/* Поиск: форма в стиле редизайна (легаси #search сбрасываем) */
.searchform-wrap #search{position:static !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;background:none !important;float:none !important}
.searchform-wrap #search form{display:flex;gap:10px;max-width:640px}
.searchform-wrap #search input[type=text]{flex:1}

/* Верхняя навигация: длинные названия категорий не должны рвать ряд */
.nav .links{overflow-x:auto;scrollbar-width:none}
.nav .links::-webkit-scrollbar{display:none}
.nav .links a{white-space:nowrap}

/* Корзина: товары+форма слева, сводка «Ваш заказ» sticky-рейлом справа */
.cartlayout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start;padding-top:26px}
.cartlayout__main{min-width:0}
.cartlayout .csum{position:sticky;top:var(--sticky-top);margin-top:0}
.cartlayout #cart-form{margin-top:24px}
@media(max-width:1080px){.cartlayout{grid-template-columns:1fr}.cartlayout .csum{position:static}}

/* Корзина: строки прототипа (.citem) поверх хуков движка (cart.js) */
.citem__nm > a{color:var(--ink);text-decoration:none}
.citem__nm > a:hover{color:var(--blue-ink)}
.citem__nm .item{font-size:12px;color:var(--muted);font-weight:500;margin-top:3px}
.citem__meta{margin-top:7px;font-size:13.5px;color:var(--ink-2)}
.citem__meta .td-cost{font-weight:700}
.citem__meta em{font-style:normal;color:var(--muted);font-size:12px}
.citem .qty{margin-top:10px}
.citem .qty button{width:36px;height:40px;cursor:pointer}
.citem .qty input{width:40px;height:40px;font-size:15px}
.citem__pr i{font-style:normal}
/* легаси .cart-table .photo IMG{max-width:120px} (0,2,1) вылезал из бокса 96px */
.cart-table .citem__img .photo{width:100% !important;height:100% !important;margin:0 !important;display:grid;place-items:center;padding:0;background:none}
.cart-table .citem__img .photo img{max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important;object-fit:contain;mix-blend-mode:multiply}
.citem__del{cursor:pointer}
@media(max-width:640px){.citem{grid-template-columns:76px 1fr}.citem__img{width:76px;height:76px}.citem__r{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}}
/* пустая корзина */
.empty svg{width:54px;height:54px;display:block;margin:0 auto 14px;color:var(--muted)}
.empty b{display:block;font-size:18px;margin-bottom:6px;color:var(--ink)}

/* деталка: одна кнопка кредита, серая и компактная (сплит «Купи без денег» убран 18.07) */
.pdpay{display:flex}
.pdpay .pay--credit{flex:0 1 auto;background:var(--bg-2);color:var(--ink);border:1.5px solid var(--line);box-shadow:none;padding:13px 20px 13px 14px}
.pdpay .pay--credit:hover{filter:none;border-color:var(--graphite);background:var(--bg-3);box-shadow:none}
.pdpay .pay--credit .pay__ic{background:#fff;color:var(--graphite);border:1px solid var(--line);width:40px;height:40px}
.pdpay .pay--credit .pay__tx span{color:var(--muted)}
@media(max-width:560px){.pdpay .pay--credit{flex:1 1 auto}}

/* 152-ФЗ: чекбокс согласия на обработку ПДн (чекбокс absolute, текст обтекает одним потоком) */
.consent{position:relative;display:block;padding-left:27px;font-size:12.5px;line-height:1.5;color:var(--ink-2);margin:4px 0 14px;cursor:pointer;text-align:left}
.consent input[type=checkbox]{position:absolute;left:0;top:1px;width:17px !important;height:17px !important;min-width:0 !important;max-width:17px !important;margin:0 !important;padding:0 !important;accent-color:var(--gold-deep);cursor:pointer}
/* легаси `#cart-form INPUT{width:280px;margin:12px}` (1,0,1) раздувал чекбокс в форме заказа */
#cart-form .consent input[type=checkbox]{width:17px !important;height:17px !important;max-width:17px !important;margin:0 !important;padding:0 !important}
.consent a{color:var(--blue-ink);text-decoration:underline;text-underline-offset:2px}
.consent a:hover{color:var(--blue)}
#cart-form .consent{max-width:720px}

/* Плавающие иконки мессенджеров справа внизу (вместо Jivo) */
.msgrs{position:fixed;right:18px;bottom:18px;z-index:900;display:flex;flex-direction:column;gap:10px}
.msgrs a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;box-shadow:0 10px 24px -9px rgba(27,31,36,.5);transition:transform .16s,box-shadow .16s}
.msgrs a:hover{transform:translateY(-3px);box-shadow:0 14px 30px -10px rgba(27,31,36,.55)}
.msgrs svg{width:26px;height:26px}
.msgrs .m-wa{background:#25D366}
.msgrs .m-tg{background:#229ED9}
.msgrs .m-max{background:linear-gradient(135deg,#6E3BFF,#2D7DFF);font-weight:800;font-size:12px;letter-spacing:.02em}
@media(max-width:560px){.msgrs{right:12px;bottom:12px}.msgrs a{width:48px;height:48px}.msgrs svg{width:24px;height:24px}}

/* Контакты: бокс почты на всю ширину сетки; живая карта конструктора в рамке дизайна */
.cbox--wide{grid-column:1/-1}
.cbox b a{color:inherit;text-decoration:none}
.cbox b a:hover{color:var(--blue-ink)}
.map.map--live{height:auto;min-height:0;padding:0;display:block;overflow:hidden}
.map.map--live iframe{display:block;width:100% !important;border:0}

/* Хвост категорий под bento: чипы-пилюли в стиле фильтров каталога */
.bento__more{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bento__more-lab{font-size:13px;color:var(--muted);font-weight:600;margin-right:4px}
.bento__more a{display:inline-flex;align-items:center;padding:9px 15px;border:1.5px solid var(--line);border-radius:100px;background:#fff;font-size:13.5px;font-weight:600;color:var(--ink-2);text-decoration:none;transition:.15s}
.bento__more a:hover{border-color:var(--graphite);color:var(--ink);transform:translateY(-1px)}

/* ============ ENGINE SHIMS v14 ============ */
/* Слики в статьях: guard [style*=width] капал инлайн-ширины slick-трека и рушил карусель */
.prose .slick-track[style],.prose .slick-slide[style]{max-width:none !important}
.prose .slick-prev,.prose .slick-next,.prose .slick-dots{display:none !important}
.prose .slick-dots li{padding-left:0}
.prose .slick-dots li::before{display:none}

/* Заголовок страницы: легаси центрировал h1 на части страниц (поиск) */
.phead h1{text-align:left !important}

/* Кнопка поиска: легаси #submit_search (лупа 40x40) сильнее .btn по специфичности */
.searchform-wrap #submit_search{width:auto !important;height:auto !important;min-width:0 !important;padding:13px 26px !important;background:var(--gold) !important;background-image:none !important;color:var(--graphite) !important;border:none !important;border-radius:var(--r-sm) !important;box-shadow:var(--sh-gold) !important;font-family:var(--f) !important;font-size:15px !important;font-weight:700 !important;text-indent:0 !important;line-height:1.2 !important;position:static !important;float:none !important;margin:0 !important;overflow:visible !important}