/* cv2-home.css — homepage-only overrides (#capy-homepage). Loaded on is_front_page() only.
   Depends on capy-v2 (core). Split out of casino-v2.css so homepage and /top-casinos/ work
   can proceed without colliding on a shared file. */

#capy-homepage .capy-fp-section { padding-top:clamp(18px,2.4vw,32px); padding-bottom:clamp(18px,2.4vw,32px); }

/* ============================================================ FP5: mockup fidelity pass (FP1-FP4)
   Scoped to #capy-homepage so the other V2 templates are untouched. */

/* Gold UPPERCASE serif section titles like the mockup; drop the kicker + section icon on home. */

#capy-homepage .cv2-section__head h2 { color:var(--cv2-gold); text-transform:uppercase; letter-spacing:.03em; font-size:clamp(1.4rem,3.6vw,1.95rem); }

#capy-homepage .cv2-kicker { display:none; }

#capy-homepage .cv2-section__ico { display:none; }

/* Top picks: single column on phones, 3-up from tablet up (FP3 768 + FP4 desktop). */

#capy-homepage .cv2-picks3 { grid-template-columns:1fr; }
#capy-homepage .cv2-picks-dots { display:none; }   /* dots are a phone-carousel affordance only */
/* latest-card logo is a phone-only affordance; on desktop the wrapper is transparent so the
   approved desktop layout is untouched */
#capy-homepage .cv2-lr__img { display:none; }
#capy-homepage .cv2-lr__body { display:contents; }

@media(min-width:769px) {
  #capy-homepage .cv2-picks3 { grid-template-columns:repeat(3,1fr); }
  #capy-homepage .cv2-picks3 > *:nth-child(n+4) { display:none; }   /* keep desktop at the top 3 */
}

/* Explore by category: 5 compact, vertically-stacked cards across the tablet band (FP3). */

@media(min-width:700px) and (max-width:979px) {
  #capy-homepage .cv2-cats { grid-template-columns:repeat(5,1fr); }
  #capy-homepage .cv2-cat { flex-direction:column; align-items:center; text-align:center; gap:7px; padding:12px 7px; }
  #capy-homepage .cv2-cat__ico { width:34px; height:34px; flex:0 0 34px; }
}

/* ============================================================ FP6: Daniel annotation pass
   Hero de-glass + immersive, CTA on one row, lighter trust band, uniform/compact picks,
   why-trust + latest 4-across, ready-CTA icons. All scoped to #capy-homepage. */

/* HERO — drop the glass panel box so the hero reads full-bleed/immersive like the mockup. */

#capy-homepage .cv2-fphero-panel { border:none !important; background:transparent !important; padding:0 !important; }

#capy-homepage .cv2-fphero { gap:20px; align-items:center; }

@media(min-width:920px) {
  #capy-homepage .cv2-fphero { grid-template-columns:1.04fr .96fr; gap:26px; }
  #capy-homepage .cv2-fphero__art { max-width:600px; width:100%; justify-self:end; }
  /* 3 hero CTAs on a single row (mockup); tighten padding so they fit the wider column. */
  #capy-homepage .cv2-fphero__cta { flex-wrap:nowrap; gap:10px; }
  #capy-homepage .cv2-fphero__cta .cv2-btn { padding:12px 16px; font-size:13.5px; white-space:nowrap; }
}

/* TRUST BAND — lighter, inline strip (mockup) rather than a filled card box. */

#capy-homepage .cv2-valrow-panel { background:transparent; border-color:var(--cv2-line); }

/* TOP PICKS — uniform cards (no loud gold #1 border) + tighter density to match the mockup. */

#capy-homepage .cv2-cc--feat { border-color:var(--cv2-line); box-shadow:none; background:var(--cv2-card); }

#capy-homepage .cv2-cc { padding:14px; }

#capy-homepage .cv2-cc__best { margin-top:8px; font-size:11.5px; }

#capy-homepage .cv2-cc__chips { margin-top:8px; }

