/* ==========================================================================
   Cash.Land — "Cash Land Buyer" Page
   HARD-SCOPED, ELEMENTOR-PROOF CSS
   Scope: #cl-buyer …
   ========================================================================== */

/* 0) TOKENS (local fallbacks; will auto-use global if present) */

#cl-buyer{
  /* Brand tokens (scoped, no cycles) */
  --cl-green-500: #1dbd3d;
  --cl-green-700: #0e7f23;
  --cl-green-800: #085d0b;
  --cl-green-900: #0b3d1a;
  --cl-blue-600:  #1a73e8;
  --cl-focus:     #ffcf4d;

  --surface: #ffffff;
  --ink:     #0a0a0a;
  --muted:   #6b7280;
  --bd:      #e7efe9;

  --brand-grad: linear-gradient(180deg, var(--cl-green-500), var(--cl-green-700));
  --hero-grad:  linear-gradient(180deg, #f3fbf6 0%, #e9f8ee 100%);
  --chip-grad:  linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.7));

  --ff: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", sans-serif;
  --shadow-lg: 0 14px 30px rgba(0,0,0,.18), 0 6px 14px rgba(0,0,0,.08);
  --shadow-xl: 0 24px 50px rgba(0,0,0,.28), 0 8px 18px rgba(0,0,0,.18);
}


  


/* 1) PAGE SHELL (Elementor-proof reset within scope) */
#cl-buyer{
  font-family: var(--ff);
  color: var(--ink);

  margin: 150px auto;
  

  
  
  
}
#cl-buyer * { box-sizing: border-box; }
#cl-buyer .container{
  max-width: 1100px; margin: 150px auto; 
}


#cl-buyer .cl-rthumbs{    display: grid;
    gap: 18px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));}

/* Make Elementor respect our typography/colors inside scope */
#cl-buyer :is(h1,h2,h3,h4,p,ul,ol,li,a,button){
  all: revert-layer; /* modern guard when supported */
  font-family: var(--ff);
  color: currentColor;
}
#cl-buyer a{ color: var(--cl-green-800); text-decoration-thickness: from-font; text-underline-offset: 2px; }
#cl-buyer a:hover{ color: var(--cl-green-700); text-decoration: underline; }
#cl-buyer .sr-only{ position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* 2) HERO (keyword reinforcement + primary CTA) */
#cl-buyer .hero{
  margin: clamp(24px, 6vw, 64px) 0;
  padding: clamp(16px, 3.5vw, 28px);
  border-radius: 16px;
  background: var(--hero-grad);
  border: 2px solid #20df46;
  box-shadow: var(--shadow-lg);
  position: relative;
  overflow: hidden;
}
#cl-buyer .hero h1{
  margin: 0 0 8px;
  font-weight: 900;
  font-size: clamp(32px, 5.6vw, 56px);
  line-height: 1.05;
  letter-spacing: -.02em;
  color: var(--cl-green-900);
}
#cl-buyer .hero p.sub{
  margin: 6px 0 14px;
  font-size: clamp(16px, 2.2vw, 20px);
  color: #1f3b2a;
}
#cl-buyer .hero .actions{
  display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px;
}

/* Buttons (scoped) */
#cl-buyer .btn{
  appearance: none; display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 12px 18px; border-radius: 999px;
  font-weight: 800; letter-spacing: .2px; text-decoration: none; cursor: pointer;
  border: 1px solid transparent; transition: transform .15s ease, filter .15s ease, box-shadow .2s ease;
}
#cl-buyer .btn--primary{
  color: #fff; background: var(--brand-grad); box-shadow: 0 8px 20px rgba(0,0,0,.18);
}
#cl-buyer .btn--ghost{
  background: #fff; color: var(--cl-green-700); border-color: rgba(14,127,35,.22); box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
#cl-buyer .btn:hover{ transform: translateY(-1px); filter: brightness(1.03); }
#cl-buyer .btn:focus-visible{ outline: 3px solid var(--cl-focus); outline-offset: 2px; }

/* 3) TRUST / PROOF STRIP (rating badge + quick facts) */
#cl-buyer .proof{
  display: grid; gap: 10px; grid-template-columns: 1fr;
  margin: 16px 0 28px;
}
@media (min-width: 720px){
  #cl-buyer .proof{ grid-template-columns: auto 1fr; align-items: center; }
}
#cl-buyer .rating-pill{
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .5rem .8rem; border-radius: 999px;
  background: #fff; color: var(--cl-green-800);
  border: 1px solid rgba(0,0,0,.08); box-shadow: 0 8px 22px rgba(0,0,0,.12);
  font-weight: 800;
}
#cl-buyer .rating-pill .stars{
  position: relative; display: inline-block; line-height: 1; font-size: 1.05rem; letter-spacing: .05em;
}
#cl-buyer .rating-pill .stars .base{ color: #cfe9d6; }
#cl-buyer .rating-pill .stars .fill{
  position: absolute; inset: 0 auto 0 0; white-space: nowrap; overflow: hidden; color: #0b6f1e; width: 0; transition: width .25s ease;
}
#cl-buyer .facts{
  display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; color: #1f3b2a; font-weight: 700;
}


