/* =========================================================================
   «Гаджет» — a reseller of new electronics.

   Studio-grey page, white cards, near-black type, one signal-orange accent
   used sparingly (dots, badges, savings, the buy button). Products sit on
   rounded light «stages» with a hairline blueprint grid; spec callouts are
   pinned around them. The header is a floating capsule, the footer a spec
   sheet. Loaded after the parent's theme, blocks and chrome styles and
   after the modules' styles.

   1. Fonts   2. Design settings   3. Tokens   4. Base   5. Header
   6. Footer   7. Shared blocks   8. Own blocks   9. Shop
   10. Variants   11. Phones   12. Motion
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. Fonts — the parent's self-hosted variable families (OFL), under this
   theme's own names so the design settings can pick them.
   ------------------------------------------------------------------------- */
@font-face {
    font-family: 'Gadzhet Onest';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/themes/default/assets/fonts/onest-cyrillic-wght-normal.woff2) format('woff2-variations');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: 'Gadzhet Onest';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/themes/default/assets/fonts/onest-latin-wght-normal.woff2) format('woff2-variations');
    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+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Gadzhet Inter';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/themes/default/assets/fonts/inter-cyrillic-wght-normal.woff2) format('woff2-variations');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: 'Gadzhet Inter';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/themes/default/assets/fonts/inter-latin-wght-normal.woff2) format('woff2-variations');
    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+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Gadzhet Manrope';
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url(/themes/default/assets/fonts/manrope-cyrillic-wght-normal.woff2) format('woff2-variations');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: 'Gadzhet Manrope';
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url(/themes/default/assets/fonts/manrope-latin-wght-normal.woff2) format('woff2-variations');
    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+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Gadzhet Unbounded';
    font-style: normal;
    font-display: swap;
    font-weight: 200 900;
    src: url(/themes/default/assets/fonts/unbounded-cyrillic-wght-normal.woff2) format('woff2-variations');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: 'Gadzhet Unbounded';
    font-style: normal;
    font-display: swap;
    font-weight: 200 900;
    src: url(/themes/default/assets/fonts/unbounded-latin-wght-normal.woff2) format('woff2-variations');
    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+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* -------------------------------------------------------------------------
   2. The owner's design settings (theme.json → design.controls). Core
   prints the chosen values as :root{--gadzhet-…} after this file, so these
   are only the defaults; the tokens below derive from them.
   ------------------------------------------------------------------------- */
:root {
    --gadzhet-accent: #ff5b14;
    --gadzhet-font-display: 'Gadzhet Onest', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    --gadzhet-font-text: 'Gadzhet Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    --gadzhet-radius: 24px;
}

/* -------------------------------------------------------------------------
   3. Tokens. --gzp-* is the page palette (studio by default, frost and
   graphite in section 10), --gzn-* the «night» of dark panels. A scope —
   the page (html), a dark panel (.gz-night) or a light card inside it
   (.gz-day) — points --gz-* at one of them and re-maps the parent's
   tokens, so every shared component inside follows.
   ------------------------------------------------------------------------- */
html.gadzhet {
    --gzp-bg: #f3f3f1;
    --gzp-surface: #ffffff;
    --gzp-sunk: #e9e9e6;
    --gzp-stage-1: #fafaf8;
    --gzp-stage-2: #e6e6e2;
    --gzp-ink: #111113;
    --gzp-ink-2: #55565b;
    --gzp-ink-3: #75767b;
    --gzp-line: #e0e0dc;
    --gzp-line-2: #c9c9c4;
    --gzp-grid: rgba(17, 17, 19, 0.06);
    --gzp-blend: multiply;
    --gzp-shadow: 0 1px 2px rgba(17, 17, 19, 0.05), 0 20px 44px -24px rgba(17, 17, 19, 0.28);

    --gzn-bg: #111113;
    --gzn-surface: #1c1c1f;
    --gzn-sunk: #0a0a0b;
    --gzn-stage-1: #26262a;
    --gzn-stage-2: #161618;
    --gzn-ink: #f4f4f2;
    --gzn-ink-2: #b4b5ba;
    --gzn-ink-3: #8d8e93;
    --gzn-line: #2c2c30;
    --gzn-line-2: #404046;
    --gzn-grid: rgba(255, 255, 255, 0.06);
    --gzn-blend: normal;
    --gzn-shadow: 0 20px 44px -24px rgba(0, 0, 0, 0.8);

    --gz-accent: var(--gadzhet-accent);
    --gz-accent-ink: #111113;
    --gz-accent-soft: color-mix(in srgb, var(--gz-accent) 13%, transparent);
    --gz-r: var(--gadzhet-radius);
    --gz-r-sm: calc(var(--gadzhet-radius) * 0.55);
    --gz-r-xs: calc(var(--gadzhet-radius) * 0.35);
    --gz-display: var(--gadzhet-font-display);
    --gz-text: var(--gadzhet-font-text);
    --gz-gap: clamp(0.75rem, 0.5rem + 0.8vw, 1.25rem);

    color-scheme: light;
}

html.gadzhet,
.gz-day {
    --gz-bg: var(--gzp-bg);
    --gz-surface: var(--gzp-surface);
    --gz-sunk: var(--gzp-sunk);
    --gz-stage-1: var(--gzp-stage-1);
    --gz-stage-2: var(--gzp-stage-2);
    --gz-ink: var(--gzp-ink);
    --gz-ink-2: var(--gzp-ink-2);
    --gz-ink-3: var(--gzp-ink-3);
    --gz-line: var(--gzp-line);
    --gz-line-2: var(--gzp-line-2);
    --gz-grid: var(--gzp-grid);
    --gz-blend: var(--gzp-blend);
    --gz-shadow: var(--gzp-shadow);
}

.gz-night,
html.gadzhet .cms-tone-dark,
html.gadzhet .cms-on-dark {
    --gz-bg: var(--gzn-bg);
    --gz-surface: var(--gzn-surface);
    --gz-sunk: var(--gzn-sunk);
    --gz-stage-1: var(--gzn-stage-1);
    --gz-stage-2: var(--gzn-stage-2);
    --gz-ink: var(--gzn-ink);
    --gz-ink-2: var(--gzn-ink-2);
    --gz-ink-3: var(--gzn-ink-3);
    --gz-line: var(--gzn-line);
    --gz-line-2: var(--gzn-line-2);
    --gz-grid: var(--gzn-grid);
    --gz-blend: var(--gzn-blend);
    --gz-shadow: var(--gzn-shadow);
}

html.gadzhet,
.gz-day,
.gz-night,
html.gadzhet .cms-tone-dark,
html.gadzhet .cms-on-dark {
    --paper: var(--gz-bg);
    --c-bg: var(--gz-bg);
    --c-surface: var(--gz-surface);
    --c-surface-sunk: var(--gz-sunk);
    --c-text: var(--gz-ink);
    --c-text-strong: var(--gz-ink);
    --c-text-muted: var(--gz-ink-2);
    --c-text-faint: var(--gz-ink-3);
    --c-border: var(--gz-line);
    --c-border-strong: var(--gz-line-2);
    /* The UI's «accent» is the ink: monochrome controls, the orange only
       where the template puts it on purpose. */
    --c-accent: var(--gz-ink);
    --c-accent-hover: var(--gz-ink-2);
    --c-accent-soft: var(--gz-sunk);
    --c-accent-contrast: var(--gz-bg);
    --c-link: var(--gz-ink);
    --c-link-hover: var(--gz-ink-2);
    --c-mark: var(--gz-accent);
    --c-mark-text: var(--gz-ink);
    --c-mark-soft: var(--gz-accent-soft);
    --c-slab: var(--gzn-bg);
    --c-slab-text: var(--gzn-ink);
    --c-slab-muted: var(--gzn-ink-2);
    --c-success: #1c7a45;
    --c-danger: #c2361c;
    --card-bg: var(--gz-surface);
    --card-border: 1px solid var(--gz-line);
    --card-shadow: none;
    color: var(--gz-ink);
}

