/* CoffeeBrands cb.css — собран из исходника, правки вносить через Claude */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope-latin.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0-00FF,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2032-2033,U+2122,U+2192,U+2212}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope-uah.woff2") format("woff2");unicode-range:U+20B4}
:root{
--black-950:#0A0A0A;--black-900:#111111;--black-800:#262626;--black-700:#3D3D3D;--black-600:#555555;
--accent-300:#F3B9A6;--accent-400:#E8805C;--accent-500:#D64A22;--accent-600:#B83D18;--accent-700:#93300F;
--grey-0:#FFFFFF;--grey-50:#F7F7F7;--grey-100:#EFEFEF;--grey-200:#E2E2E2;--grey-300:#CFCFCF;
--ink-900:#111111;--ink-700:#333333;--ink-600:#5C5C5C;--ink-400:#8A8A8A;--ink-300:#BDBDBD;
--green-600:#1E8E3E;--green-100:#E3F4E8;--amber-600:#E8A200;--amber-100:#FFF3D1;--red-600:#D7261E;--red-100:#FDE3E1;--blue-600:#1A5FB4;--blue-100:#E1ECF9;
--bg-page:var(--grey-0);--bg-subtle:var(--grey-50);--bg-muted:var(--grey-100);--bg-inverse:var(--black-900);--bg-accent:var(--accent-500);
--surface-card:var(--grey-0);--surface-overlay:rgba(0,0,0,.6);
--text-primary:var(--ink-900);--text-secondary:var(--ink-600);--text-tertiary:var(--ink-400);--text-on-inverse:var(--grey-0);--text-accent:var(--accent-600);
--border-default:var(--grey-200);--border-strong:var(--ink-300);--border-focus:var(--black-900);
--action-primary:var(--black-900);--action-primary-hover:var(--black-800);--action-primary-active:var(--black-950);
--action-accent:var(--accent-500);--action-accent-hover:var(--accent-600);
--price-sale:var(--accent-600);--rating-star:var(--amber-600);
--status-success:var(--green-600);--status-success-bg:var(--green-100);--status-warning:var(--amber-600);--status-warning-bg:var(--amber-100);
--status-danger:var(--red-600);--status-danger-bg:var(--red-100);--status-info:var(--blue-600);--status-info-bg:var(--blue-100);
--font-sans:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
--text-display-xl:56px;--text-display-lg:48px;--text-display-md:40px;--text-h1:32px;--text-h2:28px;--text-h3:24px;--text-h4:20px;
--text-body-lg:18px;--text-body:16px;--text-body-sm:14px;--text-caption:12px;
--leading-display:1.05;--leading-heading:1.2;--leading-body:1.5;
--tracking-display:-.02em;--tracking-heading:-.01em;--tracking-eyebrow:.12em;--tracking-button:.04em;
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;
--container-max:1280px;--container-pad:40px;--grid-gap:24px;
--control-h-sm:36px;--control-h-md:44px;--control-h-lg:52px;--header-h:72px;--tabbar-h:64px;
--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;
--shadow-xs:0 1px 2px rgba(0,0,0,.06);--shadow-sm:0 2px 8px rgba(0,0,0,.10);--shadow-md:0 8px 24px rgba(0,0,0,.14);--shadow-lg:0 16px 40px rgba(0,0,0,.20);--shadow-tabbar:0 -8px 24px rgba(0,0,0,.10);
--ring-focus:0 0 0 3px rgba(214,74,34,.4);
--ease-out:cubic-bezier(.2,.8,.2,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:320ms;
--glass-bg:rgba(255,255,255,.72);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-primary);background:var(--bg-page);display:flex;flex-direction:column;min-height:100vh}
main{flex:1 0 auto}
img,svg,video{max-width:100%;display:block}
img{height:auto}
a{color:var(--text-primary);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}
a:hover{color:var(--accent-500)}
h1,h2,h3,h4{margin:0;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:none;box-shadow:var(--ring-focus);border-radius:var(--radius-sm)}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:8px;top:-60px;z-index:100;padding:10px 16px;background:var(--black-900);color:#fff;border-radius:var(--radius-sm)}
.skip-link:focus{top:8px;color:#fff}
body.is-locked{overflow:hidden}
.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}
.section{padding-top:var(--space-16)}
.section--sm{padding-top:var(--space-10)}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:var(--space-6)}
.section-head__title{font-size:var(--text-h2);font-weight:800;text-transform:uppercase}
.link-more{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.eyebrow{font-size:var(--text-caption);font-weight:700;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}
.grid{display:grid;gap:var(--grid-gap)}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.muted{color:var(--text-secondary)}
.i{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}
.i--14{width:14px;height:14px}.i--16{width:16px;height:16px}.i--18{width:18px;height:18px}.i--22{width:22px;height:22px;stroke-width:1.5}.i--26{width:26px;height:26px;stroke-width:1.5}.i--28{width:28px;height:28px;stroke-width:1.25}.i--32{width:32px;height:32px;stroke-width:1.25}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--control-h-md);padding:0 20px;border:1px solid transparent;border-radius:var(--radius-sm);
background:var(--action-primary);color:var(--grey-0);font-size:12px;font-weight:700;letter-spacing:var(--tracking-button);text-transform:uppercase;line-height:1;white-space:nowrap;
transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast)}
.btn:hover{background:var(--action-primary-hover);color:var(--grey-0)}
.btn:active{background:var(--action-primary-active);transform:scale(.98)}
.btn .i{width:16px;height:16px}
.btn--sm{height:var(--control-h-sm);padding:0 14px;font-size:11px}.btn--sm .i{width:14px;height:14px}
.btn--lg{height:var(--control-h-lg);padding:0 28px;font-size:13px}
.btn--block{width:100%}
.btn--pill{border-radius:var(--radius-pill)}
.btn--accent{background:var(--action-accent)}.btn--accent:hover{background:var(--action-accent-hover)}
.btn--secondary{background:transparent;color:var(--text-primary);border-color:var(--black-900)}.btn--secondary:hover{background:var(--bg-muted);color:var(--text-primary)}
.btn--ghost{background:transparent;color:var(--text-primary)}.btn--ghost:hover{background:var(--bg-muted);color:var(--text-primary)}
.btn--inverse{background:var(--grey-0);color:var(--black-900)}.btn--inverse:hover{background:var(--grey-100);color:var(--black-900)}
.btn[disabled],.btn.is-disabled{opacity:.45;cursor:not-allowed;transform:none}
.ibtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--text-primary);transition:background var(--dur-fast) var(--ease-out)}
.ibtn:hover{background:var(--bg-muted);color:var(--text-primary)}
.ibtn--sm{width:32px;height:32px}.ibtn--sm .i{width:16px;height:16px}
.ibtn--outline{background:var(--grey-0);border-color:var(--border-default)}
.ibtn--solid{background:var(--action-primary);color:var(--grey-0)}.ibtn--solid:hover{background:var(--action-primary-hover);color:var(--grey-0)}
.ibtn--glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ibtn--glass:hover{background:rgba(255,255,255,.95)}
.ibtn__badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--action-accent);color:var(--grey-0);font-size:11px;font-weight:700;line-height:18px;text-align:center}
.ibtn__badge:empty,.ibtn__badge[data-count="0"]{display:none}
.badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--radius-sm);background:var(--black-900);color:var(--grey-0);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1;white-space:nowrap}
.badge--accent{background:var(--accent-500)}.badge--sale{background:var(--red-600)}.badge--light{background:var(--grey-0);color:var(--black-900)}
.badge--success{background:var(--status-success-bg);color:var(--status-success)}.badge--warning{background:var(--status-warning-bg);color:var(--status-warning)}
.field{display:flex;flex-direction:column;gap:6px}
.field__label{font-size:13px;font-weight:600}
.field__hint{font-size:12px;color:var(--text-secondary)}
.field__error{font-size:12px;color:var(--status-danger)}
.input{display:flex;align-items:center;gap:10px;height:var(--control-h-md);padding:0 14px;background:var(--grey-0);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast)}
.input:focus-within{border-color:var(--border-focus);box-shadow:var(--ring-focus)}
.input .i{width:18px;height:18px;color:var(--text-secondary)}
.input input,.input select,.input textarea{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font-size:14px;padding:0}
.input--sm{height:var(--control-h-sm)}
.input--pill{border-radius:var(--radius-pill)}
.input--error{border-color:var(--status-danger)}
textarea.input,.input--area{height:auto;min-height:120px;padding:12px 14px;align-items:flex-start}
.hdr{position:sticky;top:0;z-index:40;background:var(--grey-0);border-bottom:1px solid var(--border-default)}
.hdr__in{display:flex;align-items:center;gap:32px;height:var(--header-h)}
.hdr__burger{display:none;margin-left:-8px}
.logo{display:flex;align-items:center;gap:10px;color:var(--text-primary)}
.logo:hover{color:var(--text-primary)}
.wordmark{font-size:20px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.wordmark span{color:var(--accent-500)}
.wordmark--inverse{color:var(--grey-0)}
.logo-cb{width:36px;height:36px;border-radius:10px;background:var(--black-900);color:var(--grey-0);display:none;align-items:center;justify-content:center;font-size:13px;font-weight:800;letter-spacing:.02em;flex-shrink:0}
.logo-cb span{color:var(--accent-500)}
.nav{display:flex;justify-content:center;gap:28px;flex:1}
.nav__link{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--text-secondary);padding-bottom:4px}
.nav__link:hover{color:var(--text-primary)}
.nav__link.is-active{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--black-900)}
.hdr__tools{display:flex;align-items:center;gap:4px}
.hdr__search{width:180px;margin-right:8px}
.hdr__search .input{height:var(--control-h-sm);border-radius:var(--radius-pill)}
.hdr__account{margin-left:8px}
.lang{display:flex;gap:2px;height:36px;padding:3px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--grey-0)}
.lang__item{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:var(--radius-pill);color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}
.lang__item:hover{color:var(--text-primary)}
.lang__item.is-active{background:var(--black-900);color:var(--grey-0)}
.drawer{position:fixed;inset:0;z-index:70;pointer-events:none}
.drawer__overlay{position:absolute;inset:0;background:var(--surface-overlay);opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}
.drawer__panel{position:absolute;top:0;bottom:0;left:0;width:min(320px,86vw);background:var(--grey-0);border-radius:0 28px 28px 0;padding:20px 20px 32px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;
transform:translateX(-100%);transition:transform var(--dur-slow) var(--ease-out);box-shadow:var(--shadow-lg)}
.drawer.is-open{pointer-events:auto}
.drawer.is-open .drawer__overlay{opacity:1}
.drawer.is-open .drawer__panel{transform:none}
.drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.drawer__head .logo-cb{display:inline-flex}
.drawer__head .wordmark{font-size:14px}
.drawer__link{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;border-radius:14px;font-size:16px;font-weight:600}
.drawer__link .i{width:16px;height:16px;color:var(--text-tertiary)}
.drawer__link.is-active{font-weight:800;background:var(--grey-50)}
.drawer__search{margin-bottom:8px}
.drawer__foot{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:24px;font-size:13px;color:var(--text-secondary)}
.drawer__foot a{display:flex;align-items:center;gap:10px;color:var(--text-secondary)}
.tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);
background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-tabbar)}
.tabbar__list{display:grid;grid-template-columns:repeat(5,1fr);height:var(--tabbar-h)}
.tabbar__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-tertiary)}
.tabbar__item.is-active{color:var(--text-primary)}
.tabbar__icon{position:relative}
.tabbar__icon .ibtn__badge{top:-6px;right:-10px}
.ftr{background:var(--black-900);color:var(--grey-0);margin-top:var(--space-16)}
.ftr a{color:var(--grey-0);opacity:.75}
.ftr a:hover{opacity:1;color:var(--grey-0)}
.ftr__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:40px;padding-top:56px;padding-bottom:40px}
.ftr__brand{display:flex;flex-direction:column;gap:16px}
.ftr__about{font-size:13px;line-height:1.6;opacity:.75;max-width:260px}
.ftr__social{display:flex;gap:12px}
.ftr__social a{opacity:.85}
.ftr__col{display:flex;flex-direction:column;gap:10px}
.ftr__title{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.ftr__col a{font-size:13px}
.ftr__contact{display:flex;align-items:center;gap:10px;font-size:13px}
.ftr__contact a,.ftr__contact span{opacity:.85}
.ftr__bottom{border-top:1px solid rgba(255,255,255,.12)}
.ftr__bottom .container{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;font-size:12px;opacity:.6}
.ftr__pay{letter-spacing:.08em}
.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}
.pcard{position:relative;display:flex;flex-direction:column;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden;transition:box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base)}
.pcard:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}
.pcard__media{position:relative;display:block;aspect-ratio:1/1;background:var(--grey-100)}
.pcard__media img{width:100%;height:100%;object-fit:cover}
.pcard__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ink-400)}
.pcard__badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pcard__wish{position:absolute;top:8px;right:8px;opacity:0;transition:opacity var(--dur-base)}
.pcard:hover .pcard__wish,.pcard__wish.is-active{opacity:1}
.pcard__wish.is-active{color:var(--red-600)}
.pcard__wish.is-active .i{fill:currentColor}
.pcard__body{display:flex;flex-direction:column;gap:6px;padding:16px;flex:1}
.pcard__title{font-size:15px;font-weight:700;line-height:1.3;letter-spacing:0}
.pcard__title a{color:var(--text-primary)}
.pcard__title a::after{content:"";position:absolute;inset:0;z-index:1}
.pcard__meta{font-size:12px;color:var(--text-secondary)}
.pcard__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}
.pcard__cart{position:relative;z-index:2;margin-top:6px}
.pcard__wish,.pcard__badges{z-index:2}
.pcard.is-out .pcard__media{opacity:.55}
.price{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:8px}
.price__now{font-size:16px;font-weight:800;letter-spacing:-.01em}
.price__old{font-size:13px;color:var(--text-tertiary);text-decoration:line-through}
.price--sale .price__now{color:var(--price-sale)}
.price--lg .price__now{font-size:24px}.price--lg .price__old{font-size:19px}
.rating{display:inline-flex;align-items:center;gap:6px}
.rating__stars{position:relative;display:inline-block;width:78px;height:14px;background:linear-gradient(90deg,var(--rating-star) var(--r,0%),var(--grey-200) var(--r,0%));
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M7 .5l1.8 3.7 4.1.6-3 2.9.7 4-3.6-1.9-3.6 1.9.7-4-3-2.9 4.1-.6z'/%3E%3C/svg%3E") left/16px 14px repeat-x;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M7 .5l1.8 3.7 4.1.6-3 2.9.7 4-3.6-1.9-3.6 1.9.7-4-3-2.9 4.1-.6z'/%3E%3C/svg%3E") left/16px 14px repeat-x}
.rating__count{font-size:12px;color:var(--text-secondary)}
.ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--grey-100);color:var(--ink-400);aspect-ratio:var(--ratio,1/1);overflow:hidden}
.ph--dark{background:var(--black-800);color:rgba(255,255,255,.55)}
.ph--subtle{background:var(--grey-50)}
.ph__label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.hero{position:relative;overflow:hidden}
.hero__track{display:flex;transition:transform var(--dur-slow) var(--ease-out)}
.hero__slide{flex:0 0 100%;background:var(--black-900);color:var(--grey-0)}
.hero__slide--accent{background:var(--accent-500)}
.hero__slide--light{background:var(--grey-100);color:var(--text-primary)}
.hero__in{display:grid;grid-template-columns:1fr minmax(0,560px);gap:48px;align-items:center;min-height:400px}
.hero__text{display:flex;flex-direction:column;gap:16px;padding:48px 0}
.hero__eyebrow{opacity:.7}
.hero__title{font-size:var(--text-display-lg);font-weight:800;line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-transform:uppercase}
.hero__sub{font-size:16px;line-height:1.6;max-width:460px;opacity:.8}
.hero__cta{margin-top:8px}
.hero__media{align-self:stretch;min-height:100%}
.hero__media img{width:100%;height:100%;object-fit:cover}
.hero__media .ph{height:100%;aspect-ratio:auto}
.hero__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2}
.hero__nav--prev{left:16px}.hero__nav--next{right:16px}
.hero__dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.hero__dot{width:6px;height:6px;padding:0;border:0;border-radius:3px;background:rgba(128,128,128,.5);transition:width var(--dur-base) var(--ease-out)}
.hero__dot.is-active{width:20px;background:var(--grey-0)}
.hero[data-tone="light"] .hero__dot.is-active{background:var(--black-900)}
.hero:not(.is-multi) .hero__nav,.hero:not(.is-multi) .hero__dots{display:none}
.usp{border-bottom:1px solid var(--border-default)}
.usp__in{display:flex;justify-content:space-between;align-items:center;gap:32px;min-height:64px}
.usp__item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;white-space:nowrap}
.intro__title{font-size:var(--text-h2);font-weight:800;text-transform:uppercase;margin-bottom:8px}
.intro__text{max-width:720px;color:var(--text-secondary);font-size:15px;line-height:1.6}
.cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.cats__item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--grey-50);border:1px solid transparent;border-radius:var(--radius-sm);font-size:13px;font-weight:600}
.cats__item:hover{border-color:var(--black-900);color:var(--text-primary)}
.promo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.benefit{display:flex;align-items:center;gap:14px;padding:28px 32px;height:100%;background:var(--grey-100);color:var(--text-primary)}
.benefit--dark{background:var(--black-900);color:var(--grey-0)}
.benefit--accent{background:var(--accent-500);color:var(--grey-0)}
.benefit:hover{color:inherit}
.benefit__icon{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--grey-0)}
.benefit--dark .benefit__icon{background:rgba(255,255,255,.08)}
.benefit--accent .benefit__icon{background:rgba(255,255,255,.15)}
.benefit__text{display:flex;flex-direction:column;gap:2px}
.benefit__title{font-size:12px;font-weight:700;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}
.benefit__desc{font-size:13px;opacity:.8}
.benefit__cta{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.brands{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.brands__item{height:88px;border:1px solid var(--border-default);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}
.brands__item img{max-height:48px;width:auto;filter:grayscale(1);opacity:.7;transition:filter var(--dur-base),opacity var(--dur-base)}
.brands__item:hover{border-color:var(--black-900);color:var(--text-primary)}
.brands__item:hover img{filter:none;opacity:1}
.articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}
.acard{display:flex;flex-direction:column;gap:12px;color:var(--text-primary)}
.acard__media{aspect-ratio:3/2;border-radius:var(--radius-sm);overflow:hidden;background:var(--grey-100)}
.acard__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}
.acard:hover .acard__media img{transform:scale(1.03)}
.acard__meta{display:flex;gap:10px;font-size:12px;color:var(--text-tertiary)}
.acard__tag{font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-600)}
.acard__title{font-size:20px;font-weight:700;line-height:1.3}
.acard:hover{color:var(--text-primary)}
.acard:hover .acard__title{color:var(--accent-600)}
.newsletter{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px 48px;background:var(--grey-50)}
.newsletter__title{font-size:24px;font-weight:700}
.newsletter__text{margin-top:6px;color:var(--text-secondary);font-size:14px}
.newsletter__form{display:flex;gap:8px;width:420px;max-width:100%}
.newsletter__form .input{flex:1}
.newsletter__msg{margin-top:8px;font-size:13px}
.page-head{padding-top:var(--space-8)}
.page-title{font-size:var(--text-h1);font-weight:800;text-transform:uppercase;margin-top:12px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary)}
.crumbs a{color:var(--text-secondary)}
.crumbs a:hover{color:var(--text-primary)}
.crumbs__sep{opacity:.6}
.content{max-width:820px;font-size:16px;line-height:1.7}
.content>*+*{margin-top:1em}
.content h2{font-size:var(--text-h3);font-weight:800;margin-top:1.6em}
.content h3{font-size:var(--text-h4);font-weight:700;margin-top:1.4em}
.content ul,.content ol{padding-left:1.4em}
.content ul{list-style:disc}
.content a{color:var(--accent-600);text-decoration:underline;text-underline-offset:3px}
.content img{border-radius:var(--radius-sm)}
.content table{width:100%;border-collapse:collapse;font-size:14px}
.content th,.content td{padding:10px 12px;border-bottom:1px solid var(--border-default);text-align:left}
.content blockquote{margin:0;padding:16px 20px;border-left:3px solid var(--accent-500);background:var(--grey-50)}
.layout-aside{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}
.notfound{text-align:center;padding:var(--space-16) 0}
.notfound__code{font-size:120px;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--accent-500)}
.toast{position:fixed;right:24px;top:calc(var(--header-h) + 16px);z-index:80;display:flex;gap:12px;align-items:flex-start;min-width:280px;max-width:360px;padding:14px 16px;background:var(--grey-0);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:3px solid var(--status-success);
transform:translateY(-8px);opacity:0;transition:opacity var(--dur-base),transform var(--dur-base) var(--ease-out);pointer-events:none}
.toast.is-show{opacity:1;transform:none;pointer-events:auto}
.toast__title{font-size:14px;font-weight:700}
.toast__text{font-size:13px;color:var(--text-secondary)}
.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:32px 0 0;padding:0;list-style:none}
.pagination li a,.pagination li span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:14px;font-weight:600}
.pagination li.active a,.pagination li.active span{background:var(--black-900);border-color:var(--black-900);color:var(--grey-0)}
.pagination li.disabled{opacity:.4}
@media (max-width:1240px){
:root{--container-pad:24px}
.nav{gap:18px}
.hdr__in{gap:20px}
.hdr__search{width:150px}
.brands{grid-template-columns:repeat(4,minmax(0,1fr))}
.ftr__grid{grid-template-columns:1fr 1fr 1fr;row-gap:32px}
.ftr__brand{grid-column:1/-1}
}
@media (max-width:1024px){
:root{--header-h:60px}
.hdr__burger{display:inline-flex}
.nav,.hdr__search,.hdr__tools .lang{display:none}
.hdr__in{gap:10px}
.hdr__tools{margin-left:auto}
.products{grid-template-columns:repeat(3,minmax(0,1fr))}
.cats{grid-template-columns:repeat(3,minmax(0,1fr))}
.usp__in{overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
.usp__in::-webkit-scrollbar{display:none}
.hero__in{grid-template-columns:1fr 1fr;gap:24px;min-height:340px}
.hero__title{font-size:var(--text-display-md)}
.promo{grid-template-columns:1fr}
.layout-aside{grid-template-columns:1fr}
}
@media (max-width:768px){
:root{--container-pad:16px;--grid-gap:12px;--text-h2:22px;--text-h1:26px}
body{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px))}
.tabbar{display:block}
.wordmark{font-size:15px;letter-spacing:.12em}
.logo>.i{display:none}
.logo .logo-cb{display:inline-flex}
.hdr__account,.hdr__wish{display:none}
.section{padding-top:var(--space-10)}
.products,.grid--4,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
.pcard{border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.pcard:hover{box-shadow:var(--shadow-sm)}
.pcard__body{padding:12px 12px 14px}
.pcard__title{font-size:14px}
.pcard__wish{opacity:1}
.cats{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero__in{grid-template-columns:1fr;min-height:0;gap:0}
.hero__text{padding:32px 0 40px}
.hero__title{font-size:32px}
.hero__media{display:none}
.hero__nav{display:none!important}
.brands{grid-template-columns:repeat(3,minmax(0,1fr))}
.brands__item{height:64px;font-size:11px}
.articles{grid-template-columns:1fr}
.newsletter{flex-direction:column;align-items:stretch;padding:28px 20px}
.newsletter__form{width:100%}
.ftr{margin-top:var(--space-10)}
.ftr__grid{grid-template-columns:1fr 1fr;gap:28px 20px;padding-top:40px}
.ftr__contacts{grid-column:1/-1}
.ftr__bottom .container{flex-direction:column;justify-content:center;padding-top:16px;padding-bottom:16px;text-align:center}
.toast{left:16px;right:16px;min-width:0;max-width:none;top:auto;bottom:calc(var(--tabbar-h) + 16px)}
}
@media (max-width:420px){
.grid--2{grid-template-columns:1fr}
.usp__item{font-size:13px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}