/* 4) HOW-IT-WORKS (3-step compact) */
#cl-buyer .how{
  margin: 26px 0 18px; padding: 16px; border-radius: 14px;
  background: #fff; border: 1px solid var(--bd); box-shadow: 0 6px 16px rgba(0,0,0,.06);
}
#cl-buyer .how h2{
  margin: 0 0 12px; font-size: clamp(22px, 3.6vw, 30px); font-weight: 900; color: var(--cl-green-800);
}
#cl-buyer .steps{ display: grid; gap: 12px; grid-template-columns: 1fr; }
@media (min-width: 760px){ #cl-buyer .steps{ grid-template-columns: repeat(3, 1fr); } }
#cl-buyer .step{
  padding: 14px; border-radius: 12px; background: #f7fcf9; border: 1px solid #d8eddc;
}
#cl-buyer .step .k{ font-weight: 900; color: var(--cl-green-700); }
#cl-buyer .step h3{ margin: 6px 0 4px; font-weight: 900; font-size: 1.05rem; color: #173c25; }
#cl-buyer .step p{ margin: 0; font-size: .95rem; color: #2a4636; }

/* 5) REVIEWS / THUMBS STRIP (works with your shortcode output) */
#cl-buyer .reviews{
  margin: 28px 0; padding: 16px; border-radius: 14px;
  background: #fff; border: 1px solid var(--bd); box-shadow: 0 6px 16px rgba(0,0,0,.06);
}
#cl-buyer .reviews h2{
  margin: 0 0 12px; font-size: clamp(22px, 3.6vw, 30px); font-weight: 900; color: var(--cl-green-800);
}

/* Light containment so existing card styles look consistent */
#cl-buyer .thumbs{ display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; }
@media (max-width: 400px){ #cl-buyer .thumbs{ grid-template-columns: 1fr; } }

/* 6) CTA BAND */
#cl-buyer .cta-band{
  margin: 32px 0 8px; padding: 18px;
  border-radius: 16px; background: var(--brand-grad);
  color: #fff; display: grid; gap: 12px; align-items: center;
  box-shadow: var(--shadow-lg);
}
@media (min-width: 760px){
  #cl-buyer .cta-band{ grid-template-columns: 1fr auto; }
}
#cl-buyer .cta-band h2{ margin: 0; font-size: clamp(22px, 3.8vw, 32px); font-weight: 900; line-height: 1.1; }
#cl-buyer .cta-band p{ margin: 0; opacity: .96; font-weight: 600; }
#cl-buyer .cta-band .btn--ghost{ background: #fff; color: var(--cl-green-800); border-color: transparent; }

/* 7) FAQ — Modern Accordion (no per-answer buttons) */
#cl-buyer .faq{
  margin: 24px 0;
  padding: clamp(16px, 3.2vw, 24px);
  border-radius: 16px;
  background: var(--glass-bg);
  border: 1px solid var(--glass-bd);
  backdrop-filter: saturate(120%) blur(var(--glass-blur));
  -webkit-backdrop-filter: saturate(120%) blur(var(--glass-blur));
  box-shadow: var(--glass-shadow);
}
#cl-buyer .faq h2{
  margin: 0 0 12px;
  font: 900 clamp(20px, 3.2vw, 28px)/1.1 var(--ff);
  color: var(--cl-green-800);
}

/* Toolbar (expand/collapse all) */
#cl-buyer .faq-toolbar{
  display:flex; gap:8px; flex-wrap:wrap;
  margin: 8px 0 6px;
}
#cl-buyer .faq-toolbar button{
  appearance:none; cursor:pointer;
  display:inline-flex; align-items:center; gap:.45ch;
  padding:8px 12px; min-height:40px; border-radius:999px;
  font-weight:800; letter-spacing:.2px;
  background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
  border:1px solid rgba(255,255,255,.65);
  color:#173c25;
  backdrop-filter:saturate(140%) blur(10px); -webkit-backdrop-filter:saturate(140%) blur(10px);
}
#cl-buyer .faq-toolbar button:focus-visible{ outline:3px solid var(--cl-focus); outline-offset:2px; }
#cl-buyer .faq-toolbar button:hover{ transform: translateY(-1px); filter: brightness(1.02); }

/* Details rows */
#cl-buyer .faq details.qa{ border-top: 1px solid rgba(255,255,255,.55); }
#cl-buyer .faq details.qa:first-of-type{ border-top: 0; }

/* Summary row */
#cl-buyer .faq summary{
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 12px 8px;
  outline: none;
  border-radius: 10px;
}
#cl-buyer .faq summary::-webkit-details-marker { display:none; }

/* Question text: turns green when open/hover/focus */
#cl-buyer .faq summary h3{
  margin: 0;
  font: 800 1.15rem/1.25 var(--ff);
  color: #143b24;
  transition: color .2s ease;
}
#cl-buyer .faq summary:hover h3,
#cl-buyer .faq summary:focus-visible h3{ color: var(--cl-green-800); }
#cl-buyer .faq details[open] summary h3{ color: var(--cl-green-800); font-weight:700; 

    list-style: none;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
  cursor: pointer;
 
    line-height: 1.25;
    user-select: none;
    position: relative;
}