html.gadzhet {
    --font-ui: var(--gz-text);
    --font-display: var(--gz-display);
    --font-prose: var(--gz-text);
    --fw-heading: 650;
    --tr-tight: -0.035em;
    --tr-snug: -0.02em;

    --r-xs: calc(var(--gz-r) * 0.25);
    --r-sm: var(--gz-r-xs);
    --r-md: var(--gz-r-sm);
    --r-lg: var(--gz-r);
    --r-btn: 999px;
    --card-radius: var(--gz-r-sm);
    --shadow-sm: none;
    --shadow-md: var(--gz-shadow);
    --shadow-lg: var(--gz-shadow);
    --shadow-lift: var(--gz-shadow);

    --w-container: 72rem;
    --w-wide: 86rem;
    --gutter: clamp(1rem, 3.2vw, 2.25rem);
    --sp-xs: 1.25rem;
    --sp-sm: clamp(1.75rem, 1.3rem + 2vw, 2.75rem);
    --sp-md: clamp(2.75rem, 2rem + 3.4vw, 5rem);
    --sp-lg: clamp(3.75rem, 2.75rem + 5vw, 7rem);
}

/* -------------------------------------------------------------------------
   4. Base
   ------------------------------------------------------------------------- */
html.gadzhet { background: var(--gz-bg); }
html.gadzhet body {
    background: var(--gz-bg);
    color: var(--gz-ink);
    font-family: var(--gz-text);
    font-feature-settings: 'ss01', 'cv11';
    overflow-x: clip;
    -webkit-font-smoothing: antialiased;
}
html.gadzhet ::selection { background: var(--gz-accent); color: var(--gz-accent-ink); }
html.gadzhet :focus-visible { outline: 2px solid var(--gz-accent); outline-offset: 2px; }
html.gadzhet a { text-underline-offset: 0.22em; text-decoration-thickness: 1px; }

.gz-wrap {
    width: min(100% - 2 * var(--gutter), var(--w-wide));
    margin-inline: auto;
}

html.gadzhet :is(h1, h2, h3, h4),
html.gadzhet .cms-section__title {
    font-family: var(--gz-display);
    font-weight: 650;
    line-height: 1.04;
    letter-spacing: -0.035em;
    color: var(--gz-ink);
}

/* Section heads: the title left, the subtitle as a muted line to its
   right on wide screens — a spec-sheet header rather than a centred one. */
html.gadzhet .cms-section__title { font-size: clamp(1.75rem, 1.2rem + 2.2vw, 3.1rem); }
html.gadzhet .cms-section__head { margin-bottom: clamp(1.25rem, 0.9rem + 1.3vw, 2.25rem); }
html.gadzhet .cms-section__subtitle { color: var(--gz-ink-2); font-size: 1rem; line-height: 1.5; margin: 0; max-width: 36rem; }
@media (min-width: 60rem) {
    html.gadzhet .cms-section__head--left:has(.cms-section__subtitle) {
        max-width: none;
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
        align-items: end;
        gap: 1rem 3rem;
    }
    html.gadzhet .cms-section__head--left .cms-section__subtitle { justify-self: end; text-align: right; max-width: 28rem; }
}

html.gadzhet .cms-tone-soft { --section-bg: var(--gz-surface); }
html.gadzhet .cms-tone-dark { --section-bg: var(--gz-bg); }

/* Buttons: pills. Ink by default; the accent only for buying. */
.gz-btn,
html.gadzhet .cms-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 3rem;
    padding: 0.7rem 1.45rem;
    font-family: var(--gz-text);
    font-size: 0.97rem;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.01em;
    text-decoration: none;
    border-radius: 999px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease), transform 160ms var(--ease);
}
.gz-btn .cms-icon { width: 1.05em; height: 1.05em; }
.gz-btn:active,
html.gadzhet .cms-btn:active { transform: scale(0.98); }
.gz-btn--ink,
html.gadzhet .cms-btn--primary { background: var(--gz-ink); color: var(--gz-bg); border-color: var(--gz-ink); }
.gz-btn--ink:hover,
html.gadzhet .cms-btn--primary:hover { background: var(--gz-accent); border-color: var(--gz-accent); color: var(--gz-accent-ink); }
.gz-btn--line,
html.gadzhet :is(.cms-btn--ghost, .cms-btn--outline, .cms-btn--secondary) { background: transparent; color: var(--gz-ink); border-color: var(--gz-line-2); }
.gz-btn--line:hover,
html.gadzhet :is(.cms-btn--ghost, .cms-btn--outline, .cms-btn--secondary):hover { border-color: var(--gz-ink); color: var(--gz-ink); background: var(--gz-surface); }
.gz-btn--accent { background: var(--gz-accent); color: var(--gz-accent-ink); border-color: var(--gz-accent); }
.gz-btn--accent:hover { background: var(--gz-ink); color: var(--gz-bg); border-color: var(--gz-ink); }
.gz-btn--sm { min-height: 2.6rem; padding: 0.5rem 1.1rem; font-size: 0.9rem; }

/* Chips and badges */
.gz-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0 0 1rem;
    padding: 0.42rem 0.9rem 0.42rem 0.75rem;
    font-size: 0.86rem;
    font-weight: 550;
    line-height: 1.2;
    color: var(--gz-ink);
    background: var(--gz-surface);
    border: 1px solid var(--gz-line);
    border-radius: 999px;
}
.gz-chip--dot::before {
    content: '';
    flex: none;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--gz-accent);
    box-shadow: 0 0 0 4px var(--gz-accent-soft);
}
.gz-chip--dark { background: rgba(255, 255, 255, 0.06); border-color: var(--gz-line-2); }
.gz-badge {
    display: inline-block;
    margin: 0;
    padding: 0.3rem 0.6rem;
    font-size: 0.75rem;
    font-weight: 650;
    line-height: 1.1;
    letter-spacing: 0.01em;
    color: var(--gz-accent-ink);
    background: var(--gz-accent);
    border-radius: 999px;
}

.gz-round {
    display: inline-grid;
    place-items: center;
    flex: none;
    width: 2.75rem;
    height: 2.75rem;
    color: var(--gz-bg);
    background: var(--gz-ink);
    border-radius: 50%;
    transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease), transform 200ms var(--ease);
}
.gz-round .cms-icon { width: 1.1rem; height: 1.1rem; }
a.gz-round:hover { background: var(--gz-accent); color: var(--gz-accent-ink); }

.gz-more-wrap { margin: clamp(1.25rem, 1rem + 1vw, 2rem) 0 0; }
.gz-more {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.75rem;
    font-weight: 600;
    color: var(--gz-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--gz-line-2);
}
.gz-more:hover { border-color: var(--gz-accent); }
.gz-more .cms-icon { width: 1.05em; height: 1.05em; }

/* A stage: the light panel a product stands on. */
.gz-stage {
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(70% 60% at 50% 42%, var(--gz-stage-1), transparent 72%),
        linear-gradient(180deg, var(--gz-stage-1), var(--gz-stage-2));
    border-radius: var(--gz-r);
    overflow: hidden;
}
.gz-stage__grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        linear-gradient(var(--gz-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--gz-grid) 1px, transparent 1px);
    background-size: 48px 48px;
    background-position: center center;
    -webkit-mask-image: radial-gradient(75% 70% at 50% 50%, #000 40%, transparent 100%);
    mask-image: radial-gradient(75% 70% at 50% 50%, #000 40%, transparent 100%);
}

.gz-mark { width: 100%; height: 100%; }
.gz-mark__dot { fill: var(--gz-accent); }

/* -------------------------------------------------------------------------
   5. Header
   ------------------------------------------------------------------------- */
.gz-hdr {
    position: relative;
    z-index: 40;
    background: transparent;
    border: 0;
    box-shadow: none;
}
.gz-hdr.site-header--sticky { position: sticky; top: 0; }

/* top line */
.gz-top {
    font-size: 0.8rem;
    color: var(--gz-ink-2);
    background: var(--gz-bg);
}
html[data-gadzhet-topbar="off"] .gz-top { display: none; }
.gz-top__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem 1.5rem;
    min-height: 2.3rem;
}
.gz-top__zone { display: flex; align-items: center; gap: 0.3rem 1.4rem; flex-wrap: wrap; }
.gz-top .hdr-text { display: inline-flex; align-items: center; gap: 0.4rem; }
.gz-top .hdr-text .cms-icon { width: 14px; height: 14px; color: var(--gz-ink-3); }
.gz-top .hdr-links { display: flex; gap: 1.1rem; margin: 0; padding: 0; list-style: none; }
.gz-top a { color: var(--gz-ink-2); text-decoration: none; }
.gz-top a:hover { color: var(--gz-ink); }
.gz-top .hdr-el--phone { display: flex; align-items: center; }
.gz-top .hdr-phone { display: flex !important; flex-direction: row; align-items: baseline; gap: 0.5rem; }
.gz-top .hdr-phone__number { font-weight: 650; color: var(--gz-ink); font-variant-numeric: tabular-nums; }
.gz-top .hdr-phone__caption { color: var(--gz-ink-3); }
.gz-top .hdr-phone__icon { display: none; }

