/* ==========================================================================
   Stanley Gentlemen — social casino stylesheet
   Design: Option G "Bronze Titan"  ·  prefix g7qd  ·  radius 8px
   Fonts: Bebas Neue style heads (condensed fallback) + Open Sans body
   Self-contained: zero CDN, zero framework. All colour via g7qd tokens.
   ========================================================================== */

:root {
  --g7qd-bg:  #0e0a06;
  --g7qd-c1:  #CD7F32;                 /* bronze primary   */
  --g7qd-c2:  #E8E8E8;                 /* silver accent    */
  --g7qd-c3:  #CD7F32;                 /* cta              */
  --g7qd-ct:  #fff;                    /* cta text         */
  --g7qd-tx:  #d4c4a8;                 /* body text        */
  --g7qd-cd:  #1a1208;                 /* card/panel       */
  --g7qd-br:  rgba(205,127,50,.25);    /* border           */
  --g7qd-r:   8px;                     /* radius (industrial, tight) */
  --g7qd-head: 'Bebas Neue', 'Oswald', 'Arial Narrow', 'Impact', sans-serif;
  --g7qd-body: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; overflow-x:hidden; }
body {
  background:var(--g7qd-bg);
  color:var(--g7qd-tx);
  font-family:var(--g7qd-body);
  line-height:1.6;
  padding-top:64px;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }
h1,h2,h3,h4 { font-family:var(--g7qd-head); font-weight:700; letter-spacing:.02em; line-height:1.05;
  color:#fff; background:linear-gradient(180deg,#f4dcae,#CD7F32 60%,#8a5220);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
p { color:var(--g7qd-tx); }

/* ---------- HEADER ---------- */
.g7qd-hdr { position:fixed; top:0; left:0; right:0; height:64px; z-index:100;
  background:var(--g7qd-bg); border-bottom:1px solid var(--g7qd-br);
  box-shadow:0 2px 20px rgba(0,0,0,.4); }
.g7qd-hdr-in { display:flex; align-items:center; gap:1rem; padding:0 1.5rem; height:100%; }
.g7qd-lg { display:flex; align-items:center; gap:.55rem; }
.g7qd-lg img { width:34px; height:34px; }
.g7qd-lg b { font-family:var(--g7qd-head); font-size:1.55rem; letter-spacing:.06em;
  background:linear-gradient(180deg,#f4dcae,#CD7F32);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent; }
.g7qd-lg small { font-size:.55rem; letter-spacing:.35em; opacity:.55; text-transform:uppercase; display:block; }
.g7qd-nav { display:flex; gap:.25rem; margin-left:auto; }
.g7qd-nl { padding:.45rem .8rem; font-size:.82rem; font-weight:600; letter-spacing:.03em;
  color:var(--g7qd-tx); border-radius:var(--g7qd-r); transition:all .2s; text-transform:uppercase; }
.g7qd-nl:hover { color:var(--g7qd-c1); background:rgba(205,127,50,.08); }
.g7qd-nl.active { color:var(--g7qd-c1); background:rgba(205,127,50,.12); }

/* buttons */
.g7qd-btn { font-family:var(--g7qd-body); font-weight:700; font-size:.8rem; letter-spacing:.04em;
  padding:.55rem 1.1rem; border-radius:var(--g7qd-r); cursor:pointer; border:1px solid transparent;
  transition:all .2s; text-transform:uppercase; white-space:nowrap; }
.g7qd-btn-ol { background:transparent; border-color:var(--g7qd-br); color:var(--g7qd-tx); }
.g7qd-btn-ol:hover { border-color:var(--g7qd-c1); color:var(--g7qd-c1); }
.g7qd-btn-cta { background:linear-gradient(180deg,#e0a860,#CD7F32); color:var(--g7qd-ct);
  box-shadow:0 3px 14px rgba(205,127,50,.35); }
.g7qd-btn-cta:hover { filter:brightness(1.08); transform:translateY(-1px); }

/* ---------- HAMBURGER: HBG-D bordered square, rotate 90deg -> X ---------- */
.g7qd-hbg { display:none; flex-direction:column; justify-content:center; gap:5px;
  width:40px; height:40px; padding:9px; margin-left:auto;
  border:1px solid var(--g7qd-br); border-radius:var(--g7qd-r); background:transparent;
  cursor:pointer; transition:transform .3s ease, border-color .3s ease; }
.g7qd-hbg span { display:block; width:100%; height:2px; background:var(--g7qd-c1); border-radius:2px;
  transition:transform .3s ease, opacity .2s ease; }
.g7qd-hbg.open { transform:rotate(90deg); border-color:var(--g7qd-c1); }
.g7qd-hbg.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.g7qd-hbg.open span:nth-child(2) { opacity:0; }
.g7qd-hbg.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

/* ---------- SIDEBAR: SIDEBAR-E grouped, left 220px ---------- */
.g7qd-sb { position:fixed; top:64px; left:0; width:220px; height:calc(100vh - 64px);
  background:var(--g7qd-cd); border-right:1px solid var(--g7qd-br); overflow-y:auto;
  z-index:90; display:flex; flex-direction:column; transition:transform .3s, width .3s; }
.g7qd-sb__grp { padding:.9rem 1.25rem .25rem; font-size:.62rem; letter-spacing:.16em;
  opacity:.5; text-transform:uppercase; font-weight:700; }
.g7qd-sb__nav { display:flex; flex-direction:column; }
.g7qd-sbl { display:flex; align-items:center; gap:.7rem; padding:.6rem 1.25rem;
  color:var(--g7qd-tx); font-weight:600; font-size:.86rem; transition:all .2s;
  border-left:3px solid transparent; }
.g7qd-sbl svg { width:16px; height:16px; flex-shrink:0; opacity:.8; }
.g7qd-sbl:hover, .g7qd-sbl.active { color:var(--g7qd-c1); background:rgba(205,127,50,.07);
  border-left-color:var(--g7qd-c1); }
.g7qd-sbf { margin-top:auto; padding:1rem 1.25rem; border-top:1px solid var(--g7qd-br);
  display:flex; flex-direction:column; gap:.45rem; }
.g7qd-sbf a { font-size:.74rem; opacity:.6; }
.g7qd-sbf a:hover { opacity:1; color:var(--g7qd-c1); }
.g7qd-sbo { position:fixed; inset:0; background:rgba(0,0,0,.6); z-index:190; display:none; }
.g7qd-sbo.show { display:block; }

/* ---------- MAIN + FOOTER offset for fixed sidebar ---------- */
.g7qd-main { min-height:60vh; }
@media (min-width:1024px) { .g7qd-main, .g7qd-ftr { margin-left:220px; } }

/* ---------- MOBILE BOTTOM NAV ---------- */
.g7qd-mn { display:none; position:fixed; bottom:0; left:0; right:0; height:60px;
  background:var(--g7qd-cd); border-top:1px solid var(--g7qd-br); z-index:150; }
.g7qd-mni { flex:1; background:none; border:none; color:var(--g7qd-tx); font-family:var(--g7qd-body);
  font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; cursor:pointer;
  display:flex; align-items:center; justify-content:center; }
.g7qd-mni:hover { color:var(--g7qd-c1); }

/* ---------- SECTION SCAFFOLD ---------- */
.g7qd-sec { padding:3.5rem 1.5rem; max-width:1200px; margin:0 auto; }
.g7qd-sec h2 { font-size:2.4rem; margin-bottom:.4rem; text-transform:uppercase; }
.g7qd-sec .lead { opacity:.75; max-width:640px; margin-bottom:2rem; }
.g7qd-eyebrow { font-size:.7rem; letter-spacing:.28em; color:var(--g7qd-c1); text-transform:uppercase;
  font-weight:700; margin-bottom:.6rem; }

/* ---------- HERO-C: diagonal cut, text left, decor dots right ---------- */
.g7qd-hero { position:relative; padding:5rem 1.5rem 7rem; overflow:hidden;
  background:radial-gradient(1000px 500px at 15% -10%, rgba(205,127,50,.18), transparent 60%),
             linear-gradient(160deg,#160f07,#0e0a06);
  clip-path:polygon(0 0,100% 0,100% 85%,0 100%); }
.g7qd-hero-in { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1.15fr .85fr;
  gap:2rem; align-items:center; }
.g7qd-hero h1 { font-size:clamp(2.8rem,7vw,5.4rem); text-transform:uppercase; margin-bottom:1rem; }
.g7qd-hero .sub { font-size:1.1rem; opacity:.85; max-width:520px; margin-bottom:1.8rem; }
.g7qd-hero-cta { display:flex; gap:.8rem; flex-wrap:wrap; margin-bottom:1.4rem; }
.g7qd-hero-cta .g7qd-btn { padding:.8rem 1.6rem; font-size:.9rem; }
.g7qd-hero .disc { font-size:.72rem; opacity:.5; letter-spacing:.02em; }
.g7qd-hero-art { position:relative; height:320px; }
.g7qd-hero-art .ring { position:absolute; border:1px solid var(--g7qd-br); border-radius:50%; }
.g7qd-hero-art .r1 { inset:0; }
.g7qd-hero-art .r2 { inset:40px; border-color:rgba(205,127,50,.4); }
.g7qd-hero-art .r3 { inset:90px; border-style:dashed; }
.g7qd-hero-art .coin { position:absolute; top:50%; left:50%; width:120px; height:120px;
  transform:translate(-50%,-50%); border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#f4dcae,#CD7F32 55%,#7a4a1c);
  box-shadow:0 0 40px rgba(205,127,50,.5); display:flex; align-items:center; justify-content:center;
  font-family:var(--g7qd-head); font-size:2.6rem; color:#3a2408; animation:g7qd-spin 6s linear infinite; }
@keyframes g7qd-spin { to { transform:translate(-50%,-50%) rotate(360deg); } }
.g7qd-dots { position:absolute; inset:0; background-image:radial-gradient(var(--g7qd-c1) 1px,transparent 1px);
  background-size:22px 22px; opacity:.12; }

/* ---------- CAROUSEL-E: editorial numbered ---------- */
.g7qd-cr-wrap { position:relative; max-width:1200px; margin:0 auto; padding:0 .5rem; }
.g7qd-cr-view { overflow:hidden; padding:.6rem 0 1rem; }  /* clips the wide row so it never widens the page */
.g7qd-cr { display:flex; gap:16px; transition:transform .45s ease; counter-reset:g7qd-slot; will-change:transform; }
.g7qd-crb { position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:44px; height:44px;
  border-radius:50%; border:1px solid var(--g7qd-br); background:var(--g7qd-cd); color:var(--g7qd-c1);
  font-size:1.4rem; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:.2s; }
.g7qd-crb:hover { border-color:var(--g7qd-c1); box-shadow:0 0 14px rgba(205,127,50,.4); }
.g7qd-crb-prev { left:-6px; } .g7qd-crb-next { right:-6px; }

/* ---------- GAME CARD: CARD-D transparent border -> glow ---------- */
.g7qd-gc { position:relative; flex:0 0 190px; width:190px; background:var(--g7qd-cd);
  border:1px solid transparent; border-radius:var(--g7qd-r); overflow:hidden; cursor:pointer;
  transition:border-color .3s, box-shadow .3s, transform .3s; }
.g7qd-gc:hover, .g7qd-gc:focus-visible { border-color:var(--g7qd-c1);
  box-shadow:0 0 20px rgba(205,127,50,.4); transform:translateY(-5px); outline:none; }
.g7qd-gct { position:relative; aspect-ratio:3/4; overflow:hidden; background:#0b0803; }
.g7qd-gct img { width:100%; height:100%; object-fit:cover; }
.g7qd-gco { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:.5rem; background:linear-gradient(180deg,rgba(14,10,6,.2),rgba(14,10,6,.85));
  opacity:0; transition:opacity .3s; }
.g7qd-gc:hover .g7qd-gco, .g7qd-gc:focus-visible .g7qd-gco { opacity:1; }
.g7qd-gcp { font-family:var(--g7qd-body); font-weight:800; font-size:.75rem; letter-spacing:.05em;
  padding:.5rem 1rem; border:none; border-radius:var(--g7qd-r); cursor:pointer;
  background:linear-gradient(180deg,#e0a860,#CD7F32); color:var(--g7qd-ct); text-transform:uppercase; }
.g7qd-gci { padding:.55rem .65rem .7rem; }
/* editorial number for carousel cards only */
.g7qd-cr .g7qd-gc { counter-increment:g7qd-slot; padding-top:1.9rem; background:transparent; border:none;
  box-shadow:none; overflow:visible; }
.g7qd-cr .g7qd-gc::before { content:counter(g7qd-slot,decimal-leading-zero); position:absolute; top:-.2rem;
  left:.1rem; font-family:var(--g7qd-head); font-size:3rem; line-height:1; opacity:.16; color:var(--g7qd-c1);
  -webkit-text-fill-color:var(--g7qd-c1); }
.g7qd-cr .g7qd-gct { border-radius:var(--g7qd-r); border:1px solid var(--g7qd-br); transition:.3s; }
.g7qd-cr .g7qd-gc:hover .g7qd-gct { border-color:var(--g7qd-c1); box-shadow:0 0 20px rgba(205,127,50,.4); }
.g7qd-cr .g7qd-gc:hover { transform:translateY(-5px); }

/* ---------- GAMES GRID (games.html) ---------- */
.g7qd-nb { background:rgba(205,127,50,.08); border:1px solid var(--g7qd-br); border-radius:var(--g7qd-r);
  padding:.6rem 1rem; font-size:.78rem; text-align:center; margin-bottom:1.4rem; letter-spacing:.02em; }
.g7qd-search { width:100%; max-width:420px; margin-bottom:1.2rem; padding:.7rem 1rem;
  background:var(--g7qd-cd); border:1px solid var(--g7qd-br); border-radius:var(--g7qd-r);
  color:var(--g7qd-tx); font-family:var(--g7qd-body); font-size:.9rem; }
.g7qd-search:focus { outline:none; border-color:var(--g7qd-c1); }
.g7qd-cts { display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:1.6rem; }
.g7qd-ct { font-family:var(--g7qd-body); font-weight:700; font-size:.78rem; letter-spacing:.04em;
  padding:.5rem 1.1rem; border-radius:50px; border:1px solid var(--g7qd-br); background:transparent;
  color:var(--g7qd-tx); cursor:pointer; text-transform:uppercase; transition:.2s; }
.g7qd-ct:hover { border-color:var(--g7qd-c1); color:var(--g7qd-c1); }
.g7qd-ct.active { background:linear-gradient(180deg,#e0a860,#CD7F32); color:var(--g7qd-ct); border-color:transparent; }
.g7qd-gg { display:grid; grid-template-columns:repeat(auto-fill,minmax(165px,1fr)); gap:1rem; }
.g7qd-gg .g7qd-gc { flex:none; width:auto; }  /* grid cards fill their cell, not fixed 190px */
.g7qd-gg .g7qd-gci p:first-child { font-weight:800; font-size:.8rem; color:#fff; white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis; }
.g7qd-gg .g7qd-gci p:last-child { font-size:.72rem; opacity:.6; }

/* ---------- BANNER-E: stats + cta ---------- */
.g7qd-banner { max-width:1200px; margin:1rem auto 3rem; padding:2.5rem 1.5rem;
  background:linear-gradient(135deg,#160f07,#221507); border:1px solid var(--g7qd-br);
  border-radius:var(--g7qd-r); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1.5rem; }
.g7qd-stats { display:flex; gap:2.5rem; flex-wrap:wrap; }
.g7qd-stat b { display:block; font-family:var(--g7qd-head); font-size:2.6rem; color:var(--g7qd-c1);
  -webkit-text-fill-color:var(--g7qd-c1); line-height:1; }
.g7qd-stat span { font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; opacity:.7; }

/* ---------- WORKS-D: giant translucent number ---------- */
.g7qd-works { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.g7qd-wk { position:relative; background:var(--g7qd-cd); border:1px solid var(--g7qd-br);
  border-radius:var(--g7qd-r); padding:2.2rem 1.5rem 1.6rem; overflow:hidden; }
.g7qd-wk .num { position:absolute; top:-1.2rem; right:.4rem; font-family:var(--g7qd-head); font-size:8rem;
  line-height:1; opacity:.08; color:var(--g7qd-c1); -webkit-text-fill-color:var(--g7qd-c1); pointer-events:none; }
.g7qd-wk h3 { font-size:1.4rem; text-transform:uppercase; margin-bottom:.5rem; position:relative; }
.g7qd-wk p { font-size:.9rem; opacity:.8; position:relative; }

/* ---------- REVIEWS-B: masonry columns ---------- */
.g7qd-reviews { columns:3; column-gap:1.2rem; }
.g7qd-rv { break-inside:avoid; background:var(--g7qd-cd); border:1px solid var(--g7qd-br);
  border-radius:var(--g7qd-r); padding:1.3rem; margin-bottom:1.2rem; }
.g7qd-rv .stars { color:var(--g7qd-c1); letter-spacing:.15em; font-size:.85rem; margin-bottom:.6rem; }
.g7qd-rv p { font-size:.9rem; margin-bottom:.9rem; }
.g7qd-rv .who { display:flex; align-items:center; gap:.6rem; }
.g7qd-rv .av { flex-shrink:0; width:38px; height:38px; border-radius:50%;
  background:linear-gradient(135deg,#e6b06a,#CD7F32 55%,#7a4a1c);
  display:flex; align-items:center; justify-content:center; line-height:1;
  font-family:var(--g7qd-body); font-weight:800; letter-spacing:.02em; text-transform:uppercase;
  color:#231405; font-size:.8rem; opacity:1; }
.g7qd-rv .who b { font-size:.82rem; color:#fff; }
.g7qd-rv .who div span { font-size:.72rem; opacity:.6; display:block; }

/* ---------- SEO / prose blocks ---------- */
.g7qd-prose { max-width:820px; }
.g7qd-prose h2 { font-size:2rem; margin:2rem 0 .8rem; text-transform:uppercase; }
.g7qd-prose h3 { font-size:1.15rem; color:#fff; margin:1.4rem 0 .5rem;
  -webkit-text-fill-color:#fff; background:none; }
.g7qd-prose p, .g7qd-prose li { font-size:.95rem; opacity:.85; margin-bottom:.8rem; }
.g7qd-prose ul { padding-left:1.2rem; }
.g7qd-prose a { color:var(--g7qd-c1); text-decoration:underline; }

/* ---------- FAQ ---------- */
.g7qd-faq { max-width:820px; }
.g7qd-faq details { border:1px solid var(--g7qd-br); border-radius:var(--g7qd-r); padding:.9rem 1.2rem;
  margin-bottom:.8rem; background:var(--g7qd-cd); }
.g7qd-faq summary { font-weight:700; color:#fff; cursor:pointer; list-style:none; font-size:.95rem; }
.g7qd-faq summary::-webkit-details-marker { display:none; }
.g7qd-faq summary::after { content:'+'; float:right; color:var(--g7qd-c1); font-family:var(--g7qd-head); font-size:1.3rem; }
.g7qd-faq details[open] summary::after { content:'\2212'; }
.g7qd-faq p { margin-top:.7rem; font-size:.9rem; opacity:.82; }

/* ---------- CONTACT FORM ---------- */
.g7qd-form { max-width:640px; }
.g7qd-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.g7qd-field { margin-bottom:1rem; }
.g7qd-field label { display:block; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase;
  margin-bottom:.4rem; opacity:.75; }
.g7qd-input, .g7qd-form select, .g7qd-form textarea { width:100%; background:var(--g7qd-cd);
  border:1px solid var(--g7qd-br); border-radius:var(--g7qd-r); padding:.75rem 1rem; color:var(--g7qd-tx);
  font-family:var(--g7qd-body); font-size:.9rem; }
.g7qd-input:focus, .g7qd-form select:focus, .g7qd-form textarea:focus { outline:none; border-color:var(--g7qd-c1); }
#formSuccess { margin-top:1rem; padding:.8rem 1rem; border:1px solid var(--g7qd-c1); border-radius:var(--g7qd-r);
  background:rgba(205,127,50,.1); color:var(--g7qd-c1); font-size:.88rem; }

/* ---------- FOOTER-B: 3 columns ---------- */
.g7qd-ftr { border-top:1px solid var(--g7qd-br); background:#0b0704; margin-top:3rem; }
.g7qd-ftr-in { max-width:1200px; margin:0 auto; padding:2.5rem 1.5rem 1rem;
  display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:2rem; }
.g7qd-ftr h4 { font-size:.72rem; letter-spacing:.16em; opacity:.6; margin-bottom:.9rem; text-transform:uppercase;
  -webkit-text-fill-color:currentColor; background:none; color:var(--g7qd-tx); }
.g7qd-ftr-col a { display:block; font-size:.85rem; opacity:.75; margin-bottom:.5rem; }
.g7qd-ftr-col a:hover { color:var(--g7qd-c1); opacity:1; }
.g7qd-ftr-brand p { font-size:.82rem; opacity:.65; margin-top:.7rem; max-width:280px; }
.g7qd-ftr-bottom { border-top:1px solid var(--g7qd-br); padding:1.2rem 1.5rem; max-width:1200px; margin:0 auto;
  font-size:.72rem; opacity:.55; text-align:center; line-height:1.7; }

/* ---------- RESPONSIVE ---------- */
@media (max-width:1280px) { .g7qd-sec h2 { font-size:2.1rem; } }
/* Below 1024: sidebar becomes a drawer, so the hamburger must appear here (not only <768) */
@media (max-width:1024px) {
  .g7qd-hdr-in { justify-content:space-between; }
  .g7qd-hbg { display:flex; }
  .g7qd-nav { display:none; }
  .g7qd-sb { transform:translateX(-100%); top:64px !important; height:calc(100vh - 64px) !important;
    width:min(280px,82vw); z-index:160; }
  .g7qd-sb.open { transform:translateX(0); }
  .g7qd-sbo { z-index:155; top:64px; }
  .g7qd-main, .g7qd-ftr { margin-left:0 !important; }
  .g7qd-mn { display:flex; align-items:center; justify-content:space-around; }
  body { padding-bottom:60px; }
  .g7qd-reviews { columns:2; }
  /* main nav links live in the drawer on mobile; category groups only on the desktop rail */
  .g7qd-sb-deskonly { display:none; }
}
/* On the desktop rail the extra full-page menu is redundant with the header nav */
@media (min-width:1025px) { .g7qd-sb-mobonly { display:none; } }

@media (max-width:768px) {
  .g7qd-sec { padding:2.5rem 1.25rem; }
  .g7qd-hero { padding:3rem 1.25rem 3.5rem; clip-path:polygon(0 0,100% 0,100% 96%,0 100%); }
  .g7qd-hero-in { grid-template-columns:1fr; }
  .g7qd-hero-art { display:none; }
  .g7qd-hero .sub { font-size:1rem; }
  .g7qd-works { grid-template-columns:1fr; }
  .g7qd-ftr-in { grid-template-columns:1fr 1fr; gap:1.5rem; }
  .g7qd-banner { flex-direction:column; align-items:flex-start; gap:1.2rem; padding:2rem 1.25rem; }
  .g7qd-cr-wrap { padding:0; }
  .g7qd-crb { width:38px; height:38px; font-size:1.2rem; }
  .g7qd-crb-prev { left:2px; } .g7qd-crb-next { right:2px; }
}
@media (max-width:600px) { .g7qd-row { grid-template-columns:1fr; } }
@media (max-width:480px) {
  body { font-size:15px; }
  .g7qd-lg small { display:none; }
  .g7qd-lg b { font-size:1.35rem; }
  .g7qd-reviews { columns:1; }
  .g7qd-sec h2 { font-size:1.8rem; }
  .g7qd-gg { grid-template-columns:repeat(2,1fr); gap:.6rem; }
  .g7qd-cr .g7qd-gc { flex-basis:76vw; width:76vw; }  /* carousel cards only */
  .g7qd-input, .g7qd-form select, .g7qd-form textarea { min-height:48px; }
  .g7qd-stats { gap:1.5rem; }
  .g7qd-stat b { font-size:2.1rem; }
  .g7qd-ftr-in { grid-template-columns:1fr; }
}
@media (max-width:375px) {
  .g7qd-hdr-in { padding:0 .75rem; }
  .g7qd-gg { gap:.5rem; }
}