/* Chevron */
#cl-buyer .faq summary .chev{
  width: 22px; height: 22px; border-radius: 999px;
  display: inline-grid; place-items: center;
  border: 1px solid rgba(11,93,11,.25);
  background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
  transform: rotate(0deg);
  transition: transform .2s ease;
}
#cl-buyer .faq details[open] summary .chev{ transform: rotate(180deg); }

/* Focus ring */
#cl-buyer .faq summary:focus-visible{ outline: 3px solid var(--cl-focus); outline-offset: 3px; }

/* Answer panel (animated open) */
#cl-buyer .faq .answer{ overflow: clip; max-height: 0; transition: max-height .28s ease; }
#cl-buyer .faq details[open] .answer{ max-height: 800px; }

#cl-buyer .faq .answer__inner{
  padding: 0 0 12px 0;
  color: #264a36;
  font-weight: 600;
}
#cl-buyer .faq .answer__inner p{ margin: 0; }
#cl-buyer .faq .answer__inner p + p{ margin-top: .6rem; }

@media (prefers-reduced-motion: reduce){
  #cl-buyer .faq .answer{ transition: none !important; }
}


/* 8) CHIPS / PILLS (title chips, locations, type) */
#cl-buyer .pill{
  display: inline-flex; align-items: center; gap: .35ch; white-space: nowrap;
  padding: .45rem .7rem; border-radius: 999px;
  background: #eef7ee; border: 1px solid rgba(11,93,11,.25);
  color: var(--cl-green-800); font-weight: 800; font-size: .9rem; text-decoration: none;
}
#cl-buyer .pill--ghost{ background: #fff; }
#cl-buyer .pill:hover{ filter: brightness(1.03); }

/* 9) ACCESSIBILITY & REDUCED MOTION */
@media (prefers-reduced-motion: reduce){
  #cl-buyer .btn, #cl-buyer .rating-pill .stars .fill{ transition: none !important; }
}

/* 10) ELEMENTOR GUARDS (within scope only) */
#cl-buyer .elementor *{ all: unset; }           /* nuke forced Elementor typography inside scope */
#cl-buyer .elementor :where(h1,h2,h3,p,ul,ol){ all: revert; font-family: var(--ff); }
#cl-buyer .elementor a{ all: revert; color: var(--cl-green-800); text-decoration-thickness: from-font; text-underline-offset: 2px; }
#cl-buyer .elementor a:hover{ text-decoration: underline; color: var(--cl-green-700); }
#cl-buyer .elementor .btn{ all: revert; }       /* keep our .btn rules */

/* 11) UTILS */
#cl-buyer .mt-0{ margin-top: 0!important; }
#cl-buyer .mt-1{ margin-top: .25rem!important; }
#cl-buyer .mt-2{ margin-top: .5rem!important; }
#cl-buyer .mb-0{ margin-bottom: 0!important; }
#cl-buyer .center{ text-align: center; }


/* Reviews grid: cover multiple possible wrappers */
#cl-buyer .reviews .thumbs,
#cl-buyer .reviews .cl-rev-thumbs,
#cl-buyer .reviews .cl-rthumbs,
#cl-buyer .reviews > .cl-rev-list,
#cl-buyer .reviews :is(ul,ol){
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Each tile */
#cl-buyer .reviews :is(.thumbs, .cl-rev-thumbs, .cl-rthumbs, .cl-rev-list, ul, ol) > *{
  width: 100%;
}

/* Images inside thumbs — keep them neat */
#cl-buyer .reviews :is(.thumbs, .cl-rev-thumbs, .cl-rthumbs, .cl-rev-list, ul, ol) img{
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}


/* === PATCH: proof row polish (rating chip + badges) === */
#cl-buyer .proof{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 14px 0;
  margin: 16px 0 28px;
}
@media (min-width:720px){
  #cl-buyer .proof{ grid-template-columns: auto 1fr; align-items: center; }
}

/* Rating chip */
#cl-buyer .rating-pill{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.55rem .85rem;
  border-radius:999px;
  background:#fff;
  color:var(--cl-green-800);
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 8px 22px rgba(0,0,0,.12);
  font-weight:800;
}
#cl-buyer .rating-pill .stars{
  position:relative; display:inline-block; line-height:1; font-size:1.05rem; letter-spacing:.05em;
}
#cl-buyer .rating-pill .stars .base{ color:#cfe9d6; }
#cl-buyer .rating-pill .stars .fill{
  position:absolute; inset:0 auto 0 0; overflow:hidden; white-space:nowrap;
  color:#0b6f1e; width:0; transition:width .25s ease;
}

/* Badge list */
#cl-buyer .facts{
  display:flex; flex-wrap:wrap; gap:8px 10px; align-items:center;
  font-weight:700;
}

/* Turn each fact into a pill; hide the old dot spans */
#cl-buyer .facts .dot{ display:none; }
#cl-buyer .facts span{
  display:inline-flex; align-items:center; gap:.4ch;
  padding:.42rem .7rem;
  border-radius:999px;
  background:var(--chip-grad);
  border:1px solid rgba(11,93,11,.25);
  color:#173c25;
  white-space:nowrap;
}

/********** Optional: little leading dot for visual rhythm
#cl-buyer .facts span::before{
  content:"";
  width:6px; height:6px; border-radius:50%;
  background:#b9d9c1; opacity:.9;
}
 **************/
 
 