/* the dock and its capsule */
.gz-hdr__dock { padding: 0.35rem 0 0.5rem; }
.gz-hdr__capsule {
    display: flex;
    align-items: center;
    gap: 0.25rem 1rem;
    min-height: 4rem;
    padding: 0.45rem 0.55rem 0.45rem 1.25rem;
    background: color-mix(in srgb, var(--gz-surface) 88%, transparent);
    border: 1px solid var(--gz-line);
    border-radius: 999px;
    box-shadow: 0 1px 2px rgba(17, 17, 19, 0.04), 0 16px 36px -26px rgba(17, 17, 19, 0.35);
    backdrop-filter: saturate(1.4) blur(16px);
    -webkit-backdrop-filter: saturate(1.4) blur(16px);
}

.gz-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex: none;
    min-width: 0;
    color: var(--gz-ink);
    text-decoration: none;
}
.gz-logo__img { display: block; height: var(--logo-h, 32px); width: auto; }
.gz-logo__mark { display: grid; place-items: center; flex: none; width: 1.9rem; height: 1.9rem; color: var(--gz-ink); }
.gz-logo__name {
    font-family: var(--gz-display);
    font-size: 1.32rem;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1;
    white-space: nowrap;
}

.gz-hdr__nav { flex: 1 1 auto; min-width: 0; display: flex; justify-content: center; }
.gz-hdr__nav .hdr-nav { min-width: 0; }
.gz-hdr__nav .hdr-nav__list { display: flex; align-items: center; gap: 0.1rem; flex-wrap: nowrap; }
.gz-hdr__nav .hdr-nav__link {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-height: 2.6rem;
    padding: 0.45rem 0.7rem;
    font-size: 0.93rem;
    font-weight: 550;
    white-space: nowrap;
    color: var(--gz-ink);
    text-decoration: none;
    background: none;
    border: 0;
    border-radius: 999px;
}
.gz-hdr__nav .hdr-nav__link:hover,
.gz-hdr__nav .hdr-nav__link.is-active { background: var(--gz-sunk); color: var(--gz-ink); }
.gz-hdr__nav .hdr-nav__item--highlight > .hdr-nav__link { color: var(--gz-ink); }
.gz-hdr__nav .hdr-nav__item--highlight > .hdr-nav__link::before {
    content: '';
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--gz-accent);
}
.gz-hdr__nav .hdr-nav__toggle { color: var(--gz-ink-3); }
.gz-hdr__nav .hdr-sub {
    background: var(--gz-surface);
    border: 1px solid var(--gz-line);
    border-radius: var(--gz-r-sm);
    box-shadow: var(--gz-shadow);
}
.gz-hdr__nav .hdr-sub__link { border-radius: var(--gz-r-xs); color: var(--gz-ink); }
.gz-hdr__nav .hdr-sub__link:hover { background: var(--gz-sunk); }

.gz-hdr__tools { display: flex; align-items: center; justify-content: flex-end; gap: 0.2rem; flex: none; }
.gz-hdr__tools .hdr-el--module:has(.shop-hsearch-wrap) { margin-right: 0.35rem; }
.gz-hdr__tools :is(.shop-hsearch-wrap, .shop-hsearch) { width: 12rem; max-width: 100%; }
html.gadzhet .gz-hdr .shop-hsearch__input,
html.gadzhet .gz-hdr .shop-hsearch input[type="search"] {
    min-height: 2.6rem;
    background: var(--gz-sunk);
    border-color: transparent;
    border-radius: 999px;
    color: var(--gz-ink);
    font-size: 0.9rem;
}
html.gadzhet .gz-hdr .shop-hsearch__input:focus { background: var(--gz-surface); border-color: var(--gz-ink); }
.gz-hdr__tools :is(.shop-hlink, .hdr-icon-btn) {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    color: var(--gz-ink);
    background: transparent;
    border-color: transparent;
}
.gz-hdr__tools :is(.shop-hlink, .hdr-icon-btn):hover { background: var(--gz-sunk); color: var(--gz-ink); }
html.gadzhet .gz-hdr .shop-minicart {
    min-height: 2.75rem;
    padding: 0.4rem 1.1rem;
    border-radius: 999px;
    background: var(--gz-ink);
    color: var(--gz-bg);
    border-color: var(--gz-ink);
    font-weight: 600;
}
html.gadzhet .gz-hdr .shop-minicart:hover { background: var(--gz-accent); color: var(--gz-accent-ink); border-color: var(--gz-accent); }
html.gadzhet :is(.shop-hlink__count, .shop-hlink__badge, .shop-minicart__count) { background: var(--gz-accent); color: var(--gz-accent-ink); }
.gz-hdr__tools .hdr-el--button .cms-btn { min-height: 2.6rem; padding: 0.45rem 1.1rem; font-size: 0.9rem; }
.gz-burger { border-radius: 50%; background: var(--gz-sunk); border-color: transparent; color: var(--gz-ink); }

html.gadzhet .gz-drawer { background: var(--gz-bg); border-color: var(--gz-line); }
html.gadzhet .gz-drawer .hdr-drawer__head { background: var(--gz-bg); border-color: var(--gz-line); }

/* -------------------------------------------------------------------------
   6. Footer
   ------------------------------------------------------------------------- */
.gz-ftr {
    margin-top: var(--sp-md);
    padding: 0 0 1.25rem;
    background: transparent;
    color: var(--gz-ink-2);
    border: 0;
}
.gz-ftr__sheet {
    background: var(--gz-surface);
    border: 1px solid var(--gz-line);
    border-radius: var(--gz-r);
    overflow: hidden;
}
.gz-ftr__band {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 1rem 2.5rem;
    padding: clamp(1.25rem, 1rem + 1.5vw, 2.25rem);
    border-bottom: 1px solid var(--gz-line);
}
.gz-ftr__band-title { margin: 0 0 0.35rem; font-size: clamp(1.3rem, 1.1rem + 0.8vw, 1.8rem); }
.gz-ftr__band-lead { margin: 0; }
.gz-ftr__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(0, 1fr));
}
.gz-ftr__cell {
    padding: clamp(1.25rem, 1rem + 1vw, 2rem);
    border-left: 1px solid var(--gz-line);
    min-width: 0;
}
.gz-ftr__cell:first-child { border-left: 0; }
.gz-ftr__cell--about { display: flex; flex-direction: column; gap: 1rem; }
.gz-ftr__label {
    margin: 0 0 1rem;
    font-family: var(--gz-text);
    font-size: 0.74rem;
    font-weight: 650;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gz-ink-3);
}
.gz-ftr__about { margin: 0; max-width: 26rem; font-size: 0.93rem; line-height: 1.6; }
.gz-logo--ftr .gz-logo__name { font-size: 1.5rem; }
.gz-ftr__menu { margin: 0; padding: 0; list-style: none; display: grid; gap: 0.15rem; }
.gz-ftr__menu a { display: inline-block; padding: 0.3rem 0; color: var(--gz-ink); text-decoration: none; font-size: 0.95rem; }
.gz-ftr__menu a:hover { color: var(--gz-ink-2); text-decoration: underline; }
.gz-ftr__menu a.is-hot::after { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; margin-left: 0.4rem; border-radius: 50%; background: var(--gz-accent); vertical-align: 0.15em; }
.gz-ftr__contacts { font-style: normal; display: grid; gap: 0.6rem; }
.gz-ftr__contacts p { margin: 0; }
.gz-ftr__phone a { font-family: var(--gz-display); font-size: 1.15rem; font-weight: 650; letter-spacing: -0.02em; color: var(--gz-ink); text-decoration: none; }
.gz-ftr__phone span { display: block; font-size: 0.82rem; color: var(--gz-ink-3); }
.gz-ftr__line { display: flex; gap: 0.5rem; font-size: 0.9rem; line-height: 1.45; }
.gz-ftr__line .cms-icon { flex: none; width: 1rem; height: 1rem; margin-top: 0.15rem; color: var(--gz-ink-3); }
.gz-ftr__line a { color: var(--gz-ink); }
.gz-ftr__pay { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 0.4rem; }
.gz-ftr__pay-item { padding: 0.3rem 0.7rem; font-size: 0.8rem; font-weight: 600; color: var(--gz-ink); background: var(--gz-sunk); border-radius: 999px; }
.gz-ftr__text { margin: 0; font-size: 0.92rem; }
html.gadzhet .gz-ftr__socials .site-socials__link { background: var(--gz-sunk); color: var(--gz-ink); border-radius: 50%; }
html.gadzhet .gz-ftr__socials .site-socials__link:hover { background: var(--gz-ink); color: var(--gz-bg); }
.gz-ftr__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1.5rem;
    padding: 1rem 0.25rem 0;
    font-size: 0.8rem;
    color: var(--gz-ink-3);
}
.gz-ftr__copy { margin: 0; max-width: 44rem; }
.gz-ftr__links { display: flex; flex-wrap: wrap; gap: 0.3rem 1.1rem; margin: 0; padding: 0; list-style: none; }
.gz-ftr__links a { color: var(--gz-ink-2); }
.gz-ftr__company { margin: 0; }

