:root{
  --container:1240px;
  --color-bg:#ffffff;
  --color-surface:#f2f6f7;
  --color-surface-2:#e7eef0;
  --color-text:#16282e;
  --color-muted:#5e7178;
  --color-border:#dce5e8;
  --color-sale:#e2603b;
  --color-star:#f4b324;
  --r:14px; --r-sm:10px; --r-lg:22px; --r-pill:999px;
  --shadow-sm:0 1px 2px rgba(16,40,46,.06),0 1px 3px rgba(16,40,46,.05);
  --shadow-md:0 6px 22px rgba(16,40,46,.09);
  --shadow-lg:0 16px 46px rgba(16,40,46,.16);
  --header-h:62px;
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{font-family:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.5;font-size:15px;-webkit-font-smoothing:antialiased;padding-bottom:66px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;cursor:pointer}
label{cursor:pointer}
.card__name,.card__media,.cat,.tab,.action,.bottomnav__item,.megacat__title,.megacat__link,.mmenu__link,.gallery__thumb,.pagination__btn,.chip,.switch,.check,.hero__dot,.footer__social,.footer__totop,[onclick]{cursor:pointer}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 16px}
.ic{width:22px;height:22px;flex:none;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ic--star{fill:currentColor;stroke:none}
.ph{background-color:var(--color-surface-2);background-image:repeating-linear-gradient(45deg,rgba(21,114,123,.06) 0 9px,transparent 9px 18px);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-muted);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:8px}
.noimage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:linear-gradient(160deg,#eef3f4,#dde8ea);color:#aebec2}
.noimage__glyph{display:block;width:46px;height:46px;color:#bccdd1;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.noimage__cap{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:0 12px;color:#8ea3a8;line-height:1.45}
.noimage--sm .noimage__glyph{width:26px;height:26px}
.noimage--sm .noimage__cap{display:none}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;line-height:1;padding:13px 20px;border-radius:var(--r-sm);transition:background .15s,color .15s,border-color .15s,transform .05s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn--accent{background:var(--color-accent);color:#fff}
.btn--accent:hover{background:var(--color-accent-dark)}
.btn--primary{background:var(--color-primary);color:#fff}
.btn--primary:hover{background:var(--color-primary-dark)}
.btn--ghost{background:var(--color-primary-tint);color:var(--color-primary-dark)}
.btn--ghost:hover{background:#d3e6e7}
.btn--outline{border:1.5px solid var(--color-border);background:#fff}
.btn--outline:hover{border-color:var(--color-primary);color:var(--color-primary)}
.btn--block{width:100%}
.btn--lg{padding:16px 24px;font-size:16px}
.btn .ic{width:18px;height:18px}

/* topbar */
.topbar{display:none;background:var(--color-primary-dark);color:#cfe4e6;font-size:13px}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:38px}
.topbar__group{display:flex;align-items:center;gap:22px}
.topbar__item{display:inline-flex;align-items:center;gap:6px}
.topbar__item .ic{width:15px;height:15px}
.topbar__item--accent{color:#fff;font-weight:600}
.topbar a:hover{color:#fff}

/* header */
.header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--color-border);isolation:isolate}
.header__inner{display:flex;align-items:center;gap:12px;height:var(--header-h)}
.header__burger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;color:var(--color-primary-dark)}
.header__burger:hover{background:var(--color-surface)}
.header__logo{display:flex;align-items:center;gap:11px;font-weight:900;font-size:20px;letter-spacing:.04em;color:var(--color-text)}
.header__logo-mark{width:36px;height:36px;flex:none}
.header__logo-text{display:flex;flex-direction:column;gap:1px;line-height:1}
.header__logo-text small{display:none;font-size:10px;font-weight:500;letter-spacing:.22em;color:var(--color-primary);text-transform:uppercase}
.header__catalog{display:none}
.header__search{display:none}
.header__actions{margin-left:auto;display:flex;align-items:center;gap:2px}
.action{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;border-radius:10px;color:var(--color-text)}
.action:hover{background:var(--color-surface);color:var(--color-primary-dark)}
.action__label{display:none;font-size:11px;color:var(--color-muted)}
.action--acc,.action--cmp{display:none}
.action--cmp .action__badge{background:var(--color-primary)}
.action__badge{position:absolute;top:1px;right:3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--color-accent);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}
.action--fav .action__badge{background:var(--color-sale)}
.catalog-btn{display:none;align-items:center;gap:9px;background:var(--color-primary);color:#fff;font-weight:600;padding:12px 18px;border-radius:var(--r-sm)}
.catalog-btn:hover{background:var(--color-primary-dark)}
.search{flex:1;max-width:560px;align-items:center;position:relative}
.search__field{flex:1;display:flex;align-items:center;gap:9px;border:1.5px solid var(--color-border);border-radius:var(--r-sm);padding:0 5px 0 14px;height:46px}
.search__field:focus-within{border-color:var(--color-primary)}
.search__field .ic{width:18px;height:18px;color:var(--color-muted)}
.search__field input{flex:1;border:none;outline:none;background:none}
.search__btn{background:var(--color-primary);color:#fff;height:36px;padding:0 16px;border-radius:8px;display:inline-flex;align-items:center;font-weight:600}
.search__btn:hover{background:var(--color-primary-dark)}
.search__clear{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;color:var(--color-muted)}
.search__clear:hover{background:var(--color-surface);color:var(--color-text)}
.search__clear .ic{width:16px;height:16px}

/* search suggestions dropdown */
.suggest{position:absolute;top:calc(100% + 7px);left:0;right:0;background:#fff;border:1px solid var(--color-border);border-radius:var(--r-sm);box-shadow:var(--shadow-md);z-index:70;overflow:hidden}
.suggest__list{max-height:60vh;overflow-y:auto}
.suggest__item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 14px;border-bottom:1px solid var(--color-border)}
.suggest__item:hover{background:var(--color-surface)}
.suggest__ic{flex:none;width:42px;height:42px;border-radius:8px;background:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-muted)}
.suggest__ic .ic{width:22px;height:22px}
.suggest__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.suggest__name{font-size:13.5px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suggest__name b,.suggest__name strong{font-weight:800;color:var(--color-primary)}
.suggest__meta{font-size:12px;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suggest__price{flex:none;font-size:13.5px;font-weight:700;white-space:nowrap}
.suggest__all{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 14px;font-weight:600;color:var(--color-primary)}
.suggest__all:hover{background:var(--color-surface)}
.suggest__all .ic{width:16px;height:16px}
.suggest__empty{padding:26px 18px;text-align:center;color:var(--color-muted);font-size:13.5px}
.suggest__empty b{display:block;color:var(--color-text);font-size:15px;margin-bottom:4px}
.suggest__empty a{color:var(--color-primary);font-weight:600}
.cartpage__empty{margin-top:8px;padding:36px 24px;border:1.5px dashed var(--color-border);border-radius:var(--r)}
.cartpage__empty-actions{display:flex;justify-content:center;margin:18px 0 40px}
.search-title{position:relative;width:100%;min-width:0;max-width:100%}
.search-title--mobile{position:static;display:block}
.searchbar .search-title--mobile .search-title__result{position:absolute;top:calc(100% + 7px);left:16px;right:16px;z-index:71}
.searchbar .search-title--mobile .search-title__result .suggest{position:static;top:auto;left:auto;right:auto;width:100%;max-width:100%}
.search-title__result{position:static}
.suggest__ic img{width:42px;height:42px;object-fit:cover;border-radius:8px;display:block}
.searchbar{position:relative;padding-bottom:10px;min-width:0;max-width:100%;box-sizing:border-box}
.searchbar__field{display:flex;align-items:center;gap:9px;width:100%;max-width:100%;min-width:0;margin:0;box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-sm);padding:11px 13px}
.searchbar__field .ic{width:18px;height:18px;color:var(--color-muted);flex:none}
.searchbar__field .search__clear{flex:none}
.searchbar__field input{flex:1;min-width:0;width:auto;background:none;border:none;outline:none}

/* overlay + menus */
.overlay{position:fixed;inset:0;background:rgba(13,36,40,.5);z-index:70;animation:fade .15s ease}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes slideleft{from{transform:translateX(-100%)}to{transform:none}}
@keyframes slideup{from{transform:translateY(10px);opacity:.5}to{transform:none;opacity:1}}
.megamenu{position:fixed;inset:0;z-index:80;background:#fff;display:flex;flex-direction:column;animation:slideup .18s ease}
.megamenu__head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border)}
.megamenu__title{font-weight:800;font-size:18px}
.menuclose{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--color-muted)}
.menuclose:hover{background:var(--color-surface);color:var(--color-text)}
.megamenu__body{overflow:auto;padding:10px 16px 26px;display:grid;gap:18px}
.megacat__title{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;margin-bottom:8px;color:var(--color-text)}
.megacat__title .ic{width:18px;height:18px;color:var(--color-primary)}
.megacat__list{display:grid;gap:2px}
.megacat__link{display:block;padding:8px 0;color:var(--color-muted);font-size:14px}
.megacat__link:hover{color:var(--color-primary)}
.mmenu{position:fixed;top:0;left:0;bottom:0;width:88%;max-width:360px;background:#fff;z-index:80;display:flex;flex-direction:column;animation:slideleft .2s ease}
.mmenu__head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border)}
.mmenu__body{overflow:auto;padding:10px 14px 26px}
.mmenu__link{display:flex;align-items:center;gap:13px;padding:13px 8px;border-radius:10px;font-weight:600}
.mmenu__link:hover{background:var(--color-surface)}
.mmenu__link .ic{color:var(--color-primary)}
.mmenu__sep{height:1px;background:var(--color-border);margin:10px 0}
.mmenu__contacts{padding:10px 8px;display:grid;gap:8px;color:var(--color-muted);font-size:14px}
.mmenu__phone{font-size:21px;font-weight:800;color:var(--color-text)}

/* hero */
.hero{padding:14px 0}
.hero__box{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:380px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(125deg,var(--color-primary-dark),var(--color-primary))}
.hero__media{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 12px,transparent 12px 24px)}
.hero__tag{position:absolute;top:14px;right:14px;font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(255,255,255,.5);letter-spacing:.06em}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,38,42,.82),rgba(8,38,42,.2) 55%,transparent)}
.hero__content{position:relative;padding:24px;max-width:580px}
.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.16);padding:6px 13px;border-radius:var(--r-pill);font-size:12px;font-weight:600;letter-spacing:.02em;margin-bottom:14px}
.hero__eyebrow .ic{width:14px;height:14px}
.hero__title{font-size:28px;font-weight:800;line-height:1.08;letter-spacing:-.02em;margin-bottom:10px}
.hero__text{font-size:15px;color:rgba(255,255,255,.88);margin-bottom:20px;max-width:440px}
.hero__actions{display:flex;flex-wrap:wrap;gap:10px}
.hero__dots{position:absolute;right:20px;bottom:22px;display:flex;gap:6px}
.hero__dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4)}
.hero__dot--on{background:#fff;width:22px;border-radius:5px}

/* section */
.section{padding:24px 0}
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}
.section__title{font-size:21px;font-weight:800;letter-spacing:-.01em}
.section__sub{font-size:13px;color:var(--color-muted);margin-top:3px}
.section__link{display:inline-flex;align-items:center;gap:3px;color:var(--color-primary);font-weight:600;font-size:14px;flex:none}
.section__link .ic{width:16px;height:16px}