/* Dark-on-light contrast when proof sits on a green band */
#cl-buyer .hero + .proof{ /* if your design has the green band behind this */
  color:#173c25;
}

/* ===== Offer form section (scoped) ===== */
#cl-buyer .offer{
  margin: 30px 0;
  padding: 18px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid var(--bd);
  box-shadow: 0 6px 16px rgba(0,0,0,.06);
}
#cl-buyer .offer h2{
  margin: 0 0 8px;
  font: 900 clamp(22px,3.8vw,32px)/1.15 var(--ff);
  color: var(--cl-green-800);
}
#cl-buyer .offer .sub{ margin: 0 0 14px; color: #1f3b2a; }

/* Gravity Forms base reset (only inside this section) */
#cl-buyer .offer .gform_wrapper form{
  display: grid; gap: 12px;
}
#cl-buyer .offer .gfield_label{ font-weight: 800; color: #173c25; margin-bottom: 6px; }
#cl-buyer .offer input[type="text"],
#cl-buyer .offer input[type="email"],
#cl-buyer .offer input[type="tel"],
#cl-buyer .offer select,
#cl-buyer .offer textarea{
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid #d8eddc;
  background: #f7fcf9;
  font: 600 1rem/1.35 var(--ff);
  color: #173c25;
}
#cl-buyer .offer textarea{ min-height: 120px; resize: vertical; }

/* Submit button */
#cl-buyer .offer .gform_button{
  all: unset;
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 46px; padding: 12px 18px; border-radius: 999px; cursor: pointer;
  font-weight: 900; letter-spacing: .2px; color: #fff;
  background: var(--brand-grad);
  box-shadow: 0 8px 20px rgba(0,0,0,.18);
}
#cl-buyer .offer .gform_button:hover{ transform: translateY(-1px); filter: brightness(1.03); }
#cl-buyer .offer .gform_button:focus-visible{ outline: 3px solid var(--cl-focus); outline-offset: 2px; }

/* Field + error tidy */
#cl-buyer .offer .gfield_error input,
#cl-buyer .offer .gfield_error select,
#cl-buyer .offer .gfield_error textarea{
  border-color: #f59e0b; background: #fff8ec;
}
#cl-buyer .offer .validation_message{ color: #7c2d12; font-weight: 700; font-size: .9rem; }

/* Honeypot stays invisible but focusable for a11y tools */
#cl-buyer .offer .gform_validation_container{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Eyebrow (overline) */
#cl-buyer .eyebrow{
  display:inline-block;
  margin: 0 0 6px;
  padding: .25rem .6rem;
  font: 800 .8rem/1 var(--ff);
  letter-spacing: .04em; text-transform: uppercase;
  border-radius: 999px;
  background: var(--chip-grad);
  border: 1px solid rgba(11,93,11,.25);
  color: #173c25;
}

/* Breadcrumbs wrapper (your cl_breadcrumbs() outputs markup + JSON-LD) */
#cl-buyer .cl-breadcrumbs{
  margin: 8px 0 12px;
  font-weight: 700;
}
#cl-buyer .cl-breadcrumbs a{ color: var(--cl-green-800); text-decoration: none; }
#cl-buyer .cl-breadcrumbs a:hover{ text-decoration: underline; }

/* Pricing Philosophy */
#cl-buyer .pricing{
  margin: 28px 0; padding: 16px; border-radius: 14px;
  background:#fff; border:1px solid var(--bd); box-shadow:0 6px 16px rgba(0,0,0,.06);
}
#cl-buyer .pricing h2{ margin:0 0 10px; font:900 clamp(22px,3.6vw,30px)/1.15 var(--ff); color:var(--cl-green-800); }
#cl-buyer .pricing .pricing-points{ margin: 0 0 10px 18px; }
#cl-buyer .pricing .pricing-points li{ margin: 6px 0; }

/* Case studies */
#cl-buyer .cases{
  margin: 28px 0; padding: 16px; border-radius:14px;
  background:#fff; border:1px solid var(--bd); box-shadow:0 6px 16px rgba(0,0,0,.06);
}
#cl-buyer .cases h2{ margin:0 0 12px; font:900 clamp(22px,3.6vw,30px)/1.15 var(--ff); color:var(--cl-green-800); }
#cl-buyer .case{
  padding:14px; border-radius:12px; background:#f7fcf9; border:1px solid #d8eddc; margin: 12px 0;
}
#cl-buyer .case h3{ margin:0 0 6px; font-weight:900; color:#173c25; }
#cl-buyer .case-facts{ margin:0 0 8px 18px; }
#cl-buyer .case-quote{ margin:8px 0 0; font-style:italic; color:#2a4636; }

/* Optional video */
#cl-buyer .video{ margin: 28px 0; padding: 16px; border-radius:14px; background:#fff; border:1px solid var(--bd); box-shadow:0 6px 16px rgba(0,0,0,.06); }
#cl-buyer .video-embed{ position:relative; padding-top:56.25%; border-radius:12px; overflow:hidden; background:#000; }
#cl-buyer .video-embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* === Spacing + Reveal System (scoped to #cl-buyer) === */

