@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-serif-display-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-serif-display-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/manrope-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/manrope-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/manrope-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/manrope-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/manrope-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/manrope-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* slotissime.fr — Suisse. Светлый зал: слоновая кость, бордо и шампанское.
   Светлая основа, винные акценты, DM Serif Display в заголовках. */
:root{
  --bg:            oklch(97.4% 0.010 80);
  --bg-elevated:   oklch(99.4% 0.004 80);
  --surface:       oklch(95.4% 0.014 75);
  --surface-2:     oklch(92.4% 0.018 70);
  --surface-3:     oklch(86.5% 0.022 65);
  --line:          oklch(86% 0.020 60);
  --line-soft:     oklch(91.5% 0.014 70);

  --text:          oklch(23% 0.035 20);
  --text-2:        oklch(38% 0.035 20);
  --text-3:        oklch(51% 0.028 25);
  --text-4:        oklch(61% 0.022 30);

  --gold:          oklch(47% 0.150 18);
  --gold-deep:     oklch(38% 0.140 16);
  --gold-wash:     oklch(47% 0.150 18 / 0.12);
  --mint:          oklch(58% 0.110 160);
  --mint-wash:     oklch(58% 0.110 160 / 0.14);
  --ice:           oklch(55% 0.090 245);
  --ice-wash:      oklch(55% 0.090 245 / 0.12);
  --rose:          oklch(55% 0.190 25);
  --rose-wash:     oklch(55% 0.190 25 / 0.12);
  --amber:         oklch(76% 0.110 78);

  --font-display: 'DM Serif Display', Georgia, serif;
  --font-ui: 'Manrope', 'Segoe UI', Arial, sans-serif;

  --t-h1: clamp(2.3rem, 1.4rem + 3.8vw, 4.4rem);

  --r-chip: 999px;
  --r-card: 18px;
  --r-slab: 28px;

  --shadow-card: 0 1px 1px oklch(30% 0.05 20 / 0.05), 0 6px 16px oklch(30% 0.05 20 / 0.06), 0 18px 40px oklch(30% 0.05 20 / 0.07);
  --shadow-lift: 0 2px 4px oklch(30% 0.05 20 / 0.08), 0 12px 28px oklch(30% 0.05 20 / 0.10), 0 30px 64px oklch(30% 0.05 20 / 0.12);
}
body::before{
  background:
    radial-gradient(80ch 60ch at 88% -10%, oklch(76% 0.110 78 / 0.22), transparent 62%),
    radial-gradient(70ch 55ch at 0% 12%, oklch(47% 0.150 18 / 0.08), transparent 64%);
}
.masthead{ background:oklch(97.4% 0.010 80 / 0.82); }
.masthead[data-stuck="true"]{ background:oklch(99% 0.006 80 / 0.94); }
.hero, .hubband{ background-color:oklch(18% 0.05 18); }
.hero::before, .hubband::before{
  background:linear-gradient(90deg, oklch(15% 0.05 18 / 0.94) 0%, oklch(15% 0.05 18 / 0.80) 36%, oklch(15% 0.05 18 / 0.34) 64%, oklch(15% 0.05 18 / 0.12) 100%);
}
.hero h1 .flow{ color:oklch(84% 0.09 80); }
.btn-primary{ --btn-fg:oklch(98% 0.01 80); box-shadow:0 8px 22px oklch(47% 0.15 18 / 0.25); }
.btn-primary:hover{ --btn-bg:oklch(52% 0.16 18); }
.filter[aria-pressed="true"], .slotfacet.is-on{ color:oklch(98% 0.01 80); }
.slotfacet.is-on small{ color:oklch(98% 0.01 80 / .75); }
::selection{ color:oklch(98% 0.01 80); }
.brand-name span{ color:var(--gold); font-style:italic; }
.brand-mark{ background:none; box-shadow:none; }
.op[data-rank="1"]{ border-color:oklch(47% 0.15 18 / 0.45); }

.brand-mark:not(.is-fav){ width:32px; height:32px; }
.brand-mark svg{ width:100%; height:100%; display:block; }
