/* ═══════════════════════════════════════════════════════════════════════════
   №222 «НОВЫЙ ДИЗАЙН — ОРЕОЛ» (вариант 2, заменил «Аврору»). html.ds-new.ds-v2.
   Строится поверх «Редакции» (ds-new.css) и переопределяет её.
   Референсы владельца: «protect your data» (чёрный фон, объёмный стеклянный
   блоб с огненно-синим ободком, огромный тонкий текст строчными со сдвигом,
   цифры-выноски), O2 (крупные стеклянные панели, высокая «01», мелкие
   подписи-спецификации, белая/чёрная пилюля + круглая кнопка), RedSun
   (оранжевые кнопки со свечением, плашка «что нового», свечение снизу у карточек,
   полоса логотипов).
   ═══════════════════════════════════════════════════════════════════════════ */

html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 {
    --n-bg: #000000;
    --n-bg2: #0c0c10;
    --n-card: rgba(255, 255, 255, .04);
    --n-card2: rgba(255, 255, 255, .07);
    --n-line: rgba(255, 255, 255, .09);
    --n-line2: rgba(255, 255, 255, .2);
    --n-text: #f5f4f2;
    --n-mute: #8f8e95;
    --n-mute2: #5d5c63;
    --n-accent: #ff6a1f;
    --n-accent-ink: #ffffff;
    --n-accent-soft: rgba(255, 106, 31, .14);
    --n-glow: 0 0 0 1px rgba(255, 140, 70, .45), 0 10px 34px -6px rgba(255, 106, 31, .65);
    --n-glass: rgba(255, 255, 255, .045);
    --n-glass2: rgba(255, 255, 255, .08);
    --n-glass-line: rgba(255, 255, 255, .12);
    --n-r: 28px;
    --n-r-sm: 22px;
    --n-display: 'Onest', 'DM Sans', system-ui, sans-serif;
    --n-halo-a: url('/static/ds/halo-a.webp?v=1');
    --n-halo-b: url('/static/ds/halo-b.webp?v=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-v2[data-theme="light"] {
    --n-bg: #e7e4e0;
    --n-bg2: #dcd8d3;
    --n-card: rgba(255, 255, 255, .42);
    --n-card2: rgba(255, 255, 255, .62);
    --n-line: rgba(20, 18, 24, .1);
    --n-line2: rgba(20, 18, 24, .22);
    --n-text: #121116;
    --n-mute: #6c6a70;
    --n-mute2: #9d9aa0;
    --n-accent: #f25c12;
    --n-accent-soft: rgba(242, 92, 18, .12);
    --n-glass: rgba(255, 255, 255, .38);
    --n-glass2: rgba(255, 255, 255, .55);
    --n-glass-line: rgba(255, 255, 255, .7);
    --n-halo-a: url('/static/ds/halo-a-l.webp?v=1');
    --n-halo-b: url('/static/ds/halo-b-l.webp?v=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-v2 body:not(.site-theme-default) { --n-accent: #ff7a1a; }

html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 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-v2 .ds-marquee, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .ds-badge { display: none !important; }

/* ── Блобы (картинки, движение только transform - нагрузка минимальная) ── */
.ds-halo, .ds-halo-layer { 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-v2 .ds-halo {
    display: block; position: absolute; pointer-events: none; z-index: 0;
    background: var(--n-halo-a) center / contain no-repeat;
    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-v2 .ds-halo--hero {
    width: min(640px, 62%); aspect-ratio: 1 / 1; right: -6%; top: -18%;
    animation: ds-halo-float 22s ease-in-out infinite alternate;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .ds-halo-layer {
    display: block; position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 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-v2 .ds-halo--cat {
    width: 520px; aspect-ratio: 1 / 1; right: -140px; top: 640px; opacity: .85;
    background-image: var(--n-halo-b);
    animation: ds-halo-float2 26s ease-in-out infinite alternate;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .ds-halo--cat2 {
    width: 380px; aspect-ratio: 1 / 1; left: -150px; top: 1500px; opacity: .7;
    background-image: var(--n-halo-a);
    animation: ds-halo-float 30s ease-in-out infinite alternate-reverse;
}
@keyframes ds-halo-float { 0% { transform: translate3d(0, 0, 0) rotate(0deg) scale(1); } 50% { transform: translate3d(-24px, 18px, 0) rotate(8deg) scale(1.04); } 100% { transform: translate3d(14px, -16px, 0) rotate(-6deg) scale(.97); } }
@keyframes ds-halo-float2 { 0% { transform: translate3d(0, 0, 0) rotate(0deg); } 50% { transform: translate3d(20px, -26px, 0) rotate(-10deg); } 100% { transform: translate3d(-18px, 14px, 0) rotate(7deg); } }
html.is-scrolling.ds-v2 .ds-halo { 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-v2.ds-lite .ds-halo, html.m-lite.ds-v2 .ds-halo { animation: none; }
@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-v2 .ds-halo { 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).ds-v2 .shop-shell > *:not(.ds-halo-layer) { 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-v2 .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-v2 .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).ds-v2 .top-header .logo .logo-text {
    font-family: var(--n-font) !important; font-weight: 600 !important; text-transform: none !important;
    letter-spacing: -.045em !important; font-size: 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-v2 .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-v2 .logo-text em::after { content: "©"; font-size: .5em; vertical-align: super; color: var(--n-mute); 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).ds-v2 #cart-overlay {
    background: var(--n-text) !important; color: var(--n-bg) !important; border: 0 !important;
    padding-right: 4px !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-v2 .cart-count-badge { background: var(--n-bg) !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-v2 #cart-overlay:hover { background: var(--n-accent) !important; color: #fff !important; box-shadow: var(--n-glow) !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-v2 #tg-login-btn { background: var(--n-accent) !important; color: #fff !important; box-shadow: var(--n-glow) !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-v2 .shop-search-field {
    background: var(--n-glass) !important; border: 1px solid var(--n-glass-line) !important; border-radius: 999px !important;
    padding-left: 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-v2 .shop-search-field:focus-within { border-color: rgba(255, 140, 80, .6) !important; box-shadow: 0 0 0 4px rgba(255, 106, 31, .12) !important; }

/* ── Герой: стеклянная панель O2 + блоб + огромный тонкий текст ───────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .hero {
    position: relative !important;
    background: var(--n-glass) !important;
    border: 1px solid var(--n-glass-line) !important;
    border-radius: 36px !important;
    padding: 110px 34px 34px !important;
    min-height: 500px !important;
    overflow: hidden !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) !important;
    display: flex !important; flex-direction: column; justify-content: flex-end;
    isolation: isolate;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2[data-theme="light"] .hero { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 30px 70px -40px rgba(40, 30, 20, .35) !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-v2 .hero > :is(h1, p, .ds-hero-cta) { position: relative; z-index: 1; }
/* верхняя строка: плашка «что нового» (RedSun) */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .hero-label {
    position: absolute !important; top: 28px; left: 30px; z-index: 2;
    background: rgba(255, 255, 255, .06) !important; border: 1px solid var(--n-glass-line) !important; border-radius: 999px !important;
    padding: 4px 14px 4px 4px !important; margin: 0 !important; letter-spacing: 0 !important; text-transform: none !important;
    font: 500 12.5px/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).ds-v2 .hero-label::before {
    content: "что нового" !important; width: auto !important; height: auto !important; border-radius: 999px !important;
    padding: 7px 11px !important; background: var(--n-accent) !important; color: #fff !important;
    font: 600 11.5px/1 var(--n-font) !important; box-shadow: 0 0 18px rgba(255, 106, 31, .55) !important;
}
/* мелкие подписи-спецификации и высокая «01» (O2; вставляет ds-new.js) */
.ds-spec, .ds-hero-num, .ds-stats, .ds-hero-cta, .ds-logos { 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-v2 .ds-hero-num {
    display: block; position: absolute; top: 22px; left: 41%; z-index: 1;
    font: 300 64px/1 var(--n-font); letter-spacing: -.06em; color: var(--n-text);
    transform: scaleY(1.65); transform-origin: top left; 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-v2 .ds-spec {
    display: grid; grid-template-columns: repeat(2, auto); gap: 6px 28px; position: absolute; top: 30px; left: calc(41% + 78px); z-index: 1;
    font: 600 9.5px/1.35 var(--n-font); letter-spacing: .08em; text-transform: uppercase; color: var(--n-text); 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-v2 .ds-spec span { display: block; color: var(--n-mute); font-weight: 500; }
/* заголовок: строчные, очень тонкий, вторая строка со сдвигом вправо */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .hero h1 {
    font-family: var(--n-font) !important;
    font-weight: 300 !important;
    text-transform: lowercase !important;
    font-size: clamp(46px, 7.4vw, 124px) !important;
    line-height: .86 !important;
    letter-spacing: -.065em !important;
    margin: 0 0 22px !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-v2 .hero h1 br { display: block; content: ""; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .hero h1 span {
    display: inline-block !important; margin-left: 24%;
    color: var(--n-text) !important; -webkit-text-fill-color: currentColor !important;
    font-weight: 300 !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-v2 .hero h1 span::after { content: 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-v2 .hero p { font: 400 15px/1.5 var(--n-font) !important; max-width: 330px; color: var(--n-mute) !important; margin: 0 0 20px !important; }
/* кнопка «к каталогу» - оранжевая со свечением (RedSun) + круглая стрелка (O2) */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .ds-hero-cta {
    display: inline-flex; align-items: center; gap: 10px; align-self: flex-start;
    padding: 6px 6px 6px 18px; border-radius: 999px; border: 0; cursor: pointer;
    background: var(--n-accent); color: #fff; font: 600 14px/1 var(--n-font);
    box-shadow: var(--n-glow); transition: transform .5s var(--n-ease), filter .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-v2 .ds-hero-cta i {
    display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%;
    background: rgba(0, 0, 0, .22); font-style: normal; font-size: 15px; 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).ds-v2 .ds-hero-cta:hover { transform: translateY(-2px); filter: brightness(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).ds-v2 .ds-hero-cta:hover i { transform: rotate(45deg); }
/* цифры-выноски с линией (protect your data) */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .ds-stats { display: block; position: absolute; inset: 0; pointer-events: none; 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-v2 .ds-stat { position: absolute; display: flex; flex-direction: column; gap: 4px; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .ds-stat b { font: 300 34px/1 var(--n-font); letter-spacing: -.05em; 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-v2 .ds-stat span { font: 500 11px/1.25 var(--n-font); color: var(--n-mute); max-width: 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-v2 .ds-stat::before { content: ""; position: absolute; height: 1px; width: 70px; background: var(--n-line2); transform-origin: right 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-v2 .ds-stat--1 { right: 40px; top: 118px; align-items: flex-end; text-align: 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-v2 .ds-stat--1::before { right: calc(100% + 12px); top: 16px; transform: rotate(-24deg); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .ds-stat--2 { right: 60px; bottom: 44px; align-items: flex-end; text-align: 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-v2 .ds-stat--2::before { right: calc(100% + 12px); top: 14px; transform: rotate(18deg); }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .ds-stat--3 { left: 46%; bottom: 46px; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .ds-stat--3::before { right: calc(100% + 10px); top: 14px; transform: rotate(-20deg); }

/* ── Полоса логотипов (RedSun / protect your data) ───────────────────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .ds-logos {
    display: block; overflow: hidden; margin: 16px 0 18px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, 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-v2 .ds-logos-track { display: flex; gap: 0; width: max-content; animation: ds-mq 46s 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-v2 .ds-logos:hover .ds-logos-track, html.is-scrolling.ds-v2 .ds-logos-track { 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-v2 .ds-logo {
    display: inline-flex; align-items: center; gap: 10px; height: 58px; padding: 0 22px 0 16px; border-radius: 18px; margin-right: 12px; flex: 0 0 auto;
    background: var(--n-glass); border: 1px solid var(--n-glass-line);
    font: 600 16px/1 var(--n-font); letter-spacing: -.03em; color: var(--n-text); 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-v2 .ds-logo img { width: 26px; height: 26px; object-fit: contain; }
@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-v2 .ds-logos-track { animation: none; } }

/* ── Категории: тёмные пилюли (навигация O2) ─────────────────────────── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 #category-filter .cat-btn-inner {
    border: 1px solid var(--n-glass-line) !important; background: var(--n-glass) !important;
    font: 500 13px/1 var(--n-font) !important; padding: 11px 17px !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-v2 #category-filter .cat-btn:hover .cat-btn-inner { border-color: var(--n-line2) !important; background: var(--n-glass2) !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-v2 #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-v2 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).ds-v2 .ds-cnt { 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-v2 #category-filter .cat-btn.active .ds-cnt { 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-v2 #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).ds-v2[data-theme="light"] #category-filter.category-filter--glass .category-filter-glass {
    background: color-mix(in srgb, var(--n-bg) 72%, 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-v2 #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-v2 #items-grid .shelf-title { font-weight: 500 !important; letter-spacing: -.035em !important; font-size: 17px !important; }

/* ── Карточки товара: стеклянная плитка O2, свечение снизу (RedSun) ───── */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 #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-v2 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-glass-line) !important;
    border-radius: var(--n-r) !important;
    padding: 8px 8px 12px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    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-v2[data-theme="light"] #items-grid .item-card { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 14px 30px -20px rgba(40, 30, 20, .35) !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-v2 #items-grid .item-card::after {
    content: "" !important; display: block !important; position: absolute !important; left: 8%; right: 8%; bottom: 0; height: 55%;
    background: radial-gradient(60% 75% at 50% 100%, rgba(255, 106, 31, .32), transparent 70%) !important;
    opacity: 0; transition: opacity .5s ease; pointer-events: none; z-index: 0;
    width: auto !important; top: auto !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-v2 #items-grid .item-card:hover::after { 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-v2 #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-v2 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-v2 body:not(.site-theme-default) #items-grid .item-card:not(.item-card--holo):not(.item-card--sold-out):nth-child(even):hover {
    background: var(--n-card2) !important; border-color: rgba(255, 140, 80, .4) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 40px -22px rgba(255, 106, 31, .45) !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-v2 #items-grid .item-image-wrap {
    border-radius: var(--n-r-sm) !important; position: relative;
    background: radial-gradient(120% 100% at 30% 0%, rgba(255, 255, 255, .1), rgba(255, 255, 255, .02) 70%) !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-v2[data-theme="light"] #items-grid .item-image-wrap { background: linear-gradient(160deg, #f4f2ef, #dedad5) !important; }
/* круглая кнопка-лупа в углу картинки (O2) */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 #items-grid .item-card:not(.item-card--sold-out) .item-image-wrap::after {
    content: "↗" !important; display: grid !important; place-items: center; position: absolute !important;
    right: 8px; bottom: 8px; width: 30px; height: 30px; border-radius: 50%;
    background: rgba(0, 0, 0, .55); color: #fff; font-size: 13px; line-height: 1; z-index: 2;
    opacity: 0; transform: scale(.7); transition: opacity .35s 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-v2 #items-grid .item-card:hover .item-image-wrap::after { 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-v2 #items-grid .item-title { font-weight: 500 !important; font-size: 14.5px !important; 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-v2 #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-v2 #items-grid .item-price strong { font-weight: 500 !important; color: var(--n-mute) !important; }
/* «Выбрать» - белая пилюля с круглым «+» (O2 «Add to cart») */
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 #items-grid .add-btn {
    background: var(--n-text) !important; color: var(--n-bg) !important; border-color: var(--n-text) !important;
    position: relative; z-index: 1; padding-right: 4px !important; justify-content: space-between !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-v2 #items-grid .add-btn:not(.add-btn--sold)::after {
    content: "+" !important; display: inline-grid !important; place-items: center; width: 22px !important; height: 22px !important;
    border-radius: 50%; background: var(--n-bg) !important; color: var(--n-text); margin-left: 8px; font-size: 14px; vertical-align: middle;
}
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 #items-grid .item-card:not(.item-card--holo):not(.item-card--sold-out):hover .add-btn:not(.add-btn--sold) {
    background: var(--n-accent) !important; border-color: var(--n-accent) !important; color: #fff !important;
    box-shadow: var(--n-glow) !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-v2 #items-grid .item-card:hover .add-btn:not(.add-btn--sold)::after { transform: rotate(90deg); background: rgba(0, 0, 0, .25) !important; color: #fff; }
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 #items-grid .item-badge { background: rgba(0, 0, 0, .55) !important; border-color: var(--n-glass-line) !important; color: #fff !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-v2 .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).ds-v2 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-v2[data-theme="light"] .shop-side-block--popular {
    background: var(--n-glass) !important;
    border: 1px solid var(--n-glass-line) !important;
    border-radius: 28px !important;
    padding: 18px 14px 10px !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-v2 .shop-side-block--popular .shop-side-head h3 { letter-spacing: .1em !important; font: 600 10.5px/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).ds-v2 .shop-side-block--popular .shop-side-head h3::before { background: var(--n-accent) !important; box-shadow: 0 0 10px 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-v2 .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-v2 .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-v2 body:not(.site-theme-default) .shop-side-block--popular .popular-item {
    border-radius: 18px !important; border-bottom: 0 !important; padding: 10px 6px 10px 38px !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-v2 .popular-item:hover { background: var(--n-glass2) !important; padding-left: 42px !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-v2 .popular-rank { font: 300 22px/1 var(--n-font) !important; letter-spacing: -.06em !important; left: 8px !important; transform: translateY(-50%) scaleY(1.3) !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-v2 .popular-rank::before { content: "" !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-v2 .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).ds-v2 .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-v2 .site-promo-row,
html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2[data-theme="light"] .site-promo-hero {
    background: var(--n-glass) !important;
    border: 1px solid var(--n-glass-line) !important;
    border-radius: 28px !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-v2[data-theme="light"] .site-promo-hero {
    --n-bg: #e7e4e0; --n-text: #121116; --n-mute: #6c6a70; --n-line: rgba(20, 18, 24, .1); --n-line2: rgba(20, 18, 24, .22);
    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).ds-v2 .site-promo-hero-title { font-family: var(--n-font) !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: -.035em !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-v2 .site-promo-hero-cta { background: var(--n-accent) !important; color: #fff !important; box-shadow: var(--n-glow) !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-v2 .site-promo-hero-cta:hover { filter: brightness(1.07); background: 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-v2 .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).ds-v2[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).ds-v2 body:not(.site-theme-default) .news-ticker {
    background: var(--n-glass) !important; border: 1px solid var(--n-glass-line) !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).ds-v2 .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).ds-v2 body:not(.site-theme-default) .news-ticker-label { border-right-color: var(--n-glass-line) !important; letter-spacing: .08em !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-v2 .shop-footer-perks { border-top: 0 !important; gap: 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-v2 .perk-card { background: var(--n-glass) !important; border: 1px solid var(--n-glass-line) !important; border-radius: 24px !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-v2 .perk-card:last-child { border-right: 1px solid var(--n-glass-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-v2 .perk-ico { border: 0 !important; background: var(--n-accent) !important; color: #fff !important; border-radius: 50% !important; box-shadow: 0 0 16px rgba(255, 106, 31, .5) !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-v2 .modal-overlay { background: rgba(0, 0, 0, .55) !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-v2 #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).ds-v2 #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).ds-v2 #checkout-modal {
    background: color-mix(in srgb, var(--n-bg) 88%, #1a1a20) !important;
    border: 1px solid var(--n-glass-line) !important;
    border-radius: 36px 36px 0 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-v2[data-theme="light"] #cart-modal {
    --n-bg: #e7e4e0; --n-bg2: #dcd8d3; --n-card: rgba(255, 255, 255, .42); --n-card2: rgba(255, 255, 255, .62);
    --n-line: rgba(20, 18, 24, .1); --n-line2: rgba(20, 18, 24, .22); --n-text: #121116; --n-mute: #6c6a70; --n-mute2: #9d9aa0;
    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).ds-v2[data-theme="light"] :is(#product-modal, #cart-modal, #checkout-modal) { background: #efece8 !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-v2 :is(#product-modal, #cart-modal, #checkout-modal) .modal-header h2 {
    font-family: var(--n-font) !important; font-weight: 300 !important; text-transform: lowercase !important; letter-spacing: -.055em !important; font-size: 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-v2 #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).ds-v2 #cart-modal .modal-header h2 span { font: 300 34px/1.05 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-v2 :is(#product-modal, #cart-modal, #checkout-modal) .glass-panel { border-radius: 22px !important; background: var(--n-glass) !important; border-color: var(--n-glass-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-v2 #pm-price-display, html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 :is(#cart-modal, #checkout-modal) .cart-total-row strong {
    font-family: var(--n-font) !important; font-weight: 300 !important; letter-spacing: -.05em !important; font-size: 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-v2 :is(#pm-add-btn, .checkout-btn) { background: var(--n-accent) !important; color: #fff !important; box-shadow: var(--n-glow) !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-v2 #pm-add-btn::after { content: "+" !important; background: rgba(0, 0, 0, .22) !important; color: #fff !important; font-size: 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-v2 #pm-add-btn:hover::after { transform: rotate(90deg) !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-v2 #product-modal .pill-btn { border-color: var(--n-glass-line) !important; background: var(--n-glass) !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-v2 #product-modal .pill-btn.active { background: var(--n-text) !important; color: var(--n-bg) !important; 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).ds-v2.ds-cursor-card .ds-cursor-ring::before { background: var(--n-accent); border-color: var(--n-accent); box-shadow: 0 0 30px rgba(255, 106, 31, .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-v2 .ds-intro-word { font-family: var(--n-font); font-weight: 300; text-transform: lowercase; letter-spacing: -.07em; }

/* ── Телефон / планшет ────────────────────────────────────────────────── */
@media (max-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).ds-v2 .ds-spec { 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-v2 .ds-hero-num { left: auto; right: 26px; top: 20px; font-size: 48px; }
}
@media (max-width: 900px), (hover: none) and (pointer: coarse) {
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .hero { min-height: 0 !important; padding: 74px 20px 22px !important; border-radius: 28px !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-v2 .hero-label { top: 20px; left: 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-v2 .hero h1 { font-size: clamp(44px, 13.5vw, 64px) !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-v2 .hero h1 span { margin-left: 14%; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .ds-halo--hero { width: 92%; right: -28%; top: -6%; opacity: .9; }
    html.ds-new:not(.dsx1):not(.dsx2):not(.dsx3):not(.dsx4):not(.dsx5):not(.dsx6):not(.dsx7):not(.dsx8):not(.dsx9):not(.dsx10).ds-v2 .ds-stats { position: static; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 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-v2 .ds-stat { position: static; padding: 10px; border: 1px solid var(--n-glass-line); border-radius: 16px; background: var(--n-glass); align-items: flex-start !important; text-align: left !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-v2 .ds-stat::before { 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-v2 .ds-stat b { font-size: 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-v2 .ds-stat span { 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-v2 .ds-halo--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-v2 .ds-halo--cat2 { 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-v2 #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).ds-v2 #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).ds-v2 #checkout-modal { background: 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-v2 .ds-logo { height: 50px; font-size: 14px; }
}