/* Тема sunrise — світлий персиково-кораловий, квадратні прев’ю товарів */
:root {
  --bg: #fffaf7;
  --surface: #fff1e8;
  --surface-2: #ffe2d1;
  --nav-bg: rgba(255,250,247,.9);
  --footer-bg: #fff1e8;
  --grad-hero: linear-gradient(150deg,#ffedd5 0%,#fed7aa 38%,#fffaf7 100%);
  --hero-fade: linear-gradient(180deg, transparent, #fffaf7);
  --hero-sub: #7c4a32;
  --grad-text: linear-gradient(92deg,#ea580c,#c2410c);
  --grad-headline: linear-gradient(92deg,#ea580c,#be123c);
  --accent: #ea580c;
  --glow: rgba(234,88,12,.3);
  --text-1: #2b1710;
  --text-2: #7c4a32;
  --border: rgba(43,23,16,.1);
  --card-bg: #ffffff;
  --card-border: rgba(43,23,16,.1);
  --card-border-hover: rgba(234,88,12,.45);
  --card-shadow: 0 12px 30px rgba(124,45,18,.14);
  --price-color: #2b1710;
  --pill-glass-bg: rgba(234,88,12,.1);
  --pill-glass-hover: rgba(234,88,12,.18);
  --pill-glass-border: rgba(234,88,12,.25);
  --pill-glass-text: #9a3412;
  --btn-bg: linear-gradient(92deg,#fb923c,#ea580c);
  --btn-text: #fff;
  --btn-shadow: 0 8px 22px rgba(234,88,12,.28);
  --btn-shadow-hover: 0 12px 30px rgba(234,88,12,.38);
  --radius-pill: 980px;
  --radius-card: 16px;
  --font: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Onest', 'Onest', system-ui, sans-serif;
}

.card-img { aspect-ratio: 1/1; }
.section-dark { background: var(--surface); }
.hero { border-bottom: 1px solid var(--border); }