#capy-homepage .cv2-cc__scores { margin-top:10px; padding-top:9px; }

#capy-homepage .cv2-cc__cta { margin-top:10px; gap:6px; }

/* WHY-TRUST + LATEST — 4 cards across each, like the mockup (was 2x2). */

@media(min-width:980px) {
  #capy-homepage .cv2-twocol { grid-template-columns:1fr 1.32fr; gap:22px; }
  #capy-homepage .cv2-why { grid-template-columns:repeat(4,1fr); gap:10px; }
  #capy-homepage .cv2-whyc { padding:13px 9px; }
  #capy-homepage .cv2-whyc__ico { width:36px; height:36px; }
  #capy-homepage .cv2-latest { grid-template-columns:repeat(4,1fr); gap:10px; }
}

/* LATEST — guide-tagged cards (gold) + a "Read guide" link for non-review entries. */

#capy-homepage .cv2-lr__tag--guide { color:var(--cv2-gold); background:rgba(251,191,36,.14); }

#capy-homepage .cv2-lr__read { display:inline-flex; align-items:center; gap:5px; margin-top:6px; color:var(--cv2-gold); font-weight:600; font-size:12px; }

#capy-homepage .cv2-lr__read svg { width:13px; height:13px; }

/* READY CTA — trophy/gift/shield accent icons beside the green button (mockup). */

#capy-homepage .cv2-ready__action { display:flex; align-items:center; gap:18px; }

#capy-homepage .cv2-ready__icons { display:inline-flex; gap:14px; color:var(--cv2-gold); }

#capy-homepage .cv2-ready__icons svg { width:30px; height:30px; opacity:.45; }

@media(max-width:560px) {
  #capy-homepage .cv2-ready__icons { display:none; }
}

/* ============================================================ FP7: gold "glass glow" cards + pick-card detail
   Matches the mockup: gold-tinted borders, warm radial inner glow, soft shadow on every card surface. */

#capy-homepage .cv2-cat,
#capy-homepage .cv2-whyc,
#capy-homepage .cv2-lr,
#capy-homepage .cv2-cc {
  border:1px solid rgba(251,191,36,.20);
  background:radial-gradient(135% 130% at 50% 0%, rgba(251,191,36,.07), rgba(18,26,43,.82) 58%);
  box-shadow:0 10px 32px rgba(0,0,0,.40), inset 0 1px 0 rgba(251,191,36,.05);
}

#capy-homepage .cv2-cat:hover,
#capy-homepage .cv2-whyc:hover,
#capy-homepage .cv2-lr:hover,
#capy-homepage .cv2-cc:hover { border-color:rgba(251,191,36,.45); }

/* TRUST BAND — gold-bordered glowing panel, gold-circled icons, gold titles (mockup). */

#capy-homepage .cv2-valrow-panel { border:1px solid rgba(251,191,36,.20); background:radial-gradient(120% 170% at 50% 0%, rgba(251,191,36,.06), rgba(18,26,43,.7) 60%); box-shadow:0 10px 32px rgba(0,0,0,.35); }

#capy-homepage .cv2-val { align-items:center; }

#capy-homepage .cv2-val__ico { width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; border:1px solid rgba(251,191,36,.4); border-radius:50%; color:var(--cv2-gold); }

#capy-homepage .cv2-val__ico svg { width:20px; height:20px; }

#capy-homepage .cv2-val b { color:var(--cv2-gold); font-size:13px; }

/* EXPLORE — gold chevron on the right (mockup positioning). */

#capy-homepage .cv2-cat { position:relative; }

@media(min-width:980px) {
  #capy-homepage .cv2-cat { padding-right:32px; }
  #capy-homepage .cv2-cat::after { content:'\203A'; position:absolute; right:14px; top:50%; transform:translateY(-50%); color:var(--cv2-gold); font-size:22px; line-height:1; opacity:.7; }
}

#capy-homepage .cv2-cat__ico { border:1px solid rgba(251,191,36,.4); background:rgba(251,191,36,.08); }