/* -------------------------------------------------------------------------
   7. Shared blocks
   ------------------------------------------------------------------------- */
html.gadzhet .cms-card { border-radius: var(--gz-r-sm); }

/* FAQ: hairline rows with a round plus. */
html.gadzhet .cms-faq__item {
    background: var(--gz-surface);
    border: 1px solid var(--gz-line);
    border-radius: var(--gz-r-sm);
}
html.gadzhet .cms-faq__item + .cms-faq__item { margin-top: 0.5rem; }
html.gadzhet .cms-faq__q { font-family: var(--gz-display); font-weight: 600; letter-spacing: -0.015em; }

/* Steps / stats / testimonials: white cells. */
html.gadzhet :is(.cms-steps__item, .cms-stats__item, .cms-testimonial) { border-radius: var(--gz-r-sm); }
html.gadzhet .cms-steps__num,
html.gadzhet .cms-steps__index {
    background: var(--gz-ink);
    color: var(--gz-bg);
    font-family: var(--gz-display);
}
html.gadzhet .cms-stats__value { font-family: var(--gz-display); letter-spacing: -0.04em; }

/* The lead form. */
html.gadzhet .cms-leadform__box { border-radius: var(--gz-r); box-shadow: var(--gz-shadow); }
html.gadzhet :is(.cms-form input:not([type="checkbox"]):not([type="radio"]), .cms-form select, .cms-form textarea, .cms-input, .cms-select, .cms-textarea) {
    border-radius: var(--gz-r-xs);
    background: var(--gz-bg);
    border-color: var(--gz-line);
}
html.gadzhet :is(.cms-form input, .cms-form select, .cms-form textarea):focus { border-color: var(--gz-ink); }
html.gadzhet input[type="checkbox"],
html.gadzhet input[type="radio"] { accent-color: var(--gz-ink); }

/* media + text: the picture as a stage. */
html.gadzhet .cms-media-text__media img,
html.gadzhet .cms-mediatext__media img { border-radius: var(--gz-r); }

/* -------------------------------------------------------------------------
   8. Own blocks
   ------------------------------------------------------------------------- */

/* --- hero --- */
.gz-hero { display: grid; gap: clamp(1.5rem, 1rem + 2vw, 2.75rem); }
.gz-hero__copy { position: relative; z-index: 2; }
.gz-hero--center .gz-hero__copy { text-align: center; max-width: 56rem; margin-inline: auto; display: flex; flex-direction: column; align-items: center; }
.gz-hero__title {
    margin: 0;
    font-size: clamp(2.5rem, 1.3rem + 4.6vw, 5.6rem);
    font-weight: 650;
    line-height: 0.98;
    letter-spacing: -0.045em;
    text-wrap: balance;
}
.gz-hero__sub { margin: 0.75rem 0 0; font-size: 1.1rem; color: var(--gz-ink-2); }
.gz-hero__lead {
    margin: 1.1rem 0 0;
    max-width: 40rem;
    font-size: clamp(1rem, 0.95rem + 0.3vw, 1.18rem);
    line-height: 1.55;
    color: var(--gz-ink-2);
    text-wrap: pretty;
}
.gz-hero__actions { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 1.6rem; }
.gz-hero--center .gz-hero__actions { justify-content: center; }