/* Normalize margins on our page blocks */
#cl-buyer :is(.hero,.proof,.how,.pricing,.cases,.offer,.faq,.cta-band,.reviews,.video){ 
  margin: 0; 
}

/* 100px vertical rhythm between blocks */
#cl-buyer .container > :is(.hero,.proof,.how,.pricing,.cases,.offer,.faq,.cta-band,.reviews,.video) + :is(.hero,.proof,.how,.pricing,.cases,.offer,.faq,.cta-band,.reviews,.video){
  margin-top: 100px;
}

/* Reveal animation: start 40px down, fade in */
#cl-buyer .reveal{
  opacity: 0;
  transform: translateY(40px);
  transition: opacity .45s ease, transform .45s ease;
  will-change: transform, opacity;
}
#cl-buyer .reveal.inview{
  opacity: 1;
  transform: none;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  #cl-buyer .reveal{ opacity: 1 !important; transform: none !important; transition: none !important; }
}


/* ==========================================================================
   Cash.Land — "Cash Land Buyer" (Glass Edition)
   Scope: #cl-buyer  •  Elementor/Theme-proof
   ========================================================================== */

/* 0) TOKENS (use real values; no self-referencing) */
#cl-buyer{
  --cl-green-500: #1dbd3d;
  --cl-green-600: #1aa734;
  --cl-green-700: #0e7f23;
  --cl-green-800: #085d0b;
  --cl-green-900: #0b3d1a;
  --cl-focus:     #ffcf4d;
  --ink:          #0a0f0b;
  --ink-sub:      #1f3b2a;
  --bd:           #e7efe9;

  --brand-grad:   linear-gradient(180deg, var(--cl-green-500), var(--cl-green-700));
  --btn-grad:     linear-gradient(180deg, #2be055 0%, #0f8e2a 100%);

  /* Glass */
  --glass-bg:     rgba(255,255,255,0.14);
  --glass-bd:     rgba(255,255,255,0.36);
  --glass-blur:   18px;
  --glass-shadow: 0 18px 50px rgba(8, 31, 17, 0.25);

  --ff: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", sans-serif;

  --shadow-sm: 0 8px 20px rgba(0,0,0,.10);
  --shadow-lg: 0 24px 60px rgba(0,0,0,.22);

  --bg-1: #f4fff7;
   /*--bg-2: #e6f8ed;*/
  --bg-3: #d9f3e5;
}

/* 1) PAGE BASE + AMBIENT BACKDROP */
#cl-buyer{ position:relative; font-family:var(--ff); color:var(--ink); overflow:clip; }
#cl-buyer * { box-sizing: border-box; }


/* Ambient gradient + soft blobs + subtle noise */
#cl-buyer::before,
#cl-buyer::after{
  content:""; position:absolute; inset:0; pointer-events:none;
}
#cl-buyer::before{
  background:
    radial-gradient(1000px 600px at 8% -10%, var(--bg-2) 0%, transparent 60%),
    radial-gradient(900px 560px at 95% 5%,  var(--bg-3) 0%, transparent 55%),
    linear-gradient(180deg, var(--bg-1) 0%, #eaf7ef 100%);
  z-index:0;
}
#cl-buyer::after{
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0 .015 .03'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.7; mix-blend-mode:multiply; z-index:0;
}
#cl-buyer .page-wrap, #cl-buyer .container{ position:relative; z-index:1; }

/* 2) GLOBAL TYPE + LINKS */
#cl-buyer h1, #cl-buyer h2, #cl-buyer h3{
  margin:0 0 10px; letter-spacing:-.015em;
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
}
#cl-buyer h1{ color:var(--cl-green-900); font-weight:900; font-size:clamp(30px,5.4vw,54px); line-height:1.04; }
#cl-buyer h2{ color:#0e5a2a;          font-weight:900; font-size:clamp(22px,3.6vw,30px); line-height:1.12; }
#cl-buyer h3{ color:#124b2b;          font-weight:900; font-size:1.05rem; }
#cl-buyer p{ color:var(--ink-sub); }

#cl-buyer a{ color:var(--cl-green-800); text-underline-offset:3px; text-decoration-thickness:from-font; }
#cl-buyer a:hover{ color:var(--cl-green-700); text-decoration:underline; }
#cl-buyer .sr-only{ position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* 3) BUTTONS */
#cl-buyer .btn{
  appearance:none; display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:12px 18px; border-radius:999px;
  font-weight:800; letter-spacing:.2px; text-decoration:none; cursor:pointer;
  border:1px solid transparent; transition:transform .15s ease, filter .15s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
  box-shadow: var(--shadow-sm);
}
#cl-buyer .btn:focus-visible{ outline:3px solid var(--cl-focus); outline-offset:2px; }
#cl-buyer .btn--primary{
  color:#fff; background:var(--btn-grad); border-color:rgba(12,100,28,.35);
  box-shadow: 0 12px 30px rgba(16,128,40,.25), 0 4px 12px rgba(0,0,0,.08);
}
#cl-buyer .btn--primary:hover{ filter:brightness(1.04); transform:translateY(-1px); }
#cl-buyer .btn--ghost{
  color:var(--cl-green-900);
  background:linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,.25));
  border-color:rgba(255,255,255,.55);
  backdrop-filter:saturate(125%) blur(14px);
  -webkit-backdrop-filter:saturate(125%) blur(14px);
  box-shadow:0 10px 26px rgba(0,0,0,.10), inset 0 0 0 1px rgba(11,93,11,.10);
}
#cl-buyer .btn--ghost:hover{ transform:translateY(-1px); filter:brightness(1.02); }