/* WHY-TRUST — gold-circled icons. */

#capy-homepage .cv2-whyc__ico { border-color:rgba(251,191,36,.45); }

/* LATEST — guide tag stays green like the mockup (was gold). */

#capy-homepage .cv2-lr__tag--guide { color:#86efac; background:rgba(34,197,94,.15); }

/* ---- PICK CARD detail restyle (mockup) ---- */

#capy-homepage .cv2-cc { padding:16px 18px 16px; border-radius:16px; }

#capy-homepage .cv2-cc__rank { top:-10px; left:14px; width:30px; height:30px; border-radius:8px; font-size:14px; }

#capy-homepage .cv2-cc__head { align-items:center; gap:14px; }

#capy-homepage .cv2-cc__logo { width:64px; height:64px; flex:0 0 64px; border-radius:12px; padding:8px; }

#capy-homepage .cv2-cc__id h3 { font-size:1.15rem; }

#capy-homepage .cv2-cc__rate b { color:var(--cv2-gold); font-size:14px; }

/* Best-for pill */

#capy-homepage .cv2-cc__best { display:inline-block; margin-top:10px; padding:5px 11px; border:1px solid var(--cv2-line); border-radius:8px; font-size:11.5px; color:var(--cv2-body); }

#capy-homepage .cv2-cc__best b { color:var(--cv2-muted); font-weight:600; }

/* Borderless evidence chips with gold check (mockup) */

#capy-homepage .cv2-cc__chips { gap:10px 14px; margin-top:12px; }

#capy-homepage .cv2-cc__chips span { border:none; padding:0; font-size:11.5px; color:var(--cv2-body); }

#capy-homepage .cv2-cc__chips svg { width:14px; height:14px; color:var(--cv2-gold); }

/* Score row: label ABOVE number, vertical separators, "Excellent" under Capy-Score */

#capy-homepage .cv2-cc__scores { grid-template-columns:repeat(5,1fr); gap:0; margin-top:12px; padding-top:12px; border-top:1px solid var(--cv2-line); }

#capy-homepage .cv2-cc__sc { text-align:center; padding:0 4px; }

#capy-homepage .cv2-cc__sc:not(:first-child) { border-left:1px solid var(--cv2-line); }

#capy-homepage .cv2-cc__sc em { display:block; font-style:normal; font-size:9.5px; color:var(--cv2-muted); line-height:1.2; margin-bottom:4px; }

#capy-homepage .cv2-cc__sc i { display:block; font-style:normal; font-weight:800; font-size:15px; color:var(--cv2-green); line-height:1; }

#capy-homepage .cv2-cc__cs i { color:var(--cv2-gold); }

#capy-homepage .cv2-cc__sc u { display:block; text-decoration:none; font-size:9px; color:var(--cv2-gold); margin-top:2px; }

/* Two side-by-side CTAs: green primary + bordered "Read full review" (mockup) */

#capy-homepage .cv2-cc__cta { flex-direction:row; gap:8px; margin-top:14px; }

#capy-homepage .cv2-cc__cta .cv2-btn { white-space:nowrap; font-size:12.5px; }

#capy-homepage .cv2-cc__cta .cv2-btn--green { flex:1.25; padding:12px 12px; }

#capy-homepage .cv2-cc__readbtn { flex:1; justify-content:center; background:transparent; border:1px solid var(--cv2-line-gold); color:var(--cv2-gold); padding:12px 8px; }

#capy-homepage .cv2-cc__readbtn:hover { background:rgba(251,191,36,.10); }

#capy-homepage .cv2-cc__cta .cv2-btn svg { width:14px; height:14px; }

@media(max-width:420px) {
  #capy-homepage .cv2-cc__cta { flex-direction:column; }
}

/* ============================================================ FP8: outer glass section panels + inline headers + bigger logos
   Mockup wraps each whole section (picks / explore / why-trust+latest) in its OWN glass card. */