.gz-hero__stage { min-height: 20rem; aspect-ratio: 2.15 / 1; text-align: left; }
.gz-hero__media { position: absolute; inset: 0; }
.gz-hero__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 55%;
    mix-blend-mode: var(--gz-blend);
}
.gz-hero__callouts { margin: 0; padding: 0; list-style: none; }
.gz-callout {
    position: absolute;
    z-index: 2;
    display: grid;
    gap: 0.1rem;
    min-width: 9rem;
    padding: 0.75rem 1rem 0.8rem;
    background: color-mix(in srgb, var(--gz-surface) 82%, transparent);
    border: 1px solid color-mix(in srgb, var(--gz-line) 70%, transparent);
    border-radius: var(--gz-r-sm);
    box-shadow: 0 14px 30px -22px rgba(17, 17, 19, 0.45);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.gz-callout::before {
    content: '';
    position: absolute;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: var(--gz-accent);
    box-shadow: 0 0 0 5px var(--gz-accent-soft);
}
.gz-callout::after {
    content: '';
    position: absolute;
    width: clamp(2rem, 4vw, 4.5rem);
    height: 1px;
    background: var(--gz-ink-3);
    opacity: 0.55;
}
.gz-callout--tl { top: clamp(1rem, 3vw, 2.5rem); left: clamp(1rem, 3vw, 2.5rem); }
.gz-callout--tr { top: clamp(1rem, 3vw, 2.5rem); right: clamp(1rem, 3vw, 2.5rem); }
.gz-callout--bl { bottom: clamp(1rem, 3vw, 2.5rem); left: clamp(1rem, 3vw, 2.5rem); }
.gz-callout--br { bottom: clamp(1rem, 3vw, 2.5rem); right: clamp(1rem, 3vw, 2.5rem); }
.gz-callout--tl::before,
.gz-callout--bl::before { right: calc(-1 * clamp(2rem, 4vw, 4.5rem) - 0.3rem); top: 50%; margin-top: -0.275rem; }
.gz-callout--tr::before,
.gz-callout--br::before { left: calc(-1 * clamp(2rem, 4vw, 4.5rem) - 0.3rem); top: 50%; margin-top: -0.275rem; }
.gz-callout--tl::after,
.gz-callout--bl::after { left: 100%; top: 50%; }
.gz-callout--tr::after,
.gz-callout--br::after { right: 100%; top: 50%; }
.gz-callout__value { font-family: var(--gz-display); font-size: 1.5rem; font-weight: 650; letter-spacing: -0.035em; line-height: 1.05; color: var(--gz-ink); }
.gz-callout__label { font-size: 0.8rem; color: var(--gz-ink-2); }

.gz-hero__tag {
    position: absolute;
    z-index: 3;
    right: clamp(1rem, 3vw, 2.5rem);
    bottom: clamp(1rem, 3vw, 2.5rem);
    display: flex;
    align-items: center;
    gap: 1.25rem;
    max-width: 24rem;
    padding: 1rem 1rem 1rem 1.25rem;
    background: var(--gz-surface);
    border-radius: var(--gz-r-sm);
    box-shadow: var(--gz-shadow);
}
.gz-hero__tag-text { min-width: 0; }
.gz-hero__tag-name { margin: 0; font-size: 0.82rem; color: var(--gz-ink-2); }
.gz-hero__tag-price { margin: 0.1rem 0 0; font-family: var(--gz-display); font-size: 1.45rem; font-weight: 700; letter-spacing: -0.03em; color: var(--gz-ink); }
.gz-hero__tag-note { margin: 0.15rem 0 0; font-size: 0.8rem; color: var(--gz-ink-2); }
.gz-hero__tag-note::before { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; margin-right: 0.4rem; border-radius: 50%; background: var(--gz-accent); vertical-align: 0.1em; }

.gz-hero--split { align-items: center; }
@media (min-width: 60rem) {
    .gz-hero--split { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
    .gz-hero--split .gz-hero__stage { aspect-ratio: 1.2 / 1; }
    .gz-hero--split .gz-hero__title { font-size: clamp(2.4rem, 1.2rem + 3.4vw, 4.6rem); }
}
.gz-hero--noimage .gz-hero__stage { min-height: 16rem; }

/* --- brands --- */
.gz-brands__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: var(--gz-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}
.gz-brand {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: clamp(15rem, 12rem + 8vw, 21rem);
    padding: clamp(1.25rem, 1rem + 0.8vw, 1.75rem);
    color: var(--gz-ink);
    background: var(--gz-surface);
    border: 1px solid var(--gz-line);
    border-radius: var(--gz-r);
    transition: transform 240ms var(--ease), box-shadow 240ms var(--ease);
}
.gz-brand:has(.gz-brand__link):hover { transform: translateY(-4px); box-shadow: var(--gz-shadow); }
.gz-brand--dark { background: var(--gzn-bg); border-color: var(--gzn-bg); color: var(--gzn-ink); }
.gz-brand--accent { background: var(--gz-accent); border-color: var(--gz-accent); color: var(--gz-accent-ink); }
.gz-brand__count {
    order: -1;
    margin: 0;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.7;
}
.gz-brand__name {
    margin: clamp(2rem, 1.5rem + 2vw, 3.5rem) 0 0.6rem;
    font-size: clamp(2.2rem, 1.3rem + 2.4vw, 3.5rem) !important;
    font-weight: 700 !important;
    line-height: 0.95 !important;
    letter-spacing: -0.05em !important;
    color: inherit !important;
    overflow-wrap: anywhere;
}
.gz-brand__link { color: inherit; text-decoration: none; }
.gz-brand__link::after { content: ''; position: absolute; inset: 0; border-radius: inherit; }
.gz-brand__text { margin: 0; font-size: 0.93rem; line-height: 1.5; opacity: 0.8; max-width: 22rem; }
.gz-brand__chips { display: flex; flex-wrap: wrap; gap: 0.35rem; margin: auto 0 0; padding-top: 1rem !important; padding: 0; list-style: none; }
.gz-brand__chips li { padding: 0.28rem 0.65rem; font-size: 0.76rem; font-weight: 550; border: 1px solid currentColor; border-radius: 999px; opacity: 0.75; }
.gz-brand__arrow { position: absolute; top: clamp(1rem, 0.8rem + 0.6vw, 1.4rem); right: clamp(1rem, 0.8rem + 0.6vw, 1.4rem); }
.gz-brand--dark .gz-brand__arrow { background: var(--gzn-ink); color: var(--gzn-bg); }
.gz-brand--accent .gz-brand__arrow { background: var(--gz-accent-ink); color: var(--gz-accent); }
.gz-brand:hover .gz-brand__arrow { transform: rotate(45deg); }

/* --- category shelf --- */
.gz-shelf__list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: var(--gz-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}
@media (min-width: 60rem) {
    .gz-shelf--feature .gz-shelf__list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .gz-shelf--feature .gz-shelf__tile:first-child { grid-row: span 2; }
    .gz-shelf--feature .gz-shelf__tile:first-child .gz-shelf__title { font-size: clamp(1.6rem, 1.1rem + 1.4vw, 2.4rem); }
    .gz-shelf--feature .gz-shelf__tile:last-child:nth-child(5) { grid-column: span 3; }
    .gz-shelf--feature .gz-shelf__tile:last-child:nth-child(6) { grid-column: span 2; }
}
.gz-shelf__tile {
    display: flex;
    flex-direction: column;
    min-height: 15.5rem;
    padding: 1.25rem;
    transition: transform 240ms var(--ease);
}
.gz-shelf__tile:hover { transform: translateY(-3px); }
.gz-shelf__text { position: relative; z-index: 2; }
.gz-shelf__title { margin: 0; font-size: clamp(1.15rem, 1rem + 0.5vw, 1.45rem); letter-spacing: -0.03em; }
.gz-shelf__link { color: var(--gz-ink); text-decoration: none; }
.gz-shelf__link::after { content: ''; position: absolute; inset: 0; z-index: 3; }
.gz-shelf__tile { position: relative; }
.gz-shelf__meta { margin: 0.3rem 0 0; font-size: 0.88rem; color: var(--gz-ink-2); }
.gz-shelf__badge { position: relative; z-index: 2; align-self: flex-start; margin-top: 0.6rem; }
.gz-shelf__media { flex: 1; display: flex; align-items: flex-end; justify-content: center; margin-top: 0.75rem; min-height: 0; }
.gz-shelf__img {
    width: 100%;
    max-width: 15rem;
    aspect-ratio: 1;
    object-fit: contain;
    mix-blend-mode: var(--gz-blend);
    transition: transform 400ms var(--ease);
}
.gz-shelf__tile:first-child .gz-shelf__img { max-width: 26rem; }
.gz-shelf__tile:hover .gz-shelf__img { transform: scale(1.04); }

/* --- comparison --- */
.gz-vs__scroll { position: relative; overflow-x: auto; overscroll-behavior-x: contain; border-radius: var(--gz-r); }
.gz-vs__table {
    width: 100%;
    min-width: 42rem;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    background: var(--gz-surface);
    border: 1px solid var(--gz-line);
    border-radius: var(--gz-r);
}
.gz-vs__corner,
.gz-vs__label { width: 13rem; }
.gz-vs__table :is(th, td) { padding: 0.95rem 1.1rem; text-align: left; vertical-align: middle; border-top: 1px solid var(--gz-line); }
.gz-vs__table thead :is(th, td) { border-top: 0; vertical-align: top; }
.gz-vs__model { padding-top: 1.1rem !important; }
.gz-vs__model > * { display: block; }
.gz-vs__stage { aspect-ratio: 4 / 3; margin-bottom: 0.9rem; border-radius: var(--gz-r-sm); }
.gz-vs__img { position: absolute; inset: 8%; width: 84%; height: 84%; object-fit: contain; mix-blend-mode: var(--gz-blend); }
.gz-vs__badge { position: absolute; left: 0.6rem; top: 0.6rem; z-index: 2; }
.gz-vs__name { font-family: var(--gz-display); font-size: 1.15rem; font-weight: 650; letter-spacing: -0.025em; color: var(--gz-ink); }
.gz-vs__price { margin-top: 0.2rem; font-size: 1.05rem; font-weight: 650; color: var(--gz-ink); font-variant-numeric: tabular-nums; }
.gz-vs__note { margin-top: 0.1rem; font-size: 0.82rem; font-weight: 400; color: var(--gz-ink-2); }
.gz-vs__model .gz-btn { display: inline-flex; margin-top: 0.8rem; }
.gz-vs__label { font-size: 0.85rem; font-weight: 550; color: var(--gz-ink-2); }
.gz-vs__cell { font-size: 0.95rem; color: var(--gz-ink); font-variant-numeric: tabular-nums; }
.gz-vs__table .is-hl { background: color-mix(in srgb, var(--gz-accent) 6%, var(--gz-surface)); }
.gz-vs__table thead .is-hl { box-shadow: inset 0 3px 0 var(--gz-accent); }
.gz-vs__yes,
.gz-vs__no { display: inline-grid; place-items: center; width: 1.7rem; height: 1.7rem; border-radius: 50%; }
.gz-vs__yes { background: var(--gz-ink); color: var(--gz-bg); }
.gz-vs__no { background: var(--gz-sunk); color: var(--gz-ink-3); }
.gz-vs__yes .cms-icon,
.gz-vs__no .cms-icon { width: 0.95rem; height: 0.95rem; }
html[data-gadzhet-gridlines="off"] .gz-stage__grid { display: none; }

/* --- service figures --- */
.gz-perks__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: var(--gz-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}
@media (min-width: 60rem) {
    .gz-perks--bento .gz-perks__list { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); }
    .gz-perks--bento .gz-perk:first-child { grid-row: span 2; }
    .gz-perks--bento.gz-perks--n4 .gz-perk:last-child { grid-column: span 2; }
    .gz-perks--bento.gz-perks--n6 .gz-perk:last-child { grid-column: span 3; }
}
.gz-perk {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 12.5rem;
    padding: clamp(1.25rem, 1rem + 0.8vw, 1.75rem);
    background: var(--gz-surface);
    border: 1px solid var(--gz-line);
    border-radius: var(--gz-r);
}
.gz-perks--bento .gz-perk:first-child {
    background: var(--gzn-bg);
    border-color: var(--gzn-bg);
    color: var(--gzn-ink);
    justify-content: flex-end;
}
.gz-perk__icon {
    position: absolute;
    top: clamp(1rem, 0.8rem + 0.6vw, 1.4rem);
    right: clamp(1rem, 0.8rem + 0.6vw, 1.4rem);
    display: grid;
    place-items: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    background: var(--gz-sunk);
    color: var(--gz-ink);
}
.gz-perk__icon .cms-icon { width: 1.15rem; height: 1.15rem; }
.gz-perks--bento .gz-perk:first-child .gz-perk__icon { background: var(--gz-accent); color: var(--gz-accent-ink); }
.gz-perk__value {
    margin: auto 0 0.4rem;
    padding-top: 2.5rem;
    font-family: var(--gz-display);
    font-size: clamp(2.3rem, 1.6rem + 2.2vw, 3.6rem);
    font-weight: 650;
    line-height: 0.95;
    letter-spacing: -0.05em;
    font-variant-numeric: tabular-nums;
}
.gz-perks--bento .gz-perk:first-child .gz-perk__value { font-size: clamp(3.2rem, 2rem + 4vw, 6rem); color: var(--gz-accent); }
.gz-perk__title { margin: 0; font-size: 1.1rem !important; font-weight: 650; letter-spacing: -0.02em; color: inherit !important; }
.gz-perk__text { margin: 0.35rem 0 0; font-size: 0.92rem; line-height: 1.5; color: var(--gz-ink-2); }
.gz-perks--bento .gz-perk:first-child .gz-perk__text { color: var(--gzn-ink-2); max-width: 24rem; }
.gz-perk__link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.9rem;
    min-height: 2.25rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: inherit;
    text-decoration: none;
}
.gz-perk__link:hover { text-decoration: underline; }
.gz-perk__link .cms-icon { width: 1em; height: 1em; }

