/* ═══════════════════════════════════════════════════════════════════════════
   №220 «НОВЫЙ ДИЗАЙН» ХочуТеслу — отдельный слой поверх style.css.
   Включается классом html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) (плитка «Новый дизайн» в настройках).
   Без класса этот файл ничего не меняет — классический дизайн как был.
   Стиль: редакционный, крупная широкая типографика (Unbounded), текст Onest,
   тёмная/молочная основа, один яркий акцент, теги в [скобках], плавные
   появления и инерционный скролл (ds-new.js).
   ═══════════════════════════════════════════════════════════════════════════ */

/* №220: шрифты нового дизайна — свои файлы (SIL OFL: Unbounded, Onest), без Google Fonts */
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 500; font-display: swap; src: url('/static/ds/dsf-unbounded-cyrillic-500.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 500; font-display: swap; src: url('/static/ds/dsf-unbounded-latin-500.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; }
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 600; font-display: swap; src: url('/static/ds/dsf-unbounded-cyrillic-600.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 600; font-display: swap; src: url('/static/ds/dsf-unbounded-latin-600.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; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400; font-display: swap; src: url('/static/ds/dsf-onest-cyrillic-400.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: 400; font-display: swap; src: url('/static/ds/dsf-onest-latin-400.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; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 500; font-display: swap; src: url('/static/ds/dsf-onest-cyrillic-500.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: 500; font-display: swap; src: url('/static/ds/dsf-onest-latin-500.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; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 600; font-display: swap; src: url('/static/ds/dsf-onest-cyrillic-600.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: 600; font-display: swap; src: url('/static/ds/dsf-onest-latin-600.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; }

@font-face { font-family: 'Onest'; font-style: normal; font-weight: 300; font-display: swap; src: url('/static/ds/dsf-onest-cyrillic-300.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: 300; font-display: swap; src: url('/static/ds/dsf-onest-latin-300.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; }

html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) {
    --n-bg: #0d0d0e;
    --n-bg2: #141416;
    --n-card: #151517;
    --n-card2: #1b1b1e;
    --n-line: rgba(255, 255, 255, .085);
    --n-line2: rgba(255, 255, 255, .17);
    --n-text: #f2f1ec;
    --n-mute: #8e8d88;
    --n-mute2: #5f5e5a;
    --n-accent: #ff4a2b;
    --n-accent-ink: #0d0d0e;
    --n-accent-soft: rgba(255, 74, 43, .14);
    --n-ok: #3ddc84;
    --n-display: 'Unbounded', 'Syne', system-ui, sans-serif;
    --n-font: 'Onest', 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --n-ease: cubic-bezier(.16, 1, .3, 1);
    --n-r: 18px;
    --n-r-sm: 12px;
    scroll-behavior: auto !important;
    color-scheme: dark;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10)[data-theme="light"] {
    --n-bg: #ebe9e4;
    --n-bg2: #dfddd7;
    --n-card: #f4f3ef;
    --n-card2: #fbfaf7;
    --n-line: rgba(17, 17, 17, .09);
    --n-line2: rgba(17, 17, 17, .2);
    --n-text: #111111;
    --n-mute: #6b6a65;
    --n-mute2: #9a9993;
    --n-accent: #e5341d;
    --n-accent-ink: #ffffff;
    --n-accent-soft: rgba(229, 52, 29, .1);
    color-scheme: light;
}
/* Хэллоуин в новом дизайне — только акцент (оранжевый) */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) body:not(.site-theme-default) {
    --n-accent: #ff7a1a;
    --n-accent-soft: rgba(255, 122, 26, .14);
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10)[data-theme="light"] body:not(.site-theme-default) { --n-accent: #f2650a; }

/* плавное переключение дизайна */
html.ds-switching body, html.ds-switching body * { transition: background-color .35s ease, color .35s ease, border-color .35s 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) body {
    background: var(--n-bg) !important;
    color: var(--n-text) !important;
    font-family: var(--n-font) !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) ::selection { 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) body::after {
    content: "";
    position: fixed; inset: 0; z-index: 0; pointer-events: none;
    background:
        radial-gradient(900px 520px at 12% -8%, var(--n-accent-soft), transparent 70%),
        radial-gradient(700px 500px at 100% 0%, rgba(140, 120, 255, .06), transparent 70%);
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10)[data-theme="light"] body::after {
    background:
        radial-gradient(900px 520px at 12% -8%, var(--n-accent-soft), transparent 70%),
        radial-gradient(700px 500px at 100% 0%, rgba(120, 140, 255, .07), transparent 70%);
}
/* старые декоративные слои — в новом дизайне скрыты (и не рисуются, см. app.js №220) */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #star-canvas,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #bg-canvas,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #mainsite-bg-overlay,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #hero-star-canvas,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #fireCanvas,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #rocket-img,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .hero-video,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .cat-contour-canvas,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .cat-halo-canvas,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .popular-top-ring,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .pop-ring,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .profile-gemini-ring,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .profile-canvas,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .pro-badge-ring,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .cart-fx,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .site-promo-ring,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .category-filter-glass::after,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .modal-holo-rim,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .cart-art-bg,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .shop-side-block--popular::after,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .shop-side-block--popular::before,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .item-card::before,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .item-card::after,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .popular-item::after { 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) #mainsite-bg-overlay { 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) .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) .it-news-trigger-wrap,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .shop-footer { 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) h1, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) h2, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) h3, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) h4 { font-family: var(--n-display) !important; letter-spacing: -.02em; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) button, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) input, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) select, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) textarea { font-family: var(--n-font); }

/* ── Шапка ────────────────────────────────────────────────────────────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .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) .shop-side-brand .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) .top-header .logo .logo-text {
    font-family: var(--n-display) !important;
    font-weight: 600 !important;
    font-size: 19px !important;
    letter-spacing: -.03em !important;
    text-transform: uppercase;
    color: var(--n-text) !important;
    text-shadow: none !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    translate: 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) .logo-text em { font-style: normal; color: var(--n-accent) !important; -webkit-text-fill-color: currentColor !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .logo-text em::after { content: "®"; font-size: .45em; vertical-align: super; margin-left: 1px; 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) #cart-overlay {
    background: var(--n-text) !important;
    color: var(--n-bg) !important;
    border: 1px solid var(--n-text) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    color: var(--n-text) !important;
    transition: background .35s var(--n-ease), border-color .35s var(--n-ease), color .35s 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) #cart-overlay:hover { background: var(--n-accent) !important; color: var(--n-accent-ink) !important; border-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) #cart-overlay-text { font: 600 13px/1 var(--n-font) !important; letter-spacing: .02em; color: inherit !important; text-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) .cart-count-badge {
    background: var(--n-bg) !important; color: var(--n-text) !important;
    font: 700 11px/1 var(--n-font) !important; box-shadow: none !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) .profile-track,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .pro-badge-track {
    background: transparent !important;
    border: 1px solid var(--n-line2) !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) .profile-name, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .pro-badge-text { font-family: var(--n-font) !important; color: var(--n-text) !important; text-shadow: none !important; -webkit-text-fill-color: currentColor !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .avatar-mini { background: var(--n-accent) !important; color: var(--n-accent-ink) !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) .avatar-letter { color: var(--n-accent-ink) !important; }

/* кнопка «Открыть в Telegram» (гость) */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #tg-login-btn {
    white-space: nowrap !important;
    background: var(--n-text) !important; color: var(--n-bg) !important;
    font: 600 13px/1 var(--n-font) !important; border-radius: 999px !important; padding: 11px 18px !important;
    transition: background .35s var(--n-ease), color .35s 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) #tg-login-btn:hover { 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) .shop-search-field {
    background: var(--n-card) !important;
    border: 1px solid var(--n-line) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    transition: border-color .3s var(--n-ease), background .3s 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) .shop-search-field::before, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .shop-search-field::after { 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) .shop-search-field:focus-within { border-color: var(--n-text) !important; background: var(--n-card2) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .shop-search-input { color: var(--n-text) !important; font: 500 15px 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) .shop-search-input::placeholder { 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) .shop-search-icon { 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) .shop-search-kbd { background: transparent !important; border: 1px solid var(--n-line2) !important; color: var(--n-mute) !important; box-shadow: none !important; font-family: 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) .hero {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 34px 2px 26px !important;
    min-height: 0 !important;
    overflow: visible !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .hero::before, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .hero::after { 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) .hero-label {
    display: inline-flex !important; align-items: center; gap: 8px;
    background: none !important; border: 0 !important; box-shadow: none !important;
    padding: 0 !important; margin: 0 0 18px !important;
    font: 600 11px/1 var(--n-font) !important; letter-spacing: .16em !important; text-transform: uppercase;
    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) .hero-label::before { content: "" !important; display: inline-block !important; position: static !important; width: 7px !important; height: 7px !important; border-radius: 50%; background: var(--n-accent) !important; box-shadow: none !important; 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) .hero h1 {
    font-family: var(--n-display) !important;
    font-weight: 600 !important;
    font-size: clamp(34px, 5.4vw, 78px) !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
    text-transform: uppercase;
    color: var(--n-text) !important;
    text-shadow: none !important;
    margin: 0 0 18px !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    will-change: transform;
    animation: ds-rise 1.1s 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) .hero h1 span {
    color: var(--n-text) !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
    text-shadow: none !important;
    font-weight: 600 !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .hero h1 span::after { content: "."; 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) .hero p {
    font: 400 16px/1.5 var(--n-font) !important;
    color: var(--n-mute) !important;
    max-width: 560px;
    margin: 0 !important;
    text-shadow: none !important;
    animation: ds-rise 1.1s .12s var(--n-ease) backwards;
}
@keyframes ds-rise { from { opacity: 0; transform: translate3d(0, 26px, 0); } }

/* вращающийся бейдж справа в герое (вставляется ds-new.js) */
.ds-badge { display: none; }
@media (min-width: 1100px) {
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .hero { position: relative !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-badge {
        display: block; position: absolute; right: 8px; top: 50%; width: 168px; height: 168px; margin-top: -84px;
        pointer-events: none; color: var(--n-text);
        animation: ds-rise 1.2s .25s 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-badge-ring { width: 100%; height: 100%; animation: ds-spin 24s linear infinite; 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-badge-ring text { font: 600 10.5px var(--n-font); letter-spacing: .26em; 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-badge-core {
        position: absolute; left: 50%; top: 50%; width: 62px; height: 62px; margin: -31px 0 0 -31px; border-radius: 50%;
        background: var(--n-accent); color: var(--n-accent-ink); display: grid; place-items: center; font-size: 24px; line-height: 1;
    }
    html.is-scrolling.ds-new .ds-badge-ring { animation-play-state: paused; }
}
@keyframes ds-spin { to { transform: rotate(360deg); } }
@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-badge-ring { animation: none; } }

/* бегущая строка брендов (вставляется ds-new.js под героем) */
.ds-marquee { 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-marquee {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 4px 0 22px;
    padding: 13px 0;
    border-top: 1px solid var(--n-line);
    border-bottom: 1px solid var(--n-line);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, 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-mq-track { display: flex; width: max-content; animation: ds-mq 38s linear infinite; 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-mq-set { display: flex; align-items: center; flex: 0 0 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-mq-item { font: 600 15px/1 var(--n-display); text-transform: uppercase; letter-spacing: -.01em; color: var(--n-text); padding: 0 22px; 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-mq-sep { color: var(--n-accent); font-size: 12px; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .ds-marquee:hover .ds-mq-track { animation-play-state: paused; }
html.is-scrolling.ds-new .ds-mq-track { animation-play-state: paused; }
@keyframes ds-mq { to { transform: translate3d(-50%, 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) #category-filter .cat-btn-inner {
    background: transparent !important;
    border: 1px solid var(--n-line2) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    color: var(--n-text) !important;
    font: 500 12.5px/1 var(--n-font) !important;
    letter-spacing: .01em;
    padding: 10px 16px !important;
    text-shadow: none !important;
    transition: background .35s var(--n-ease), color .35s var(--n-ease), border-color .35s 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) #category-filter .cat-btn-text { color: inherit !important; -webkit-text-fill-color: currentColor !important; text-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) #category-filter .cat-btn:hover .cat-btn-inner { border-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) #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) body:not(.site-theme-default) #category-filter .cat-btn.active .cat-btn-inner {
    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) body:not(.site-theme-default) #category-filter .cat-btn[data-cat="All"] .cat-btn-text { color: inherit !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #category-filter .cat-btn.active .cat-btn-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) #category-filter.category-filter--glass .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)[data-theme="light"] #category-filter.category-filter--glass .category-filter-glass {
    background: color-mix(in srgb, var(--n-bg) 82%, transparent) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
    backdrop-filter: blur(14px) saturate(140%) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--n-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-mask-image: none !important;
    mask-image: 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-cnt { display: inline-block; margin-left: 6px; font: 600 10.5px/1 var(--n-font); color: var(--n-accent); vertical-align: 1px; }
.ds-cnt { 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) #items-grid .shelf-head { border-bottom: 1px solid var(--n-line) !important; box-shadow: none !important; 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) #items-grid .shelf-head::before, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .shelf-head::after { 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) #items-grid .shelf-title {
    font-family: var(--n-font) !important;
    font-weight: 700 !important;
    letter-spacing: -.015em !important;
    color: var(--n-text) !important;
    text-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) #items-grid .shelf-title::before { 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) #items-grid .shelf-name { color: inherit !important; -webkit-text-fill-color: currentColor !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .shelf--cont .shelf-name { opacity: .55; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .shelf-stock { 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) #items-grid .shelf-stock--ok { background: var(--n-ok) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .shelf-stock--pill {
    background: transparent !important; border: 0 !important;
    color: var(--n-accent) !important;
    font: 600 10.5px/1 var(--n-font) !important; letter-spacing: .12em !important;
    padding: 0 !important; width: auto !important; height: 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) #items-grid .shelf-stock--pill::before { content: "["; margin-right: 2px; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .shelf-stock--pill::after { content: "]"; margin-left: 2px; }

/* ── Каталог: карточки ────────────────────────────────────────────────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #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) body:not(.site-theme-default) #items-grid .item-card:not(.item-card--holo):not(.item-card--sold-out) {
    background: var(--n-card) !important;
    border: 1px solid var(--n-line) !important;
    border-radius: var(--n-r) !important;
    box-shadow: none !important;
    padding: 9px 9px 12px !important;
    overflow: hidden;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transition: transform .6s var(--n-ease), border-color .35s ease, background .35s ease !important;
    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) #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) 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) body:not(.site-theme-default) #items-grid .item-card:not(.item-card--holo):not(.item-card--sold-out):nth-child(even):hover {
    transform: translate3d(0, -4px, 0);
    border-color: var(--n-line2) !important;
    background: var(--n-card2) !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) #items-grid .item-card:active { transform: scale(.985); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .item-image-wrap {
    background: var(--n-bg2) !important;
    border: 0 !important;
    border-radius: var(--n-r-sm) !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) #items-grid .item-image-wrap::before, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .item-image-wrap::after { 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) #items-grid .item-image,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .item-image-wrap > svg,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .item-image-wrap > * {
    transition: transform .9s var(--n-ease) !important;
    filter: 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) #items-grid .item-card:hover .item-image-wrap > * { transform: scale(1.06); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .item-title {
    font: 600 14px/1.25 var(--n-font) !important;
    letter-spacing: -.01em !important;
    color: var(--n-text) !important;
    text-shadow: none !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    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) #items-grid .item-title-sub { color: var(--n-mute) !important; font-weight: 500 !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #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) #items-grid .item-price strong {
    font: 600 14px/1 var(--n-font) !important;
    color: var(--n-text) !important;
    text-shadow: none !important;
    -webkit-text-fill-color: currentColor !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .add-btn {
    background: transparent !important;
    border: 1px solid var(--n-line2) !important;
    border-radius: 999px !important;
    color: var(--n-text) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font: 600 12px/1 var(--n-font) !important;
    letter-spacing: .02em !important;
    text-transform: none !important;
    transition: background .35s var(--n-ease), color .35s var(--n-ease), border-color .35s 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) #items-grid .add-btn::before { 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) #items-grid .add-btn:not(.add-btn--sold)::after {
    content: " ↗"; display: inline-block; transition: transform .4s var(--n-ease);
    position: static !important; width: auto !important; height: auto !important; background: none !important; opacity: 1 !important; 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) #items-grid .item-card:hover .add-btn:not(.add-btn--sold) {
    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) #items-grid .item-card:hover .add-btn:not(.add-btn--sold)::after { transform: translate(2px, -2px); }
/* Xbox: без голограммы и бегущих рамок — такая же карточка, логотип остаётся */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .item-card--holo,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .item-card--holo * { 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) #items-grid .item-card--holo .item-title { 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) #items-grid .item-badge {
    background: var(--n-bg) !important;
    border: 1px solid var(--n-line2) !important;
    border-radius: 999px !important;
    color: var(--n-text) !important;
    box-shadow: none !important;
    font: 600 10px/1 var(--n-font) !important;
    letter-spacing: .1em !important;
    padding: 5px 8px !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .item-badge--sold { color: var(--n-accent) !important; border-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) #items-grid .item-card--sold-out { opacity: .5; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .item-card--sold-out .item-image-wrap > * { filter: grayscale(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) #items-grid .add-btn--sold { color: var(--n-mute) !important; border-style: dashed !important; }
/* скелетоны */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .skeleton-card { background: var(--n-card) !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-r) !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) .skeleton-img, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .skeleton-line { background: var(--n-bg2) !important; }

/* ── Появление при прокрутке (классы ставит ds-new.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-js:not(.ds-noreveal) :is(.item-card, .shelf-head, .perk-card, .popular-deck-card, .site-promo-hero, .site-promo-ring-wrap, .news-ticker, .shop-side-head):not(.ds-in) {
    opacity: 0 !important;
    transform: translate3d(0, 28px, 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-js :is(.item-card, .shelf-head, .perk-card, .popular-deck-card, .site-promo-hero, .site-promo-ring-wrap, .news-ticker, .shop-side-head).ds-in {
    animation: ds-in .95s var(--n-ease) var(--ds-d, 0ms) backwards !important;
}
@keyframes ds-in { from { opacity: 0; transform: translate3d(0, 28px, 0); } }
@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) .hero h1, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .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-js .ds-in { 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-mq-track { animation: none; }
}

/* ── Левая колонка: «Популярное сегодня» ─────────────────────────────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .shop-side-block,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) 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)[data-theme="light"] .shop-side-block--popular {
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--n-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !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) .shop-side-block--popular .shop-side-head h3,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) body:not(.site-theme-default) .shop-side-block--popular .shop-side-head h3 {
    font: 600 11px/1 var(--n-font) !important;
    letter-spacing: .16em !important;
    text-transform: uppercase;
    color: var(--n-mute) !important;
    text-shadow: none !important;
    text-align: left !important;
    -webkit-text-fill-color: currentColor !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .shop-side-block--popular .shop-side-head h3::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--n-accent); margin-right: 9px; vertical-align: 1px; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .popular-deck { gap: 0 !important; counter-reset: dsrank; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .popular-deck > li { opacity: 1; transform: none; will-change: 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) .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) .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) body:not(.site-theme-default) .shop-side-block--popular .popular-item {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--n-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 14px 4px 14px 30px !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    transition: padding .45s var(--n-ease), background .3s 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) .popular-item:hover { padding-left: 38px !important; background: var(--n-accent-soft) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .popular-rank {
    left: 2px !important; top: 50% !important; transform: translateY(-50%) !important;
    width: auto !important; height: auto !important;
    background: none !important; border: 0 !important; box-shadow: none !important;
    font: 600 12px/1 var(--n-display) !important;
    color: var(--n-mute) !important;
    z-index: 6 !important;
    white-space: nowrap !important;
    min-width: 22px;
    display: inline-flex !important;
    flex-direction: row !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .popular-rank::before { content: "0"; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .popular-deck > li[data-rank="1"] .popular-rank { 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) .popular-thumb, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .popular-thumb-fallback { width: 40px !important; height: 40px !important; border-radius: 10px !important; background: var(--n-bg2) !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) .popular-thumb-wrap { width: 40px !important; height: 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) .popular-title { font: 600 13.5px/1.25 var(--n-font) !important; color: var(--n-text) !important; text-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) .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) .site-promo-row {
    background: var(--n-card) !important;
    border: 1px solid var(--n-line) !important;
    border-radius: var(--n-r) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: 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) .site-promo-hero::before, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .site-promo-hero::after,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .site-promo-row::before, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .site-promo-row::after { 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) .site-promo-hero-kind {
    background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important;
    font: 600 10.5px/1 var(--n-font) !important; letter-spacing: .14em !important; text-transform: uppercase;
    color: var(--n-accent) !important; -webkit-text-fill-color: currentColor !important; text-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) .site-promo-hero-timer {
    background: transparent !important; border: 1px solid var(--n-line2) !important; box-shadow: none !important;
    color: var(--n-text) !important; font: 600 11px/1 var(--n-font) !important; font-variant-numeric: tabular-nums;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .site-promo-row-title { font-family: var(--n-font) !important; font-weight: 700 !important; letter-spacing: -.01em !important; color: var(--n-text) !important; text-shadow: none !important; -webkit-text-fill-color: currentColor !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .site-promo-hero-title {
    font-family: var(--n-display) !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: -.02em !important;
    color: var(--n-text) !important; text-shadow: none !important; -webkit-text-fill-color: currentColor !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .site-promo-hero-price, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .site-promo-hero-price b, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .site-promo-hero-price-now b { color: var(--n-text) !important; text-shadow: none !important; font-family: 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) .site-promo-hero-price s { 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) .site-promo-hero-deal-chip { background: var(--n-accent) !important; color: var(--n-accent-ink) !important; box-shadow: none !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) .site-promo-hero-cta {
    background: var(--n-text) !important;
    color: var(--n-bg) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    font: 600 13px/1 var(--n-font) !important;
    overflow: hidden;
    transition: background .35s var(--n-ease), color .35s 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) .site-promo-hero-cta > :not(.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) .site-promo-hero-cta .label { color: inherit !important; text-shadow: none !important; -webkit-text-fill-color: currentColor !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .site-promo-hero-cta:hover { 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) .site-promo-hero-cta.is-used { background: transparent !important; color: var(--n-mute) !important; border: 1px solid var(--n-line2) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .site-promo-ring-wrap { padding: 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) .site-promo-row * { text-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) .news-ticker,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10)[data-theme="light"] .news-ticker,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) body:not(.site-theme-default) .news-ticker {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border: 0 !important;
    border-top: 1px solid var(--n-line) !important;
    border-bottom: 1px solid var(--n-line) !important;
    border-radius: 0 !important;
    height: 52px !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .news-ticker-label,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) body:not(.site-theme-default) .news-ticker-label {
    background: transparent !important;
    border-right: 1px solid var(--n-line) !important;
    font: 600 11px/1 var(--n-font) !important;
    letter-spacing: .16em !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) .news-ticker-label:hover { background: var(--n-accent-soft) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .nt-item { font: 500 14px/1 var(--n-font) !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) .nt-src { color: var(--n-mute) !important; letter-spacing: .1em !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .nt-item:hover .nt-title,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) body:not(.site-theme-default) .nt-item:hover .nt-title { color: var(--n-accent) !important; text-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) .shop-footer-perks { gap: 0 !important; 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) .perk-card {
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid var(--n-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    padding: 22px 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) .perk-card:last-child { border-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) .perk-card::before, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .perk-card::after { 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) .perk-ico { background: none !important; border: 1px solid var(--n-line2) !important; box-shadow: none !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) .perk-ico svg, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .perk-ico * { 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) .perk-text { font: 600 14px/1.2 var(--n-font) !important; color: var(--n-text) !important; text-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) .perk-sub { color: var(--n-mute) !important; font: 400 12.5px/1.3 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) .modal-overlay {
    background: rgba(8, 8, 9, .62) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(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)[data-theme="light"] .modal-overlay { background: rgba(30, 30, 28, .32) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #product-modal,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #cart-modal,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #checkout-modal {
    background: var(--n-bg) !important;
    border: 1px solid var(--n-line) !important;
    box-shadow: 0 40px 120px rgba(0, 0, 0, .45) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !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) #product-modal::before, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #product-modal::after,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #cart-modal::before, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #cart-modal::after,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #checkout-modal::before, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #checkout-modal::after { 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) :is(#product-modal, #cart-modal, #checkout-modal) .modal-header h2 {
    font: 600 22px/1.05 var(--n-display) !important;
    text-transform: uppercase;
    letter-spacing: -.03em !important;
    color: var(--n-text) !important;
    text-shadow: none !important;
    -webkit-text-fill-color: currentColor !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) :is(#product-modal, #cart-modal, #checkout-modal) .close-btn {
    background: transparent !important;
    border: 1px solid var(--n-line2) !important;
    color: var(--n-text) !important;
    box-shadow: none !important;
    transition: transform .5s var(--n-ease), background .3s ease, color .3s 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) :is(#product-modal, #cart-modal, #checkout-modal) .close-btn:hover { transform: rotate(90deg); 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) :is(#product-modal, #cart-modal, #checkout-modal) .modal-drag-pill { background: var(--n-line2) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) :is(#product-modal, #cart-modal, #checkout-modal) .glass-panel {
    background: var(--n-card) !important;
    border: 1px solid var(--n-line) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: 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) :is(#product-modal, #cart-modal, #checkout-modal) .glass-panel::before,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) :is(#product-modal, #cart-modal, #checkout-modal) .glass-panel::after { 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) #product-modal .pm-header-img { background: var(--n-bg2) !important; border: 0 !important; border-radius: 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) #product-modal .pm-desc { color: var(--n-mute) !important; font: 400 14px/1.55 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) #product-modal .variant-label {
    font: 600 10.5px/1 var(--n-font) !important; letter-spacing: .16em !important; text-transform: uppercase;
    color: var(--n-mute) !important; text-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) #product-modal .pill-btn {
    background: transparent !important;
    border: 1px solid var(--n-line2) !important;
    border-radius: 999px !important;
    color: var(--n-text) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font: 500 13px/1 var(--n-font) !important;
    transition: background .3s var(--n-ease), color .3s var(--n-ease), border-color .3s 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) #product-modal .pill-btn::before, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #product-modal .pill-btn::after { 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) #product-modal .pill-btn:hover { border-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) #product-modal .pill-btn.active { 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) #product-modal .pill-btn.disabled { opacity: .35 !important; text-decoration: line-through; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #product-modal .pm-price-label { color: var(--n-mute) !important; font: 600 11px/1 var(--n-font) !important; letter-spacing: .14em; 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) #pm-price-display {
    font-family: var(--n-display) !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    color: var(--n-text) !important;
    text-shadow: none !important;
    letter-spacing: -.03em !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) :is(#pm-add-btn, .checkout-btn) {
    background: var(--n-accent) !important;
    color: var(--n-accent-ink) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font: 600 15px/1 var(--n-font) !important;
    letter-spacing: .01em !important;
    transition: transform .5s var(--n-ease), filter .3s ease !important;
    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) :is(#pm-add-btn, .checkout-btn)::before { 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) #pm-add-btn::after {
    content: "↗" !important; display: inline-grid !important; place-items: center; position: static !important;
    width: 30px !important; height: 30px !important; margin-left: 12px; vertical-align: middle; border-radius: 50%;
    background: var(--n-accent-ink) !important; color: var(--n-accent) !important; font-size: 15px; line-height: 1;
    opacity: 1 !important; animation: none !important; transform: none; transition: transform .45s 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) #pm-add-btn:hover::after { transform: rotate(45deg); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) :is(#pm-add-btn, .checkout-btn):hover { transform: translateY(-2px); filter: brightness(1.08); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) :is(#pm-add-btn, .checkout-btn):active { transform: scale(.98); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) :is(#product-modal, #cart-modal) .qty-btn {
    background: transparent !important; border: 1px solid var(--n-line2) !important; color: var(--n-text) !important; box-shadow: none !important; border-radius: 999px !important;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #pm-qty-val { color: var(--n-text) !important; font-family: 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)[data-theme="light"] #cart-modal,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10)[data-theme="light"] .site-promo-hero {
    --n-bg: #111111; --n-bg2: #1c1c1e; --n-card: #19191b; --n-card2: #222225;
    --n-line: rgba(255, 255, 255, .1); --n-line2: rgba(255, 255, 255, .2);
    --n-text: #f2f1ec; --n-mute: #9a9993; --n-mute2: #6d6c68; --n-accent-ink: #ffffff;
    color-scheme: dark;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10)[data-theme="light"] .site-promo-hero { background: #111111 !important; border-color: #111111 !important; }
/* корзина */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #cart-modal .modal-header h2 { font-size: 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) #cart-modal .modal-header h2 span { font: 600 22px/1.05 var(--n-display) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #cart-modal .cart-item h4 { font: 600 14px/1.25 var(--n-font) !important; color: var(--n-text) !important; letter-spacing: -.01em !important; text-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) #cart-modal .cart-item p { 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) #cart-modal .cart-item-ico { background: var(--n-accent-soft) !important; border: 0 !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) #cart-modal .cart-item-ico svg path { fill: 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) #cart-modal .cart-swipe-action { background: var(--n-bg2) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) :is(#cart-modal, #checkout-modal) .cart-total-row span { color: var(--n-mute) !important; font: 600 11px/1 var(--n-font) !important; letter-spacing: .14em; 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) :is(#cart-modal, #checkout-modal) .cart-total-row strong { font: 600 22px/1 var(--n-display) !important; color: var(--n-text) !important; text-shadow: none !important; letter-spacing: -.03em; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #cart-modal #cart-promo-input { background: transparent !important; color: var(--n-text) !important; border: 0 !important; font: 500 14px 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) #cart-modal #cart-promo-btn { background: var(--n-text) !important; color: var(--n-bg) !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; font: 600 12.5px/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) :is(#cart-modal, #checkout-modal) .cart-trust-item { color: var(--n-mute) !important; background: transparent !important; border: 1px solid var(--n-line) !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) :is(#cart-modal, #checkout-modal) .cart-trust-item svg { stroke: 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) :is(#cart-modal, #checkout-modal) .cart-secure { color: var(--n-mute2) !important; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #checkout-modal .checkout-pay-btn {
    background: transparent !important; border: 1px solid var(--n-line2) !important; border-radius: 14px !important; color: var(--n-text) !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) #checkout-modal .checkout-pay-btn.is-active { border-color: var(--n-accent) !important; background: var(--n-accent-soft) !important; }

/* ── Курсор (ПК) ──────────────────────────────────────────────────────── */
.ds-cursor-dot, .ds-cursor-ring { 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-cursor-on .ds-cursor-dot,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-cursor-on .ds-cursor-ring { display: block; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .ds-cursor-dot {
    position: fixed; left: 0; top: 0; z-index: 2147483000; pointer-events: none;
    width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%;
    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-cursor-ring {
    position: fixed; left: 0; top: 0; z-index: 2147482999; pointer-events: none;
    width: 0; height: 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-cursor-ring::before {
    content: ""; position: absolute; left: -17px; top: -17px; width: 34px; height: 34px; border-radius: 50%;
    border: 1px solid var(--n-line2);
    transition: transform .5s var(--n-ease), background .35s ease, border-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-cursor-label {
    position: absolute; left: 0; top: 0; transform: translate(-50%, -50%) scale(.6); opacity: 0;
    font: 600 10px/1 var(--n-font); letter-spacing: .14em; text-transform: uppercase; color: var(--n-accent-ink);
    white-space: nowrap; transition: opacity .3s ease, 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-cursor-link .ds-cursor-ring::before { transform: scale(1.45); border-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-cursor-card .ds-cursor-ring::before { transform: scale(2.1); background: var(--n-accent); border-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-cursor-card .ds-cursor-label { opacity: 1; transform: translate(-50%, -50%) 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-cursor-card .ds-cursor-dot { opacity: 0; }

/* ── Телефон ──────────────────────────────────────────────────────────── */
@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) .hero { padding: 18px 2px 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) .hero h1 { font-size: clamp(30px, 9.6vw, 44px) !important; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .hero p { font-size: 14.5px !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-marquee { margin: 0 0 14px; padding: 11px 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-mq-item { font-size: 13px; padding: 0 16px; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) #items-grid .item-card { border-radius: 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) .perk-card { border-right: 0 !important; border-bottom: 1px solid var(--n-line) !important; padding: 16px 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) #category-filter .cat-btn-inner { padding: 9px 13px !important; font-size: 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) #category-filter.category-filter--glass .category-filter-glass { background: color-mix(in srgb, var(--n-bg) 95%, 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-intro-pending body::before {
    content: ""; position: fixed; inset: 0; z-index: 2147483100; background: var(--n-bg);
    animation: ds-intro-safety .4s 2.6s ease forwards;   /* если скрипт не запустился - шторка сама уходит */
}
@keyframes ds-intro-safety { to { opacity: 0; visibility: hidden; } }
.ds-intro { 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-intro {
    display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 18px;
    position: fixed; inset: 0; z-index: 2147483200; background: var(--n-bg); color: var(--n-text);
    animation: ds-intro-out .9s .95s cubic-bezier(.76, 0, .24, 1) forwards;
    pointer-events: 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-intro-word { display: flex; overflow: hidden; font: 600 clamp(44px, 11vw, 168px)/.9 var(--n-display); 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-intro-word span { display: inline-block; transform: translate3d(0, 105%, 0); animation: ds-intro-in .8s var(--n-ease) forwards; animation-delay: calc(var(--i) * 45ms); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10) .ds-intro-word span.ds-dot { 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-intro-sub { font: 600 11px/1 var(--n-font); letter-spacing: .2em; text-transform: uppercase; color: var(--n-mute); opacity: 0; animation: ds-fade .6s .35s ease forwards; }
@keyframes ds-intro-in { to { transform: none; } }
@keyframes ds-intro-out { to { transform: translate3d(0, -100%, 0); } }
@keyframes ds-fade { to { opacity: 1; } }
@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-intro { 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-intro-pending body::before { display: none; } }