#capy-homepage .cv2-fppanel {
  border:1px solid rgba(251,191,36,.16);
  border-radius:24px;
  background:linear-gradient(165deg, rgba(251,191,36,.045), rgba(10,15,26,.5) 45%);
  box-shadow:0 16px 50px rgba(0,0,0,.40), inset 0 1px 0 rgba(251,191,36,.05);
  padding:clamp(18px,3vw,32px);
}

/* one-row section header (title + subtitle inline, like the mockup) */

#capy-homepage .cv2-section__titles { display:flex; align-items:baseline; gap:4px 14px; flex-wrap:wrap; }

#capy-homepage .cv2-section__intro { margin:0; }

/* bigger casino logos (mockup) */

#capy-homepage .cv2-cc__logo { width:80px; height:80px; flex:0 0 80px; }

@media(max-width:520px) {
  #capy-homepage .cv2-cc__logo { width:64px; height:64px; flex-basis:64px; }
}

/* tighten the vertical gap between glass panels (was up to 64px between sections) */

#capy-homepage .capy-fp-section { padding-top:clamp(7px,1vw,14px) !important; padding-bottom:clamp(7px,1vw,14px) !important; }

/* ============================================================ FP10: market selector (real flags) + why/latest = two joined panes */

/* Browse-by-market pills with circular flag graphics + active state (emoji flags break on Windows). */

#capy-homepage .cv2-markets { gap:9px; }

#capy-homepage .cv2-mkt { display:inline-flex; align-items:center; gap:7px; font-size:12.5px; color:var(--cv2-body); border:1px solid var(--cv2-line); border-radius:999px; padding:5px 13px 5px 6px; text-decoration:none; transition:.15s; }

#capy-homepage .cv2-mkt:hover { border-color:var(--cv2-line-gold); color:var(--cv2-gold); }

#capy-homepage .cv2-mkt.is-active { border-color:var(--cv2-gold); background:rgba(251,191,36,.10); color:var(--cv2-gold); }

#capy-homepage .cv2-flag { width:20px; height:20px; flex:0 0 20px; border-radius:50%; overflow:hidden; display:inline-flex; border:1px solid rgba(255,255,255,.20); }

#capy-homepage .cv2-flag svg { width:100%; height:100%; display:block; }

/* Why-trust + Latest = two adjacent glass panes (mockup), not one combined panel. */

#capy-homepage .cv2-twocol--panels { gap:16px; }

@media(min-width:980px) {
  #capy-homepage .cv2-twocol--panels { grid-template-columns:1fr 1.32fr; align-items:stretch; }
}

#capy-homepage .cv2-twocol--panels > .cv2-fppanel { padding:clamp(16px,2.2vw,26px); }

/* ============================================================ FP12: Daniel pass — hero/methodcard, density, picks, explore, why-divider */

/* Hero: methodcard ABOVE the art so it's clickable; nudge the capybara left to clear it. */

#capy-homepage .cv2-methodcard { z-index:5; top:2%; right:0; }

@media(min-width:920px) {
  #capy-homepage .cv2-fphero__art > img { transform:translateX(-7%); }
  #capy-homepage .cv2-methodcard { right:1%; }
}

/* tighter gaps between modules + pull first module up under the hero */

#capy-homepage .capy-fp-section { padding-top:clamp(5px,0.7vw,10px) !important; padding-bottom:clamp(5px,0.7vw,10px) !important; }

#capy-homepage .capy-fp-hero { padding-bottom:0 !important; }

/* PICKS: equal-height cards — pin score row + CTA to the bottom regardless of chip count. */

#capy-homepage .cv2-cc { display:flex; flex-direction:column; }

#capy-homepage .cv2-cc__scores { margin-top:auto; }

/* premium fading-gold separators (replace the flat cheap border-left) */

#capy-homepage .cv2-cc__sc { position:relative; border-left:none !important; }

#capy-homepage .cv2-cc__sc:not(:first-child)::before { content:""; position:absolute; left:0; top:12%; bottom:12%; width:1px; background:linear-gradient(180deg, transparent, rgba(251,191,36,.38), transparent); }