/* --- trade-in --- */
.gz-trade__panel {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: clamp(1.5rem, 1rem + 3vw, 4rem);
    padding: clamp(1.5rem, 1rem + 3vw, 3.75rem);
    background:
        radial-gradient(60% 80% at 100% 0%, color-mix(in srgb, var(--gz-accent) 18%, transparent), transparent 60%),
        var(--gzn-bg);
    color: var(--gzn-ink);
    border-radius: var(--gz-r);
    overflow: hidden;
}
.gz-trade__panel {
    --c-text: var(--gzn-ink);
    --c-text-strong: var(--gzn-ink);
    --c-text-muted: var(--gzn-ink-2);
}
.gz-trade__title { margin: 0; font-size: clamp(2rem, 1.2rem + 3vw, 3.9rem); color: var(--gzn-ink) !important; text-wrap: balance; }
.gz-trade__sub { margin: 0.6rem 0 0; color: var(--gzn-ink-2); }
.gz-trade__lead { margin: 1rem 0 0; max-width: 34rem; font-size: 1.05rem; line-height: 1.55; color: var(--gzn-ink-2); }
.gz-trade .gz-chip--dark { color: var(--gzn-ink); border-color: var(--gzn-line-2); }
.gz-trade__steps { display: grid; gap: 0.7rem; margin: 1.75rem 0 0; padding: 0; list-style: none; counter-reset: none; }
.gz-trade__steps li { display: flex; align-items: flex-start; gap: 0.85rem; font-size: 0.98rem; line-height: 1.45; }
.gz-trade__num {
    display: grid;
    place-items: center;
    flex: none;
    width: 1.9rem;
    height: 1.9rem;
    margin-top: -0.15rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--gz-accent-ink);
    background: var(--gz-accent);
    border-radius: 50%;
}
.gz-trade__prices { margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid var(--gzn-line-2); }
.gz-trade__prices-title { margin: 0 0 0.6rem; font-size: 0.78rem; font-weight: 650; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gzn-ink-3); }
.gz-trade__list { margin: 0; display: grid; gap: 0.1rem; }
.gz-trade__row { display: flex; align-items: baseline; gap: 0.75rem; padding: 0.45rem 0; }
.gz-trade__row dt { font-size: 0.97rem; color: var(--gzn-ink); }
.gz-trade__row::after { content: none; }
.gz-trade__row dt { order: 1; }
.gz-trade__row dd { order: 3; margin: 0; font-family: var(--gz-display); font-size: 1.1rem; font-weight: 650; letter-spacing: -0.02em; white-space: nowrap; color: var(--gz-accent); }
.gz-trade__row::before { content: ''; order: 2; flex: 1; min-width: 1rem; border-bottom: 1px dotted var(--gzn-line-2); transform: translateY(-0.3em); }
.gz-trade__form {
    align-self: start;
    padding: clamp(1.25rem, 1rem + 1vw, 2rem);
    background: var(--gzp-surface);
    color: var(--gzp-ink);
    border-radius: var(--gz-r-sm);
    --c-bg: var(--gzp-bg);
    --c-surface: var(--gzp-surface);
    --c-surface-sunk: var(--gzp-sunk);
    --c-text: var(--gzp-ink);
    --c-text-strong: var(--gzp-ink);
    --c-text-muted: var(--gzp-ink-2);
    --c-text-faint: var(--gzp-ink-3);
    --c-border: var(--gzp-line);
    --c-border-strong: var(--gzp-line-2);
    --c-accent: var(--gzp-ink);
    --c-accent-contrast: var(--gzp-bg);
    --c-link: var(--gzp-ink);
    --gz-ink: var(--gzp-ink);
    --gz-bg: var(--gzp-bg);
    --gz-line: var(--gzp-line);
}
.gz-trade__form-title { margin: 0; font-family: var(--gz-display); font-size: 1.35rem; font-weight: 650; letter-spacing: -0.03em; }
.gz-trade__form-text { margin: 0.3rem 0 1rem; font-size: 0.9rem; color: var(--gzp-ink-2); }
.gz-trade__form .cms-btn--primary,
.gz-trade__form button[type="submit"] { width: 100%; background: var(--gz-accent); border-color: var(--gz-accent); color: var(--gz-accent-ink); }
.gz-trade__form .cms-btn--primary:hover,
.gz-trade__form button[type="submit"]:hover { background: var(--gzp-ink); border-color: var(--gzp-ink); color: var(--gzp-bg); }
.gz-trade__note { grid-column: 1 / -1; margin: 0; font-size: 0.82rem; line-height: 1.5; color: var(--gzn-ink-3); }

/* --- instalment --- */
.gz-inst {
    display: grid;
    grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
    gap: var(--gz-gap) clamp(1.5rem, 1rem + 3vw, 4rem);
    align-items: start;
}
.gz-inst__lead { margin: 0 0 1.25rem; font-size: 1.05rem; line-height: 1.55; color: var(--gz-ink-2); }
.gz-inst__partners { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0 0 1.5rem; padding: 0; list-style: none; }
.gz-inst__partners li { padding: 0.35rem 0.8rem; font-size: 0.82rem; font-weight: 550; background: var(--gz-surface); border: 1px solid var(--gz-line); border-radius: 999px; }
.gz-inst__plans {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: var(--gz-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}
.gz-plan {
    display: flex;
    flex-direction: column;
    min-height: 15rem;
    padding: 1.5rem;
    background: var(--gz-surface);
    border: 1px solid var(--gz-line);
    border-radius: var(--gz-r);
}
.gz-plan.is-featured { border-color: var(--gz-ink); box-shadow: inset 0 0 0 1px var(--gz-ink); }
.gz-plan.is-featured .gz-plan__rate { background: var(--gz-accent); color: var(--gz-accent-ink); border-color: var(--gz-accent); }
.gz-plan__term { margin: 0; font-family: var(--gz-display); font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.2rem); font-weight: 650; letter-spacing: -0.04em; line-height: 1; }
.gz-plan__rate { align-self: flex-start; margin: 0.8rem 0 0; padding: 0.3rem 0.7rem; font-size: 0.8rem; font-weight: 650; border: 1px solid var(--gz-line-2); border-radius: 999px; }
.gz-plan__pay { margin: auto 0 0; padding-top: 1.5rem; font-size: 0.88rem; color: var(--gz-ink-2); }
.gz-plan__sum { display: block; font-family: var(--gz-display); font-size: 1.6rem; font-weight: 700; letter-spacing: -0.03em; color: var(--gz-ink); font-variant-numeric: tabular-nums; }
.gz-plan__note { margin: 0.5rem 0 0; font-size: 0.82rem; color: var(--gz-ink-3); }
.gz-inst__note { grid-column: 1 / -1; margin: 0.5rem 0 0; font-size: 0.8rem; color: var(--gz-ink-3); }

/* -------------------------------------------------------------------------
   9. Shop
   ------------------------------------------------------------------------- */
html.gadzhet :is(.shop-price__value, .shop-price__now, .shop-product__price) {
    font-family: var(--gz-display);
    letter-spacing: -0.025em;
    font-variant-numeric: tabular-nums;
}
html.gadzhet .shop-price__value { font-weight: 700; color: var(--gz-ink); }
html.gadzhet .shop-price__old { color: var(--gz-ink-3); }
html.gadzhet .shop-price__off { background: var(--gz-accent); color: var(--gz-accent-ink); border-radius: 999px; font-weight: 650; }

