/* ================================================================
   GUIDE PAGES — shared by /photo-booth-rental-cost/, /about/, /mitzvahs/
   prefix: gd-   (DARK theme, same tokens as /weddings/ and /corporate/)
   External on purpose: these pages are text-first, so the HTML stays small
   and the copy sits near the top of the document.
   ================================================================ */
:root{
    --gd-bg:      #0a0a0a;
    --gd-bg2:     #10151f;
    --gd-card:    #141a23;
    --gd-line:    rgba(255,255,255,.09);
    --gd-teal:    #2096ba;
    --gd-teal-lt: #4cc6ea;
    --gd-txt:     rgba(255,255,255,.72);
}
.gd-page{ background:var(--gd-bg); color:var(--gd-txt); font-size:16.5px; line-height:1.75; }
.gd-wrap{ max-width:1000px; margin:0 auto; padding:0 20px; }
.gd-wrap.gd-wide{ max-width:1160px; }

/* Buttons on dark (pair with .nepb-btn from nepb-shared.css) */
.gd-btn-teal{ background:var(--gd-teal); color:#fff; border:2px solid var(--gd-teal); }
.gd-btn-teal:hover{ background:#1a7a99; border-color:#1a7a99; color:#fff; }
.gd-btn-ghost{ background:transparent; color:#fff; border:2px solid rgba(255,255,255,.45); }
.gd-btn-ghost:hover{ background:#fff; border-color:#fff; color:#111; }

/* ── HERO (text-first) ── */
.gd-hero{ position:relative; padding:150px 0 54px; background:
    radial-gradient(900px 420px at 85% -10%, rgba(32,150,186,.22), rgba(32,150,186,0) 70%),
    linear-gradient(180deg, #05070b 0%, #0a0a0a 100%); }
.gd-eyebrow{ font-family:'Lato',sans-serif; font-size:12.5px; font-weight:800; letter-spacing:3px; text-transform:uppercase; color:var(--gd-teal-lt); margin-bottom:14px; }
.gd-hero h1{ font-family:'Lato',sans-serif; font-size:clamp(32px,4.6vw,52px); font-weight:900; line-height:1.08; color:#fff; margin:0 0 18px; max-width:20ch; }
.gd-hero h1 span{ color:var(--gd-teal-lt); }
.gd-answer{ font-size:clamp(16.5px,1.7vw,19px); line-height:1.65; color:rgba(255,255,255,.9); max-width:760px; margin:0 0 22px; }
.gd-answer b{ color:#fff; }
.gd-updated{ font-size:13px; color:rgba(255,255,255,.5); margin:0 0 26px; }
.gd-cta{ display:flex; gap:12px; flex-wrap:wrap; }
.gd-cta .nepb-btn{ padding:14px 30px; }

/* Hero with photos (mitzvahs) */
.gd-hero-grid{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:48px; align-items:center; }
.gd-hero-photos{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.gd-hero-photos img{ width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:12px; display:block; background:#141a23; box-shadow:0 18px 40px rgba(0,0,0,.45); }
@media (max-width:900px){ .gd-hero{ padding:120px 0 44px; } .gd-hero-grid{ grid-template-columns:1fr; gap:30px; } }

/* Fact strip */
.gd-facts{ display:flex; gap:clamp(22px,4vw,56px); flex-wrap:wrap; margin-top:34px; padding-top:26px; border-top:1px solid var(--gd-line); }
.gd-fact b{ display:block; font-family:'Lato',sans-serif; font-size:clamp(18px,2.2vw,24px); font-weight:900; color:#fff; line-height:1.1; }
.gd-fact span{ font-size:10.5px; font-weight:800; letter-spacing:1.6px; text-transform:uppercase; color:rgba(255,255,255,.55); }

/* ── SECTIONS ── */
.gd-sec{ padding:64px 0; border-top:1px solid var(--gd-line); }
.gd-sec.gd-alt{ background:var(--gd-bg2); }
.gd-sec h2{ font-family:'Lato',sans-serif; font-size:clamp(25px,3vw,34px); font-weight:900; color:#fff; line-height:1.2; margin:0 0 14px; }
.gd-sec h3{ font-family:'Lato',sans-serif; font-size:19px; font-weight:900; color:#fff; margin:26px 0 8px; }
.gd-sec p{ margin:0 0 16px; max-width:780px; }
.gd-sec a{ color:var(--gd-teal-lt); text-decoration:underline; text-underline-offset:3px; }
.gd-sec a.nepb-btn{ text-decoration:none; color:#fff; }
.gd-sec b, .gd-sec strong{ color:#fff; }
.gd-note{ font-size:14px; color:rgba(255,255,255,.55); }

/* Check list */
.gd-list{ list-style:none; padding:0; margin:0 0 18px; display:grid; grid-template-columns:1fr 1fr; gap:12px 26px; max-width:860px; }
.gd-list li{ position:relative; padding-left:31px; color:rgba(255,255,255,.85); line-height:1.5; font-size:15.5px; }
.gd-list li::before{
    content:''; position:absolute; left:0; top:2px; width:20px; height:20px; border-radius:50%;
    background:var(--gd-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat;
}
@media (max-width:640px){ .gd-list{ grid-template-columns:1fr; } }

/* ── TABLES ── */
.gd-table-wrap{ overflow-x:auto; margin:18px 0 14px; border:1px solid var(--gd-line); border-radius:12px; background:var(--gd-card); }
.gd-table{ width:100%; border-collapse:collapse; min-width:560px; font-size:15.5px; }
.gd-table caption{ caption-side:top; text-align:left; padding:14px 18px 0; font-size:13px; color:rgba(255,255,255,.55); }
.gd-table th, .gd-table td{ padding:13px 18px; text-align:left; border-bottom:1px solid var(--gd-line); vertical-align:top; }
.gd-table thead th{ font-family:'Lato',sans-serif; font-size:11.5px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:var(--gd-teal-lt); background:rgba(255,255,255,.03); }
.gd-table tbody th{ font-weight:800; color:#fff; }
.gd-table tbody th a{ color:#fff; }
.gd-table td{ color:rgba(255,255,255,.82); }
.gd-table td.gd-price{ color:#fff; font-weight:800; white-space:nowrap; }
.gd-table tr:last-child th, .gd-table tr:last-child td{ border-bottom:0; }

/* ── CARDS ── */
.gd-cards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:22px; }
.gd-cards.gd-two{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.gd-card{ background:var(--gd-card); border:1px solid var(--gd-line); border-radius:14px; padding:22px 22px 20px; }
.gd-card h3{ margin:0 0 8px; font-size:18px; }
.gd-card p{ margin:0 0 10px; font-size:15px; line-height:1.6; }
.gd-card .gd-card-price{ font-family:'Lato',sans-serif; font-weight:900; color:var(--gd-teal-lt); font-size:15px; letter-spacing:.3px; }
@media (max-width:900px){ .gd-cards, .gd-cards.gd-two{ grid-template-columns:1fr; } }

/* ── PHOTO GRID ── */
.gd-photos{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:22px; }
.gd-photos figure{ margin:0; border-radius:12px; overflow:hidden; background:#141a23; }
.gd-photos img{ width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; display:block; }
@media (max-width:700px){ .gd-photos{ grid-template-columns:1fr 1fr; } }

/* ── CTA band ── */
.gd-band{ padding:60px 0; text-align:center; background:linear-gradient(180deg,#10151f 0%,#0a0a0a 100%); border-top:1px solid var(--gd-line); }
.gd-band h2{ font-family:'Lato',sans-serif; font-size:clamp(24px,3vw,32px); font-weight:900; color:#fff; margin:0 0 10px; }
.gd-band p{ margin:0 auto 22px; max-width:620px; }
.gd-band .gd-cta{ justify-content:center; }