/* category tiles */
.cats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.cat{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--color-surface);border-radius:var(--r);transition:box-shadow .15s,transform .15s,background .15s}
.cat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);background:#fff}
.cat__media{aspect-ratio:4/3;border-radius:var(--r-sm);position:relative;overflow:hidden;background:var(--color-surface-2)}
.cat__media>img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block}
.cat__name{font-weight:700;font-size:14px;line-height:1.2}
.cat__count{font-size:12px;color:var(--color-muted);margin-top:-4px}

/* product grid + card */
.products{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-border);border-radius:var(--r);overflow:hidden;transition:box-shadow .15s,border-color .15s}
.card:hover{box-shadow:var(--shadow-md);border-color:transparent}
.card__media{position:relative;aspect-ratio:1/1;cursor:pointer;background:var(--color-surface-2);overflow:hidden}
.card__media>img{width:100%;height:100%;object-fit:cover;display:block}
.card__media>.noimage,.cat__media>.noimage{position:absolute;inset:0}
.card__media .noimage__cap{max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card__imagelink{display:block;position:absolute;inset:0;z-index:2;color:inherit;text-decoration:none}
.card__media .ph{position:absolute;inset:0}
.card__badge{z-index:2}
.card__badge{position:absolute;top:10px;left:10px;padding:4px 9px;border-radius:var(--r-pill);font-size:11px;font-weight:700;color:#fff;background:var(--color-primary)}
.card__badge--sale{background:var(--color-sale)}
.card__badge--new{background:var(--color-accent)}
.card__badge--eco{background:#5a8f3c}
.card__acts{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:7px;z-index:3}
.card__fav,.card__cmp{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--color-muted);box-shadow:var(--shadow-sm);transition:color .14s,background .14s;border:0;padding:0;font:inherit;cursor:pointer}
.card__fav:hover{color:var(--color-sale)}
.card__fav--on{color:var(--color-sale)}
.card__fav--on .ic{fill:currentColor}
.card__fav .ic{width:18px;height:18px}
.card__cmp:hover{color:var(--color-primary)}
.card__cmp--on{color:#fff;background:var(--color-primary)}
.card__cmp .ic{width:17px;height:17px;stroke-width:2.4}
.card__incart{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:4px;background:var(--color-primary);color:#fff;font-size:11px;font-weight:700;padding:4px 9px 4px 7px;border-radius:var(--r-pill);box-shadow:var(--shadow-sm);pointer-events:none;z-index:2}
.card__incart .ic{width:13px;height:13px;stroke-width:2.6}
.card__body{display:flex;flex-direction:column;gap:6px;padding:12px;flex:1}
.card__brand{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-weight:600}
.card__name{font-weight:600;font-size:14px;line-height:1.25;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}
.card__name:hover{color:var(--color-primary)}
.card__specs{display:flex;flex-direction:column;gap:4px}
.cspec{display:flex;align-items:baseline;gap:6px;font-size:12px;line-height:1.3}
.cspec>span{color:var(--color-muted);flex:none}
.cspec__lead{flex:1;align-self:flex-end;border-bottom:1px dotted var(--color-border);transform:translateY(-3px)}
.cspec>b{font-weight:700;color:var(--color-text);white-space:nowrap;flex:none}
.cspec--inv{justify-content:flex-start;gap:5px;color:var(--color-primary-dark);font-weight:600;font-size:11.5px;margin-top:2px}
.cspec--inv .ic{width:13px;height:13px;flex:none;color:var(--color-primary)}
.card__rating{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-muted)}
.card__rating .ic{width:14px;height:14px;color:var(--color-star)}
.card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px}
.card__old{font-size:12px;color:var(--color-muted);text-decoration:line-through;display:block}
.card__price{font-size:18px;font-weight:800;letter-spacing:-.01em}
.card__buy{position:relative;width:44px;height:44px;border-radius:var(--r-sm);background:var(--color-accent);color:#fff;display:grid;place-items:center;flex:none}
.card__buy:hover{background:var(--color-accent-dark)}
.card__buy .ic{width:20px;height:20px}
.card__buy--in{background:var(--color-primary)}
.card__buy--in:hover{background:var(--color-primary-dark)}
.card__buybadge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#fff;color:var(--color-primary-dark);font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:var(--shadow-sm);border:1.5px solid var(--color-primary)}

/* benefits */
.benefits{display:grid;grid-template-columns:1fr;gap:10px}
.benefit{display:flex;gap:12px;align-items:flex-start;padding:14px;background:var(--color-primary-tint);border-radius:var(--r)}
.benefit__ic{width:42px;height:42px;border-radius:11px;background:#fff;color:var(--color-primary);display:grid;place-items:center;flex:none}
.benefit__t{font-weight:700;font-size:14px}
.benefit__d{font-size:12px;color:var(--color-muted);margin-top:2px}

/* calc */
.calc{position:relative;overflow:hidden;display:grid;gap:18px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:var(--r-lg);padding:26px 26px 28px}
.calc::before{content:"";position:absolute;right:-90px;top:-90px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 68%);pointer-events:none}
.calc::after{content:"";position:absolute;left:-60px;bottom:-110px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);pointer-events:none}
.calc>*{position:relative;z-index:1}
.calc__eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:rgba(255,255,255,.16);padding:6px 12px;border-radius:999px}
.calc__eyebrow .ic{width:15px;height:15px}
.calc__intro{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.calc__title{font-size:24px;font-weight:800;margin-top:12px}
.calc__text{color:rgba(255,255,255,.85);font-size:14px;max-width:360px;margin-top:6px}
.calc__photo{position:relative;border-radius:14px;overflow:hidden;height:130px;border:1px solid rgba(255,255,255,.16)}
.calc__photo .noimage{background:linear-gradient(160deg,#f3f8f9,#dfeaec)}
.calc__photo .noimage__cap{color:#7c9197}
.calc__photo-tag{position:absolute;left:10px;top:10px;z-index:2;background:rgba(255,255,255,.92);color:var(--color-primary-dark);font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px}
.calc__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch}
.calc__grid>*{min-width:0}
.calc__controls{display:flex;flex-direction:column;gap:16px}
.calc__presets{display:flex;flex-wrap:wrap;gap:8px}
.calc__chip{display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;padding:9px 14px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .12s,background .15s,color .15s}
.calc__chip small{font-size:11px;font-weight:500;color:rgba(255,255,255,.72)}
.calc__chip:hover{background:rgba(255,255,255,.22);transform:translateY(-1px)}
.calc__chip--on{background:#fff;border-color:#fff;color:var(--color-primary-dark)}
.calc__chip--on small{color:var(--color-primary)}
.calc__slider{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.calc__slider-top{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:rgba(255,255,255,.85)}
.calc__slider-top b{font-size:23px;font-weight:800;color:#fff}
.calc__range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;outline:none;cursor:pointer;background:rgba(255,255,255,.25)}
.calc__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid var(--color-primary-dark);box-shadow:0 2px 8px rgba(0,0,0,.28);cursor:pointer}
.calc__range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:5px solid var(--color-primary-dark);cursor:pointer}
.calc__slider-scale{display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.6)}
.calc__result{background:#fff;color:var(--color-text);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:15px;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.calc__result-label{font-size:11.5px;color:var(--color-muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.calc__btu{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-top:5px}
.calc__btu b{font-size:40px;font-weight:800;color:var(--color-primary-dark);line-height:.95;white-space:nowrap}
.calc__btu i{font-style:normal;font-size:15px;font-weight:700;color:var(--color-muted)}
.calc__btu em{font-style:normal;font-size:13px;font-weight:600;color:var(--color-primary);background:var(--color-surface);padding:3px 9px;border-radius:999px;align-self:center;margin-left:2px}
.calc__meter{display:flex;gap:5px;margin-top:12px}
.calc__seg{flex:1;height:7px;border-radius:999px;background:var(--color-surface-2);transition:background .2s}
.calc__seg--on{background:var(--color-primary)}
.calc__rrows{display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--color-surface-2);padding-top:14px}
.calc__rrow{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--color-text)}
.calc__rrow .ic{width:17px;height:17px;color:var(--color-primary);flex-shrink:0}
.calc__rrow b{color:var(--color-primary-dark);font-weight:700}
.calc__rrow--price{align-items:flex-start}
.calc__pricecol{display:flex;flex-direction:column;gap:1px}
.calc__pricecol span{font-size:13.5px;color:var(--color-text)}
.calc__pricecol b{font-size:28px;color:var(--color-primary-dark);font-weight:800}
.calc__cta{margin-top:2px;align-self:flex-start;justify-content:center;white-space:normal;text-align:center;font-size:14px;line-height:1.2;padding-top:12px;padding-bottom:12px}
.calc__cta .ic{flex:none}
@media(max-width:760px){.calc__grid{grid-template-columns:1fr}}

/* brands */
.brands{display:flex;flex-wrap:wrap;gap:10px}
.brand{height:58px;min-width:120px;flex:1 1 120px;border:1px solid var(--color-border);border-radius:var(--r-sm);display:grid;place-items:center;color:var(--color-muted);font-weight:700;letter-spacing:.02em;transition:border-color .15s,color .15s}
.brand:hover{border-color:var(--color-primary);color:var(--color-primary)}

/* footer */
.footer{background:#0e2f34;color:#aecccf;margin-top:36px}
.footer__cta{background:linear-gradient(120deg,var(--color-primary),var(--color-primary-dark))}
.footer__cta-in{display:flex;flex-direction:column;gap:14px;padding:24px 16px;color:#fff}
.footer__cta h3{font-size:18px;font-weight:800;letter-spacing:-.01em}
.footer__cta p{font-size:13px;color:rgba(255,255,255,.82);margin-top:4px;max-width:460px}
.footer__form{display:flex;gap:8px;flex-wrap:wrap}
.footer__form input{flex:1;min-width:170px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:var(--r-sm);padding:13px 14px;color:#fff;outline:none}
.footer__form input::placeholder{color:rgba(255,255,255,.7)}
.footer__form input:focus{border-color:#fff}
.footer__form .btn--outline{border-color:rgba(255,255,255,.5);background:transparent;color:#fff}
.footer__form .btn--outline:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.footer__main{padding:32px 0 22px}
.footer__top{display:grid;gap:28px}
.footer__accordion{border:none;background:none}
.footer__accordion summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;user-select:none}
.footer__accordion summary::-webkit-details-marker{display:none}
.footer__accordion summary h4{margin:0 0 16px;color:#fff;font-size:15px}
.footer__acc-ic{width:18px;height:18px;stroke:#9fbcbf;transition:transform .2s;flex-shrink:0}
.footer__accordion[open] .footer__acc-ic{transform:rotate(180deg)}
.footer .header__logo{color:#fff}
.footer .header__logo-text small{color:#9fbcbf}
.footer__about{font-size:13px;line-height:1.6;color:#9fbcbf;margin:12px 0 16px;max-width:290px}
.footer__col h4{color:#fff;font-size:15px;margin-bottom:14px}
.footer__col li{margin-bottom:11px;font-size:14px}
.footer__col a:hover{color:#fff}
.footer__socials{display:flex;gap:8px;margin-bottom:16px}
.footer__social{width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:11px;font-weight:700;letter-spacing:.02em;color:#cfe4e6;transition:background .15s,color .15s}
.footer__social:hover{background:var(--color-primary);color:#fff}
.footer__social svg{width:21px;height:21px;fill:currentColor}
.footer__phone{font-size:23px;font-weight:800;color:#fff;display:block;margin-bottom:12px}
.footer__call{margin-bottom:18px}
.footer__info{display:grid;gap:12px}
.footer__info li{display:flex;align-items:flex-start;gap:9px;font-size:14px;margin:0;color:#aecccf}
.footer__info .ic{width:17px;height:17px;color:var(--color-accent);flex:none;margin-top:1px}
.footer__bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding-top:18px;display:flex;flex-direction:column;gap:12px;font-size:12px;color:#7f9fa3}
.footer__bottom-links{display:flex;flex-wrap:wrap;gap:18px}
.footer__bottom-links a:hover{color:#fff}
.footer__totop{display:inline-flex;align-items:center;gap:7px;color:#aecccf;font-weight:600;font-size:13px}
.footer__totop:hover{color:#fff}
.footer__totop .ic{width:16px;height:16px}
.footer__legal{color:#5f7e82;font-size:12px;margin-top:14px;line-height:1.6}
@media(min-width:900px){
  .footer__accordion[open] ul,.footer__accordion ul{display:block!important}
  .footer__acc-ic{display:none!important}
  .footer__accordion summary{pointer-events:none;cursor:default}
}
@media(min-width:680px){
  .footer__cta-in{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}
  .footer__cta-in>div{min-width:0}
  .footer__form{flex:0 1 440px;min-width:0}
  .footer__top{grid-template-columns:1fr 1fr}
}
@media(min-width:980px){
  .footer__top{grid-template-columns:1.7fr 1fr 1fr 1.3fr}
  .footer__bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}
}

/* bottom nav */
.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:65;background:#fff;border-top:1px solid var(--color-border);display:flex;height:66px}
.bottomnav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--color-muted);position:relative}
.bottomnav__item .ic{width:23px;height:23px}
.bottomnav__item--on{color:var(--color-primary)}
.bottomnav__badge{position:absolute;top:9px;left:calc(50% + 4px);min-width:16px;height:16px;background:var(--color-accent);color:#fff;font-size:10px;font-weight:700;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.bottomnav__badge--fav{background:var(--color-sale)}
.bottomnav__badge--cmp{background:var(--color-primary)}

/* crumbs */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;color:var(--color-muted);padding:14px 0}
.crumbs a:hover{color:var(--color-primary)}
.crumbs .ic{width:13px;height:13px;opacity:.6}
.crumbs__cur{color:var(--color-text)}

/* catalog */
.catalog__topbar{display:flex;align-items:center;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.catalog__head{min-width:0;flex:1;margin-bottom:0}
.catalog__title{font-size:23px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog__count{color:var(--color-muted);font-size:14px;margin-top:2px}
.catalog__layout{display:grid;gap:18px}
.catalog__cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.catalog__cat{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--color-border);border-radius:var(--r-pill);padding:8px 14px;font-size:14px;font-weight:600;color:var(--color-text);background:#fff;transition:border-color .15s,background .15s}
.catalog__cat span{font-size:12px;font-weight:700;color:var(--color-muted);background:var(--color-surface);border-radius:var(--r-pill);padding:2px 8px}
.catalog__cat:hover{border-color:var(--color-primary);background:var(--color-primary-tint)}
.catalog__empty{padding:28px 18px;border:1.5px dashed var(--color-border);border-radius:var(--r);color:var(--color-muted);text-align:center}
.catalog__empty a{color:var(--color-primary);font-weight:600}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0;margin-bottom:0}
.toolbar__filterbtn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--color-border);border-radius:var(--r-sm);padding:11px 14px;font-weight:600;flex:none}
.toolbar__filterbtn:hover{border-color:var(--color-primary)}
.toolbar__filterbtn .ic{width:18px;height:18px}
.toolbar__filterbtn b{background:var(--color-primary);color:#fff;border-radius:9px;min-width:18px;height:18px;font-size:11px;display:grid;place-items:center;padding:0 4px}
.toolbar__sort{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-muted);flex:none}
.toolbar__sort .ic{width:18px;height:18px;flex:none;color:var(--color-muted)}
.toolbar__sort select{border:1.5px solid var(--color-border);border-radius:var(--r-sm);padding:10px 12px;font-weight:600;color:var(--color-text);background:#fff}
.toolbar__view{display:flex;align-items:center;gap:2px;border:1.5px solid var(--color-border);border-radius:var(--r-sm);padding:3px;flex:none}
.toolbar__viewbtn{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;color:var(--color-muted);transition:background .13s,color .13s}
.toolbar__viewbtn:hover{color:var(--color-text)}
.toolbar__viewbtn--on{background:var(--color-primary);color:#fff}
.toolbar__viewbtn .ic{width:18px;height:18px}
.products--list{grid-template-columns:1fr!important}
.products--list .card{flex-direction:row}
.products--list .card__media{width:160px;min-width:160px;aspect-ratio:1/1;flex:none}
.products--list .card__body{padding:14px 16px;gap:8px}
.products--list .card__specs{flex-direction:row;flex-wrap:wrap;column-gap:18px}
.products--list .card__name{min-height:auto;-webkit-line-clamp:1;font-size:15px}
.products--list .card__foot{padding-top:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--color-primary-tint);color:var(--color-primary-dark);border-radius:var(--r-pill);padding:7px 13px;font-size:13px;font-weight:600}
.chip .ic{width:14px;height:14px}

/* tag tiles */
.tagtile{margin-bottom:20px;display:grid;gap:16px}
.tagtile__group{}
.tagtile__label{font-size:13px;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px}
.tagtile__tags{display:flex;flex-wrap:wrap;gap:8px}
.tagtag{display:inline-flex;align-items:center;border:1.5px solid var(--color-border);border-radius:var(--r-pill);padding:7px 14px;font-size:13px;font-weight:600;color:var(--color-text);background:#fff;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.tagtag:hover{border-color:var(--color-primary);color:var(--color-primary-dark);background:var(--color-primary-tint)}

/* seo text */
.seo{margin-top:40px;padding-top:28px;border-top:1px solid var(--color-border);color:var(--color-muted-2,var(--color-muted));max-width:880px}
.seo h2{font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--color-text);margin-bottom:12px}
.seo h3{font-size:16px;font-weight:700;color:var(--color-text);margin:22px 0 9px}
.seo p{font-size:14.5px;line-height:1.72;margin-bottom:12px}
.seo ul{margin:0 0 12px;padding-left:0;list-style:none;display:grid;gap:8px}
.seo li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.6}
.seo li::before{content:"";position:absolute;left:4px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--color-accent)}
.seo strong{color:var(--color-text);font-weight:700}

/* filters */
.filters{position:fixed;inset:0;z-index:80;background:#fff;transform:translateX(-100%);transition:transform .22s ease;display:flex;flex-direction:column}
.filters--open{transform:none}
.filters__head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border)}
.filters__title{font-weight:800;font-size:17px}
.filters__body{overflow:auto;padding:4px 16px 16px;flex:1}
.filter{padding:18px 0;border-bottom:1px solid var(--color-border)}
.filter:last-child{border-bottom:none}
.filter__title{font-weight:700;font-size:14px;margin-bottom:13px}
.filter__list{display:grid;gap:11px}
.check{display:flex;align-items:center;gap:11px;cursor:pointer;font-size:14px}
.check input{width:18px;height:18px;accent-color:var(--color-primary);flex:none}
.check__count{margin-left:auto;color:var(--color-muted);font-size:12px}
.price{display:flex;align-items:center;gap:9px}
.price__field{flex:1;display:flex;align-items:center;gap:4px;border:1.5px solid var(--color-border);border-radius:var(--r-sm);padding:9px 11px;font-size:14px}
.price__field span{color:var(--color-muted)}
.price__field input{width:100%;border:none;outline:none;background:none;font-weight:600}
.price__dash{color:var(--color-muted)}
.range{width:100%;accent-color:var(--color-primary);margin-top:14px}
.switch{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:14px;width:100%}
.switch__track{width:42px;height:24px;border-radius:12px;background:var(--color-surface-2);position:relative;transition:background .15s;flex:none}
.switch__track--on{background:var(--color-accent)}
.switch__knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:var(--shadow-sm)}
.switch__track--on .switch__knob{transform:translateX(18px)}
.filters__foot{padding:14px 16px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:10px}
.filters__reset{background:none;border:none;color:var(--color-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:2px}
.filters__reset:hover{color:var(--color-text)}

/* pagination */
.pagination{display:flex;justify-content:center;gap:6px;margin-top:24px}
.pagination__btn{min-width:42px;height:42px;padding:0 6px;border-radius:var(--r-sm);border:1.5px solid var(--color-border);display:grid;place-items:center;font-weight:600;color:inherit;text-decoration:none;background:#fff}
a.pagination__btn{color:inherit}
.pagination__btn--on{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.pagination__btn:hover:not(.pagination__btn--on){border-color:var(--color-primary)}
.pagination__btn .ic{width:18px;height:18px}

/* product */
.product__top{display:grid;gap:20px}
.gallery{display:flex;flex-direction:column;gap:10px}
.gallery__main{position:relative;aspect-ratio:1/1;border:1px solid var(--color-border);border-radius:var(--r);overflow:hidden}
.gallery__main .ph{position:absolute;inset:0;font-size:12px}
.gallery__badges{position:absolute;top:12px;left:12px;display:flex;gap:6px}
.gallery__thumbs{display:flex;gap:8px}
.gallery__thumb{width:66px;height:66px;border-radius:var(--r-sm);border:1.5px solid var(--color-border);overflow:hidden;flex:none;cursor:pointer;position:relative}
.gallery__thumb .ph{position:absolute;inset:0;font-size:8px}
.gallery__thumb--on{border-color:var(--color-primary)}
.product__info{display:flex;flex-direction:column;gap:15px}
.product__brandrow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.product__brand{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-weight:600}
.product__art{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--color-muted)}
.product__name{font-size:23px;font-weight:800;line-height:1.15;letter-spacing:-.01em}
.product__meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--color-muted);flex-wrap:wrap}
.product__rating{display:flex;align-items:center;gap:5px}
.product__rating .ic{color:var(--color-star);width:16px;height:16px}
.product__stock{color:var(--color-accent-dark);font-weight:600;display:flex;align-items:center;gap:5px}
.product__stock .ic{width:15px;height:15px}
.highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.highlight{background:var(--color-surface);border-radius:var(--r-sm);padding:12px}
.highlight__l{font-size:12px;color:var(--color-muted)}
.highlight__v{font-weight:700;font-size:15px;margin-top:3px}
.pricebox{border:1px solid var(--color-border);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-sm)}
.pricebox__row{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}
.pricebox__price{font-size:30px;font-weight:800;letter-spacing:-.02em}
.pricebox__old{font-size:16px;color:var(--color-muted);text-decoration:line-through}
.pricebox__save{background:var(--color-sale);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill)}
.pricebox__credit{font-size:13px;color:var(--color-muted)}
.buyrow{display:flex;gap:10px;align-items:stretch}
.qty{display:flex;align-items:center;border:1.5px solid var(--color-border);border-radius:var(--r-sm);overflow:hidden;flex:none}
.qty button{width:42px;height:48px;display:grid;place-items:center;color:var(--color-muted)}
.qty button:hover{color:var(--color-primary);background:var(--color-surface)}
.qty button .ic{width:18px;height:18px}
.qty__val{width:42px;text-align:center;font-weight:700}
.buyrow .btn{flex:1}
.pricebox__1click{font-size:14px}
.pricebox__sub{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;border-top:1px solid var(--color-border);padding-top:12px}
.pricebox__sub button{display:inline-flex;align-items:center;gap:6px;color:var(--color-primary);font-weight:600}
.pricebox__sub .ic{width:16px;height:16px}
.assurance{display:grid;gap:11px;background:var(--color-surface);border-radius:var(--r);padding:15px}
.assurance__item{display:flex;gap:11px;align-items:flex-start;font-size:13px}
.assurance__item .ic{color:var(--color-primary);flex:none;width:20px;height:20px;margin-top:1px}
.assurance__item b{font-weight:700}
.assurance__item span{color:var(--color-muted)}

/* tabs */
.tabs{margin-top:26px}
.tabs__nav{display:flex;gap:4px;border-bottom:1px solid var(--color-border);overflow:auto;-ms-overflow-style:none;scrollbar-width:none}
.tabs__nav::-webkit-scrollbar{display:none}
.tab{padding:13px 14px;font-weight:600;color:var(--color-muted);border-bottom:2px solid transparent;white-space:nowrap}
.tab--on{color:var(--color-primary);border-color:var(--color-primary)}
.tabs__panel{padding:20px 0;font-size:15px;line-height:1.65;color:#2a3d43}
.tabs__panel p{margin-bottom:13px;max-width:760px}
.spec-table{width:100%;border-collapse:collapse;max-width:680px}
.spec-table tr{border-bottom:1px solid var(--color-border)}
.spec-table td{padding:12px 0;vertical-align:top}
.spec-table td:first-child{color:var(--color-muted);width:56%;padding-right:16px}
.spec-table td:last-child{font-weight:600;text-align:right}
.review{padding:16px 0;border-bottom:1px solid var(--color-border);max-width:760px}
.review__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.review__name{font-weight:700}
.review__date{font-size:12px;color:var(--color-muted)}
.review__stars{display:flex;gap:2px;color:var(--color-star)}
.review__stars .ic{width:14px;height:14px}

/* toast */
.toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:var(--color-text);color:#fff;padding:13px 18px;border-radius:var(--r-sm);font-weight:600;font-size:14px;z-index:90;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px;animation:slideup .2s ease}
.toast .ic{width:18px;height:18px;color:var(--color-accent)}

/* ===== cart + checkout ===== */
.pagehead{padding:6px 0 4px}
.pagehead__title{font-size:23px;font-weight:800;letter-spacing:-.01em}
.pagehead__sub{color:var(--color-muted);font-size:14px;margin-top:4px}
.cartwrap{display:grid;gap:18px;padding-bottom:14px}
.checkout{display:grid;gap:18px;padding-bottom:14px}
.cartcol{display:flex;flex-direction:column;gap:12px}
.cartbar{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cartbar__clear{display:inline-flex;align-items:center;gap:6px;color:var(--color-muted);font-size:13px;font-weight:600;border:none;background:none;padding:0;cursor:pointer;font-family:inherit}
.cartbar__clear:hover{color:var(--color-sale)}
.cartbar__clear .ic{width:15px;height:15px}
.citem{display:grid;grid-template-columns:84px 1fr;gap:13px;border:1px solid var(--color-border);border-radius:var(--r);padding:13px;background:#fff;position:relative}
.citem__media{width:84px;height:84px;border-radius:var(--r-sm);position:relative;overflow:hidden;flex:none;cursor:pointer}
.citem__media .noimage{inset:0}
.citem__body{display:flex;flex-direction:column;gap:5px;min-width:0}
.citem__brand{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-weight:600}
.citem__name{font-weight:600;font-size:14px;line-height:1.25;cursor:pointer;padding-right:24px}
.citem__name:hover{color:var(--color-primary)}
.citem__specs{font-size:12px;color:var(--color-muted)}
.citem__stockwarn{font-size:12px;color:var(--color-sale);font-weight:600;display:flex;align-items:center;gap:4px}
.citem__stockwarn .ic{width:13px;height:13px}
.citem__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;flex-wrap:wrap}
.citem__qty{display:flex;align-items:center;border:1.5px solid var(--color-border);border-radius:var(--r-sm);overflow:hidden}
.citem__qty button{width:34px;height:38px;display:grid;place-items:center;color:var(--color-muted)}
.citem__qty button:hover{color:var(--color-primary);background:var(--color-surface)}
.citem__qty button .ic{width:16px;height:16px}
.citem__qty span{width:38px;text-align:center;font-weight:700;font-size:14px}
.citem__prices{text-align:right;margin-left:auto}
.citem__line{font-size:17px;font-weight:800;letter-spacing:-.01em}
.citem__each{font-size:12px;color:var(--color-muted);margin-top:1px}
.citem__remove{position:absolute;top:11px;right:11px;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--color-muted);border:none;background:transparent;padding:0;cursor:pointer}
.citem__remove:hover{background:var(--color-surface);color:var(--color-sale)}
.citem__remove .ic{width:17px;height:17px}
.cartextra{border:1px dashed var(--color-border);border-radius:var(--r);padding:14px;display:flex;gap:12px;align-items:center}
.cartextra__ic{width:42px;height:42px;border-radius:11px;background:var(--color-primary-tint);color:var(--color-primary);display:grid;place-items:center;flex:none}
.cartextra__t{font-weight:700;font-size:14px}
.cartextra__d{font-size:12px;color:var(--color-muted);margin-top:2px}
.cartextra .switch{width:auto;margin-left:auto;flex:none}
.summary{border:1px solid var(--color-border);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:13px;box-shadow:var(--shadow-sm);background:#fff}
.summary__title{font-weight:800;font-size:17px}
.promo{display:flex;gap:8px}
.promo input{flex:1;min-width:0;border:1.5px solid var(--color-border);border-radius:var(--r-sm);padding:11px 13px;outline:none;text-transform:uppercase}
.promo input:focus{border-color:var(--color-primary)}
.promo button{flex:none}
.promo__msg{font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:5px}
.promo__msg .ic{width:14px;height:14px}
.promo__msg--ok{color:var(--color-accent-dark)}
.promo__msg--err{color:var(--color-sale)}
.summary__lines{display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--color-border);padding-top:13px}
.sline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}
.sline__l{color:var(--color-muted);flex:1;min-width:0}
.sline__v{font-weight:600;white-space:nowrap;flex:none}
.sline__v--free{color:var(--color-accent-dark)}
.sline__v--disc{color:var(--color-sale)}
.summary__total{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:1px solid var(--color-border);padding-top:13px}
.summary__total span{font-weight:700;font-size:15px}
.summary__total b{font-size:24px;font-weight:800;letter-spacing:-.02em}
.summary__note{font-size:12px;color:var(--color-muted);display:flex;gap:7px;align-items:flex-start}
.summary__note .ic{width:15px;height:15px;color:var(--color-primary);flex:none;margin-top:1px}
.summary__trust{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}
.trustchip{display:inline-flex;align-items:center;gap:5px;background:var(--color-surface);border-radius:var(--r-pill);padding:6px 11px;font-size:11.5px;font-weight:600;color:var(--color-muted)}
.trustchip .ic{width:13px;height:13px;color:var(--color-primary)}
.empty{text-align:center;padding:50px 20px;display:flex;flex-direction:column;align-items:center;gap:6px}
.empty__ic{width:78px;height:78px;border-radius:50%;background:var(--color-surface);color:var(--color-muted);display:grid;place-items:center;margin-bottom:8px}
.empty__ic .ic{width:36px;height:36px}
.empty__t{font-weight:800;font-size:19px}
.empty__d{color:var(--color-muted);font-size:14px;max-width:340px;margin-bottom:10px}

/* favorites + compare */
.favhead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding:6px 0 14px}
.favhead__acts{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.favbtn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 15px;border-radius:var(--r-sm);border:1px solid var(--color-border);background:#fff;font-size:13px;font-weight:600;color:var(--color-muted);transition:color .14s,border-color .14s}
.favbtn:hover{color:var(--color-sale);border-color:var(--color-sale)}
.favbtn .ic{width:16px;height:16px}
.favbtn--accent{background:var(--color-accent);border-color:var(--color-accent);color:#fff}
.favbtn--accent:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark);color:#fff}
.products--fav{padding-bottom:18px}
.cmp__legend{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--color-muted);font-weight:600}
.cmp__legend-dot{width:13px;height:13px;border-radius:4px;background:var(--color-primary-tint);border:1.5px solid var(--color-primary);flex:none}
.cmp__scroll{overflow-x:auto;padding-bottom:6px;margin:0 -2px}
.cmp__grid{display:grid;min-width:max-content;border:1px solid var(--color-border);border-radius:var(--r);overflow:hidden;background:#fff}
.cmp__corner{position:sticky;left:0;z-index:4;background:var(--color-surface);padding:16px;font-weight:800;font-size:14px;display:flex;align-items:flex-end;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.cmp__prod{position:relative;padding:16px 14px 15px;display:flex;flex-direction:column;gap:7px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#fff}
.cmp__prod:last-child{border-right:none}
.cmp__remove{position:absolute;top:9px;right:9px;width:26px;height:26px;border-radius:50%;background:var(--color-surface);color:var(--color-muted);display:grid;place-items:center}
.cmp__remove:hover{background:var(--color-sale);color:#fff}
.cmp__remove .ic{width:14px;height:14px}
.cmp__prodmedia{position:relative;aspect-ratio:4/3;border-radius:var(--r-sm);overflow:hidden;cursor:pointer;background:var(--color-surface-2)}
.cmp__prodmedia .noimage{position:absolute;inset:0}
.cmp__prodbrand{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-weight:600;margin-top:3px}
.cmp__prodname{font-weight:600;font-size:13.5px;line-height:1.3;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}
.cmp__prodname:hover{color:var(--color-primary)}
.cmp__prodprice{display:flex;flex-direction:column;gap:1px;margin-top:auto;padding-top:4px}
.cmp__buy{margin-top:6px;gap:7px}
.cmp__buy .ic{width:17px;height:17px}
.cmp__incart{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--color-primary-dark);margin-top:2px}
.cmp__incart .ic{width:13px;height:13px;stroke-width:2.6}
.cmp__rowlabel{position:sticky;left:0;z-index:3;background:var(--color-surface);padding:13px 16px;font-size:13px;font-weight:600;color:var(--color-muted);display:flex;align-items:center;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.cmp__cell{padding:13px 14px;font-size:13.5px;font-weight:600;display:flex;align-items:center;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.cmp__cell--best{background:var(--color-primary-tint);color:var(--color-primary-dark);font-weight:800}

/* checkout */
.cosection{border:1px solid var(--color-border);border-radius:var(--r);padding:18px;margin-bottom:14px;background:#fff}
.cosection__title{display:flex;align-items:center;gap:11px;font-weight:800;font-size:16px;margin-bottom:16px}
.cosection__num{width:27px;height:27px;border-radius:50%;background:var(--color-primary);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}
.fieldgrid{display:grid;gap:13px}
.field{display:flex;flex-direction:column;gap:6px}
.field>label{font-size:13px;color:var(--color-muted);font-weight:600}
.field input,.field textarea{border:1.5px solid var(--color-border);border-radius:var(--r-sm);padding:12px 13px;outline:none;background:#fff;width:100%;font-family:inherit}
.field input:focus,.field textarea:focus{border-color:var(--color-primary)}
.field textarea{resize:vertical;min-height:78px}
.field--full{grid-column:1/-1}
.optcards{display:grid;gap:10px}
.optcard{display:flex;gap:12px;align-items:flex-start;text-align:left;border:1.5px solid var(--color-border);border-radius:var(--r-sm);padding:14px;cursor:pointer;transition:border-color .15s,background .15s}
.optcard:hover{border-color:var(--color-primary)}
.optcard--on{border-color:var(--color-primary);background:var(--color-primary-tint)}
.optcard__radio{width:21px;height:21px;border-radius:50%;border:2px solid var(--color-border);flex:none;display:grid;place-items:center;margin-top:1px;transition:border-color .15s}
.optcard--on .optcard__radio{border-color:var(--color-primary)}
.optcard__radio::after{content:'';width:11px;height:11px;border-radius:50%;background:var(--color-primary);transform:scale(0);transition:transform .15s}
.optcard--on .optcard__radio::after{transform:scale(1)}
.optcard__body{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.optcard__t{font-weight:700;font-size:14.5px}
.optcard__d{font-size:13px;color:var(--color-muted);margin-top:2px}
.optcard__price{font-weight:700;font-size:14px;white-space:nowrap;flex:none;text-align:right}
.optcard__price--free{color:var(--color-accent-dark)}
.coslot{overflow:hidden;max-height:0;opacity:0;transition:max-height .2s ease,opacity .2s ease,margin .2s ease,padding .2s ease;border-top:1px dashed transparent}
.coslot--open{max-height:640px;opacity:1;margin-top:13px;padding-top:13px;border-top-color:var(--color-border)}
.miniitems{display:flex;flex-direction:column;gap:11px;border-top:1px solid var(--color-border);padding-top:13px}
.mini{display:flex;gap:11px;align-items:center}
.mini__media{width:48px;height:48px;border-radius:9px;position:relative;overflow:hidden;flex:none}
.mini__media .noimage{inset:0}
.mini__body{min-width:0;flex:1}
.mini__name{font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mini__qty{font-size:12px;color:var(--color-muted)}
.mini__price{font-weight:700;font-size:13.5px;white-space:nowrap}
.coplace{position:sticky;bottom:0}
.cobackbar{display:flex;align-items:center;gap:8px;color:var(--color-primary);font-weight:600;font-size:14px;padding:14px 0 2px}
.cobackbar .ic{width:17px;height:17px}
.cobackbar:hover{color:var(--color-primary-dark)}

/* order success */
.success{max-width:560px;margin:0 auto;text-align:center;padding:52px 20px 72px}
.success__ic{width:80px;height:80px;border-radius:50%;background:var(--color-primary-tint);color:var(--color-accent-dark);display:grid;place-items:center;margin:0 auto 28px}
.success__ic .ic{width:40px;height:40px;stroke-width:2.4}
.success__t{font-size:26px;font-weight:800;letter-spacing:-.01em;margin:0 0 14px;line-height:1.25}
.success__d{color:var(--color-muted);font-size:15px;line-height:1.65;margin:0 auto 32px;max-width:440px}
.success .section__title{font-size:26px;margin:0 0 14px;line-height:1.25}
.success .section__sub{font-size:15px;line-height:1.65;margin:0 auto 32px;max-width:440px}
.success__card{border:1px solid var(--color-border);border-radius:var(--r);padding:22px;text-align:left;margin:0 0 28px;width:100%;background:#fff;box-shadow:var(--shadow-sm)}
.success__num{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--color-border)}
.success__num small{font-size:12px;color:var(--color-muted);display:block;margin-bottom:4px}
.success__num b{font-size:19px;font-weight:800;font-family:'JetBrains Mono',monospace;letter-spacing:.01em}
.success__num .summary__total{border:none;padding:0}
.success__steps{display:grid;gap:14px;text-align:left;margin:0 0 32px;width:100%}
.sstep{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.55}
.sstep__n{width:26px;height:26px;border-radius:50%;background:var(--color-surface);color:var(--color-primary);font-weight:700;font-size:13px;display:grid;place-items:center;flex:none;margin-top:1px}
.sstep b{font-weight:700}
.sstep span{color:var(--color-muted)}
.success__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:4px;width:100%}
.success > .btn{min-width:220px}

/* info pages (доставка / монтаж / гарантия) */
.infohero{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:30px 22px;color:#fff;background:linear-gradient(125deg,var(--color-primary),var(--color-primary-dark));margin-top:4px}
.infohero--install{background:linear-gradient(125deg,var(--color-accent-dark),#0e4a4f)}
.infohero--warranty{background:linear-gradient(125deg,#155a61,#0e2f34)}
.infohero--legal{background:linear-gradient(125deg,#1a4a52,#0e2f34)}
.infohero__pat{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 12px,transparent 12px 24px)}
.infohero__in{position:relative;max-width:640px}
.infohero__eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.16);padding:6px 13px;border-radius:var(--r-pill);font-size:12px;font-weight:600;margin-bottom:14px}
.infohero__eyebrow .ic{width:15px;height:15px}
.infohero__title{font-size:27px;font-weight:800;line-height:1.1;letter-spacing:-.02em}
.infohero__text{font-size:15px;color:rgba(255,255,255,.88);margin-top:10px;max-width:520px;line-height:1.55}
.infohero__stats{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:22px}
.infostat b{font-size:21px;font-weight:800;display:block;letter-spacing:-.01em}
.infostat span{font-size:12px;color:rgba(255,255,255,.78)}

.infogrid{display:grid;grid-template-columns:1fr;gap:12px}
.infocard{background:#fff;border:1px solid var(--color-border);border-radius:var(--r);padding:18px;box-shadow:var(--shadow-sm)}
.infocard__ic{width:46px;height:46px;border-radius:12px;background:var(--color-primary-tint);color:var(--color-primary-dark);display:grid;place-items:center;margin-bottom:13px}
.infocard__ic .ic{width:24px;height:24px}
.infocard h3{font-size:16px;font-weight:700;letter-spacing:-.01em}
.infocard p{font-size:13px;color:var(--color-muted);margin-top:6px;line-height:1.55}
.infocard__price{margin-top:13px;padding-top:12px;border-top:1px solid var(--color-border);font-weight:800;font-size:18px;color:var(--color-primary-dark)}
.infocard__price small{font-size:12px;color:var(--color-muted);font-weight:500}

.steps{display:grid;gap:0}
.step{display:flex;gap:15px;padding-bottom:22px;position:relative}
.step:last-child{padding-bottom:0}
.step:not(:last-child)::before{content:'';position:absolute;left:18px;top:40px;bottom:4px;width:2px;background:var(--color-border)}
.step__n{width:38px;height:38px;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center;flex:none;z-index:1}
.step__b{padding-top:6px}
.step__b h3{font-size:15px;font-weight:700}
.step__b p{font-size:13px;color:var(--color-muted);margin-top:4px;line-height:1.55}

.infotable{border:1px solid var(--color-border);border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
.inforow{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;font-size:14px}
.inforow:not(:last-child){border-bottom:1px solid var(--color-border)}
.inforow span{color:var(--color-muted)}
.inforow b{font-weight:700;text-align:right;flex:none}
.inforow--head{background:var(--color-surface)}
.inforow--head span,.inforow--head b{color:var(--color-text);font-weight:700}

.paygrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pay{display:flex;flex-direction:column;gap:7px;border:1px solid var(--color-border);border-radius:var(--r);padding:15px;background:#fff}
.pay__ic{width:40px;height:40px;border-radius:10px;background:var(--color-surface);color:var(--color-primary-dark);display:grid;place-items:center}
.pay__ic .ic{width:22px;height:22px}
.pay b{font-size:14px;font-weight:700}
.pay span{font-size:12px;color:var(--color-muted);line-height:1.45}

.faq{display:grid;gap:10px}
.faq__item{border:1px solid var(--color-border);border-radius:var(--r);padding:15px 17px;background:#fff}
.faq__q{font-weight:700;font-size:14px;display:flex;gap:9px;align-items:flex-start}
.faq__q .ic{width:18px;height:18px;color:var(--color-primary);flex:none;margin-top:1px}
.faq__a{font-size:13px;color:var(--color-muted);margin-top:7px;line-height:1.55;padding-left:27px}

.checklist{display:grid;gap:11px;background:var(--color-surface);border-radius:var(--r);padding:18px}
.checklist li{display:flex;gap:11px;align-items:flex-start;font-size:14px}
.checklist .ic{width:20px;height:20px;color:var(--color-accent-dark);flex:none;margin-top:1px}

.infocta{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--r-lg);padding:24px;color:#fff;display:flex;flex-direction:column;gap:15px}
.infocta::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 12px,transparent 12px 24px);pointer-events:none}
.infocta>*{position:relative}
.infocta h3{font-size:19px;font-weight:800;letter-spacing:-.01em}
.infocta p{font-size:14px;color:rgba(255,255,255,.85);max-width:480px;line-height:1.5}
.infocta__row{display:flex;flex-wrap:wrap;gap:10px}
.infocta .btn--outline{border-color:rgba(255,255,255,.5);background:transparent;color:#fff}
.infocta .btn--outline:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}

/* city modal */
.modal{position:fixed;inset:0;z-index:85;display:flex;align-items:flex-end;justify-content:center;padding:0}
.modal__card{position:relative;width:100%;max-width:680px;max-height:88vh;display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-lg);animation:slideup .2s ease;overflow:hidden}
.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 22px 14px}
.modal__eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary)}
.modal__eyebrow .ic{width:15px;height:15px}
.modal__title{font-size:21px;font-weight:800;letter-spacing:-.01em;margin-top:7px}
.modal__sub{font-size:13.5px;color:var(--color-muted);margin-top:5px;line-height:1.5;max-width:440px}
.modal__body{overflow:auto;padding:4px 22px 24px}
.citygrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.citytile{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;border:1px solid var(--color-border);border-radius:var(--r-sm);background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s;font:inherit}
a.citytile{text-decoration:none;color:inherit;cursor:pointer}
button.citytile{width:100%;font:inherit;cursor:pointer}
.citytile:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}
.citytile__ic{flex:none;width:38px;height:38px;border-radius:10px;background:var(--color-primary-tint);color:var(--color-primary-dark);display:grid;place-items:center}
.citytile__ic .ic{width:20px;height:20px}
.citytile__b{min-width:0;display:flex;flex-direction:column;gap:2px}
.citytile__name{font-weight:700;font-size:14.5px}
.citytile__meta{font-size:11.5px;color:var(--color-muted)}
.citytile__arrow{margin-left:auto;color:var(--color-muted)}
.citytile__arrow .ic{width:17px;height:17px}
.modal__foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--color-border);background:var(--color-surface);padding:14px 22px;font-size:13px;color:var(--color-muted)}
.modal__foot .ic{width:16px;height:16px;color:var(--color-primary)}
.modal__card--req{max-width:520px}
.modal[hidden],.overlay[hidden]{display:none!important}

/* request modal form */
.reqform{display:grid;gap:16px}
.reqform__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.reqform__note{font-size:12px;color:var(--color-muted);text-align:center;line-height:1.5;margin:0}
.reqform__note a{color:var(--color-primary);font-weight:600}
.reqfield{display:grid;gap:6px}
.reqlabel{font-size:13px;font-weight:600;color:var(--color-text)}
.reqreq{color:#c0392b}
.reqinput{border:1.5px solid var(--color-border);border-radius:var(--r-sm);padding:11px 14px;font-size:14.5px;font-family:inherit;color:var(--color-text);outline:none;transition:border-color .15s,box-shadow .15s;background:#fff;width:100%;box-sizing:border-box}
.reqinput:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-tint)}
.reqtextarea{resize:vertical;min-height:88px}
.reqsuccess{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 22px 40px;text-align:center}
.reqsuccess__ic{width:66px;height:66px;border-radius:50%;background:var(--color-primary-tint);color:var(--color-primary-dark);display:grid;place-items:center}
.reqsuccess__ic .ic{width:32px;height:32px}
.reqsuccess__title{font-size:22px;font-weight:800;letter-spacing:-.01em}
.reqsuccess__sub{font-size:14px;color:var(--color-muted);line-height:1.6;max-width:320px}

/* city landing page */
.citychips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.citychip{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-pill);padding:7px 14px;font-size:13px;font-weight:600;color:var(--color-text);transition:border-color .15s,color .15s}
.citychip:hover{border-color:var(--color-primary);color:var(--color-primary)}
.citychip--on{background:var(--color-primary);border-color:var(--color-primary);color:#fff}
.citychip .ic{width:14px;height:14px}
.cityintro{display:grid;gap:14px;font-size:15px;line-height:1.65;color:#33474d;max-width:760px}
.cityintro p b{color:var(--color-text)}
.cityserv{display:grid;grid-template-columns:1fr;gap:11px}
.cityserv__item{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--color-border);border-radius:var(--r);padding:15px 16px;box-shadow:var(--shadow-sm)}
.cityserv__ic{flex:none;width:42px;height:42px;border-radius:11px;background:var(--color-primary-tint);color:var(--color-primary-dark);display:grid;place-items:center}
.cityserv__ic .ic{width:22px;height:22px}
.cityserv__b h3{font-size:15px;font-weight:700}
.cityserv__b p{font-size:13px;color:var(--color-muted);margin-top:4px;line-height:1.55}

@media(min-width:680px){
  .infogrid--3{grid-template-columns:repeat(3,1fr)}
  .infogrid--2{grid-template-columns:repeat(2,1fr)}
  .paygrid{grid-template-columns:repeat(4,1fr)}
  .infohero{padding:42px 38px}
  .infohero__title{font-size:34px}
  .infocta{flex-direction:row;align-items:center;justify-content:space-between}
  .cityserv{grid-template-columns:repeat(2,1fr)}
  .citygrid{grid-template-columns:repeat(3,1fr)}
}

@media(min-width:600px){
  .cats{grid-template-columns:repeat(3,1fr)}
  .products{grid-template-columns:repeat(3,1fr)}
  .benefits{grid-template-columns:repeat(4,1fr)}
  .highlights{grid-template-columns:repeat(4,1fr)}
  .fieldgrid--2{grid-template-columns:1fr 1fr}
  .hero__title{font-size:34px}
}
@media(min-width:900px){
  body{padding-bottom:0}
  .topbar{display:block}
  .header__burger{display:none}
  .header__logo-text small{display:block}
  .header__catalog{display:inline-flex}
  .catalog-btn{display:inline-flex}
  .header__search{display:flex}
  .searchbar{display:none}
  .action__label{display:block}
  .action--acc,.action--cmp{display:inline-flex}
  .bottomnav{display:none}
  .megamenu{position:absolute;top:calc(var(--header-h) + 1px);left:0;right:0;bottom:auto;max-width:var(--container);margin:0 auto;border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:var(--shadow-lg);max-height:78vh}
  .megamenu__body{grid-template-columns:repeat(3,1fr);gap:14px 28px;padding:22px 24px 26px}
  .cats{grid-template-columns:repeat(4,1fr)}
  .products{grid-template-columns:repeat(4,1fr)}
  .benefits{grid-template-columns:repeat(4,1fr)}
  .hero__box{min-height:460px}
  .hero__content{padding:40px}
  .hero__title{font-size:42px}
  .section{padding:30px 0}
  .section__title{font-size:25px}
  .catalog__layout{grid-template-columns:266px 1fr;align-items:start}
  .filters{position:sticky;top:calc(var(--header-h) + 14px);transform:none;display:block;background:transparent;border:1px solid var(--color-border);border-radius:var(--r);max-height:none;overflow:visible;z-index:1}
  .filters__head{display:none}
  .filters__body{overflow:visible;padding:4px 16px}
  .filters__foot{position:static}
  .toolbar__filterbtn{display:none}
  .product__top{grid-template-columns:1fr 1fr;gap:32px;align-items:start}
  .product__name{font-size:27px}
  .cartwrap{grid-template-columns:1fr 360px;align-items:start;gap:26px}
  .cartwrap--single{grid-template-columns:1fr}
  .summary{position:sticky;top:calc(var(--header-h) + 14px)}
  .checkout{grid-template-columns:1fr 372px;align-items:start;gap:26px}
}
@media(min-width:1100px){
  .product__top{grid-template-columns:1.05fr 1fr}
}

/* ===== stars utility ===== */
.stars{display:inline-flex;gap:2px;font-size:15px;color:var(--color-border);line-height:1}
.stars--lg{font-size:23px;gap:3px}
.star--on{color:var(--color-star)}

/* ===== articles ===== */
.artchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.artchip{padding:9px 16px;border-radius:var(--r-pill);border:1.5px solid var(--color-border);background:#fff;font-size:13px;font-weight:600;color:var(--color-muted);transition:border-color .15s,color .15s,background .15s}
.artchip:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}
.artchip--on{border-color:var(--color-primary);background:var(--color-primary-tint);color:var(--color-primary-dark)}
.artgrid{display:grid;grid-template-columns:1fr;gap:14px}
.artcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-border);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .08s}
.artcard__link{display:flex;flex-direction:column;flex:1;color:inherit;height:100%}
.artcard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.artcard__media{position:relative;aspect-ratio:16/10;background:var(--color-surface-2);overflow:hidden}
body.bx-theme-cond .artcard__media>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}
.artcard__media .noimage{position:absolute;inset:0}
.artcard__cat{position:absolute;left:11px;top:11px;background:rgba(255,255,255,.93);color:var(--color-primary-dark);font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);z-index:2}
.artcard__body{padding:15px 16px 17px;display:flex;flex-direction:column;gap:8px;flex:1}
.artcard__meta{font-size:12px;color:var(--color-muted);display:flex;align-items:center;gap:9px}
.artcard__meta i{width:3px;height:3px;border-radius:50%;background:currentColor;display:block}
.artcard__title{font-weight:700;font-size:16px;line-height:1.32;letter-spacing:-.01em;text-wrap:pretty}
.artcard__excerpt{font-size:13px;color:var(--color-muted);line-height:1.55}
.artcard__more{margin-top:auto;color:var(--color-primary-dark);font-weight:600;font-size:13px;display:inline-flex;gap:6px;align-items:center}
.artcard__more .ic{width:16px;height:16px}
/* article detail */
.article-layout{display:grid;gap:22px}
.article-layout--solo{max-width:768px;margin:0 auto}
.article-layout__main{min-width:0}
.article-layout__side{display:none;min-width:0}
.article{min-width:0}
.articletoc--mobile{display:block;margin-bottom:18px}
.articletoc--desktop{display:none}
.article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--color-muted);margin-bottom:14px}
.article__cat{background:var(--color-primary-tint);color:var(--color-primary-dark);font-weight:700;padding:4px 11px;border-radius:var(--r-pill)}
.article__title{font-size:26px;font-weight:800;line-height:1.18;letter-spacing:-.02em;margin:10px 0 24px;text-wrap:pretty}
.article__cover{position:relative;aspect-ratio:16/8;border-radius:var(--r-lg);overflow:hidden;background:var(--color-surface-2);margin-bottom:22px}
body.bx-theme-cond .article__cover>img{width:100%;height:100%;object-fit:cover;display:block}
.article__lead{font-size:17px;line-height:1.62;color:var(--color-text);font-weight:500;margin-bottom:6px}
.article__body h2{font-size:20px;font-weight:800;letter-spacing:-.01em;margin:26px 0 10px;text-wrap:pretty;scroll-margin-top:calc(var(--header-h) + 18px)}
.article__body p{font-size:15px;line-height:1.7;color:#33474d;margin-bottom:13px}
.article__body ul{display:grid;gap:9px;margin:6px 0 16px}
.article__body li{position:relative;padding-left:24px;font-size:15px;line-height:1.6;color:#33474d}
.article__body li::before{content:'';position:absolute;left:4px;top:8px;width:8px;height:8px;border-radius:2px;background:var(--color-accent)}
.legaldoc{max-width:820px}
.legaldoc .article__meta{margin-top:0}
.legaldoc .article__title{font-size:24px;margin-bottom:8px}
.legaldoc .article__body h2:first-child{margin-top:0}
.article__body a{color:var(--color-primary);font-weight:600}
.article__body a:hover{color:var(--color-primary-dark)}
.article__note{background:var(--color-surface);border-left:3px solid var(--color-primary);border-radius:0 var(--r) var(--r) 0;padding:15px 18px;font-size:14px;line-height:1.62;color:var(--color-text);margin:18px 0}
.article__share{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--color-border);margin-top:26px;padding-top:18px;overflow:visible;position:relative;z-index:2}
.article__share:has(.share--open){z-index:95}
.article__share-back{margin-left:auto}
/* share block */
.share{position:relative;display:inline-flex;min-width:0}
.share.share--open{z-index:96}
.share__toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border-radius:11px;background:var(--color-surface);color:var(--color-primary-dark);font-size:14px;font-weight:600;transition:background .15s,color .15s}
.share__toggle:hover,.share__toggle[aria-expanded="true"]{background:var(--color-primary-tint);color:var(--color-primary-dark)}
.share__toggle .ic{width:19px;height:19px;flex:none}
.share__toggle-label{line-height:1}
.share__backdrop{position:fixed;inset:0;background:rgba(13,36,40,.48);z-index:94;animation:fade .15s ease}
.share__menu{position:fixed;left:0;right:0;top:auto;bottom:0;z-index:96;background:#fff;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-lg);padding:0 0 calc(10px + env(safe-area-inset-bottom, 0px));animation:slideup .2s ease;max-height:min(78vh,520px);overflow:auto}
.share__sheet-handle{width:40px;height:4px;border-radius:var(--r-pill);background:var(--color-border);margin:10px auto 0}
.share__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 8px;border-bottom:1px solid var(--color-border)}
.share__title{font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--color-text)}
.share__list{display:grid;gap:4px;margin:0;padding:8px 10px 10px;list-style:none}
.share__item{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 12px;border-radius:var(--r-sm);font-size:15px;font-weight:600;color:var(--color-text);text-align:left;transition:background .15s}
.share__item:hover,.share__item:focus-visible{background:var(--color-surface);outline:none}
.share__ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none}
.share__ic svg{width:20px;height:20px}
.share__item--vk .share__ic{background:#e8f1fc;color:#2787f5}
.share__item--tg .share__ic{background:#e5f4fb;color:#2aabee}
.share__item--wa .share__ic{background:#e7f8ef;color:#25d366}
.share__item--mail .share__ic{background:var(--color-surface);color:var(--color-primary-dark)}
.share__item--copy .share__ic{background:var(--color-primary-tint);color:var(--color-primary-dark)}
.share__item--copy.is-done .share__ic{background:var(--color-accent);color:#fff}
.share__item--copy.is-done .share__label{color:var(--color-accent-dark)}
.share__feedback{margin:0;padding:0 16px 14px;font-size:13px;font-weight:600;color:var(--color-accent-dark)}
body.share-open{overflow:hidden}
@media(min-width:900px){
  .share__backdrop{display:none!important}
  .share.share--open{z-index:96}
  .share__menu{position:absolute;left:0;right:auto;top:calc(100% + 8px);bottom:auto;width:min(292px,calc(100vw - 32px));max-height:min(70vh,420px);overflow:auto;z-index:97;border-radius:var(--r);padding:0;box-shadow:var(--shadow-md);animation:fade .12s ease}
  .share__menu.share__menu--up{top:auto;bottom:calc(100% + 8px)}
  .share__sheet-handle{display:none}
  .share__head{padding:12px 14px 6px;border-bottom:none}
  .share__title{font-size:13px;font-weight:700;color:var(--color-muted)}
  .share__close{display:none}
  .share__list{padding:4px 8px 8px}
  .share__item{min-height:42px;padding:8px 10px;font-size:14px}
  .share__ic{width:36px;height:36px;border-radius:10px}
  .share__ic svg{width:18px;height:18px}
}
.articletoc{background:#fff;border:1px solid var(--color-border);border-radius:var(--r-lg);padding:18px 18px 16px;box-shadow:var(--shadow-sm)}
.articletoc__h{font-size:14px;font-weight:800;letter-spacing:-.01em;margin-bottom:12px;color:var(--color-text)}
.articletoc__list{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:articletoc}
.articletoc__list li{counter-increment:articletoc}
.articletoc__list a{display:block;font-size:13px;line-height:1.45;color:var(--color-muted);font-weight:500;padding:6px 8px 6px 28px;border-radius:var(--r-sm);position:relative;transition:color .15s,background .15s}
.articletoc__list a::before{content:counter(articletoc);position:absolute;left:8px;top:6px;width:18px;height:18px;border-radius:6px;background:var(--color-surface);color:var(--color-primary-dark);font-size:11px;font-weight:700;display:grid;place-items:center;font-family:var(--font-mono, 'JetBrains Mono', monospace)}
.articletoc__list a:hover{color:var(--color-primary-dark);background:var(--color-surface)}
.articletoc__list a.is-active{color:var(--color-primary-dark);background:var(--color-primary-tint);font-weight:600}
@media(min-width:900px){
  .article-layout:not(.article-layout--solo){grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:32px}
  .article-layout__side{display:block;position:sticky;top:calc(var(--header-h) + 14px)}
  .article__title{font-size:28px;margin:12px 0 28px}
  .articletoc--mobile{display:none}
  .articletoc--desktop{display:block}
}

/* ===== promotions ===== */
.promogrid{display:grid;grid-template-columns:1fr;gap:14px}
.promocard{position:relative;overflow:hidden;border-radius:var(--r-lg);color:#fff;padding:22px;display:flex;flex-direction:column;min-height:226px;box-shadow:var(--shadow-md)}
.promocard--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))}
.promocard--accent{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark))}
.promocard--deep{background:linear-gradient(135deg,#1c5e87,#0e2f34)}
.promocard__pat{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 12px,transparent 12px 24px)}
.promocard__badge{position:relative;align-self:flex-start;background:rgba(255,255,255,.2);font-size:11px;font-weight:700;padding:5px 12px;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.03em}
.promocard__disc{position:relative;font-size:40px;font-weight:800;letter-spacing:-.02em;margin:14px 0 2px;line-height:1}
.promocard__title{position:relative;font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.25;text-wrap:pretty}
.promocard__sub{position:relative;font-size:13px;color:rgba(255,255,255,.85);margin-top:4px;line-height:1.45}
.promocard__terms{position:relative;display:grid;gap:7px;margin-top:14px}
.promocard__terms li{position:relative;padding-left:22px;font-size:13px;color:rgba(255,255,255,.9);line-height:1.45}
.promocard__terms li::before{content:'';position:absolute;left:2px;top:6px;width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.7)}
.promocard__foot{position:relative;margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.promocard__ends{font-size:12px;font-weight:600;color:rgba(255,255,255,.9);display:inline-flex;align-items:center;gap:6px}
.promocard__ends .ic{width:15px;height:15px}
.promocard__btn{background:#fff;color:var(--color-primary-dark);font-weight:700;font-size:13px;padding:10px 16px;border-radius:var(--r-sm);white-space:nowrap}
.promocard__btn:hover{background:rgba(255,255,255,.88)}
.promocard--accent .promocard__btn,.promocard--deep .promocard__btn{color:var(--color-primary-dark)}

/* ===== reviews ===== */
.revsum{display:grid;grid-template-columns:1fr;gap:20px;background:#fff;border:1px solid var(--color-border);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-sm);margin-bottom:18px}
.revsum__big{display:flex;align-items:center;gap:18px}
.revsum__score{font-size:48px;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--color-text)}
.revsum__col small{display:block;font-size:13px;font-weight:600;color:var(--color-muted);margin-top:8px}
.revsum__bars{display:grid;gap:8px;align-content:center}
.revbar{display:flex;align-items:center;gap:11px;font-size:12px;color:var(--color-muted)}
.revbar__n{width:36px;display:inline-flex;align-items:center;gap:3px;color:var(--color-text);font-weight:600}
.revbar__n .star--on{color:var(--color-star)}
.revbar__track{flex:1;height:7px;border-radius:4px;background:var(--color-surface-2);overflow:hidden}
.revbar__fill{height:100%;background:var(--color-star);border-radius:4px}
.revbar__c{width:30px;text-align:right}
.reviewlist{display:grid;grid-template-columns:1fr;gap:13px}
.reviewcard{background:#fff;border:1px solid var(--color-border);border-radius:var(--r);padding:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:11px}
.reviewcard__top{display:flex;align-items:center;gap:12px}
.reviewcard__ava{width:46px;height:46px;border-radius:50%;background:var(--color-primary);color:#fff;display:grid;place-items:center;font-weight:800;font-size:17px;flex:none}
.reviewcard__id{flex:1;min-width:0}
.reviewcard__name{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.reviewcard__ver{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--color-accent-dark);font-weight:600}
.reviewcard__ver .ic{width:13px;height:13px}
.reviewcard__meta{font-size:12px;color:var(--color-muted);margin-top:2px}
.reviewcard__text{font-size:14px;color:#33474d;line-height:1.62}
.reviewcard__tag{align-self:flex-start;font-size:12px;color:var(--color-primary-dark);background:var(--color-primary-tint);padding:5px 11px;border-radius:var(--r-pill);font-weight:600;display:inline-flex;gap:6px;align-items:center}
.reviewcard__tag .ic{width:14px;height:14px}
/* review form */
.reviewform{background:#fff;border:1px solid var(--color-border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm);position:sticky;top:calc(var(--header-h) + 14px)}
.reviewform__h{font-size:17px;font-weight:800;letter-spacing:-.01em;margin-bottom:4px}
.reviewform__p{font-size:13px;color:var(--color-muted);margin-bottom:16px;line-height:1.5}
.reviewform .field{margin-bottom:13px}
.ratepick{display:inline-flex;gap:5px}
.ratepick button{font-size:30px;line-height:1;color:var(--color-border);transition:color .1s;padding:0}
.ratepick button.on{color:var(--color-star)}
.reviewform__ok{display:flex;align-items:center;gap:14px;background:var(--color-primary-tint);border-radius:var(--r);padding:18px}
.reviewform__ok .ic{width:36px;height:36px;color:var(--color-accent-dark);flex:none}
.reviewform__ok b{font-size:15px;display:block}
.reviewform__ok span{font-size:13px;color:var(--color-muted)}
/* home reviews carousel */
.revcarousel{position:relative}
.revtrack{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.revtrack::-webkit-scrollbar{display:none}
.revtrack>.reviewcard{scroll-snap-align:start;flex:0 0 86%;max-width:380px}
.revnav{display:none;gap:8px}
.revnav__btn{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--color-border);background:#fff;display:grid;place-items:center;color:var(--color-primary-dark)}
.revnav__btn:hover{border-color:var(--color-primary);background:var(--color-surface)}
.revnav__btn .ic{width:20px;height:20px}

/* ===== gallery of works ===== */
.workgrid{display:grid;grid-template-columns:1fr;gap:14px}
.workcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-border);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .08s}
.workcard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.workcard__media{position:relative;aspect-ratio:4/3;background:var(--color-surface-2);overflow:hidden}
body.bx-theme-cond .workcard__media>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}
.workcard__media .noimage{position:absolute;inset:0}
.workcard__type{position:absolute;left:11px;top:11px;background:rgba(14,47,52,.78);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);z-index:2}
.workcard__body{padding:14px 15px 16px;display:flex;flex-direction:column;gap:7px;flex:1}
.workcard__title{font-weight:700;font-size:15px;line-height:1.3;letter-spacing:-.01em;text-wrap:pretty}
.workcard__place{font-size:12px;color:var(--color-muted);display:inline-flex;align-items:center;gap:6px}
.workcard__place .ic{width:14px;height:14px;color:var(--color-primary);flex:none}
.workcard__specs{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px;padding-top:9px}
.workchip{font-size:11px;font-weight:600;color:var(--color-primary-dark);background:var(--color-surface);padding:4px 9px;border-radius:var(--r-pill)}
/* work detail */
.workgal{display:grid;gap:10px}
.workgal__main{position:relative;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background:var(--color-surface-2)}
.workgal__main .workcard__type{font-size:12px}
.workgal__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.workgal__thumb{position:relative;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;background:var(--color-surface-2);border:2px solid transparent}
.workgal__thumb--on{border-color:var(--color-primary)}
.workgal__main .workgal__slide{position:absolute;inset:0}
.workgal__main .workgal__slide img{width:100%;height:100%;object-fit:cover;display:block}
.workgal__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.workgal__thumb .noimage{position:absolute;inset:0}
.workinfo{background:#fff;border:1px solid var(--color-border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm)}
.worktags{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px}
.worktag{font-size:12px;font-weight:600;color:var(--color-primary-dark);background:var(--color-primary-tint);padding:6px 12px;border-radius:var(--r-pill)}
.workspecs{display:grid;gap:0;border:1px solid var(--color-border);border-radius:var(--r);overflow:hidden;margin-bottom:18px}
.workspec{display:flex;justify-content:space-between;gap:14px;padding:12px 15px;font-size:14px}
.workspec:not(:last-child){border-bottom:1px solid var(--color-border)}
.workspec span{color:var(--color-muted)}
.workspec b{font-weight:700;text-align:right}
.work__layout{display:grid;grid-template-columns:1fr;gap:18px}

@media(min-width:600px){
  .artgrid{grid-template-columns:repeat(2,1fr)}
  .promogrid{grid-template-columns:repeat(2,1fr)}
  .workgrid{grid-template-columns:repeat(2,1fr)}
  .reviewlist{grid-template-columns:repeat(2,1fr)}
  .revsum{grid-template-columns:auto 1fr;align-items:center}
  .revsum__big{border-right:1px solid var(--color-border);padding-right:24px}
}
@media(min-width:900px){
  .reviews__layout{display:grid;grid-template-columns:1fr 360px;gap:26px;align-items:start}
  .work__layout{grid-template-columns:1.15fr .85fr;align-items:start}
  .revnav{display:flex}
  .revtrack>.reviewcard{flex-basis:calc((100% - 26px)/3)}
}
@media(min-width:980px){
  .artgrid{grid-template-columns:repeat(3,1fr)}
  .promogrid{grid-template-columns:repeat(3,1fr)}
  .workgrid{grid-template-columns:repeat(3,1fr)}
}

/* ===== Mobile patches ===== */
@media(max-width:899px){
  .toolbar__view{display:none}
  .catalog__topbar{flex-direction:column;align-items:stretch;gap:8px}
  .catalog__head{min-width:0}
  .catalog__title{white-space:normal;overflow:visible;text-overflow:clip}
  .toolbar{width:100%;flex-wrap:wrap;gap:8px}
  .toolbar__sort{margin-left:0;flex:1;min-width:0}
  .toolbar__sort select{max-width:100%;min-width:0}
  .products{grid-template-columns:1fr!important}
  .products--list .card{flex-direction:column}
  .products--list .card__media{width:100%!important;min-width:0!important;aspect-ratio:1/1!important}
  .products--list .card__body{padding:12px}
  .products--list .card__name{font-size:14px;min-height:35px;-webkit-line-clamp:2}
  .products--list .card__specs{flex-direction:column;column-gap:0}
  .tagtile__group{min-width:0;overflow:hidden}
  .tagtile__tags{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:scroll!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:8px!important;
    padding:2px 2px 8px;
  }
  .tagtile__tags::-webkit-scrollbar{display:none}
  .tagtile__tags .tagtag{flex-shrink:0!important}
  .article__share{flex-direction:column;align-items:stretch}
  .article__share-back{margin-left:0;width:100%}
}