/* the instalment line under a card's price */
.gz-instal {
    flex-basis: 100%;
    order: 2;
    margin: -0.15rem 0 0;
    font-size: 0.8rem;
    color: var(--gz-ink-2);
    font-variant-numeric: tabular-nums;
}
.gz-instal::before { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; margin-right: 0.4rem; border-radius: 50%; background: var(--gz-accent); vertical-align: 0.1em; }
html[data-gadzhet-instalment="off"] .gz-instal { display: none; }

/* cards: the product on a stage in a white card */
html.gadzhet .shop-card {
    position: relative;
    background: var(--gz-surface);
    border: 1px solid var(--gz-line);
    border-radius: var(--gz-r);
    box-shadow: none;
    padding: 0.5rem;
    transition: transform 240ms var(--ease), box-shadow 240ms var(--ease);
}
html.gadzhet .shop-card:hover { transform: translateY(-3px); box-shadow: var(--gz-shadow); }
html.gadzhet .shop-card .shop-card__media {
    position: relative;
    margin: 0;
    aspect-ratio: 1;
    background:
        radial-gradient(70% 60% at 50% 45%, var(--gz-stage-1), transparent 72%),
        linear-gradient(180deg, var(--gz-stage-1), var(--gz-stage-2));
    border-radius: calc(var(--gz-r) - 0.35rem);
    overflow: hidden;
}
html.gadzhet .shop-card .shop-card__img { object-fit: contain; mix-blend-mode: var(--gz-blend); transition: transform 400ms var(--ease), opacity 300ms var(--ease); }
html.gadzhet .shop-card:hover .shop-card__img { transform: scale(1.04); }
html.gadzhet .shop-card .shop-card__body { display: flex; flex-direction: column; flex: 1; padding: 0.9rem 0.6rem 0.5rem; }
html.gadzhet .shop-card .shop-card__brand {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gz-ink-3);
}
html.gadzhet .shop-card .shop-card__title {
    font-family: var(--gz-text);
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
}
html.gadzhet .shop-card .shop-card__link { color: var(--gz-ink); text-decoration: none; }
html.gadzhet .shop-card .shop-card__foot { margin-top: auto; padding-top: 0.6rem; border: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; }
html.gadzhet .shop-card .shop-price { order: 1; }
html.gadzhet .shop-card .shop-card__actions { order: 3; flex-basis: 100%; }
html.gadzhet .shop-card .shop-card__btn { width: 100%; }
html.gadzhet .shop-card .cms-btn--primary { background: var(--gz-accent); border-color: var(--gz-accent); color: var(--gz-accent-ink); }
html.gadzhet .shop-card .cms-btn--primary:hover { background: var(--gz-ink); border-color: var(--gz-ink); color: var(--gz-bg); }
html.gadzhet .shop-card :is(.shop-card__quick, .shop-toggle) { border-radius: 999px; }
html.gadzhet .shop-sticker { border-radius: 999px; font-weight: 650; letter-spacing: 0; }
html.gadzhet .shop-sticker--hit { background: var(--gz-ink); color: var(--gz-bg); }
html.gadzhet .shop-sticker--new { background: var(--gz-surface); color: var(--gz-ink); box-shadow: inset 0 0 0 1px var(--gz-line-2); }
html.gadzhet :is(.shop-sticker--sale, .shop-sticker--discount) { background: var(--gz-accent); color: var(--gz-accent-ink); }
html.gadzhet .shop-pick__legend { font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gz-ink-3); }
html.gadzhet .shop-pick__chip { border-radius: 999px; font-size: 0.76rem; background: var(--gz-bg); border-color: var(--gz-line); }
html.gadzhet .shop-pick__chip:has(:checked),
html.gadzhet .shop-pick__chip:hover { border-color: var(--gz-ink); background: var(--gz-surface); }
html.gadzhet .shop-stock--in .shop-stock__dot { background: #1c9a55; }
html.gadzhet .shop-card__spec dt { color: var(--gz-ink-3); }

/* the listing */
html.gadzhet .shop-head__title { font-size: clamp(2rem, 1.3rem + 3vw, 3.9rem); line-height: 0.98; letter-spacing: -0.045em; }
html.gadzhet .shop-head__lead { color: var(--gz-ink-2); }
html.gadzhet .shop-toolbar { background: var(--gz-surface); border: 1px solid var(--gz-line); border-radius: 999px; }
html.gadzhet :is(.shop-sort__select, .shop-views__btn) { border-radius: 999px; background: var(--gz-bg); border-color: var(--gz-line); }
html.gadzhet :is(.shop-views__btn[aria-pressed="true"], .shop-views__btn.is-active) { background: var(--gz-ink); border-color: var(--gz-ink); color: var(--gz-bg); }
html.gadzhet .shop-side--filter :is(.shop-filter, .shop-facets) { background: var(--gz-surface); border: 1px solid var(--gz-line); border-radius: var(--gz-r); }
html.gadzhet :is(.shop-facet__title, .shop-facet summary, .shop-filter__title) { font-family: var(--gz-text); font-weight: 650; letter-spacing: -0.01em; }
html.gadzhet :is(.shop-facet__btn, .shop-facet__chip, .shop-chip, .shop-filter__chip) { border-radius: 999px; }
html.gadzhet :is(.shop-subs__list a, .shop-subs a) { border-radius: 999px; background: var(--gz-surface); border-color: var(--gz-line); color: var(--gz-ink); }
html.gadzhet :is(.shop-subs__list a, .shop-subs a):hover { border-color: var(--gz-ink); }
html.gadzhet .shop-brand-head__logo { border-radius: var(--gz-r-sm); }
html.gadzhet .shop-table { background: var(--gz-surface); border-color: var(--gz-line); border-radius: var(--gz-r-sm); }

/* the product page */
html.gadzhet .shop-product__title { font-size: clamp(1.8rem, 1.2rem + 2vw, 3rem); line-height: 1.02; letter-spacing: -0.04em; }
html.gadzhet :is(.shop-gallery__main, .shop-gallery__stage) {
    background:
        radial-gradient(70% 60% at 50% 45%, var(--gz-stage-1), transparent 72%),
        linear-gradient(180deg, var(--gz-stage-1), var(--gz-stage-2));
    border-radius: var(--gz-r);
}
html.gadzhet :is(.shop-gallery__main, .shop-gallery__stage) img { mix-blend-mode: var(--gz-blend); }
html.gadzhet :is(.shop-gallery__thumb, .shop-gallery__thumbs button) { border-radius: var(--gz-r-xs); }
html.gadzhet .shop-buybox { background: var(--gz-surface); border: 1px solid var(--gz-line); border-radius: var(--gz-r); }
html.gadzhet .shop-buybox .cms-btn--primary { background: var(--gz-accent); border-color: var(--gz-accent); color: var(--gz-accent-ink); }
html.gadzhet .shop-buybox .cms-btn--primary:hover { background: var(--gz-ink); border-color: var(--gz-ink); color: var(--gz-bg); }
html.gadzhet :is(.shop-option__value, .shop-variant__chip, .shop-options__btn, .shop-opt) { border-radius: 999px; }
html.gadzhet .shop-keyspecs { padding: 1.1rem 1.25rem; background: var(--gz-surface); border: 1px solid var(--gz-line); border-radius: var(--gz-r-sm); }
html.gadzhet .shop-pros__item .cms-icon { color: var(--gz-accent); }
html.gadzhet :is(.shop-dialog, .shop-quick) { background: var(--gz-surface); border-color: var(--gz-line); border-radius: var(--gz-r); }
html.gadzhet .shop-request__btn { background: var(--gz-ink); color: var(--gz-bg); border-color: var(--gz-ink); }

/* -------------------------------------------------------------------------
   10. Variants (design settings)
   ------------------------------------------------------------------------- */
html[data-gadzhet-palette="frost"] {
    --gzp-bg: #eef1f5;
    --gzp-surface: #ffffff;
    --gzp-sunk: #e2e7ee;
    --gzp-stage-1: #f8fafc;
    --gzp-stage-2: #dfe5ec;
    --gzp-ink: #0e1422;
    --gzp-ink-2: #4c5667;
    --gzp-ink-3: #6b7485;
    --gzp-line: #d9e0e8;
    --gzp-line-2: #c3ccd7;
    --gzp-grid: rgba(14, 20, 34, 0.06);
    --gzn-bg: #0e1422;
    --gzn-surface: #182033;
}
html[data-gadzhet-palette="graphite"] {
    --gzp-bg: #101012;
    --gzp-surface: #1a1a1d;
    --gzp-sunk: #242428;
    --gzp-stage-1: #2a2a2f;
    --gzp-stage-2: #17171a;
    --gzp-ink: #f3f3f1;
    --gzp-ink-2: #b0b1b6;
    --gzp-ink-3: #8a8b90;
    --gzp-line: #2a2a2e;
    --gzp-line-2: #3d3d43;
    --gzp-grid: rgba(255, 255, 255, 0.05);
    --gzp-blend: normal;
    --gzp-shadow: 0 20px 44px -24px rgba(0, 0, 0, 0.85);
    --gzn-bg: #222226;
    --gzn-surface: #2a2a2f;
    color-scheme: dark;
}
html[data-gadzhet-palette="graphite"] .gz-hdr__capsule { box-shadow: 0 16px 36px -26px rgba(0, 0, 0, 0.9); }

/* header: a flat full-width bar instead of the floating capsule */
html[data-gadzhet-header="bar"] .gz-hdr { background: var(--gz-surface); border-bottom: 1px solid var(--gz-line); }
html[data-gadzhet-header="bar"] .gz-top { border-bottom: 1px solid var(--gz-line); }
html[data-gadzhet-header="bar"] .gz-hdr__dock { padding: 0; }
html[data-gadzhet-header="bar"] .gz-hdr__capsule {
    padding-inline: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* cards: hairline frames, or floating products with no frames */
html[data-gadzhet-cards="outline"] .shop-card { background: transparent; }
html[data-gadzhet-cards="outline"] .shop-card .shop-card__media { background: transparent; border: 1px solid var(--gz-line); }
html[data-gadzhet-cards="float"] .shop-card { background: transparent; border-color: transparent; padding: 0; }
html[data-gadzhet-cards="float"] .shop-card:hover { box-shadow: none; }
html[data-gadzhet-cards="float"] .shop-card .shop-card__media { background: var(--gz-surface); box-shadow: var(--gz-shadow); }
html[data-gadzhet-cards="float"] .shop-card .shop-card__body { padding-inline: 0.2rem; }

/* density */
html[data-gadzhet-density="compact"] {
    --gz-gap: 0.6rem;
    --sp-sm: clamp(1.25rem, 1rem + 1.2vw, 2rem);
    --sp-md: clamp(2rem, 1.5rem + 2.2vw, 3.25rem);
    --sp-lg: clamp(2.75rem, 2rem + 3vw, 4.5rem);
}
html[data-gadzhet-density="compact"] .gz-hero__stage { aspect-ratio: 2.6 / 1; }
html[data-gadzhet-density="compact"] :is(.gz-brand, .gz-perk, .gz-plan) { min-height: 0; }
html[data-gadzhet-density="compact"] .shop-card .shop-card__body { padding-top: 0.6rem; }

/* -------------------------------------------------------------------------
   11. Phones and tablets
   ------------------------------------------------------------------------- */
@media (max-width: 71.99rem) {
    .gz-hdr__tools :is(.shop-hsearch-wrap, .shop-hsearch) { width: 10.5rem; }
    .gz-hdr__nav .hdr-nav__link { padding-inline: 0.6rem; }
    .gz-ftr__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .gz-ftr__cell { border-left: 0; border-top: 1px solid var(--gz-line); }
    .gz-ftr__cell--about { grid-column: 1 / -1; border-top: 0; }
    .gz-ftr__cell:nth-child(2n + 1):not(:first-child) { border-left: 1px solid var(--gz-line); }
}

@media (max-width: 59.99rem) {
    .gz-top { display: none; }
    .gz-hdr__dock { padding: 0.5rem 0; }
    .gz-hdr__capsule {
        flex-wrap: wrap;
        min-height: 3.5rem;
        padding: 0.4rem 0.4rem 0.4rem 1rem;
        border-radius: calc(var(--gz-r) * 0.9);
        row-gap: 0.4rem;
    }
    .gz-hdr__nav { display: none; }
    .gz-logo { margin-right: auto; }
    .gz-logo__name { font-size: 1.2rem; }
    .gz-hdr__tools { display: contents; }
    .gz-hdr__tools .hdr-el:not(.hdr-el--mobile) { display: none; }
    .gz-hdr__tools .hdr-el--mobile:has(.shop-hsearch-wrap) { order: 20; flex: 1 0 100%; margin: 0; padding: 0 0 0.1rem; }
    .gz-hdr__tools .hdr-el--mobile :is(.shop-hsearch-wrap, .shop-hsearch) { width: 100%; }
    .gz-burger { display: inline-grid; order: 10; }
    html.gadzhet .gz-hdr .shop-minicart { padding: 0.4rem 0.85rem; }
    html.gadzhet .gz-hdr .shop-minicart__label { display: none; }

    .gz-hero__stage { aspect-ratio: 4 / 3.4; min-height: 0; }
    .gz-hero__callouts {
        position: absolute;
        left: 0.75rem;
        right: 0.75rem;
        top: 0.75rem;
        display: flex;
        flex-wrap: wrap;
        gap: 0.35rem;
    }
    .gz-callout,
    .gz-callout--tl,
    .gz-callout--tr,
    .gz-callout--bl,
    .gz-callout--br {
        position: static;
        flex: none;
        min-width: 0;
        padding: 0.45rem 0.7rem;
        border-radius: var(--gz-r-xs);
    }
    .gz-callout::before,
    .gz-callout::after { display: none; }
    .gz-callout__value { font-size: 1.05rem; }
    .gz-callout__label { font-size: 0.72rem; }
    .gz-hero__tag { left: 0.75rem; right: 0.75rem; bottom: 0.75rem; max-width: none; padding: 0.75rem 0.75rem 0.75rem 1rem; }
    .gz-hero__tag-price { font-size: 1.2rem; }

    .gz-shelf__list {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: minmax(13.5rem, 62%);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        overscroll-behavior-x: contain;
        padding-bottom: 0.5rem;
        scrollbar-width: thin;
    }
    .gz-shelf__tile { scroll-snap-align: start; min-height: 16rem; }

    .gz-perks--bento .gz-perk:first-child { grid-column: 1 / -1; }

    .gz-trade__panel { grid-template-columns: minmax(0, 1fr); }
    .gz-inst { grid-template-columns: minmax(0, 1fr); }
    .gz-ftr__band { grid-template-columns: minmax(0, 1fr); }
    html.gadzhet .cms-section__head--left .cms-section__subtitle { text-align: left; }
}

@media (max-width: 35.99rem) {
    .gz-brands__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .gz-brand { min-height: 12.5rem; padding: 1rem; border-radius: var(--gz-r-sm); }
    .gz-brand__name { margin-top: 1.75rem; font-size: clamp(1.45rem, 1rem + 3.4vw, 2rem) !important; }
    .gz-brand__text { display: none; }
    .gz-brand__chips li { font-size: 0.7rem; padding: 0.2rem 0.5rem; }
    .gz-brand__arrow { width: 2.2rem; height: 2.2rem; }
    .gz-perks__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .gz-perk { min-height: 0; padding: 1rem; border-radius: var(--gz-r-sm); }
    .gz-perk__icon { width: 2.2rem; height: 2.2rem; }
    .gz-perk__value { padding-top: 2.4rem; font-size: 2rem; }
    .gz-perk__text { font-size: 0.84rem; }
    .gz-ftr__grid { grid-template-columns: minmax(0, 1fr); }
    .gz-ftr__cell:nth-child(2n + 1):not(:first-child) { border-left: 0; }
    .gz-trade__row { flex-wrap: wrap; }
    .gz-trade__row::before { display: none; }
    .gz-trade__row dd { flex-basis: 100%; }
    html.gadzhet .shop-card { padding: 0.35rem; border-radius: var(--gz-r-sm); }
    html.gadzhet .shop-card .shop-card__media { border-radius: calc(var(--gz-r-sm) - 0.2rem); }
    html.gadzhet .shop-card .shop-card__btn { min-height: 2.6rem; padding: 0.5rem 0.6rem; font-size: 0.86rem; }
    html.gadzhet .shop-card .shop-card__btn .cms-icon { display: none; }
    html.gadzhet .shop-card .shop-card__body { padding-inline: 0.35rem; }
}

/* -------------------------------------------------------------------------
   12. Motion
   ------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    html.gadzhet *,
    html.gadzhet *::before,
    html.gadzhet *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
    html.gadzhet :is(.shop-card, .gz-brand, .gz-shelf__tile):hover { transform: none; }
}