/* Sample 1 · THE WALK-IN · skin for every page
   Night boutique: Syne type, warm spotlit product tiles. */
:root {
  --ff-head: "Syne", "DM Sans", system-ui, sans-serif;
  --bg: #f6f1e7;
  --tile: #1a1612;
  --line: #e2d9c6;
  --radius: 20px;
  --k-bg: #fffaf0; --k-tile: #f1e9d8; --k-fh: "Syne", system-ui, sans-serif;
}
h1, h2 { letter-spacing: -.03em; }
.hdr { background: #0b0a09; border-bottom: 1px solid #2a231b; }

.pcard-img { background: radial-gradient(85% 70% at 50% 28%, #3a3026 0%, #1a1612 62%, #120f0c 100%); }
.pcard-img::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 16%; background: linear-gradient(transparent, rgba(253,196,27,.08)); border-top: 1px solid rgba(253,196,27,.18); pointer-events: none; }
.pcard-img img { filter: drop-shadow(0 18px 18px rgba(0,0,0,.6)); }
.pcard-body h3 { font-family: var(--ff-head); font-size: 1rem; }
.phead { background: #0b0a09; color: #f4efe6; }
.phead h1 { color: #fff; }
.phead .crumbs, .phead .crumbs a, .phead p { color: rgba(255,255,255,.65); }
.phead .lux { color: #fdc41b; background: none; }
.chip.on { background: #fdc41b; color: #111; border-color: #fdc41b; }
.pp-gallery .main, .pp-left .main { background: radial-gradient(85% 70% at 50% 28%, #3a3026 0%, #1a1612 62%, #120f0c 100%); }
.ftr-word { font-family: var(--ff-head); }

/* beat the v3 'clean pages' rules */
body[data-page] { background: #f6f1e7; }
body[data-page] .pcard-img, body[data-page] .pp-gallery { background: radial-gradient(85% 70% at 50% 28%, #3a3026 0%, #1a1612 62%, #120f0c 100%); }
body[data-page] .phead { background: #0b0a09; color: #f4efe6; border-bottom: 0; }
body[data-page] .phead h1, body[data-page] .phead h1 .lux { color: #fff; background: none; }
body[data-page] .phead h1 .lux { color: #fdc41b; }
body[data-page] .phead p, body[data-page] .phead .crumbs, body[data-page] .phead .crumbs a { color: rgba(255,255,255,.65); }

/* keep the iDeliver wordmark the same on every sample */
.brand-name { font-family: "Bricolage Grotesque", system-ui, sans-serif !important; text-transform: none !important; letter-spacing: -.035em !important; font-weight: 800 !important; }
.brand-sub { text-transform: uppercase; }