/* 4) EYEBROW (if used) */
#cl-buyer .eyebrow{
  display:inline-block; margin:0 0 10px; padding:.3rem .7rem;
  font:800 .78rem/1 var(--ff); letter-spacing:.06em; text-transform:uppercase;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
  border:1px solid rgba(255,255,255,.65);
  color:#173c25;
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
}

/* 5) GLASS PANELS (all major blocks) */
#cl-buyer .hero,
#cl-buyer .proof,
#cl-buyer .how,
#cl-buyer .pricing,
#cl-buyer .cases,
#cl-buyer .offer,
#cl-buyer .faq,
#cl-buyer .cta-band,
#cl-buyer .reviews,
#cl-buyer .video{
  background:var(--glass-bg);
  border:1px solid var(--glass-bd);
  backdrop-filter:saturate(120%) blur(var(--glass-blur));
  -webkit-backdrop-filter:saturate(120%) blur(var(--glass-blur));
  border-radius:16px;
  box-shadow:var(--glass-shadow);
  padding: clamp(16px, 3.2vw, 24px);
}

/* 6) HERO */
#cl-buyer .hero .sub{ margin:6px 0 14px; font-size:clamp(16px,2.2vw,20px); color:#1f3b2a; }
#cl-buyer .hero .actions{ display:flex; gap:10px; flex-wrap:wrap; }

/* 7) PROOF / BADGES */
#cl-buyer .proof{ display:grid; gap:12px; grid-template-columns:1fr; }
@media (min-width:720px){ #cl-buyer .proof{ grid-template-columns:auto 1fr; align-items:center; } }

#cl-buyer .rating-pill{
  display:inline-flex; align-items:center; gap:.6rem; padding:.55rem .9rem; border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
  border:1px solid rgba(255,255,255,.6);
  color:var(--cl-green-900); box-shadow:0 10px 24px rgba(0,0,0,.08);
  font-weight:800; backdrop-filter:saturate(140%) blur(10px); -webkit-backdrop-filter:saturate(140%) blur(10px);
}
#cl-buyer .rating-pill .stars{ position:relative; display:inline-block; line-height:1; font-size:1.05rem; letter-spacing:.06em; }
#cl-buyer .rating-pill .base{ color:#cfe9d6; }
#cl-buyer .rating-pill .fill{ position:absolute; inset:0 auto 0 0; white-space:nowrap; overflow:hidden; color:#0b6f1e; width:0; transition:width .25s ease; }

#cl-buyer .facts{ display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; color:#1f3b2a; font-weight:700; }


/* 8) HOW (steps) */
#cl-buyer .how .steps{ display:grid; gap:12px; grid-template-columns:1fr; }
@media (min-width:760px){ #cl-buyer .how .steps{ grid-template-columns:repeat(3,1fr); } }
#cl-buyer .step{
  padding:14px; border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.35));
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 12px 30px rgba(0,0,0,.10);
  backdrop-filter:saturate(140%) blur(10px); -webkit-backdrop-filter:saturate(140%) blur(10px);
}
#cl-buyer .step .k{ font-weight:900; color:var(--cl-green-700); }
#cl-buyer .step h3{ margin:6px 0 4px; color:#173c25; }
#cl-buyer .step p{ margin:0; color:#2a4636; }

/* 9) PRICING (unique section) */
#cl-buyer .pricing h2{ color:var(--cl-green-800); }
#cl-buyer .pricing .pricing-points{ margin:0 0 10px 18px; }
#cl-buyer .pricing .pricing-points li{ margin:6px 0; }

/* 10) CASES */
#cl-buyer .cases .case{
  padding:14px; border-radius:14px; margin:12px 0;
  background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.35));
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 12px 30px rgba(0,0,0,.10);
  backdrop-filter:saturate(140%) blur(10px); -webkit-backdrop-filter:saturate(140%) blur(10px);
}
#cl-buyer .case h3{ margin:0 0 6px; color:#173c25; }
#cl-buyer .case-facts{ margin:0 0 8px 18px; color:#2a4636; }
#cl-buyer .case-quote{ margin:8px 0 0; font-style:italic; color:#2a4636; }

/* 11) REVIEWS (grid thumbs) */
#cl-buyer .reviews h2{ color:var(--cl-green-800); }
#cl-buyer .thumbs{
  display:grid; gap:16px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
#cl-buyer .thumbs img,
#cl-buyer .thumbs figure,
#cl-buyer .thumbs .review-thumb{
  width:100%; height:100%; border-radius:12px; overflow:hidden; object-fit:cover;
  display:block; box-shadow:0 10px 24px rgba(0,0,0,.10);
}

