/* BEDW homepage — "Why book with BEDW" features section */
.feats-sec{}
.feats-inner{max-width:1160px;margin:0 auto;padding:8px 40px 84px;}

.feats-head{margin-bottom:36px;}
.feats-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);margin:0 0 10px;}
.feats-title{font-family:var(--font-display);font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0;}
.feats-sub{margin:10px 0 0;font-size:15px;color:var(--color-text-secondary);max-width:50ch;}

.feats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
@media (max-width:760px){.feats-grid{grid-template-columns:1fr;}.feats-inner{padding:8px 22px 64px;}}

.feat{
  position:relative;overflow:hidden;border-radius:24px;
  padding:30px 30px 34px;min-height:196px;
  box-shadow:0 8px 30px rgba(58,30,14,.09),0 2px 8px rgba(58,30,14,.05);
}
.feat.cream{background:var(--color-surface-alt);}
.feat.flame{background:var(--color-primary);}

.feat-head{display:flex;align-items:center;gap:14px;margin-bottom:13px;position:relative;z-index:2;}
.feat-badge{flex:0 0 auto;width:54px;height:54px;border-radius:15px;display:grid;place-items:center;font-size:23px;}
.feat.cream .feat-badge{background:#fff;color:var(--color-primary);box-shadow:0 2px 8px rgba(58,30,14,.08);}
.feat.flame .feat-badge{background:rgba(255,255,255,.18);color:#fff;}

.feat-title{font-family:var(--font-display);font-size:24px;line-height:1.12;font-weight:700;letter-spacing:-.015em;margin:0;}
.feat.cream .feat-title{color:var(--color-text-primary);}
.feat.flame .feat-title{color:#fff;}

.feat-body{position:relative;z-index:2;font-size:16px;line-height:1.5;margin:0;max-width:74%;}
.feat.cream .feat-body{color:var(--color-text-secondary);}
.feat.flame .feat-body{color:rgba(255,255,255,.92);}

.feat-glyph{position:absolute;right:-16px;bottom:-28px;font-size:150px;line-height:1;pointer-events:none;z-index:1;transform:rotate(-8deg);}
.feat.cream .feat-glyph{color:var(--color-primary);opacity:.13;}
.feat.flame .feat-glyph{color:#fff;opacity:.16;}

/* ── MINI · 4-up compact row ───────────────────────────── */
.feats-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
@media (max-width:900px){.feats-mini{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.feats-mini{grid-template-columns:1fr;}}

.mini{border-radius:18px;padding:22px 20px 24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 22px rgba(58,30,14,.08),0 2px 6px rgba(58,30,14,.05);}
.mini.cream{background:var(--color-surface-alt);}
.mini.flame{background:var(--color-primary);}
.mini-badge{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:19px;}
.mini.cream .mini-badge{background:#fff;color:var(--color-primary);box-shadow:0 2px 8px rgba(58,30,14,.08);}
.mini.flame .mini-badge{background:rgba(255,255,255,.18);color:#fff;}
.mini-title{font-family:var(--font-display);font-size:18px;line-height:1.15;font-weight:700;letter-spacing:-.01em;margin:0;}
.mini.cream .mini-title{color:var(--color-text-primary);}
.mini.flame .mini-title{color:#fff;}
.mini-body{font-size:13.5px;line-height:1.45;margin:0;}
.mini.cream .mini-body{color:var(--color-text-secondary);}
.mini.flame .mini-body{color:rgba(255,255,255,.92);}

/* ════════════════════════════════════════════════════════════
   SECTION MODEL (design-system "Section") — applied via Tweaks
   data-density: full | mini   (grid layout)
   data-theme:   light | dark  (band color + content recolor)
   data-width:   full | compact (band spans full row vs within grid)
   data-align:   left | center  (header alignment)
   ════════════════════════════════════════════════════════════ */

/* density — grid vs 4-up mini */
.feats-sec .feats-mini{display:none;}
.feats-sec[data-density="mini"] .feats-grid{display:none;}
.feats-sec[data-density="mini"] .feats-mini{display:grid;}

/* align — centered header */
.feats-sec[data-align="center"] .feats-head{text-align:center;}
.feats-sec[data-align="center"] .feats-sub{margin-left:auto;margin-right:auto;}

/* ── DARK theme ─────────────────────────────────────────── */
/* band placement: FULL = full row (on section) · COMPACT = within grid (on inner) */
.feats-sec[data-theme="dark"][data-width="full"]{background:var(--color-neutral-800);}
.feats-sec[data-theme="dark"][data-width="compact"] .feats-inner{background:var(--color-neutral-800);}
.feats-sec[data-theme="dark"] .feats-inner{padding-top:64px;padding-bottom:72px;}
.feats-sec[data-theme="dark"] .feats-eyebrow{color:var(--color-primary-300);}
.feats-sec[data-theme="dark"] .feats-title{color:#fff;}
.feats-sec[data-theme="dark"] .feats-sub{color:rgba(255,255,255,.74);}
/* recolor cream cards (full grid) for the dark surface */
.feats-sec[data-theme="dark"] .feat.cream{background:var(--color-neutral-700);}
.feats-sec[data-theme="dark"] .feat.cream .feat-badge{background:rgba(255,255,255,.10);color:var(--color-primary-300);box-shadow:none;}
.feats-sec[data-theme="dark"] .feat.cream .feat-title{color:#fff;}
.feats-sec[data-theme="dark"] .feat.cream .feat-body{color:rgba(255,255,255,.74);}
.feats-sec[data-theme="dark"] .feat.cream .feat-glyph{color:#fff;opacity:.07;}
/* recolor cream cards (mini) for the dark surface */
.feats-sec[data-theme="dark"] .mini.cream{background:var(--color-neutral-700);}
.feats-sec[data-theme="dark"] .mini.cream .mini-badge{background:rgba(255,255,255,.10);color:var(--color-primary-300);box-shadow:none;}
.feats-sec[data-theme="dark"] .mini.cream .mini-title{color:#fff;}
.feats-sec[data-theme="dark"] .mini.cream .mini-body{color:rgba(255,255,255,.74);}