/* cleaner, more intentional rank chip */

#capy-homepage .cv2-cc__rank { top:-12px; left:16px; width:30px; height:30px; border-radius:9px; font-size:14px; box-shadow:0 6px 16px rgba(0,0,0,.45); border:1px solid rgba(255,255,255,.22); }

/* EXPLORE polish: roomier cards, defined gold icon tile, centred chevron. */

#capy-homepage .cv2-cat { padding:16px 34px 16px 16px; border-radius:14px; }

#capy-homepage .cv2-cat__ico { width:40px; height:40px; flex:0 0 40px; border:1px solid rgba(251,191,36,.45); background:rgba(251,191,36,.10); border-radius:11px; }

#capy-homepage .cv2-cat__ico svg { width:20px; height:20px; }

#capy-homepage .cv2-cat__tx b { font-size:13.5px; margin-bottom:3px; }

@media(min-width:980px) {
  #capy-homepage .cv2-cat::after { right:14px; font-size:20px; }
}

/* ============================================================ FP13: align all homepage containers to the header box
   Header content box = max-width 1280 + padding 0 20 + margin auto (brand-header.css). Match it everywhere
   (hero inner + every section .cv2) so panels left-align with the logo and right-align with the methodology card. */

#capy-homepage .cv2 { max-width:1280px !important; padding-left:20px !important; padding-right:20px !important; margin-left:auto !important; margin-right:auto !important; }

/* methodology card sits at the hero container's right edge → same right gutter as the logo's left gutter. */

@media(min-width:920px) {
  #capy-homepage .cv2-methodcard { right:0; }
}

/* WHY-TRUST + LATEST: one glass panel, vertical gold divider between the two halves. */

#capy-homepage .cv2-twocol--divided { gap:0; }

@media(min-width:980px) {
  #capy-homepage .cv2-twocol--divided { grid-template-columns:1fr 1.3fr; }
  #capy-homepage .cv2-twocol--divided > div:first-child { padding-right:clamp(20px,2.4vw,36px); }
  #capy-homepage .cv2-twocol--divided > div:last-child { padding-left:clamp(20px,2.4vw,36px); border-left:1px solid rgba(251,191,36,.18); }
  /* equal-height, bottom-aligned headings so the two card rows start at the same line */
  #capy-homepage .cv2-twocol--divided .cv2-section__head { min-height:5.4rem; align-items:flex-end; margin-bottom:18px; }
}

/* ============================================================ POST-BACKUP DELTAS (re-applied on the approved desktop) */

/* panel widths: drop the section page-gutter so every panel matches the hero/header box (max-width 1280 + 20px) at sub-1280 viewports too. */

#capy-homepage .capy-fp-section { padding-left:0 !important; padding-right:0 !important; }

/* ===== MOBILE homepage (<=768) — match the mockup. Desktop (>=769) is the approved layout, untouched. ===== */

