/* ═══════════════════════════════════════════════════════════════════════════
   №223 «НОВЫЙ ДИЗАЙН — СТУДИЯ» (вариант 3). html.ds-new.ds-v3.
   Строится поверх «Редакции» (ds-new.css) и переопределяет её.
   Референсы владельца: shapestudio.co.uk (светлая «бумага», крупный гротеск,
   тонкие линейки, колонки-спецификации, контурный гигантский текст в футере),
   sweetpunk.com (огромные заголовки капсом, секции с номерами, смена светлых и
   тёмных секций, текст и шаги, загорающиеся при прокрутке),
   ovo-redsun (оранжевые кнопки, бенто-блоки, полоса брендов).
   Главная перестроена: шапка на всю ширину -> герой на весь экран с
   заголовком во всю ширину -> бегущая строка -> (01) Выбор дня -> (02) Каталог
   -> (03) О магазине -> (04) Как купить -> новости -> гигантский футер.
   ═══════════════════════════════════════════════════════════════════════════ */

@font-face { font-family: 'Onest'; font-style: normal; font-weight: 700; font-display: swap; src: url('/static/ds/dsf-onest-cyrillic-700.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 700; font-display: swap; src: url('/static/ds/dsf-onest-latin-700.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

/* элементы «Студии» вне неё не видны */
.ds3-nav, .ds3-hero, .ds3-head, .ds3-after, .ds3-foot { display: none; }

html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 {
    --n-bg: #0f0f0f;
    --n-bg2: #171716;
    --n-card: #171716;
    --n-card2: #1f1f1d;
    --n-line: rgba(245, 245, 240, .13);
    --n-line2: rgba(245, 245, 240, .28);
    --n-text: #f5f5f0;
    --n-mute: #8d8c86;
    --n-mute2: #5d5c58;
    --n-accent: #ff5a14;
    --n-accent-ink: #0f0f0f;
    --n-accent-soft: rgba(255, 90, 20, .13);
    --n-display: 'Onest', 'DM Sans', system-ui, sans-serif;
    --n-r: 20px;
    --n-r-sm: 14px;
    --g3: clamp(16px, 2.6vw, 44px);
    --h3: 76px;
    --inv-bg: #f5f5f0;
    --inv-text: #0f0f0f;
    --inv-mute: #7a7973;
    --violet: #8b5cf6;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3[data-theme="light"] {
    --n-bg: #f5f5f0;
    --n-bg2: #ebeae4;
    --n-card: #ebeae4;
    --n-card2: #e3e2db;
    --n-line: rgba(15, 15, 15, .13);
    --n-line2: rgba(15, 15, 15, .3);
    --n-text: #0f0f0f;
    --n-mute: #6c6b66;
    --n-mute2: #a09f99;
    --n-accent: #f2520c;
    --n-accent-ink: #0f0f0f;
    --n-accent-soft: rgba(242, 82, 12, .1);
    --inv-bg: #0f0f0f;
    --inv-text: #f5f5f0;
    --inv-mute: #8d8c86;
}
/* Хэллоуин - тот же оранжевый (тыквенный) акцент */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 body { --n-accent: #ff5a14; --n-accent-soft: rgba(255, 90, 20, .13); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3[data-theme="light"] body { --n-accent: #f2520c; --n-accent-soft: rgba(242, 82, 12, .1); }

html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 body::after { background: none !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 :is(.ds-badge, .ds-logos, .ds-stats, .ds-spec, .ds-hero-num, .ds-hero-cta, .ds-halo, .ds-halo-layer, .shop-side-brand, .shop-footer) { display: none !important; }

/* ── Сетка страницы: одна колонка на всю ширину, блоки в нужном порядке ── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    column-gap: clamp(14px, 1.6vw, 28px) !important;
    row-gap: 0 !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: var(--h3) var(--g3) 0 !important;
    align-items: start !important;
    box-sizing: border-box !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell > .app-container { display: contents !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell > *,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell > .app-container > * { grid-column: 1 / -1; min-width: 0; margin-left: 0; margin-right: 0; max-width: none; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell .hero { order: 1; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell #ds-marquee { order: 2; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell #ds3-h-today { order: 3; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell > .shop-side--right { order: 4; grid-column: 1 / span 7; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell > .shop-side--left { order: 5; grid-column: 8 / -1; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell #ds3-h-cat { order: 6; grid-column: 1 / span 8; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell #category-filter { order: 8; grid-column: 1 / -1; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell .shop-search { order: 7; grid-column: 9 / -1; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell #items-grid { order: 9; }

/* JS старой вёрстки подгоняет отступы колонок под поиск — в «Студии» не нужно */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-side,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-side-inner,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-side-block { margin-top: 0 !important; padding-top: 0 !important; position: relative !important; top: auto !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #items-grid,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #items-grid.is-shelves.is-wide { margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }

/* ── Шапка: на всю ширину, прячется при прокрутке вниз ─────────────────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .top-header {
    position: fixed !important; left: 0 !important; right: 0 !important; top: 0 !important;
    z-index: 900 !important;
    height: var(--h3); box-sizing: border-box;
    margin: 0 !important; width: auto !important; max-width: none !important;
    padding: 0 var(--g3) !important;
    display: flex !important; align-items: center !important; gap: 20px !important;
    background: color-mix(in srgb, var(--n-bg) 90%, transparent) !important;
    border-bottom: 1px solid transparent;
    transition: transform .55s var(--n-ease), border-color .3s ease, background .3s ease;
    will-change: transform;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3:not(.ds3-top) .top-header { border-bottom-color: var(--n-line); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3.ds3-head-hide .top-header { transform: translate3d(0, -101%, 0); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .top-header .logo { display: flex !important; flex: 0 0 auto; visibility: visible !important; opacity: 1 !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .logo-text,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .top-header .logo .logo-text {
    font-family: var(--n-font) !important; font-weight: 700 !important; font-size: 21px !important;
    letter-spacing: -.045em !important; text-transform: none !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .logo-text em { color: var(--n-accent) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .logo-text em::after { content: "©"; color: var(--n-mute); font-size: .48em; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #auth-section {
    position: static !important; inset: auto !important; transform: none !important;
    margin-left: auto !important; display: flex !important; align-items: center; gap: 10px;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-nav { display: flex; align-items: center; gap: 2px; margin-left: clamp(20px, 7vw, 150px); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-nav-a {
    appearance: none; background: none; border: 0; cursor: pointer;
    padding: 10px 14px; border-radius: 999px;
    font: 500 15px/1.3 var(--n-font); color: var(--n-text);
    transition: transform .6s var(--n-ease), background .3s ease;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-roll { display: block; overflow: hidden; height: 1.3em; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-roll > span { display: inline-block; text-shadow: 0 1.3em 0 var(--n-accent); transition: transform .5s var(--n-ease); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-nav-a:hover .ds3-roll > span { transform: translate3d(0, -1.3em, 0); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #cart-overlay {
    background: var(--n-accent) !important; border-color: var(--n-accent) !important; color: var(--n-accent-ink) !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #cart-overlay-text { color: var(--n-accent-ink) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .cart-count-badge { background: var(--n-accent-ink) !important; color: var(--n-accent) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #cart-overlay:hover { background: var(--n-text) !important; border-color: var(--n-text) !important; color: var(--n-bg) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #cart-overlay:hover #cart-overlay-text { color: var(--n-bg) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #tg-login-btn { background: var(--n-accent) !important; color: var(--n-accent-ink) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #tg-login-btn:hover { background: var(--n-text) !important; color: var(--n-bg) !important; }

/* ── Герой: на весь экран, заголовок во всю ширину ─────────────────────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .hero {
    position: relative !important;
    margin: 0 calc(-1 * var(--g3)) !important;
    padding: clamp(26px, 5vh, 60px) var(--g3) clamp(8px, 1.6vh, 18px) !important;
    min-height: calc(100vh - var(--h3)) !important;
    min-height: calc(100svh - var(--h3)) !important;
    display: flex !important; flex-direction: column !important;
    background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
    overflow: hidden !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .hero > h1 {
    position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important;
    clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; margin: 0 !important; padding: 0 !important;
    animation: none !important; transform: none !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .hero > p, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .hero-label { display: none !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-hero { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; position: relative; z-index: 1; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-hero-top {
    display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 40px; align-items: start;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-idx { font: 500 14px/1.2 var(--n-font); color: var(--n-mute); font-variant-numeric: tabular-nums; letter-spacing: 0; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-lead {
    margin: 0; max-width: 620px;
    font: 500 clamp(19px, 1.75vw, 28px)/1.28 var(--n-font); letter-spacing: -.025em; color: var(--n-text);
    opacity: 0; transform: translate3d(0, 24px, 0); transition: opacity .9s ease .35s, transform 1.1s var(--n-ease) .35s;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-lead .ds3-idx { font-size: .62em; vertical-align: .2em; margin-right: .3em; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-meta {
    margin: 0; justify-self: end; width: min(100%, 620px);
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
    opacity: 0; transform: translate3d(0, 24px, 0); transition: opacity .9s ease .5s, transform 1.1s var(--n-ease) .5s;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-meta > div { border-left: 1px solid var(--n-line2); padding: 2px 0 2px 18px; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-meta dt { font: 600 11px/1 var(--n-font); letter-spacing: .16em; text-transform: uppercase; color: var(--n-mute); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-meta dd { margin: 9px 0 0; font: 500 15.5px/1.25 var(--n-font); color: var(--n-text); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-hero-mid {
    flex: 1 1 auto; min-height: 150px;
    display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-scroll {
    display: inline-flex; align-items: center; gap: 14px;
    font: 600 11px/1 var(--n-font); letter-spacing: .2em; text-transform: uppercase; color: var(--n-mute);
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-scroll i { position: relative; width: 1px; height: 46px; background: var(--n-line2); overflow: hidden; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-scroll i::after {
    content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 16px; background: var(--n-accent);
    animation: ds3-drop 1.8s cubic-bezier(.65, 0, .35, 1) infinite;
}
@keyframes ds3-drop { from { transform: translate3d(0, -18px, 0); } to { transform: translate3d(0, 48px, 0); } }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-cta {
    appearance: none; background: none; border: 0; padding: 0; cursor: pointer; color: var(--n-text);
    position: relative; width: 170px; height: 170px; flex: 0 0 auto; border-radius: 50%;
    transition: transform .7s var(--n-ease);
    opacity: 0; scale: .7; rotate: -40deg;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-go .ds3-cta { opacity: 1; scale: 1; rotate: 0deg; transition: transform .7s var(--n-ease), opacity .6s ease .55s, scale 1.2s var(--n-ease) .55s, rotate 1.2s var(--n-ease) .55s; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-cta.ds3-mag-on { transition: transform .25s ease-out; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-cta-ring { position: absolute; inset: 0; width: 100%; height: 100%; animation: ds-spin 22s linear infinite; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-cta-ring text { font: 600 11px var(--n-font); letter-spacing: .24em; text-transform: uppercase; fill: currentColor; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-cta-core {
    position: absolute; left: 50%; top: 50%; width: 96px; height: 96px; margin: -48px 0 0 -48px; border-radius: 50%;
    display: grid; place-items: center; background: var(--n-accent); color: var(--n-accent-ink);
    font: 400 36px/1 var(--n-font);
    transition: transform .6s var(--n-ease), background .35s ease, color .35s ease;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-cta:hover .ds3-cta-core { transform: scale(1.1); background: var(--n-text); color: var(--n-bg); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3.is-scrolling .ds3-cta-ring { animation-play-state: paused; }

html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-big { margin-top: auto; padding-top: 10px; border-top: 1px solid var(--n-line); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-fit { display: block; width: 100%; overflow: hidden; white-space: nowrap; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-fit-in {
    display: inline-block; white-space: nowrap;
    font-family: var(--n-font); font-weight: 700; text-transform: uppercase;
    letter-spacing: -.055em; line-height: .84;
    font-size: 12vw;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-line { padding: .02em 0 .07em; margin-bottom: -.05em; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-line .ds3-fit-in { color: var(--n-text); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-line--2 .ds3-fit-in { color: transparent; -webkit-text-stroke: 1.5px var(--n-text); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-ch { display: inline-block; transform: translate3d(0, 112%, 0); transition: transform 1.15s var(--n-ease); transition-delay: calc(var(--i) * 45ms + 60ms); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-line--2 .ds3-ch { transition-delay: calc(var(--i) * 45ms + 260ms); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-go .ds3-ch { transform: none; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-go .ds3-lead, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-go .ds3-meta { opacity: 1; transform: none; }
/* оранжевая точка-«солнце» за контурной строкой */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-line--2 { position: relative; }

/* ── Бегущая строка: крупный текст во всю ширину ───────────────────────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds-marquee {
    display: block !important;
    margin: 0 calc(-1 * var(--g3)) !important;
    padding: clamp(14px, 2.2vw, 28px) 0 !important;
    border: 0 !important; border-top: 1px solid var(--n-line) !important; border-bottom: 1px solid var(--n-line) !important;
    background: none !important; border-radius: 0 !important;
    -webkit-mask-image: none !important; mask-image: none !important;
    overflow: hidden !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds-mq-track { animation-duration: 64s !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds-mq-item {
    font: 700 clamp(34px, 5.4vw, 92px)/1 var(--n-font) !important;
    letter-spacing: -.045em !important; text-transform: uppercase; padding: 0 .32em !important;
    color: var(--n-text) !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds-mq-set > .ds-mq-item:nth-child(4n+3) { color: transparent !important; -webkit-text-stroke: 1.2px var(--n-text); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds-mq-sep { color: var(--n-accent) !important; font-size: clamp(18px, 2.4vw, 40px) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3.is-scrolling .ds-mq-track,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds-marquee:hover .ds-mq-track { animation-play-state: running !important; }

/* ── Заголовки секций: (01) БОЛЬШОЕ СЛОВО ─────────────────────────────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-head {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "idx idx" "t note"; align-items: end; column-gap: 30px; row-gap: 18px;
    padding: clamp(64px, 11vh, 140px) 0 clamp(16px, 2.2vh, 26px);
    margin-bottom: clamp(18px, 2.6vh, 30px);
    border-bottom: 1px solid var(--n-line);
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-head .ds3-idx { grid-area: idx; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-head .ds3-h2 { grid-area: t; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-head .ds3-note { grid-area: note; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-h2 {
    margin: 0 !important;
    font: 700 clamp(46px, 8.6vw, 156px)/.84 var(--n-font) !important;
    letter-spacing: -.06em !important; text-transform: uppercase; color: var(--n-text) !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-mask { display: block; overflow: hidden; padding: .04em 0 .08em; margin-bottom: -.08em; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-mask > span { display: inline-block; transition: transform 1.2s var(--n-ease); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3.ds-js:not(.ds-noreveal) .ds3-head:not(.ds-in) .ds3-mask > span { transform: translate3d(0, 110%, 0); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-note { margin: 0 0 .4em; justify-self: end; text-align: right; font: 500 15px/1.35 var(--n-font); color: var(--n-mute); max-width: 300px; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3.ds-js:not(.ds-noreveal) .ds3-head .ds3-note { transition: opacity .8s ease .3s; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3.ds-js:not(.ds-noreveal) .ds3-head:not(.ds-in) .ds3-note { opacity: 0; }

/* ── (01) Выбор дня: акции слева, популярное справа (бенто) ──────────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-side { display: block !important; width: auto !important; pointer-events: auto !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-side-inner { display: block !important; width: auto !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-side-block { max-width: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #site-promos-rail {
    display: grid !important; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 16px; align-items: stretch;
    width: auto !important; max-width: none !important; margin: 0 !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #site-promos-rail > * { min-width: 0; margin: 0 !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #site-promos-rail > :first-child { grid-row: span 2; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .site-promo-hero,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .site-promo-row {
    background: var(--n-card) !important; border: 0 !important; border-radius: 26px !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .site-promo-hero { padding: 26px !important; height: 100%; box-sizing: border-box; display: flex !important; flex-direction: column; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .site-promo-hero-title { font-family: var(--n-font) !important; font-weight: 700 !important; letter-spacing: -.045em !important; font-size: clamp(26px, 2.3vw, 38px) !important; line-height: .95 !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .site-promo-hero-cta {
    background: var(--n-accent) !important; color: var(--n-accent-ink) !important; margin-top: auto !important;
    box-shadow: 0 14px 40px -14px rgba(255, 90, 20, .8) !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .site-promo-hero-cta:hover { background: var(--n-text) !important; color: var(--n-bg) !important; box-shadow: none !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .site-promo-row { padding: 18px !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-side-block--popular,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 body:not(.site-theme-default) .shop-side-block--popular,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3[data-theme="light"] .shop-side-block--popular {
    background: var(--n-card) !important; border: 0 !important; border-radius: 26px !important;
    padding: 24px 24px 10px !important; height: auto;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .popular-item,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .popular-deck > li[data-rank] .popular-item,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 body:not(.site-theme-default) .shop-side-block--popular .popular-item { padding: 16px 4px 16px 56px !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .popular-deck > li:last-child .popular-item { border-bottom: 0 !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .popular-item:hover { padding-left: 64px !important; background: transparent !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .popular-rank { font: 300 34px/1 var(--n-font) !important; letter-spacing: -.05em; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .popular-title { font: 600 16px/1.25 var(--n-font) !important; }

/* ── (02) Каталог: фильтры + поиск, карточки без рамок ───────────────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter { margin: 0 0 22px !important; align-self: center; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-search {
    align-self: end; margin: 0 0 clamp(18px, 2.6vh, 30px) !important;
    padding: 0 0 clamp(16px, 2.2vh, 26px) !important; border-bottom: 1px solid var(--n-line);
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-search-field { border-radius: 999px !important; background: transparent !important; border-color: var(--n-line2) !important; height: 48px; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter .cat-btn-inner {
    border-radius: 999px !important; padding: 11px 17px !important; font: 500 14px/1 var(--n-font) !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter .cat-btn.active .cat-btn-inner,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 body:not(.site-theme-default) #category-filter .cat-btn.active .cat-btn-inner { background: var(--n-accent) !important; border-color: var(--n-accent) !important; color: var(--n-accent-ink) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter .cat-btn.active .cat-btn-text,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 body:not(.site-theme-default) #category-filter .cat-btn.active .cat-btn-text,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter .cat-btn.active .ds-cnt { color: var(--n-accent-ink) !important; }

/* прилипшая панель категорий: одна строка с прокруткой, фон на всю ширину, под шапкой */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter { top: var(--h3) !important; transition: top .55s var(--n-ease) !important; z-index: 60 !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3.ds3-head-hide #category-filter { top: 0 !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter.category-filter--wide {
    margin: 0 0 22px !important; padding: 12px 0 12px !important; pointer-events: auto !important;
    flex-wrap: nowrap !important; justify-content: flex-start !important; column-gap: 8px !important;
    overflow-x: auto; overflow-y: hidden; scrollbar-width: none; overscroll-behavior-x: contain;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter.category-filter--wide::-webkit-scrollbar { display: none; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter.category-filter--wide .cat-btn { flex: 0 0 auto !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter.category-filter--wide .cat-btn-inner { display: inline-flex !important; width: auto !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter .category-filter-glass,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3[data-theme="light"] #category-filter .category-filter-glass { display: none !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter.category-filter--glass::before {
    content: ""; position: fixed; left: 0; right: 0; top: var(--h3); height: 72px; z-index: -1; pointer-events: none;
    background: color-mix(in srgb, var(--n-bg) 94%, transparent); border-bottom: 1px solid var(--n-line);
    transition: top .55s var(--n-ease);
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3.ds3-head-hide #category-filter.category-filter--glass::before { top: 0; }

html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #items-grid .item-card,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 body:not(.site-theme-default) #items-grid .item-card:not(.item-card--holo):not(.item-card--sold-out) {
    background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 0 6px !important;
    overflow: visible;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #items-grid .item-card:hover,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 body:not(.site-theme-default) #items-grid .item-card:not(.item-card--holo):not(.item-card--sold-out):hover,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 body:not(.site-theme-default) #items-grid .item-card:not(.item-card--holo):not(.item-card--sold-out):nth-child(even):hover {
    transform: none; background: transparent !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #items-grid .item-image-wrap { background: var(--n-card) !important; border-radius: 20px !important; transition: border-radius .6s var(--n-ease) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #items-grid .item-card:hover .item-image-wrap { border-radius: 34px !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #items-grid .item-card:hover .item-image-wrap > * { transform: scale(1.08) rotate(-2deg); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #items-grid .item-title { font: 600 16px/1.22 var(--n-font) !important; letter-spacing: -.02em !important; margin-top: 12px !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #items-grid .item-price, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #items-grid .item-price strong { font: 500 14.5px/1 var(--n-font) !important; color: var(--n-mute) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #items-grid .add-btn {
    height: 44px !important; border-radius: 999px !important; font: 600 12px/1 var(--n-font) !important;
    letter-spacing: .08em !important; text-transform: uppercase !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #items-grid .shelf-head { border-bottom: 1px solid var(--n-line) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #items-grid .shelf-title,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #items-grid .shelf-row .shelf-title { font: 700 18px/1 var(--n-font) !important; letter-spacing: -.03em !important; }

/* ── (03) О магазине: инверсная секция, текст загорается по словам ─────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-after { display: block; position: relative; z-index: 2; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-sec { padding: clamp(80px, 14vh, 170px) var(--g3); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-say-sec { background: var(--inv-bg); color: var(--inv-text); margin-top: clamp(80px, 12vh, 150px); border-radius: clamp(26px, 3vw, 48px) clamp(26px, 3vw, 48px) 0 0; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-kick { display: flex; gap: 14px; align-items: baseline; font: 600 12px/1 var(--n-font); letter-spacing: .18em; text-transform: uppercase; color: var(--inv-mute); margin-bottom: clamp(26px, 4vh, 48px); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-kick .ds3-idx { color: var(--inv-mute); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-say {
    margin: 0; max-width: 1500px;
    font: 600 clamp(32px, 5.1vw, 92px)/1 var(--n-font); letter-spacing: -.05em; text-transform: uppercase;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-w { color: var(--inv-text); opacity: .16; transition: opacity .45s ease, color .45s ease; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-w.is-lit { opacity: 1; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-w--a.is-lit { color: var(--n-accent); }

/* ── (04) Как купить: заголовок прилипает, шаги загораются ───────────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-steps {
    background: var(--inv-bg); color: var(--inv-text);
    display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(24px, 4vw, 80px);
    padding-top: clamp(40px, 6vh, 80px);
    border-radius: 0 0 clamp(26px, 3vw, 48px) clamp(26px, 3vw, 48px);
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-steps-pin { position: sticky; top: calc(var(--h3) + 30px); display: flex; flex-direction: column; gap: 18px; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-steps .ds3-idx { color: var(--inv-mute); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-steps .ds3-h2 { color: var(--inv-text) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-h2--xl { font-size: clamp(56px, 9vw, 168px) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-steps .ds3-note { color: var(--inv-mute); text-align: left; justify-self: start; font-size: 17px; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-steps-list { list-style: none; margin: 0; padding: 0; counter-reset: none; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-step {
    position: relative; display: grid; grid-template-columns: 70px minmax(0, 1fr); column-gap: 18px; row-gap: 10px;
    padding: clamp(30px, 6vh, 64px) 0; border-top: 1px solid color-mix(in srgb, var(--inv-text) 16%, transparent);
    opacity: .22; transition: opacity .6s ease;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-step:last-child { border-bottom: 1px solid color-mix(in srgb, var(--inv-text) 16%, transparent); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-step.is-on { opacity: 1; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-step-n { grid-row: span 2; font: 500 15px/1.6 var(--n-font); color: var(--inv-mute); position: relative; padding-left: 16px; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-step-n::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: var(--n-accent); transform: scale(0); transition: transform .5s var(--n-ease); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-step.is-on .ds3-step-n::before { transform: scale(1); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-step b { font: 700 clamp(30px, 4.4vw, 76px)/.92 var(--n-font); letter-spacing: -.05em; text-transform: uppercase; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-step > span:last-child { font: 500 17px/1.4 var(--n-font); color: var(--inv-mute); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3.ds-js:not(.ds-noreveal) .ds3-step:not(.ds-in) { transform: translate3d(0, 30px, 0); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3.ds-js .ds3-step { transition: opacity .6s ease, transform 1s var(--n-ease); }

/* новости и преимущества */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .it-news-trigger-wrap { padding: clamp(40px, 7vh, 80px) var(--g3) 0 !important; max-width: none !important; }

/* ── Гигантский футер ─────────────────────────────────────────────────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-foot {
    display: block; position: relative; z-index: 2;
    margin: clamp(40px, 7vh, 80px) 0 0; padding: clamp(28px, 4vh, 44px) var(--g3) 20px;
    background: var(--n-accent); color: var(--n-accent-ink);
    border-radius: clamp(26px, 3vw, 48px) clamp(26px, 3vw, 48px) 0 0;
    overflow: hidden;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-foot-top, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-foot-bot {
    display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
    font: 600 13px/1 var(--n-font); letter-spacing: .1em; text-transform: uppercase;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-foot .ds3-idx { color: inherit; opacity: .6; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-foot-top > span:nth-child(2) { margin-right: auto; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-up, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-foot-bot a {
    appearance: none; cursor: pointer; text-decoration: none; color: inherit;
    font: 600 13px/1 var(--n-font); letter-spacing: .1em; text-transform: uppercase;
    background: transparent; border: 1px solid currentColor; border-radius: 999px; padding: 13px 20px;
    transition: background .35s ease, color .35s ease, transform .6s var(--n-ease);
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-up:hover, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-foot-bot a:hover { background: var(--n-accent-ink); color: var(--n-accent); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-foot-big { margin: clamp(30px, 6vh, 70px) 0 clamp(18px, 3vh, 30px); padding: .02em 0 .06em; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-foot-big .ds3-fit-in { color: transparent; -webkit-text-stroke: 1.5px var(--n-accent-ink); line-height: .82; transition: color .6s ease; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-foot-big:hover .ds3-fit-in { color: var(--n-accent-ink); }

/* ── Курсор: круг с инверсией, над карточкой - большой оранжевый ─────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds-cursor-dot { display: none !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds-cursor-ring::before {
    left: -9px; top: -9px; width: 18px; height: 18px;
    border: 0; background: #fff; mix-blend-mode: difference;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3.ds-cursor-link .ds-cursor-ring::before { transform: scale(2.4); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3.ds-cursor-card .ds-cursor-ring::before { transform: scale(5.4); background: var(--n-accent); mix-blend-mode: normal; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds-cursor-label { color: var(--n-accent-ink); font-size: 10.5px; }

/* ── Окно товара и корзина: появление содержимого по очереди ─────────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 :is(#product-modal, #cart-modal) .modal-header h2,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #pm-title { font-family: var(--n-font) !important; font-weight: 700 !important; letter-spacing: -.045em !important; text-transform: uppercase; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #product-modal.active .pm-body-scroll > *,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #cart-modal.active .modal-header,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #cart-modal.active #cart-items-list > * { animation: ds3-up .8s var(--n-ease) backwards; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #product-modal.active .pm-body-scroll > :nth-child(2) { animation-delay: .04s; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #product-modal.active .pm-body-scroll > :nth-child(3) { animation-delay: .09s; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #product-modal.active .pm-body-scroll > :nth-child(4) { animation-delay: .14s; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #product-modal.active .pm-body-scroll > :nth-child(5) { animation-delay: .19s; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #product-modal.active .pm-body-scroll > :nth-child(6) { animation-delay: .24s; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #product-modal.active .pm-body-scroll > :nth-child(n+7) { animation-delay: .29s; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #cart-modal.active #cart-items-list > :nth-child(2) { animation-delay: .06s; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #cart-modal.active #cart-items-list > :nth-child(3) { animation-delay: .12s; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #cart-modal.active #cart-items-list > :nth-child(n+4) { animation-delay: .18s; }
@keyframes ds3-up { from { opacity: 0; transform: translate3d(0, 22px, 0); } }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 :is(#pm-add-btn, .checkout-btn),
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 body:not(.site-theme-default) :is(#pm-add-btn, .checkout-btn),
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 body :is(#cart-modal, #product-modal) :is(#pm-add-btn, .checkout-btn) {
    background: var(--n-accent) !important; background-image: none !important; color: var(--n-accent-ink) !important;
    box-shadow: 0 14px 40px -16px rgba(255, 90, 20, .75) !important; border: 0 !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 :is(#pm-add-btn, .checkout-btn):hover,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 body:not(.site-theme-default) :is(#pm-add-btn, .checkout-btn):hover,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 body :is(#cart-modal, #product-modal) :is(#pm-add-btn, .checkout-btn):hover { background: var(--n-text) !important; color: var(--n-bg) !important; box-shadow: none !important; }

/* ── Заставка «Студии»: оранжевая шторка ─────────────────────────────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3.ds-intro-pending body::before { background: var(--n-accent); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds-intro { background: var(--n-accent); color: var(--n-accent-ink); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds-intro-word { font-family: var(--n-font) !important; font-weight: 700 !important; letter-spacing: -.06em; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds-intro-word span.ds-dot { color: var(--n-accent-ink); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds-intro-sub { color: var(--n-accent-ink); opacity: .7; }

/* ── Планшет ─────────────────────────────────────────────────────────── */
@media (max-width: 1179px) {
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell > .shop-side--right,
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell > .shop-side--left { grid-column: 1 / -1; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell > .shop-side--left { margin-top: 16px !important; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell #ds3-h-cat, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-shell .shop-search { grid-column: 1 / -1; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-search { border-bottom: 0; padding-bottom: 0 !important; margin-bottom: 14px !important; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #ds3-h-cat { margin-bottom: 18px; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-nav-a { padding: 10px 10px; font-size: 14px; }
    /* фильтры на планшете и телефоне - одна строка с прокруткой (и в прилипшем виде тоже) */
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter {
        flex-wrap: nowrap !important; justify-content: flex-start !important; gap: 8px !important;
        overflow-x: auto; overflow-y: hidden; scrollbar-width: none; overscroll-behavior-x: contain;
        margin: 0 calc(-1 * var(--g3)) 18px !important; padding: 10px var(--g3) !important;
    }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter::-webkit-scrollbar { display: none; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter .cat-btn { flex: 0 0 auto !important; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #category-filter.category-filter--glass::before { height: 62px; }
}
/* ── Телефон ─────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 { --h3: 62px; --g3: 16px; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-nav { display: none; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .logo-text, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .top-header .logo .logo-text { font-size: 19px !important; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .hero { min-height: calc(100svh - var(--h3) - 40px) !important; padding-top: 22px !important; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-hero-top { grid-template-columns: 1fr; gap: 22px; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-lead { font-size: 19px; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-meta { justify-self: stretch; width: 100%; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-meta > div { padding-left: 10px; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-meta dt { font-size: 9.5px; letter-spacing: .12em; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-meta dd { font-size: 13px; margin-top: 7px; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-hero-mid { min-height: 130px; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-cta { width: 128px; height: 128px; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-cta-core { width: 70px; height: 70px; margin: -35px 0 0 -35px; font-size: 28px; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-cta-ring text { font-size: 12.5px; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-line--2 .ds3-fit-in { -webkit-text-stroke-width: 1.1px; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-head { grid-template-columns: 1fr; grid-template-areas: "idx" "t" "note"; row-gap: 10px; padding-top: 64px; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-note { justify-self: start; text-align: left; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #site-promos-rail { grid-template-columns: 1fr; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #site-promos-rail > :first-child { grid-row: auto; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .shop-side-block--popular { padding: 18px 18px 6px !important; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-steps { grid-template-columns: 1fr; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-steps-pin { position: static; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-step { grid-template-columns: 46px minmax(0, 1fr); padding: 30px 0; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-step > span:last-child { font-size: 15px; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-foot-top > span:nth-child(2) { display: none; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-foot-big .ds3-fit-in { -webkit-text-stroke-width: 1.1px; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 #items-grid .item-title { font-size: 15px !important; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .hero { min-height: calc(88svh - var(--h3)) !important; }
}
@media (prefers-reduced-motion: reduce) {
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-ch, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-mask > span { transform: none !important; transition: none !important; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-lead, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-meta, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-cta { opacity: 1 !important; transform: none !important; scale: 1 !important; rotate: 0deg !important; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-cta-ring, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-scroll i::after { animation: none !important; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-w { opacity: 1 !important; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v3 .ds3-step { opacity: 1 !important; }
}