/* ============================================================
   Garba Series — Shared CSS (garba.css)
   Deep saffron / midnight / festival palette
   Used by: garba-what-is.html, garba-origin-story.html,
            garba-nine-nights.html and all future garba pages
   ============================================================ */

/* ── Hero ─────────────────────────────────────────────────── */
.gb-hero {
  background: linear-gradient(135deg,#1a0408,#3a0818,#280610,#1e0408,#320c14) !important;
  position: relative; overflow: hidden;
}
.gb-hero-origin {
  background: linear-gradient(135deg,#0a0818,#1e0c30,#160820,#0e0610,#1a0c28) !important;
}

/* Animated rotating circles in hero */
.gb-hero-circles { position:absolute; inset:0; pointer-events:none; z-index:1; }
.gb-circle {
  position:absolute; border-radius:50%;
  border: 1px solid rgba(255,140,0,0.12);
  animation: gb-spin linear infinite;
}
.gb-c1 { width:300px; height:300px; top:50%; left:50%; transform:translate(-50%,-50%); animation-duration:20s; }
.gb-c2 { width:480px; height:480px; top:50%; left:50%; transform:translate(-50%,-50%); animation-duration:35s; animation-direction:reverse; border-color:rgba(255,180,60,0.08); }
.gb-c3 { width:660px; height:660px; top:50%; left:50%; transform:translate(-50%,-50%); animation-duration:55s; border-color:rgba(255,100,0,0.05); }
@keyframes gb-spin { from { transform:translate(-50%,-50%) rotate(0deg); } to { transform:translate(-50%,-50%) rotate(360deg); } }

.gb-badge { display:inline-flex; align-items:center; gap:7px; background:rgba(255,255,255,0.1); border:1px solid rgba(255,140,60,0.3); border-radius:999px; padding:7px 14px; font-family:var(--font-jakarta); font-size:12.5px; font-weight:500; color:#fff8d0; }

/* ── Series strip ─────────────────────────────────────────── */
.gb-series-strip { background:linear-gradient(90deg,#fdf0e0,#ffe8c0,#fdf5e0); border-bottom:1px solid #e8c898; padding:10px 0; position:sticky; top:0; z-index:90; overflow-x:auto; }
.gb-series-inner { max-width:1100px; margin:0 auto; padding:0 24px; display:flex; align-items:center; gap:8px; flex-wrap:nowrap; min-width:max-content; }
.gb-series-label { font-family:var(--font-jakarta); font-size:11px; font-weight:700; color:#c86000; text-transform:uppercase; letter-spacing:0.08em; white-space:nowrap; margin-right:4px; }
.gb-series-chip { font-family:var(--font-jakarta); font-size:11.5px; font-weight:600; color:#7a3000; background:#fff; border:1px solid #e8c898; border-radius:999px; padding:5px 14px; text-decoration:none; white-space:nowrap; transition:background 0.15s,color 0.15s,border-color 0.15s; }
.gb-series-chip:hover { background:#d06000; color:#fff; border-color:#d06000; }
.gb-series-active { background:#d06000 !important; color:#fff !important; border-color:#d06000 !important; }

/* ── Section pieces ───────────────────────────────────────── */
.gb-tag { display:inline-flex; align-items:center; gap:6px; font-family:var(--font-jakarta); font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:#d06000; margin-bottom:14px; }
.gb-h2 { font-family:var(--font-garamond); font-size:clamp(26px,3.5vw,40px); font-weight:700; color:var(--text-brown-heading); line-height:1.15; margin-bottom:16px; }
.gb-lead { font-family:var(--font-jakarta); font-size:15px; color:var(--color-on-surface-variant); max-width:700px; margin:0 auto; line-height:1.7; }

/* ── PAGE 1: What is Garba ────────────────────────────────── */
/* Essence grid */
.gb-essence-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.gb-essence-card { background:#fff; border:1px solid #e8c898; border-radius:var(--radius-lg); padding:24px 20px; text-align:center; box-shadow:0 3px 14px rgba(160,80,0,0.07); transition:box-shadow 0.2s,transform 0.2s; }
.gb-essence-card:hover { box-shadow:0 8px 24px rgba(160,80,0,0.14); transform:translateY(-4px); }
.gb-essence-icon { font-size:36px; margin-bottom:12px; }
.gb-essence-title { font-family:var(--font-garamond); font-size:19px; font-weight:700; color:#7a2800; margin-bottom:10px; }
.gb-essence-body { font-family:var(--font-jakarta); font-size:13px; color:var(--color-on-surface-variant); line-height:1.7; margin:0; }

/* Meaning box */
.gb-meaning-box { display:flex; gap:24px; align-items:flex-start; background:linear-gradient(135deg,#fff8e0,#ffefc0); border:1px solid #e8c060; border-radius:var(--radius-lg); padding:28px 32px; margin:0 0 72px; }
.gb-meaning-icon { font-size:48px; flex-shrink:0; margin-top:4px; }

/* Dance flow */
.gb-dance-flow { display:flex; flex-direction:column; gap:0; border-left:3px solid #e8c898; margin-left:22px; }
.gb-dance-step { position:relative; padding:0 0 32px 36px; }
.gb-dance-step:last-child { padding-bottom:0; }
.gb-ds-num { position:absolute; left:-24px; top:0; width:44px; height:44px; background:#d06000; color:#fff; border-radius:50%; font-family:var(--font-jakarta); font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center; border:3px solid var(--bg-warm-canvas); }
.gb-ds-title { font-family:var(--font-garamond); font-size:20px; font-weight:700; color:#7a2800; margin-bottom:10px; }
.gb-ds-body { font-family:var(--font-jakarta); font-size:13.5px; color:var(--color-on-surface-variant); line-height:1.75; background:#fff; border:1px solid #f0d8a0; border-radius:var(--radius-md); padding:14px 18px; margin:0; }

/* Compare table */
.gb-compare-table { border:1px solid #e8c898; border-radius:var(--radius-lg); overflow:hidden; }
.gb-compare-header { display:grid; grid-template-columns:1fr 1fr 1fr; background:linear-gradient(135deg,#fff8e0,#ffefc0); padding:14px 20px; }
.gb-compare-col-title { font-family:var(--font-garamond); font-size:18px; font-weight:700; text-align:center; }
.gb-compare-row { display:grid; grid-template-columns:1fr 1fr 1fr; padding:12px 20px; background:#fff; border-top:1px solid #f0d8a0; font-family:var(--font-jakarta); font-size:13px; color:var(--color-on-surface-variant); align-items:center; gap:12px; }
.gb-compare-alt { background:#fffbf0; }
.gb-compare-label { font-weight:700; color:#7a2800; font-family:var(--font-jakarta); font-size:12px; text-transform:uppercase; letter-spacing:0.06em; }

/* Significance grid */
.gb-sig-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.gb-sig-card { background:#fff; border:1px solid #e8c898; border-radius:var(--radius-lg); padding:26px 22px; text-align:center; box-shadow:0 3px 14px rgba(160,80,0,0.06); transition:box-shadow 0.2s,transform 0.2s; }
.gb-sig-card:hover { box-shadow:0 8px 24px rgba(160,80,0,0.13); transform:translateY(-3px); }

/* UNESCO box */
.gb-unesco-box { background:linear-gradient(135deg,#fff8e0,#fef4cc); border:2px solid #e8c060; border-radius:var(--radius-lg); padding:32px; margin:0 0 64px; }
.gb-unesco-left { display:flex; gap:24px; align-items:flex-start; }
.gb-unesco-badge { font-size:48px; flex-shrink:0; }

/* ── PAGE 2: Origin Story ─────────────────────────────────── */
.gb-garbo-card { display:flex; gap:32px; background:#fff; border:1px solid #e8c898; border-radius:var(--radius-lg); padding:32px; box-shadow:0 4px 18px rgba(160,80,0,0.07); align-items:flex-start; }
.gb-garbo-left { flex-shrink:0; display:flex; flex-direction:column; align-items:center; width:100px; }
.gb-garbo-pot { font-size:56px; }
.gb-garbo-flame { font-size:32px; margin-top:-8px; }

/* Timeline */
.gb-timeline { display:flex; flex-direction:column; gap:0; border-left:3px solid #e8c898; margin-left:20px; }
.gb-tl-item { position:relative; padding:0 0 36px 36px; }
.gb-tl-item:last-child { padding-bottom:0; }
.gb-tl-dot { position:absolute; left:-11px; top:6px; width:20px; height:20px; border-radius:50%; background:#d06000; border:3px solid var(--bg-warm-canvas); box-shadow:0 0 0 2px #e8c898; }
.gb-tl-era { font-family:var(--font-jakarta); font-size:11px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#d06000; margin-bottom:6px; }
.gb-tl-title { font-family:var(--font-garamond); font-size:20px; font-weight:700; color:#7a2800; margin-bottom:10px; }
.gb-tl-body { font-family:var(--font-jakarta); font-size:13.5px; color:var(--color-on-surface-variant); line-height:1.75; background:#fff; border:1px solid #f0d8a0; border-radius:var(--radius-md); padding:14px 18px; margin:0; }
.gb-tl-highlight .gb-tl-body { background:linear-gradient(135deg,#fff8e0,#fef0cc); border-color:#e8c060; }

/* Amba grid */
.gb-amba-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.gb-amba-card { background:#fff; border:1px solid #e8c898; border-radius:var(--radius-lg); padding:24px 20px; text-align:center; box-shadow:0 3px 14px rgba(160,80,0,0.06); transition:box-shadow 0.2s,transform 0.2s; }
.gb-amba-card:hover { box-shadow:0 8px 24px rgba(160,80,0,0.13); transform:translateY(-3px); }
.gb-amba-icon { font-size:36px; margin-bottom:12px; }
.gb-amba-title { font-family:var(--font-garamond); font-size:18px; font-weight:700; color:#7a2800; margin-bottom:10px; }
.gb-amba-body { font-family:var(--font-jakarta); font-size:13px; color:var(--color-on-surface-variant); line-height:1.7; margin:0; }

/* Spread grid */
.gb-spread-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.gb-spread-card { background:#fff; border:1px solid #e8c898; border-radius:var(--radius-lg); padding:24px 20px; text-align:center; box-shadow:0 3px 14px rgba(160,80,0,0.06); transition:box-shadow 0.2s,transform 0.2s; }
.gb-spread-card:hover { box-shadow:0 8px 24px rgba(160,80,0,0.13); transform:translateY(-3px); }

/* ── PAGE 3: Nine Nights ──────────────────────────────────── */
.gb-intro-note { display:flex; gap:14px; align-items:flex-start; background:#fff8e0; border:1px solid #e8c060; border-radius:var(--radius-md); padding:16px 20px; margin-bottom:32px; }

/* Colour legend */
.gb-colour-legend { background:#fff; border:1px solid #e8c898; border-radius:var(--radius-lg); padding:20px 24px; margin-bottom:40px; }
.gb-cl-title { font-family:var(--font-jakarta); font-size:11px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#d06000; margin-bottom:14px; }
.gb-cl-grid { display:flex; flex-wrap:wrap; gap:8px; }
.gb-cl-item { display:flex; align-items:center; gap:8px; border-radius:999px; padding:5px 14px 5px 5px; font-family:var(--font-jakarta); font-size:12px; font-weight:600; color:#fff; }
.gb-cl-item span:first-child { width:24px; height:24px; border-radius:50%; background:rgba(255,255,255,0.3); display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; }

/* Night cards */
.gb-nights-list { display:flex; flex-direction:column; gap:16px; margin-bottom:64px; }
.gb-night-card { display:grid; grid-template-columns:140px 1fr; border-radius:var(--radius-lg); overflow:hidden; border:1px solid #e8c898; box-shadow:0 4px 18px rgba(0,0,0,0.08); transition:box-shadow 0.2s,transform 0.2s; scroll-margin-top:80px; }
.gb-night-card:hover { box-shadow:0 8px 28px rgba(0,0,0,0.14); transform:translateY(-2px); }
.gb-night-final { border:2px solid #ffd700; }
.gb-night-left { padding:24px 16px; display:flex; flex-direction:column; align-items:center; gap:10px; color:#fff; }
.gb-night-num { width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.2); color:#fff; font-family:var(--font-jakarta); font-size:16px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.gb-night-colour-swatch { width:36px; height:36px; border-radius:50%; }
.gb-night-colour-name { font-family:var(--font-jakarta); font-size:11px; font-weight:700; color:rgba(255,255,255,0.85); text-align:center; letter-spacing:0.04em; }
.gb-night-final-label { font-family:var(--font-jakarta); font-size:10px; font-weight:700; color:#ffd700; letter-spacing:0.1em; text-transform:uppercase; text-align:center; margin-top:4px; }
.gb-night-body { background:#fff; padding:22px 28px; }
.gb-night-devi { margin-bottom:10px; }
.gb-night-devi-link { font-family:var(--font-garamond); font-size:19px; font-weight:700; color:#7a2800; text-decoration:none; display:block; }
.gb-night-devi-link:hover { color:#d06000; text-decoration:underline; }
.gb-night-devi-sub { font-family:var(--font-jakarta); font-size:12px; color:var(--text-muted); font-style:italic; }
.gb-night-desc { font-family:var(--font-jakarta); font-size:13.5px; color:var(--color-on-surface-variant); line-height:1.7; margin-bottom:14px; }
.gb-night-tags { display:flex; flex-wrap:wrap; gap:8px; }
.gb-nt { font-family:var(--font-jakarta); font-size:12px; color:#7a3000; background:#fff8e8; border:1px solid #e8d0a0; border-radius:999px; padding:4px 12px; }

/* Expect grid */
.gb-expect-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.gb-expect-card { background:#fff; border:1px solid #e8c898; border-radius:var(--radius-lg); padding:22px 20px; box-shadow:0 3px 14px rgba(160,80,0,0.06); }
.gb-expect-time { font-family:var(--font-jakarta); font-size:16px; font-weight:700; color:#d06000; margin-bottom:8px; }
.gb-expect-act { font-family:var(--font-jakarta); font-size:13px; color:var(--color-on-surface-variant); line-height:1.65; }

/* ── Series card grid (shared) ────────────────────────────── */
.gb-series-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.gb-series-card { display:flex; flex-direction:column; align-items:center; text-align:center; background:#fff; border:1px solid #e8c898; border-radius:var(--radius-lg); padding:22px 16px; text-decoration:none; transition:box-shadow 0.2s,transform 0.2s; }
.gb-series-card:hover { box-shadow:0 6px 20px rgba(160,80,0,0.14); transform:translateY(-3px); }
.gb-sc-num { font-family:var(--font-jakarta); font-size:22px; font-weight:700; color:#d06000; margin-bottom:6px; }
.gb-sc-title { font-family:var(--font-garamond); font-size:16px; font-weight:700; color:#7a2800; margin-bottom:4px; }
.gb-sc-sub { font-family:var(--font-jakarta); font-size:11px; color:var(--text-muted); line-height:1.4; }

/* ── PAGE 4: vs Dandiya ───────────────────────────────────── */
.gb-vs-split{display:grid;grid-template-columns:1fr 60px 1fr;gap:0;align-items:start;}
.gb-vs-card{background:#fff;border:1px solid #e8c898;border-radius:var(--radius-lg);padding:28px 24px;}
.gb-vs-garba{border-top:4px solid #c84000;}
.gb-vs-dandiya{border-top:4px solid #1a50a0;}
.gb-vs-icon{font-size:44px;margin-bottom:10px;}
.gb-vs-title{font-family:var(--font-garamond);font-size:26px;font-weight:700;margin-bottom:6px;}
.gb-vs-garba .gb-vs-title{color:#c84000;}
.gb-vs-dandiya .gb-vs-title{color:#1a50a0;}
.gb-vs-deity{font-family:var(--font-jakarta);font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:18px;letter-spacing:0.04em;}
.gb-vs-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.gb-vs-list li{font-family:var(--font-jakarta);font-size:13.5px;color:var(--color-on-surface-variant);line-height:1.6;padding-left:18px;position:relative;}
.gb-vs-garba .gb-vs-list li::before{content:'🌀';position:absolute;left:0;font-size:11px;top:2px;}
.gb-vs-dandiya .gb-vs-list li::before{content:'🥢';position:absolute;left:0;font-size:11px;top:2px;}
.gb-vs-divider{display:flex;align-items:center;justify-content:center;padding-top:60px;}
.gb-vs-vs{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#c84000,#1a50a0);color:#fff;font-family:var(--font-jakarta);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.gb-origin-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.gb-origin-block{background:#fff;border:1px solid #e8c898;border-radius:var(--radius-lg);padding:28px 24px;}
.gb-origin-num{width:44px;height:44px;border-radius:50%;color:#fff;font-family:var(--font-jakarta);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.gb-origin-title{font-family:var(--font-garamond);font-size:20px;font-weight:700;color:#7a2800;margin-bottom:12px;}
.gb-origin-body{font-family:var(--font-jakarta);font-size:13.5px;color:var(--color-on-surface-variant);line-height:1.75;margin:0;}
.gb-dandiya-box{display:flex;gap:24px;align-items:flex-start;background:linear-gradient(135deg,#f0f4ff,#e8ecff);border:1px solid #c0c8f0;border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:0;}
.gb-flow-timeline{display:flex;flex-direction:column;gap:0;border-left:3px solid #e8c898;margin-left:20px;}
.gb-ft-block{position:relative;padding:0 0 28px 36px;}
.gb-ft-block:last-child{padding-bottom:0;}
.gb-ft-block::before{content:'';position:absolute;left:-10px;top:8px;width:18px;height:18px;border-radius:50%;border:3px solid var(--bg-warm-canvas);box-shadow:0 0 0 2px #e8c898;}
.gb-ft-aarti::before{background:#8a3000;}
.gb-ft-garba::before{background:#c84000;}
.gb-ft-transition::before{background:#d06000;}
.gb-ft-dandiya::before{background:#1a50a0;}
.gb-ft-close::before{background:#0a7a40;}
.gb-ft-time{font-family:var(--font-jakarta);font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#d06000;margin-bottom:6px;}
.gb-ft-content{background:#fff;border:1px solid #f0d8a0;border-radius:var(--radius-md);padding:16px 18px;}
.gb-ft-icon{font-size:22px;margin-bottom:6px;}
.gb-ft-title{font-family:var(--font-garamond);font-size:18px;font-weight:700;color:#7a2800;margin-bottom:8px;}
.gb-ft-body{font-family:var(--font-jakarta);font-size:13px;color:var(--color-on-surface-variant);line-height:1.7;margin:0;}

/* ── PAGE 5: Songs ────────────────────────────────────────── */
.gb-song-nav{background:#fff;border:1px solid #e8c898;border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:36px;}
.gb-sn-label{font-family:var(--font-jakarta);font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#d06000;margin-bottom:12px;}
.gb-sn-chips{display:flex;flex-wrap:wrap;gap:8px;}
.gb-sn-chip{width:36px;height:36px;border-radius:50%;background:#fff8e0;border:1px solid #e8c898;color:#c84000;font-family:var(--font-jakarta);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background 0.15s,color 0.15s;}
.gb-sn-chip:hover,.gb-sn-chip-active{background:#d06000;color:#fff;border-color:#d06000;}
.gb-songs-list{display:flex;flex-direction:column;gap:20px;}
.gb-song{background:#fff;border:1px solid #e8c898;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 3px 14px rgba(160,80,0,0.07);scroll-margin-top:90px;transition:box-shadow 0.2s;}
.gb-song:hover{box-shadow:0 7px 24px rgba(160,80,0,0.13);}
.gb-song-last{border:2px solid #ffd700;background:linear-gradient(135deg,#fffdf0,#fff8e0);}
.gb-song-header{display:flex;align-items:center;gap:16px;padding:18px 24px;background:linear-gradient(135deg,#fff8e0,#fef4d0);border-bottom:1px solid #f0d8a0;}
.gb-song-num{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#8a3000;color:#fff;font-family:var(--font-jakarta);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.gb-song-title{font-family:var(--font-garamond);font-size:20px;font-weight:700;color:#5a2000;margin-bottom:5px;}
.gb-song-meta{display:flex;flex-wrap:wrap;gap:12px;font-family:var(--font-jakarta);font-size:12px;color:var(--text-muted);}
.gb-song-body{padding:20px 24px;display:flex;flex-direction:column;gap:14px;}
.gb-song-story{font-family:var(--font-jakarta);font-size:13.5px;color:var(--color-on-surface-variant);line-height:1.7;padding:14px 16px;background:#fffbf4;border-radius:var(--radius-md);border-left:3px solid #e8c060;}
.gb-song-lyrics{background:#fdf5e0;border:1px solid #e8d8a0;border-radius:var(--radius-md);padding:16px 20px;}
.gb-lyric-lang{font-family:var(--font-jakarta);font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#8a5000;margin-bottom:10px;}
.gb-lyric-text{font-family:var(--font-garamond);font-size:16px;color:#5a2000;line-height:2;font-style:italic;}
.gb-song-meaning{font-family:var(--font-jakarta);font-size:13px;color:var(--color-on-surface-variant);line-height:1.7;padding:12px 16px;background:#f8f8f8;border-radius:var(--radius-md);border-left:3px solid #d0d0d0;}

/* ── PAGE 6: Dress Guide ──────────────────────────────────── */
.gb-dress-three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.gb-dress-piece{background:#fff;border:1px solid #e8c898;border-radius:var(--radius-lg);padding:26px 22px;text-align:center;box-shadow:0 3px 14px rgba(160,80,0,0.07);transition:box-shadow 0.2s,transform 0.2s;}
.gb-dress-piece:hover{box-shadow:0 8px 24px rgba(160,80,0,0.14);transform:translateY(-3px);}
.gb-dress-icon{font-size:44px;margin-bottom:12px;}
.gb-dress-pname{font-family:var(--font-garamond);font-size:22px;font-weight:700;color:#7a2800;margin-bottom:4px;}
.gb-dress-psub{font-family:var(--font-jakarta);font-size:12px;font-weight:600;color:#d06000;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.08em;}
.gb-dress-pbody{font-family:var(--font-jakarta);font-size:13px;color:var(--color-on-surface-variant);line-height:1.7;margin:0;}
.gb-mirror-box{display:flex;gap:24px;align-items:flex-start;background:linear-gradient(135deg,#fff8e0,#ffefc0);border:1px solid #e8c060;border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:0;}
.gb-mirror-icon{font-size:48px;flex-shrink:0;}
.gb-jewel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.gb-jewel-card{background:#fff;border:1px solid #e8c898;border-radius:var(--radius-lg);padding:22px 20px;box-shadow:0 3px 14px rgba(160,80,0,0.06);transition:box-shadow 0.2s,transform 0.2s;}
.gb-jewel-card:hover{box-shadow:0 7px 22px rgba(160,80,0,0.13);transform:translateY(-3px);}
.gb-jewel-icon{font-size:32px;margin-bottom:10px;}
.gb-jewel-name{font-family:var(--font-garamond);font-size:17px;font-weight:700;color:#7a2800;margin-bottom:8px;}
.gb-jewel-body{font-family:var(--font-jakarta);font-size:13px;color:var(--color-on-surface-variant);line-height:1.65;margin:0;}
.gb-mens-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.gb-mens-card{background:#fff;border:1px solid #e8c898;border-radius:var(--radius-lg);padding:22px 18px;text-align:center;box-shadow:0 3px 14px rgba(160,80,0,0.06);}
.gb-mens-icon{font-size:36px;margin-bottom:10px;}
.gb-mens-name{font-family:var(--font-garamond);font-size:17px;font-weight:700;color:#7a2800;margin-bottom:8px;}
.gb-mens-body{font-family:var(--font-jakarta);font-size:12.5px;color:var(--color-on-surface-variant);line-height:1.65;margin:0;}
.gb-colour-table{border:1px solid #e8c898;border-radius:var(--radius-lg);overflow:hidden;}
.gb-ct-header{display:grid;grid-template-columns:80px 140px 1fr 1fr;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#fff8e0,#ffefc0);font-family:var(--font-jakarta);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#8a4000;}
.gb-ct-row{display:grid;grid-template-columns:80px 140px 1fr 1fr;gap:12px;padding:11px 20px;background:#fff;border-top:1px solid #f0d8a0;font-family:var(--font-jakarta);font-size:13px;color:var(--color-on-surface-variant);align-items:center;}
.gb-ct-alt{background:#fffbf0;}
.gb-ct-night{font-weight:700;color:#7a2800;font-size:12px;}
.gb-ct-swatch{border-radius:999px;padding:4px 14px;color:#fff;font-family:var(--font-jakarta);font-size:11px;font-weight:700;text-align:center;}

/* ── PAGE 7: Jay Adhyashakti ──────────────────────────────── */
.gb-aarti-about{background:linear-gradient(135deg,#fff8e0,#fef4d0);border:1px solid #e8c060;border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:36px;}
.gb-refrain-box{background:linear-gradient(135deg,#3a0808,#5a1010);border-radius:var(--radius-lg);padding:28px 32px;text-align:center;margin-bottom:40px;}
.gb-refrain-label{font-family:var(--font-jakarta);font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#ffb347;margin-bottom:12px;}
.gb-refrain-gujarati{font-family:var(--font-garamond);font-size:clamp(18px,2.5vw,26px);font-style:italic;color:#fff8d0;line-height:1.6;}
.gb-refrain-meaning{font-family:var(--font-jakarta);font-size:13px;color:rgba(255,240,200,0.8);line-height:1.65;margin-top:10px;}
.gb-aarti-verses{display:flex;flex-direction:column;gap:16px;margin-bottom:64px;}
.gb-aarti-verse{background:#fff;border:1px solid #e8c898;border-radius:var(--radius-lg);padding:22px 26px;display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start;box-shadow:0 3px 12px rgba(160,80,0,0.06);}
.gb-av-num{width:44px;height:44px;border-radius:50%;background:#8a3000;color:#fff;font-family:var(--font-jakarta);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.gb-av-body{display:flex;flex-direction:column;gap:10px;}
.gb-av-gujarati{font-family:var(--font-garamond);font-size:16px;font-style:italic;color:#5a2000;line-height:1.9;padding:12px 16px;background:#fdf5e0;border-radius:var(--radius-md);border-left:3px solid #c8a000;}
.gb-av-hindi{font-size:16px;color:#7a2800;line-height:1.9;padding:12px 16px;background:#fff8e8;border-radius:var(--radius-md);}
.gb-av-meaning{font-family:var(--font-jakarta);font-size:13px;color:var(--color-on-surface-variant);line-height:1.7;padding:10px 14px;background:#f8f8f0;border-radius:var(--radius-md);}
.gb-aarti-how{display:flex;flex-direction:column;gap:0;border-left:3px solid #e8c898;margin-left:22px;}
.gb-ah-step{position:relative;padding:0 0 28px 36px;}
.gb-ah-step:last-child{padding-bottom:0;}
.gb-ah-num{position:absolute;left:-24px;top:0;width:44px;height:44px;background:#d06000;color:#fff;border-radius:50%;font-family:var(--font-jakarta);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg-warm-canvas);}
.gb-ah-title{font-family:var(--font-garamond);font-size:19px;font-weight:700;color:#7a2800;margin-bottom:8px;}
.gb-ah-body{font-family:var(--font-jakarta);font-size:13.5px;color:var(--color-on-surface-variant);line-height:1.75;background:#fff;border:1px solid #f0d8a0;border-radius:var(--radius-md);padding:12px 16px;margin:0;}

/* ── PAGE 8: Across India ─────────────────────────────────── */
.gb-india-intro{margin-bottom:36px;}
.gb-india-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:48px;}
.gb-india-main{grid-column:1/-1;background:linear-gradient(135deg,#fff8e0,#fef0c8)!important;}
.gb-india-card{background:#fff;border:1px solid #e8c898;border-radius:var(--radius-lg);padding:24px 22px;box-shadow:0 3px 14px rgba(160,80,0,0.07);transition:box-shadow 0.2s,transform 0.2s;}
.gb-india-card:hover{box-shadow:0 7px 24px rgba(160,80,0,0.13);transform:translateY(-2px);}
.gb-india-state{font-family:var(--font-jakarta);font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#d06000;margin-bottom:6px;}
.gb-india-dance{font-family:var(--font-garamond);font-size:20px;font-weight:700;color:#7a2800;margin-bottom:6px;}
.gb-india-tag{display:inline-block;font-family:var(--font-jakarta);font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#7a3000;background:#fff0d0;border:1px solid #e8c898;border-radius:999px;padding:3px 10px;margin-bottom:12px;}
.gb-india-body{font-family:var(--font-jakarta);font-size:13px;color:var(--color-on-surface-variant);line-height:1.7;margin-bottom:14px;}
.gb-india-detail{display:flex;flex-wrap:wrap;gap:8px;}
.gb-india-detail span{font-family:var(--font-jakarta);font-size:11.5px;color:#7a3000;background:#fff8e8;border:1px solid #e8d0a0;border-radius:999px;padding:3px 10px;}
.gb-unity-box{display:flex;gap:24px;align-items:flex-start;background:linear-gradient(135deg,#fff8e0,#fef4d0);border:2px solid #e8c060;border-radius:var(--radius-lg);padding:28px 32px;}
.gb-unity-icon{font-size:48px;flex-shrink:0;}

/* ── PAGE 9: Mandap Setup ─────────────────────────────────── */
.gb-items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.gb-item-card{background:#fff;border:1px solid #e8c898;border-radius:var(--radius-lg);padding:22px 18px;box-shadow:0 3px 14px rgba(160,80,0,0.07);transition:box-shadow 0.2s,transform 0.2s;}
.gb-item-card:hover{box-shadow:0 7px 24px rgba(160,80,0,0.13);transform:translateY(-3px);}
.gb-item-icon{font-size:36px;margin-bottom:10px;}
.gb-item-name{font-family:var(--font-garamond);font-size:17px;font-weight:700;color:#7a2800;margin-bottom:4px;}
.gb-item-meaning{font-family:var(--font-jakarta);font-size:10.5px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#d06000;margin-bottom:10px;}
.gb-item-body{font-family:var(--font-jakarta);font-size:12.5px;color:var(--color-on-surface-variant);line-height:1.65;margin:0;}
.gb-setup-steps{display:flex;flex-direction:column;gap:0;border-left:3px solid #e8c898;margin-left:22px;}
.gb-ss-step{position:relative;padding:0 0 32px 36px;}
.gb-ss-step:last-child{padding-bottom:0;}
.gb-ss-num{position:absolute;left:-24px;top:0;width:44px;height:44px;background:#d06000;color:#fff;border-radius:50%;font-family:var(--font-jakarta);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg-warm-canvas);}
.gb-ss-title{font-family:var(--font-garamond);font-size:19px;font-weight:700;color:#7a2800;margin-bottom:10px;}
.gb-ss-body{font-family:var(--font-jakarta);font-size:13.5px;color:var(--color-on-surface-variant);line-height:1.75;background:#fff;border:1px solid #f0d8a0;border-radius:var(--radius-md);padding:14px 18px;margin:0;}
.gb-decor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.gb-decor-card{background:#fff;border:1px solid #e8c898;border-radius:var(--radius-lg);padding:22px 18px;text-align:center;box-shadow:0 3px 14px rgba(160,80,0,0.06);}
.gb-decor-icon{font-size:36px;margin-bottom:10px;}
.gb-decor-title{font-family:var(--font-garamond);font-size:17px;font-weight:700;color:#7a2800;margin-bottom:8px;}
.gb-decor-body{font-family:var(--font-jakarta);font-size:12.5px;color:var(--color-on-surface-variant);line-height:1.65;margin:0;}
.gb-series-complete{background:linear-gradient(135deg,#fff8e0,#fef0c0);border:2px solid #e8c060;border-radius:var(--radius-xl,20px);padding:36px 32px;text-align:center;}
.gb-sc-icon{font-size:48px;margin-bottom:12px;}
.gb-sc-link{font-family:var(--font-jakarta);font-size:12px;font-weight:600;color:#7a3000;background:#fff;border:1px solid #e8c898;border-radius:999px;padding:6px 14px;text-decoration:none;transition:background 0.15s,color 0.15s;}
.gb-sc-link:hover{background:#d06000;color:#fff;border-color:#d06000;}

/* ── Responsive ───────────────────────────────────────────── */
@media(max-width:900px){
  .gb-essence-grid { grid-template-columns:repeat(2,1fr); }
  .gb-amba-grid { grid-template-columns:repeat(2,1fr); }
  .gb-sig-grid,.gb-spread-grid { grid-template-columns:repeat(2,1fr); }
  .gb-compare-table { overflow-x:auto; }
  .gb-series-grid { grid-template-columns:repeat(2,1fr); }
  .gb-expect-grid { grid-template-columns:repeat(2,1fr); }
  .gb-night-card { grid-template-columns:110px 1fr; }
}
@media(max-width:640px){
  .gb-essence-grid,.gb-amba-grid,.gb-sig-grid,.gb-spread-grid { grid-template-columns:1fr; }
  .gb-meaning-box { flex-direction:column; }
  .gb-garbo-card { flex-direction:column; }
  .gb-unesco-left { flex-direction:column; }
  .gb-night-card { grid-template-columns:1fr; }
  .gb-night-left { flex-direction:row; flex-wrap:wrap; justify-content:center; padding:16px; }
  .gb-series-grid { grid-template-columns:1fr 1fr; }
  .gb-expect-grid { grid-template-columns:1fr; }
  .gb-dance-flow { margin-left:14px; }
  .gb-dance-step { padding-left:28px; }
  .gb-ds-num { left:-20px; }
}
@media(max-width:420px){
  .gb-series-grid { grid-template-columns:1fr; }
  .gb-cl-item span:last-child { display:none; }
}