/* 12) OFFER FORM (hard-coded) */
#cl-buyer .offer .sub{ margin-top:-4px; color:#2a4636; }
#cl-buyer .offer-form{ max-width:720px; }
#cl-buyer .offer-form .of-row{ margin:10px 0; }
#cl-buyer .offer-form input[type="text"],
#cl-buyer .offer-form input[type="email"],
#cl-buyer .offer-form input[type="tel"]{
  width:100%; min-height:44px; padding:12px 14px; border-radius:12px;
  color:#0f2316; background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
  border:1px solid rgba(255,255,255,.65); box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 8px 18px rgba(0,0,0,.06);
  backdrop-filter:saturate(140%) blur(10px); -webkit-backdrop-filter:saturate(140%) blur(10px);
}
#cl-buyer .offer-form input::placeholder{ color:#557766; }
#cl-buyer .offer-form input:focus{ outline:3px solid var(--cl-focus); outline-offset:2px; }
#cl-buyer .offer-form .of-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:8px; }

/* 13) FAQ */
#cl-buyer .faq .qa{ border-top:1px solid rgba(255,255,255,.55); padding:12px 0; }
#cl-buyer .faq .qa:first-child{ border-top:0; padding-top:0; }
#cl-buyer .faq .qa h3{ margin:0 0 6px; color:#143b24; font-size:  }
#cl-buyer .faq .qa p{ margin:0; color:#264a36; }

/* 14) CTA BAND (glass hero style with green glow) */
#cl-buyer .cta-band{
  display:grid; gap:12px; align-items:center; color:var(--cl-green-900);
  background:
    linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.35)),
    radial-gradient(900px 300px at 85% -20%, rgba(33,201,88,.20), transparent 60%);
  border:1px solid rgba(255,255,255,.65);
  box-shadow: 0 16px 40px rgba(0,0,0,.12), 0 10px 30px rgba(17,107,45,.18);
}
@media (min-width:760px){ #cl-buyer .cta-band{ grid-template-columns:1fr auto; } }
#cl-buyer .cta-band h2{ margin:0; font:900 clamp(22px,3.8vw,32px)/1.1 var(--ff); }
#cl-buyer .cta-band p{ margin:0; opacity:.96; font-weight:600; }

/* 15) CHIPS / PILLS (if used) */
#cl-buyer .pill{
  display:inline-flex; align-items:center; gap:.35ch; white-space:nowrap;
  padding:.45rem .7rem; border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
  border:1px solid rgba(255,255,255,.65); color:var(--cl-green-800); font-weight:800; font-size:.9rem; text-decoration:none;
}

/* 16) SPACING: 100px rhythm between major blocks */
#cl-buyer .container > :is(.hero,.proof,.how,.pricing,.cases,.offer,.faq,.cta-band,.reviews,.video)
  + :is(.hero,.proof,.how,.pricing,.cases,.offer,.faq,.cta-band,.reviews,.video){
  margin-top:100px;
}
@media (max-width:520px){
  #cl-buyer .container > :is(.hero,.proof,.how,.pricing,.cases,.offer,.faq,.cta-band,.reviews,.video)
    + :is(.hero,.proof,.how,.pricing,.cases,.offer,.faq,.cta-band,.reviews,.video){
    margin-top:72px;
  }
}

/* 17) REVEAL: slide-up 40px */
#cl-buyer .reveal{ opacity:0; transform:translateY(40px); transition:opacity .45s ease, transform .45s ease; will-change:transform, opacity; }
#cl-buyer .reveal.inview{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  #cl-buyer .reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
}

/* 18) ACCESSIBILITY FOCUS */
#cl-buyer :is(a,button,.btn,input,textarea):focus-visible{ outline:3px solid var(--cl-focus); outline-offset:2px; }

/* 19) Elementor guards (inside scope) */
#cl-buyer .elementor *{ all: unset; }
#cl-buyer .elementor :where(h1,h2,h3,p,ul,ol){ all: revert; font-family: var(--ff); }
#cl-buyer .elementor a{ all: revert; color: var(--cl-green-800); text-underline-offset: 2px; }



/* ===== Cash Land Buyer backdrop (scoped) ===== */
#cl-buyer {
  position: relative;
  z-index: 0;               /* create a stacking context */
}


/* Ensure all sections remain glass/transparent over the backdrop */
#cl-buyer .hero,
#cl-buyer .proof,
#cl-buyer .how,
#cl-buyer .pricing,
#cl-buyer .cases,
#cl-buyer .offer,
#cl-buyer .faq,
#cl-buyer .cta-band,
#cl-buyer .reviews,
#cl-buyer .video {
  background:#ffeeee85  /* your “glass” styles provide their own bg */
}

/* If your theme paints <main> with a solid color, neutralize it ONLY here */
main#primary.site-main:has(#cl-buyer) {
  background: transparent !important;
}

/* iOS Safari fix: background-attachment: fixed is buggy; use absolute fallback */
@supports (-webkit-touch-callout: none) {
  #cl-buyer::before {
    position: absolute;     /* fallback for iOS */
    background-attachment: scroll;
    height: 100%;
  }
}

/* Scope */
#cl-buyer { position: relative; }

/* Fixed, full-viewport image behind the glass containers */
#cl-buyer .cl-buyer-bg{
  position: fixed;       /* stick to viewport */
  inset: 0;              /* top:0; right:0; bottom:0; left:0 */
  width: 100vw;
  height: 100vh;
  object-fit: cover;   /* show the whole image (no crop) */
  object-position: center ;
  z-index: -1;           /* behind page content */
  pointer-events: none;  /* clicks pass through */
  user-select: none;
  background: #eaf8ee;   /* letterbox fill for any empty space */
}