@media (max-width:768px) {
  /* HERO — two columns: text + single CTA on the left, BIG lifted capybara on the right */
  #capy-homepage .capy-fp-hero { padding-top:58px !important; padding-bottom:0 !important; }
  #capy-homepage .cv2-fphero { display:grid !important; grid-template-columns:1fr 46%; gap:8px; align-items:start; position:relative; }
  #capy-homepage .cv2-fphero__copy { position:relative; z-index:1; text-align:left; min-width:0; }
  #capy-homepage .cv2-fphero__art { display:block !important; position:static !important; width:100% !important; max-width:none !important; margin:18px -6px 0 0 !important; justify-self:end; align-self:center; z-index:0; }
  #capy-homepage .cv2-fphero__art > img { width:100%; height:auto; transform:none !important; }
  #capy-homepage .cv2-fphero__art::before { inset:-4% -4% -4% -4%; }
  #capy-homepage .cv2-methodcard { display:none !important; }
  #capy-homepage .cv2-fphero__trust { display:none; }
  #capy-homepage .cv2-hero-cta3 { display:none !important; }
  #capy-homepage .cv2-fphero__cta .cv2-btn--gold { display:none !important; }
  /* cut Crypto Casinos CTA on mobile */
  #capy-homepage .cv2-eyebrow { font-size:8.5px; letter-spacing:.04em; white-space:nowrap; margin:0 0 5px; padding-right:0; }
  #capy-homepage .cv2-fphero__h1 { font-size:clamp(1.2rem,5.1vw,1.55rem); line-height:1.08; margin:0; padding-right:0; }
  #capy-homepage .cv2-fphero__sub { font-size:.78rem; line-height:1.34; margin:6px 0 12px; padding-right:0; max-width:none; }
  #capy-homepage .cv2-sub-rest { display:none; }                 /* drop "real player feedback…" — keep lead only */
  #capy-homepage .cv2-sub-lead::after { content:"."; }
  #capy-homepage .cv2-fphero__cta { flex-direction:column; gap:8px; align-items:stretch; margin-top:0; }
  #capy-homepage .cv2-fphero__cta .cv2-btn { width:100%; justify-content:center; padding:11px 8px; font-size:11.5px; gap:6px; white-space:nowrap; }
  #capy-homepage .cv2-fphero__cta .cv2-btn svg { width:14px; height:14px; }
  /* trust band — mobile-only: 4 cells (drop Payout Expectations), icon + title only */
  #capy-homepage .cv2-valrow-panel { padding:8px !important; margin-top:12px !important; }
  #capy-homepage .cv2-valrow { grid-template-columns:repeat(2,1fr) !important; gap:6px; margin-top:0; }
  #capy-homepage .cv2-valrow .cv2-val:nth-child(n+3) { display:none !important; }   /* keep only 2 cells on phones */
  #capy-homepage .cv2-val { gap:8px; padding:7px 9px !important; align-items:center; }
  #capy-homepage .cv2-val__ico { width:26px !important; height:26px !important; flex:0 0 26px !important; }
  #capy-homepage .cv2-val__ico svg { width:14px !important; height:14px !important; }
  #capy-homepage .cv2-val b { font-size:10.5px !important; line-height:1.15; }
  #capy-homepage .cv2-val > div > span { display:none !important; }
  /* icon + title only on phones */
  /* tighter panels + explore 2-up */
  #capy-homepage .cv2-fppanel { padding:16px 13px !important; border-radius:18px; }
  #capy-homepage .capy-fp-section { padding-top:6px !important; padding-bottom:6px !important; }
  #capy-homepage #capy-top-picks { padding-top:0 !important; }
  #capy-homepage #capy-top-picks .cv2-fppanel { padding-top:12px !important; }
  #capy-homepage .cv2-section__head { margin-bottom:10px; }
  #capy-homepage .cv2-section__intro { margin:4px 0 0 !important; font-size:.82rem; }
  #capy-homepage #capy-top-picks .cv2-section__intro { display:none !important; }   /* drop the gray intro on picks */
  #capy-homepage .cv2-section__head h2 { font-size:clamp(1.15rem,5.2vw,1.45rem); line-height:1.15; }
  #capy-homepage .cv2-cats { grid-template-columns:1fr 1fr !important; gap:10px; }
  #capy-homepage .cv2-cat { flex-direction:column; align-items:flex-start; text-align:left; gap:8px; padding:13px 12px; }
  #capy-homepage .cv2-cat::after { display:none; }
  /* PICK CARDS — match the reference: plain best-for, 2 chips, BIG boxed Capy-Score, one CTA */
  #capy-homepage .cv2-cc { padding:13px 13px 12px !important; }
  #capy-homepage .cv2-cc__head { gap:10px; }
  #capy-homepage .cv2-cc__logo { width:54px !important; height:54px !important; flex-basis:54px !important; }
  /* best-for: plain text under the name (no pill box), like the image */
  #capy-homepage .cv2-cc__best { display:block !important; border:0 !important; background:none !important; padding:0 !important; margin-top:6px !important; font-size:12px !important; }
  /* keep only 2 evidence chips (Licensed & Regulated + support) — drop Fast Payouts/Games */
  #capy-homepage .cv2-cc__chips { margin-top:8px !important; gap:6px 14px !important; }
  #capy-homepage .cv2-cc__chips span:nth-child(n+3) { display:none !important; }
  /* score row: 4 metrics + a separate BIG boxed Capy-Score on the right */
  #capy-homepage .cv2-cc__scores { grid-template-columns:repeat(4,1fr) auto !important; gap:0 !important; align-items:stretch !important; margin-top:10px !important; padding-top:10px !important; }
  #capy-homepage .cv2-cc__sc em { font-size:8.5px !important; }
  #capy-homepage .cv2-cc__sc i { font-size:14px !important; color:var(--cv2-green) !important; }
  #capy-homepage .cv2-cc__cs { margin-left:10px; border:1px solid var(--cv2-line-gold); border-radius:10px; padding:6px 12px; background:rgba(251,191,36,.05); display:flex; flex-direction:column; justify-content:center; align-items:center; }
  #capy-homepage .cv2-cc__cs::before { display:none !important; }
  #capy-homepage .cv2-cc__cs em { font-size:7.5px !important; color:var(--cv2-gold) !important; letter-spacing:.04em; }
  #capy-homepage .cv2-cc__cs i { font-size:1.6rem !important; font-weight:800; color:var(--cv2-green) !important; line-height:1; }
  #capy-homepage .cv2-cc__cs u { font-size:8px !important; text-decoration:none; color:var(--cv2-green) !important; }
  #capy-homepage .cv2-cc__cta { margin-top:11px !important; }
  #capy-homepage .cv2-cc__readbtn { display:none !important; }              /* one button only, like the mockup */
  #capy-homepage .cv2-cc__cta .cv2-btn--green { flex:1 1 auto !important; width:100%; }
  /* TOP PICKS — ONE wide card at a time + dots below (mockup). padding-top gives the
     -12px rank badge room so overflow-x:auto doesn't clip it. */
  #capy-homepage .cv2-picks3 { display:flex; flex-wrap:nowrap; overflow-x:auto; gap:12px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding:14px 0 4px; margin:0; scrollbar-width:none; }
  #capy-homepage .cv2-picks3::-webkit-scrollbar { display:none; }
  #capy-homepage .cv2-picks3 > * { flex:0 0 100%; scroll-snap-align:center; }
  #capy-homepage .cv2-picks-dots { display:flex; justify-content:center; gap:7px; margin-top:12px; }
  #capy-homepage .cv2-picks-dots button { width:7px; height:7px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.26); cursor:pointer; transition:width .2s, background .2s; }
  #capy-homepage .cv2-picks-dots button.is-active { width:20px; border-radius:4px; background:var(--cv2-gold); }
  /* TOP CASINO PICKS heading + View-all on ONE row */
  #capy-homepage #capy-top-picks .cv2-section__head { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:nowrap; }
  #capy-homepage #capy-top-picks .cv2-section__titles { min-width:0; }
  #capy-homepage #capy-top-picks .cv2-section__head h2 { font-size:1rem !important; white-space:nowrap; }
  #capy-homepage #capy-top-picks .cv2-viewall { flex:0 0 auto; white-space:nowrap; font-size:11px; }

  /* ===== feedback batch ===== */
  /* kill the dead space between the trust band and Top Casino Picks.
     NOTE: a STALE front-page.min.css still forces .capy-fp-hero min-height ~446px on mobile
     (the old clamp(340,55vh,520)); override it here since cv2-home loads after + !important. */
  #capy-homepage .capy-fp-hero { min-height:0 !important; padding-bottom:0 !important; }
  #capy-homepage #capy-top-picks { padding-top:14px !important; margin-top:0 !important; }   /* a bit of space below the trust band */
  #capy-homepage .cv2-section { margin-top:14px !important; }
  #capy-homepage .capy-fp-section + .capy-fp-section { margin-top:0 !important; }

  /* EXPLORE BY CATEGORY — gold-bordered horizontal cells (icon left + label), like the mockup */
  #capy-homepage .cv2-cats { grid-template-columns:1fr 1fr !important; gap:8px !important; }
  #capy-homepage .cv2-cat { flex-direction:row !important; align-items:center !important; text-align:left !important; gap:9px !important; padding:11px 12px !important; border:1px solid var(--cv2-line-gold) !important; border-radius:12px !important; }
  #capy-homepage .cv2-cat__ico { width:30px !important; height:30px !important; flex:0 0 30px !important; }
  #capy-homepage .cv2-cat__ico svg { width:16px !important; height:16px !important; }
  #capy-homepage .cv2-cat__tx { align-items:flex-start !important; }
  #capy-homepage .cv2-cat__tx b { font-size:11px !important; line-height:1.12; margin:0 !important; }
  #capy-homepage .cv2-cat__tx span { display:none !important; }

  /* WHY TRUST — 4-across compact (matches mockup) */
  #capy-homepage .cv2-why { grid-template-columns:repeat(4,1fr) !important; gap:6px !important; }
  #capy-homepage .cv2-whyc { padding:10px 7px !important; }
  #capy-homepage .cv2-whyc__ico { width:30px !important; height:30px !important; }
  #capy-homepage .cv2-whyc__ico svg { width:15px !important; height:15px !important; }
  #capy-homepage .cv2-whyc b { font-size:10px !important; line-height:1.1; }
  #capy-homepage .cv2-whyc p { font-size:8.5px !important; line-height:1.2; }

  /* READY CTA — horizontal + tighter */
  #capy-homepage .cv2-ready { gap:12px !important; padding:16px !important; }
  #capy-homepage .cv2-ready__copy h3 { font-size:1.05rem !important; line-height:1.2; }
  #capy-homepage .cv2-ready__copy p { font-size:.8rem !important; margin:4px 0 8px !important; }

  /* LATEST REVIEWS & GUIDES — separate block, only 2 cards, each with a logo */
  #capy-homepage .cv2-twocol--divided > div:last-child { margin-top:18px; padding-top:16px; border-top:1px solid var(--cv2-line); }
  #capy-homepage .cv2-latest { grid-template-columns:1fr !important; gap:10px !important; }
  #capy-homepage .cv2-latest .cv2-lr:nth-child(n+3) { display:none !important; }   /* only 2 on phones */
  #capy-homepage .cv2-lr { display:flex !important; flex-direction:row !important; align-items:center; gap:11px; }
  #capy-homepage .cv2-lr__img { display:flex !important; align-items:center; justify-content:center; width:52px; height:52px; flex:0 0 52px; border-radius:9px; overflow:hidden; background:#0c1322; border:1px solid var(--cv2-line); }
  #capy-homepage .cv2-lr__img img { width:100%; height:100%; object-fit:cover; }
  #capy-homepage .cv2-lr__ph { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
  #capy-homepage .cv2-lr__ph svg { width:22px; height:22px; color:var(--cv2-gold); }
  #capy-homepage .cv2-lr__body { display:flex !important; flex-direction:column; min-width:0; gap:2px; }
}

/* Small phones: drop the hero sub paragraph to save vertical space (the value row
   below carries the message). On the locale home the sub is a single localized
   string with no lead/rest split, so hide the whole paragraph here. */
@media (max-width: 520px) {
  #capy-homepage .cv2-fphero__sub { display: none; }
}

/* Make the whole Top-Picks compact card clickable -> review (stretched link),
   while the Visit / Read-full-review buttons stay clickable above the overlay. */
#capy-homepage .cv2-cc { position: relative; }
#capy-homepage .cv2-cc__link { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
#capy-homepage .cv2-cc__cta { position: relative; z-index: 2; }