/* Why DirectDine page — alternating feature rows with bespoke visuals */
.why-row { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,4vw,4rem); align-items:center; padding-block:clamp(2.4rem,4vw,3.4rem); border-top:1px solid var(--line); }
.why-row:first-of-type { border-top:none; }
.why-row.rev .why-row__media { order:-1; }
.why-num { font-family:var(--font-mono); color:var(--accent); font-size:.82rem; letter-spacing:.1em; }
.why-row h3 { font-size:clamp(1.5rem,2.6vw,2.1rem); margin:.6rem 0 .8rem; }
.why-row__media { min-height:240px; border-radius:var(--radius); display:grid; place-items:center; overflow:hidden; }

/* hygiene badge */
.hyg-badge { display:flex; align-items:center; gap:14px; background:#0f7a3d; color:#fff; padding:18px 22px; border-radius:16px; box-shadow:var(--shadow-md); }
.hyg-badge .n { background:#fff; color:#0f7a3d; width:48px; height:48px; border-radius:12px; display:grid; place-items:center; font-family:var(--font-display); font-size:1.8rem; font-weight:600; }
.hyg-badge .t { font-weight:700; line-height:1.2; } .hyg-badge .t span { display:block; font-weight:400; font-size:.78rem; opacity:.85; }

/* currency switch */
.curr { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.curr button { width:58px; height:58px; border-radius:14px; background:var(--surface); border:1px solid var(--line); font-family:var(--font-display); font-size:1.5rem; transition:.2s; }
.curr button.on { background:var(--accent); color:#fff; border-color:transparent; transform:scale(1.06); box-shadow:var(--shadow-accent); }
html[data-theme="dark"] .curr button.on { color:#1a0f0a; }

/* clock */
.clocks { display:flex; gap:14px; }
.clk { background:var(--surface); border:1px solid var(--line); border-radius:13px; padding:14px 16px; text-align:center; min-width:92px; }
.clk .z { font-size:.7rem; color:var(--muted); font-family:var(--font-mono); }
.clk .ti { font-family:var(--font-display); font-size:1.5rem; margin-top:3px; }
.clk.on { border-color:var(--accent); }

/* kiosk chips */
.kiosk { display:grid; grid-template-columns:1fr 1fr; gap:10px; width:100%; max-width:340px; }
.kiosk .kc { background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:13px 14px; font-size:.84rem; font-weight:600; display:flex; align-items:center; gap:9px; }
.kiosk .kc svg { width:18px; height:18px; color:var(--accent); flex:none; }

/* zones */
.zone-legend { display:flex; flex-direction:column; gap:10px; margin-top:1.4rem; }
.zone-legend .zl { display:flex; align-items:center; gap:10px; font-size:.9rem; }
.zone-legend .sw { width:16px; height:16px; border-radius:5px; flex:none; }

@media (max-width:860px){ .why-row, .why-row.rev { grid-template-columns:1fr; } .why-row.rev .why-row__media{ order:0; } }