/* Ensure the page content sits above the bg image */
#cl-buyer .container { position: relative; z-index: 1; }

/* Optional: on large screens, switch to “cover” for a full-bleed look */
@media (min-width: 1024px){
  #cl-buyer .cl-buyer-bg{ object-fit: cover; }
}

/* If your theme paints <main> a solid color, clear it ONLY on this page */
main#primary.site-main:has(#cl-buyer){
  background: transparent !important;
}


@media (max-width: 768px) {
  #cl-buyer .cl-buyer-bg {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 130vh;
    object-fit: cover;
    object-position: center;
    z-index: -1;
    pointer-events: none;
    user-select: none;
    background: #eaf8ee;
          }
}

/* === Accessibility Utility === */
/* Use for headings or text that should be read by screen readers but hidden visually */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#cl-buyer .facts .trust-item{
    background: #024102; 
    border: 1px solid rgba(11,93,11,.25);
    color: #ffffff;
    padding: .5rem .75rem;
}

#cl-buyer .facts .trust-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 999px;
    background: #e9f9ee;
    color: #169c37;
    border: 1px solid #bfe7c9;
    padding:0;
}


/* Mini case facts panel under review cards (Cash Land Buyer section) */
.case-facts-wrap{
  margin-top: -8px;           /* pulls it closer to the card */
  width: 100%;
}
.case-facts{
  list-style: none;
  margin: 0 0 14px;
  padding: 12px 14px;
  display: grid;
  gap: 6px;
  border: 1px solid rgba(11,93,11,.22);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.75));
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  backdrop-filter: blur(6px) saturate(1.05);
  -webkit-backdrop-filter: blur(6px) saturate(1.05);
  font-size: .95rem;
  color: #1f3b2a;
}
.case-facts li strong{
  color: #0e7f23;
  font-weight: 800;
  margin-right: 6px;
}
@media (max-width:640px){
  .case-facts{ padding: 10px 12px; gap: 5px; }
}

/* Accessibility helper already in your CSS; here in case it’s missing */
.sr-only{ position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }




/* Cash Land Buyer – center the case-study cards */
#cl-buyer #case-studies .cl-reviews-grid{
  display: grid;
  /* fixed track widths that can wrap; this is what lets centering work */
  grid-template-columns: repeat(auto-fit, minmax(320px, 420px));
  gap: 18px;

  /* center the tracks instead of starting at the left */
  justify-content: center;

  /* optional: keep the whole strip from getting too wide */
  max-width: 900px;            /* tweak to taste: 860–980px */
  margin-inline: auto;
}


@media (max-width: 680px){
  #cl-buyer #case-studies .cl-reviews-grid{
    grid-template-columns: minmax(0, 1fr);  /* single column on small screens */
    justify-content: stretch;
    max-width: none;
  }
}

/* ===========================
   Fix: Case-facts align under card
   =========================== */

/* Make each card + facts act as one vertical item */
#cl-buyer #case-studies .cl-grid-item {

    padding: 14px;
    border-radius: 14px;
    margin: 12px 0;

  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-width: 420px;
  width: 100%;
}

/* Facts panel sits flush under card */
#cl-buyer #case-studies .case-facts-wrap {
  margin-top: -75px;              /* slightly tuck under card’s shadow */
  width: 100%;                   /* match card width */
  align-self: stretch;           /* force full width of parent */
}



/* Center the pair as a group within the grid cell */
#cl-buyer #case-studies .cl-reviews-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 420px));
  gap: 40px;
  justify-content: center;
}

#cl-buyer .review-card {
max-width:390px;
box-shadow: 0 16px 26px rgba(0,0,0,.26);
}


/* Headline above each facts list */
#cl-buyer #case-studies .case-facts-title {
  margin: 0 0 15px;
  font-size: 1.05rem;
  font-weight: 800;
  
  line-height: 1.3;
}

#cl-buyer .review-card .btn-ghost.btn-wide{
    display: inline-flex;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    border: 2px solid #cfe9d6;
    color: #0e7f23;
    background: #fff;
    font-weight: 900;
    padding: 8px 14px;
    border-radius: 12px;
    }
    
    #cl-buyer .review-card .btn-ghost.btn-wide:hover{
    background: #f6fffa;
    border-color: #28b24a;
    color: #15b232;
    transform: translateY(-1px);
    filter: brightness(1.02);
    font-weight: 900;
    }
    
#cl-buyer    .review-card .btn-compact{
        padding: 4px 12px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color:#fff;
    background: linear-gradient(135deg,var(--green-600),var(--green-700));
    font-size: .86rem;
    }
    
#cl-buyer    .review-card .btn-compact:hover{
    transform: translateY(-2px);
    text-decoration: none;
    background: linear-gradient(135deg,#17b238,#0c721f);
    color: #fff;
    font-weight: 800;
font-size: .86rem;
}

#cl-buyer .faq details[open] summary{
  background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
  border: 1px solid rgba(11,93,11,.18);
}

#cl-buyer .review-card .subline{margin:15px 0;}
#cl-buyer .review-card .headline-link{ text-align:center; font-style:italic;}