*{box-sizing:border-box}body{margin:0;background:#070707;color:#f8f5ef;font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:16px 6vw;background:rgba(7,7,7,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(201,162,74,.22)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:48px;height:48px;border:1px solid #c9a24a;border-radius:50%;display:grid;place-items:center;color:#e4c875;font-weight:800}.brand strong{display:block;font-family:Georgia,serif;font-size:22px}.brand small{color:#a7a7a7}.site-nav{display:flex;gap:22px;align-items:center}.site-nav a{color:#ddd}.nav-cta,.btn.gold{background:linear-gradient(135deg,#c9a24a,#e4c875,#9b7629);color:#090909!important;border:none}.nav-cta{padding:10px 16px;border-radius:999px;font-weight:700}.menu-toggle{display:none;background:none;border:1px solid #c9a24a;color:#e4c875;border-radius:8px;padding:8px 12px}.hero{min-height:720px;background-size:cover;background-position:center;display:flex;align-items:center;padding:80px 6vw}.hero-content{max-width:760px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#e4c875;font-weight:700;font-size:13px}.hero h1,.page-hero h1,.section h2{font-family:Georgia,serif;line-height:1.05}.hero h1{font-size:clamp(42px,7vw,86px);margin:16px 0}.lead{font-size:22px;color:#eee;max-width:720px}.trust-line{color:#e4c875}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:14px 22px;border-radius:999px;font-weight:800}.btn.ghost{border:1px solid rgba(255,255,255,.35);color:#fff}.rate-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c9a24a;padding:1px}.rate-bar div{background:#111;padding:22px 6vw}.rate-bar span{display:block;color:#aaa;font-size:13px}.rate-bar strong{font-size:20px;color:#e4c875}.section{padding:90px 6vw}.section-head{max-width:820px;margin:0 auto 42px;text-align:center}.section h2,.page-hero h1{font-size:clamp(34px,5vw,58px);margin:8px 0}.section p,.page-hero p{color:#d4d4d4}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.premium-box,.calculator-card,.quote-form{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(201,162,74,.25);border-radius:24px;padding:26px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.card h3{color:#e4c875;margin-top:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.dark-panel{background:#0c0c0c}.calculator-card label,.quote-form label{display:block;color:#e4c875;font-weight:700;margin-bottom:14px}.calculator-card input,.calculator-card select,.quote-form input,.quote-form select,.quote-form textarea{width:100%;margin-top:6px;padding:14px;border-radius:12px;border:1px solid rgba(201,162,74,.32);background:#0d0d0d;color:#fff}.result-box{margin-top:20px;padding:22px;border-radius:18px;background:#080808;border:1px solid rgba(201,162,74,.35)}.result-box span,.result-box small{display:block;color:#aaa}.result-box strong{display:block;font-size:34px;color:#e4c875}.page-hero{padding:100px 6vw;background:linear-gradient(135deg,#070707,#15110a);text-align:center}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quote-form{max-width:1050px;margin:0 auto}.quote-form button{margin-top:18px}.site-footer{display:flex;justify-content:space-between;gap:30px;padding:45px 6vw;background:#050505;border-top:1px solid rgba(201,162,74,.2);color:#cfcfcf}.site-footer h3{color:#e4c875;font-family:Georgia,serif}.tiny{font-size:13px;color:#999}.footer-links{display:flex;flex-direction:column;gap:8px}.steps .card span{color:#e4c875;font-size:32px;font-family:Georgia,serif}.thank-you{min-height:60vh;display:grid;place-items:center}.center{text-align:center}@media(max-width:900px){.site-nav{display:none;position:absolute;top:80px;left:0;right:0;flex-direction:column;background:#070707;padding:20px}.site-nav.open{display:flex}.menu-toggle{display:block}.rate-bar,.cards,.split,.form-grid{grid-template-columns:1fr}.hero{min-height:650px}.site-footer{flex-direction:column}}
.hero-slider{position:relative;overflow:hidden;background:#070707}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 900ms ease-in-out;z-index:0}
.hero-slide.active{opacity:1}
.hero-content{position:relative;z-index:2}
.hero-dots{position:absolute;z-index:3;left:6vw;bottom:34px;display:flex;gap:10px}
.hero-dot{width:12px;height:12px;border-radius:999px;border:1px solid rgba(228,200,117,.75);background:rgba(0,0,0,.35);cursor:pointer}
.hero-dot.active{background:#e4c875}

/* V8 robust hero slider fix */
.hero-slider{position:relative;overflow:hidden;background:#070707}
.hero-slider .hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 900ms ease-in-out;z-index:0;background:#070707}
.hero-slider .hero-slide.active{opacity:1}
.hero-slider .hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg, rgba(7,7,7,.94), rgba(7,7,7,.58), rgba(7,7,7,.20))}
.hero-content{position:relative;z-index:2}
.hero-dots{position:absolute;z-index:3;left:6vw;bottom:34px;display:flex;gap:10px}


/* V9 hero fit + visible text + working slider */
.hero{
  min-height: clamp(520px, 72vh, 760px) !important;
  max-height: 820px;
  padding: 84px 6vw 92px !important;
}
.hero-slider{
  position:relative !important;
  overflow:hidden !important;
  background:#070707 !important;
  display:flex !important;
  align-items:center !important;
}
.hero-slider .hero-slide{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  transition:opacity 900ms ease-in-out !important;
  z-index:0 !important;
  background:#070707 !important;
}
.hero-slider .hero-slide.active{
  opacity:1 !important;
}
.hero-slider .hero-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}
.hero-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg, rgba(7,7,7,.95) 0%, rgba(7,7,7,.70) 42%, rgba(7,7,7,.28) 100%),
    linear-gradient(0deg, rgba(7,7,7,.55) 0%, rgba(7,7,7,0) 38%) !important;
  pointer-events:none !important;
}
.hero-content{
  position:relative !important;
  z-index:5 !important;
  max-width:760px !important;
  padding:22px 0 !important;
}
.hero-content h1,
.hero-content .lead,
.hero-content .trust-line,
.hero-content .eyebrow,
.hero-content .hero-actions{
  position:relative !important;
  z-index:6 !important;
  opacity:1 !important;
  visibility:visible !important;
}
.hero-content h1{
  color:#f8f5ef !important;
  text-shadow:0 8px 28px rgba(0,0,0,.80) !important;
}
.hero-content .lead{
  color:#fff !important;
  text-shadow:0 5px 18px rgba(0,0,0,.85) !important;
}
.hero-content .trust-line{
  color:#e4c875 !important;
  text-shadow:0 4px 15px rgba(0,0,0,.85) !important;
}
.hero-dots{
  position:absolute !important;
  z-index:7 !important;
  left:6vw !important;
  bottom:34px !important;
  display:flex !important;
  gap:10px !important;
}
.hero-dot{
  width:12px !important;
  height:12px !important;
  border-radius:999px !important;
  border:1px solid rgba(228,200,117,.85) !important;
  background:rgba(0,0,0,.45) !important;
  cursor:pointer !important;
}
.hero-dot.active{
  background:#e4c875 !important;
}
@media(max-width:900px){
  .hero{
    min-height:600px !important;
    padding:88px 6vw 82px !important;
  }
  .hero-content h1{
    font-size:clamp(36px,10vw,58px) !important;
  }
  .hero-content .lead{
    font-size:18px !important;
  }
}


/* V11 CLEAN HERO PATCH — one hero only, no duplicate image, fixed size */
.hero,
.hero-slider,
.hero-v10{
  display:none !important;
}

.hero-clean{
  position:relative !important;
  height:650px !important;
  min-height:650px !important;
  max-height:650px !important;
  overflow:hidden !important;
  background:#070707 !important;
  display:flex !important;
  align-items:center !important;
  padding:0 6vw !important;
  margin:0 !important;
  isolation:isolate !important;
}

.hero-clean-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
}

.hero-clean-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:0 !important;
  transition:opacity 900ms ease-in-out !important;
}

.hero-clean-slide.active{
  opacity:1 !important;
}

.hero-clean-slide img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  min-width:0 !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

.hero-clean-shade{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(7,7,7,.97) 0%, rgba(7,7,7,.76) 43%, rgba(7,7,7,.22) 100%),
    linear-gradient(0deg, rgba(7,7,7,.60) 0%, rgba(7,7,7,0) 45%) !important;
}

.hero-clean-text{
  position:relative !important;
  z-index:2 !important;
  width:min(760px, 92vw) !important;
  color:#f8f5ef !important;
  padding-top:68px !important;
}

.hero-clean-kicker{
  margin:0 0 14px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:#e4c875 !important;
  font-weight:800 !important;
  font-size:13px !important;
  text-shadow:0 5px 18px rgba(0,0,0,.95) !important;
}

.hero-clean h1{
  margin:0 0 18px !important;
  color:#f8f5ef !important;
  font-family:Georgia,serif !important;
  font-size:clamp(42px, 6.2vw, 78px) !important;
  line-height:1.04 !important;
  text-shadow:0 8px 32px rgba(0,0,0,.95) !important;
}

.hero-clean-lead{
  margin:0 0 14px !important;
  max-width:720px !important;
  color:#fff !important;
  font-size:21px !important;
  line-height:1.5 !important;
  text-shadow:0 6px 24px rgba(0,0,0,.95) !important;
}

.hero-clean-trust{
  margin:0 0 28px !important;
  color:#e4c875 !important;
  font-weight:700 !important;
  text-shadow:0 5px 18px rgba(0,0,0,.95) !important;
}

.hero-clean-actions{
  display:flex !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}

.hero-clean-dots{
  position:absolute !important;
  left:6vw !important;
  bottom:26px !important;
  z-index:3 !important;
  display:flex !important;
  gap:10px !important;
}

.hero-clean-dot{
  width:12px !important;
  height:12px !important;
  border-radius:999px !important;
  border:1px solid rgba(228,200,117,.90) !important;
  background:rgba(0,0,0,.45) !important;
  padding:0 !important;
  cursor:pointer !important;
}

.hero-clean-dot.active{
  background:#e4c875 !important;
}

@media(max-width:900px){
  .hero-clean{
    height:590px !important;
    min-height:590px !important;
    max-height:590px !important;
  }
  .hero-clean-text{
    padding-top:56px !important;
  }
  .hero-clean h1{
    font-size:clamp(34px, 10vw, 54px) !important;
  }
  .hero-clean-lead{
    font-size:17px !important;
  }
}


/* V20 Gold Buyer Section Image */
.section-image-card{
  width:100%;
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(201,162,74,.26);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  background:#080808;
}
.section-image-card img{
  display:block;
  width:100%;
  height:420px;
  object-fit:cover;
  object-position:center;
}
.gold-buyer-image-section{
  padding-top:70px;
  padding-bottom:70px;
}
@media(max-width:900px){
  .section-image-card img{
    height:280px;
  }
}


/* V21 Page Image Sections */
.page-feature-image-section{
  padding-top:64px;
  padding-bottom:64px;
}

.section-image-card{
  width:100%;
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(201,162,74,.26);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  background:#080808;
}

.section-image-card img{
  display:block;
  width:100%;
  height:420px;
  object-fit:cover;
  object-position:center;
}

@media(max-width:900px){
  .page-feature-image-section{
    padding-top:46px;
    padding-bottom:46px;
  }
  .section-image-card img{
    height:280px;
  }
}


/* V22 Mini Page Sliders for page image categories */
.section-image-card.mini-page-slider{
  position:relative;
  height:420px;
  min-height:420px;
  overflow:hidden;
  border-radius:26px;
  background:#080808;
}

.mini-page-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity 850ms ease-in-out;
}

.mini-page-slide.active{
  opacity:1;
}

.mini-page-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

.mini-page-dots{
  position:absolute;
  left:18px;
  bottom:16px;
  display:flex;
  gap:8px;
  z-index:3;
}

.mini-page-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  border:1px solid rgba(228,200,117,.9);
  background:rgba(0,0,0,.45);
  padding:0;
  cursor:pointer;
}

.mini-page-dot.active{
  background:#e4c875;
}

@media(max-width:900px){
  .section-image-card.mini-page-slider{
    height:280px;
    min-height:280px;
  }
}


/* V27 Safe Mini Page Sliders */
.page-feature-image-section{
  padding-top:64px;
  padding-bottom:64px;
}
.section-image-card.mini-page-slider{
  position:relative;
  height:420px;
  min-height:420px;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(201,162,74,.26);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  background:#080808;
}
.mini-page-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity 850ms ease-in-out;
}
.mini-page-slide.active{
  opacity:1;
}
.mini-page-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.mini-page-dots{
  position:absolute;
  left:18px;
  bottom:16px;
  display:flex;
  gap:8px;
  z-index:3;
}
.mini-page-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  border:1px solid rgba(228,200,117,.9);
  background:rgba(0,0,0,.45);
  padding:0;
  cursor:pointer;
}
.mini-page-dot.active{
  background:#e4c875;
}
@media(max-width:900px){
  .section-image-card.mini-page-slider{
    height:280px;
    min-height:280px;
  }
}


/* V28 Subpage mini slider becomes full-width image above text */
.page-feature-image-section{
  display:block !important;
  padding-top:70px !important;
  padding-bottom:54px !important;
}

.section-image-card.mini-page-slider.mini-page-hero-style{
  width:100% !important;
  height:430px !important;
  min-height:430px !important;
  border-radius:28px !important;
  margin:0 auto 34px !important;
  position:relative !important;
  overflow:hidden !important;
  background:#080808 !important;
  border:1px solid rgba(201,162,74,.28) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
}

.mini-page-hero-style .mini-page-slide,
.mini-page-hero-style .mini-page-slide img{
  width:100% !important;
  height:100% !important;
}

.page-feature-text-full{
  width:100% !important;
  max-width:1120px !important;
  margin:0 auto !important;
  text-align:left !important;
}

.page-feature-text-full h2{
  font-size:clamp(34px, 4.5vw, 56px) !important;
  margin:0 0 14px !important;
  color:#f8f5ef !important;
  font-family:Georgia,serif !important;
  line-height:1.08 !important;
}

.page-feature-text-full p{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  color:#d8d8d8 !important;
  font-size:19px !important;
  line-height:1.75 !important;
}

@media(max-width:900px){
  .page-feature-image-section{
    padding-top:46px !important;
    padding-bottom:42px !important;
  }

  .section-image-card.mini-page-slider.mini-page-hero-style{
    height:280px !important;
    min-height:280px !important;
    border-radius:22px !important;
    margin-bottom:24px !important;
  }

  .page-feature-text-full p{
    font-size:17px !important;
  }
}


/* V29 Subpage image becomes top hero; old page hero text removed */
.subpage-image-hero{
  position:relative !important;
  width:100% !important;
  height:520px !important;
  min-height:520px !important;
  overflow:hidden !important;
  background:#070707 !important;
  margin:0 !important;
  padding:0 !important;
}

.subpage-image-hero-slider{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background:#080808 !important;
}

.subpage-image-hero-slider .mini-page-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:0;
  transition:opacity 850ms ease-in-out;
}

.subpage-image-hero-slider .mini-page-slide.active{
  opacity:1;
}

.subpage-image-hero-slider .mini-page-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}

.subpage-image-hero-slider::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(0deg, rgba(7,7,7,.34), rgba(7,7,7,.04));
  z-index:1;
}

.subpage-image-hero .mini-page-dots{
  z-index:3 !important;
  left:6vw !important;
  bottom:24px !important;
}

.subpage-full-text{
  padding-top:70px !important;
  padding-bottom:48px !important;
}

.subpage-full-text-inner{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
}

.subpage-full-text-inner h2{
  color:#f8f5ef !important;
  font-family:Georgia,serif !important;
  font-size:clamp(38px, 5vw, 64px) !important;
  line-height:1.06 !important;
  margin:0 0 18px !important;
}

.subpage-full-text-inner p{
  color:#d8d8d8 !important;
  font-size:20px !important;
  line-height:1.75 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

/* Hide old text hero if any older file/CSS still outputs it */
.page-hero:empty{
  display:none !important;
}

@media(max-width:900px){
  .subpage-image-hero{
    height:360px !important;
    min-height:360px !important;
  }

  .subpage-full-text{
    padding-top:48px !important;
    padding-bottom:36px !important;
  }

  .subpage-full-text-inner p{
    font-size:17px !important;
  }
}


/* V30 Centered, fuller subpage content */
.subpage-full-text{
  padding-top:76px !important;
  padding-bottom:42px !important;
  text-align:center !important;
}

.subpage-full-text-inner{
  max-width:1080px !important;
  margin:0 auto !important;
  text-align:center !important;
}

.subpage-full-text-inner h2{
  max-width:960px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.subpage-full-text-inner p{
  max-width:940px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  font-size:21px !important;
}

.subpage-trust-row{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:26px;
}

.subpage-trust-row span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(201,162,74,.35);
  color:#e4c875;
  background:rgba(255,255,255,.045);
  font-weight:700;
  font-size:13px;
}

.subpage-card-section{
  padding-top:42px !important;
  padding-bottom:78px !important;
}

.subpage-section-head{
  max-width:980px;
  margin:0 auto 34px;
  text-align:center;
}

.subpage-section-head h2{
  font-family:Georgia,serif;
  font-size:clamp(34px, 4.5vw, 58px);
  line-height:1.08;
  margin:8px 0 14px;
  color:#f8f5ef;
}

.subpage-section-head p{
  max-width:850px;
  margin:0 auto;
  color:#d8d8d8;
  font-size:18px;
  line-height:1.7;
}

.subpage-cards{
  max-width:1120px;
  margin:0 auto;
  justify-content:center;
}

.subpage-cards.cards{
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)) !important;
}

.subpage-cards .card{
  text-align:center;
  min-height:210px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}

.subpage-cards .card h3{
  font-size:22px;
  margin-bottom:10px;
}

.subpage-cards .card p{
  color:#d8d8d8;
}

.subpage-cta-row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:34px;
}

.calculator-main-section,
.contact-main-section{
  max-width:1180px;
  margin:0 auto;
}

.calculator-main-section .premium-box,
.contact-main-section .premium-box{
  min-height:250px;
}

@media(max-width:900px){
  .subpage-full-text{
    padding-top:52px !important;
  }

  .subpage-full-text-inner p{
    font-size:17px !important;
  }

  .subpage-cards .card{
    min-height:auto;
  }

  .subpage-cta-row .btn{
    width:100%;
    text-align:center;
  }
}


/* V46 cash message bar replaces gold-rate display */
.cash-message-bar strong{
  font-size:clamp(16px, 2vw, 24px);
  line-height:1.2;
  max-width:360px;
}
.cash-message-bar span{
  letter-spacing:.12em;
}
@media(max-width:800px){
  .cash-message-bar strong{
    max-width:100%;
  }
}


/* V47 Why Choose 24 Karatz main page */
.why-24karatz-main{
  padding-top:88px;
  padding-bottom:88px;
}

.why-24karatz-wrap{
  max-width:1180px;
  margin:0 auto;
  border:1px solid rgba(201,162,74,.24);
  border-radius:30px;
  padding:clamp(28px, 5vw, 58px);
  background:
    radial-gradient(circle at top left, rgba(201,162,74,.16), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  box-shadow:0 28px 90px rgba(0,0,0,.36);
}

.why-24karatz-intro{
  max-width:900px;
  margin:0 auto 28px;
  text-align:center;
}

.why-24karatz-intro h2{
  font-family:Georgia,serif;
  font-size:clamp(38px, 5vw, 68px);
  line-height:1.04;
  margin:8px 0 12px;
  color:#f8f5ef;
}

.why-24karatz-lead{
  color:#e4c875;
  font-weight:700;
  font-size:clamp(17px, 2vw, 23px);
  margin:0 auto;
}

.why-24karatz-copy{
  max-width:1000px;
  margin:0 auto;
  text-align:center;
}

.why-24karatz-copy p{
  color:#d8d8d8;
  font-size:18px;
  line-height:1.85;
  margin:0 auto 18px;
}

.why-24karatz-points{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
  margin:34px auto 0;
}

.why-24karatz-points div{
  border:1px solid rgba(201,162,74,.24);
  border-radius:18px;
  padding:18px;
  background:rgba(0,0,0,.24);
  text-align:center;
}

.why-24karatz-points strong{
  display:block;
  color:#e4c875;
  font-size:17px;
  margin-bottom:6px;
}

.why-24karatz-points span{
  display:block;
  color:#aaa;
  font-size:14px;
  line-height:1.5;
}

@media(max-width:800px){
  .why-24karatz-main{
    padding-top:56px;
    padding-bottom:56px;
  }

  .why-24karatz-copy{
    text-align:left;
  }

  .why-24karatz-copy p{
    font-size:16px;
  }

  .why-24karatz-points{
    grid-template-columns:1fr;
  }
}


/* V48 homepage cleanup */
.why-24karatz-single-cta{
  justify-content:center !important;
  margin-top:30px !important;
}

.why-24karatz-single-cta .btn.gold{
  min-width:220px;
  text-align:center;
}

/* Make What We Buy section spacing tighter */
.section .section-head{
  margin-bottom:22px;
}

.section .section-head h2{
  margin-top:6px;
  margin-bottom:10px;
}

.section .section-head p{
  margin-top:0;
}

.section > .cards{
  gap:16px;
}

/* Specifically tighten homepage What We Buy area after the cash message bar */
.cash-message-bar + .section{
  padding-top:56px;
  padding-bottom:56px;
}

.cash-message-bar + .section .section-head{
  margin-bottom:18px;
}

.cash-message-bar + .section .card{
  padding-top:24px;
  padding-bottom:24px;
}

@media(max-width:800px){
  .cash-message-bar + .section{
    padding-top:42px;
    padding-bottom:42px;
  }
}


/* V49 merged What We Buy + Trust premium showcase */
.buy-trust-showcase{
  padding-top:82px;
  padding-bottom:88px;
  background:
    radial-gradient(circle at 12% 8%, rgba(201,162,74,.13), transparent 30%),
    radial-gradient(circle at 88% 92%, rgba(201,162,74,.10), transparent 34%),
    linear-gradient(180deg, #080808, #111 46%, #080808);
}

.buy-trust-shell{
  max-width:1220px;
  margin:0 auto;
}

.buy-trust-head{
  max-width:900px;
  margin:0 auto 34px;
  text-align:center;
}

.buy-trust-head h2{
  font-family:Georgia,serif;
  font-size:clamp(38px, 5vw, 70px);
  line-height:1.04;
  margin:8px 0 14px;
  color:#f8f5ef;
}

.buy-trust-head p{
  max-width:760px;
  margin:0 auto;
  color:#d8d8d8;
  font-size:18px;
  line-height:1.72;
}

.buy-trust-grid{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:16px;
  margin-top:30px;
}

.buy-trust-feature{
  position:relative;
  min-height:245px;
  padding:28px;
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(201,162,74,.24);
  background:
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    radial-gradient(circle at top right, rgba(201,162,74,.18), transparent 40%);
  box-shadow:0 22px 60px rgba(0,0,0,.28);
}

.buy-trust-feature:nth-child(1){
  grid-row:span 2;
  min-height:506px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:
    linear-gradient(0deg, rgba(7,7,7,.90), rgba(7,7,7,.28)),
    radial-gradient(circle at 70% 18%, rgba(228,200,117,.26), transparent 35%),
    linear-gradient(135deg, #171105, #0b0b0b);
}

.buy-trust-feature:nth-child(1)::before{
  content:"24K";
  position:absolute;
  top:26px;
  right:30px;
  font-family:Georgia,serif;
  font-size:84px;
  line-height:1;
  color:rgba(228,200,117,.13);
  font-weight:800;
}

.buy-trust-feature:nth-child(2){
  background:
    linear-gradient(135deg, rgba(255,255,255,.065), rgba(255,255,255,.02)),
    radial-gradient(circle at 18% 20%, rgba(201,162,74,.18), transparent 38%);
}

.buy-trust-feature:nth-child(3){
  background:
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.02)),
    radial-gradient(circle at 82% 30%, rgba(201,162,74,.16), transparent 40%);
}

.buy-trust-feature:nth-child(4){
  grid-column:2;
  background:
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    radial-gradient(circle at 25% 80%, rgba(201,162,74,.16), transparent 40%);
}

.buy-trust-feature .feature-topline{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(201,162,74,.13);
  border:1px solid rgba(201,162,74,.28);
  color:#e4c875;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  font-weight:900;
  margin-bottom:16px;
}

.buy-trust-feature h3{
  font-family:Georgia,serif;
  font-size:clamp(27px, 3.2vw, 48px);
  line-height:1.04;
  margin:0 0 12px;
  color:#f8f5ef;
}

.buy-trust-feature p{
  color:#d8d8d8;
  line-height:1.68;
  font-size:16px;
  max-width:620px;
  margin:0 0 18px;
}

.buy-trust-feature span{
  display:inline-flex;
  color:#111;
  background:linear-gradient(135deg,#c9a24a,#e4c875);
  padding:9px 13px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}

.trust-strip{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1px;
  margin-top:18px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(201,162,74,.22);
  background:rgba(201,162,74,.20);
}

.trust-strip div{
  padding:22px;
  background:rgba(12,12,12,.95);
}

.trust-strip strong{
  display:block;
  color:#e4c875;
  font-size:16px;
  margin-bottom:8px;
}

.trust-strip p{
  margin:0;
  color:#bdbdbd;
  font-size:14px;
  line-height:1.55;
}

@media(max-width:980px){
  .buy-trust-grid{
    grid-template-columns:1fr;
  }

  .buy-trust-feature:nth-child(1),
  .buy-trust-feature:nth-child(4){
    grid-column:auto;
    grid-row:auto;
    min-height:260px;
  }

  .trust-strip{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:620px){
  .buy-trust-showcase{
    padding-top:56px;
    padding-bottom:60px;
  }

  .buy-trust-feature{
    min-height:auto;
    padding:22px;
  }

  .buy-trust-feature:nth-child(1){
    min-height:330px;
  }

  .trust-strip{
    grid-template-columns:1fr;
  }
}


/* V50 Scrap Gold featured card height fix */
@media(min-width:981px){
  .buy-trust-grid{
    align-items:stretch;
    grid-template-columns:1.12fr .88fr;
    grid-template-rows:repeat(3, minmax(165px, auto));
  }

  .buy-trust-feature{
    height:100%;
  }

  .buy-trust-feature:nth-child(1){
    grid-row:1 / 4;
    min-height:100%;
    height:100%;
  }

  .buy-trust-feature:nth-child(2){
    grid-column:2;
    grid-row:1;
  }

  .buy-trust-feature:nth-child(3){
    grid-column:2;
    grid-row:2;
  }

  .buy-trust-feature:nth-child(4){
    grid-column:2;
    grid-row:3;
  }
}


/* V51 Scrap Gold minimal buttons */
.buy-trust-feature.scrap-gold-minimal{
  justify-content:center !important;
  align-items:center;
  text-align:center;
  gap:18px;
  padding:34px;
}

.buy-trust-feature.scrap-gold-minimal .feature-topline{
  margin:0;
  position:relative;
  z-index:2;
}

.buy-trust-feature.scrap-gold-minimal span{
  position:relative;
  z-index:2;
  margin:0;
  min-width:185px;
  justify-content:center;
}

.buy-trust-feature.scrap-gold-minimal::after{
  content:"";
  width:140px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(228,200,117,.55), transparent);
  order:1;
}

.buy-trust-feature.scrap-gold-minimal .feature-topline{
  order:0;
}

.buy-trust-feature.scrap-gold-minimal span{
  order:2;
}


/* V52 Scrap Gold labels bottom-left for future sliding images */
.buy-trust-feature.scrap-gold-minimal{
  justify-content:flex-end !important;
  align-items:flex-start !important;
  text-align:left !important;
  gap:10px !important;
  padding:34px !important;
}

.buy-trust-feature.scrap-gold-minimal .feature-topline,
.buy-trust-feature.scrap-gold-minimal span{
  align-self:flex-start !important;
  position:relative !important;
  z-index:4 !important;
  margin:0 !important;
}

.buy-trust-feature.scrap-gold-minimal .feature-topline{
  order:0 !important;
}

.buy-trust-feature.scrap-gold-minimal span{
  order:1 !important;
  min-width:auto !important;
  justify-content:flex-start !important;
}

.buy-trust-feature.scrap-gold-minimal::after{
  display:none !important;
}

/* Soft bottom gradient so labels remain readable when images are added later */
.buy-trust-feature.scrap-gold-minimal::before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:46%;
  background:linear-gradient(0deg, rgba(0,0,0,.70), rgba(0,0,0,0));
  z-index:1;
  pointer-events:none;
}

@media(max-width:980px){
  .buy-trust-feature.scrap-gold-minimal{
    min-height:330px !important;
  }
}


/* V54 What We Buy heading redesign */
.buy-trust-head .eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  margin:0 auto 18px;
  padding:12px 22px;
  border-radius:999px;
  border:1px solid rgba(201,162,74,.36);
  background:
    linear-gradient(135deg, rgba(201,162,74,.18), rgba(255,255,255,.04));
  color:#f3d784;
  font-family:Georgia,serif;
  font-size:clamp(30px, 5vw, 64px);
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 18px 50px rgba(0,0,0,.30);
}

.buy-trust-head .eyebrow::before,
.buy-trust-head .eyebrow::after{
  content:"";
  display:block;
  width:58px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(228,200,117,.75));
  margin-right:16px;
}

.buy-trust-head .eyebrow::after{
  margin-right:0;
  margin-left:16px;
  background:linear-gradient(90deg, rgba(228,200,117,.75), transparent);
}

.buy-trust-head h2{
  display:none !important;
}

.buy-trust-head p{
  max-width:860px;
  font-size:clamp(17px, 2vw, 22px);
  line-height:1.72;
  color:#e5dfd5;
}

@media(max-width:700px){
  .buy-trust-head .eyebrow{
    width:100%;
    font-size:clamp(28px, 10vw, 48px);
    letter-spacing:.04em;
  }

  .buy-trust-head .eyebrow::before,
  .buy-trust-head .eyebrow::after{
    width:28px;
    margin-right:10px;
  }

  .buy-trust-head .eyebrow::after{
    margin-left:10px;
  }
}


/* V55 What We Buy image slider inside Most Requested box */
.what-we-buy-slider-card{
  position:relative;
  overflow:hidden;
}

.what-we-buy-card-slider{
  position:absolute;
  inset:0;
  z-index:0;
}

.what-we-buy-card-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity 900ms ease;
}

.what-we-buy-card-slide.active{
  opacity:1;
}

.what-we-buy-card-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(1.08) contrast(1.04);
}

.what-we-buy-slider-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(0deg, rgba(0,0,0,.82), rgba(0,0,0,.25) 50%, rgba(0,0,0,.35)),
    radial-gradient(circle at top right, rgba(201,162,74,.20), transparent 42%);
  z-index:1;
  pointer-events:none;
}

.what-we-buy-slider-card::after{
  z-index:2;
}

.what-we-buy-label-stack{
  position:relative;
  z-index:4;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  gap:10px;
}

.what-we-buy-label-stack .feature-topline,
.what-we-buy-label-stack span{
  margin:0 !important;
}

.buy-trust-feature.scrap-gold-minimal .what-we-buy-label-stack span{
  position:relative !important;
  z-index:4 !important;
}

.buy-trust-feature.scrap-gold-minimal .what-we-buy-label-stack .feature-topline{
  position:relative !important;
  z-index:4 !important;
}

/* If no image is uploaded yet, keep the luxury gold gradient background */
.what-we-buy-slider-card:not(:has(.what-we-buy-card-slide)){
  background:
    linear-gradient(0deg,rgba(7,7,7,.90),rgba(7,7,7,.18)),
    radial-gradient(circle at 70% 18%,rgba(228,200,117,.24),transparent 35%),
    linear-gradient(135deg,#1b1305,#070707);
}


/* V59 header uploaded logo */
.brand-with-logo{
  gap:12px;
}

.site-logo-img{
  width:54px;
  height:54px;
  object-fit:contain;
  display:block;
  border-radius:12px;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));
}

.brand-text{
  display:block;
}

@media(max-width:700px){
  .site-logo-img{
    width:46px;
    height:46px;
  }

  .brand-text strong{
    font-size:19px;
  }

  .brand-text small{
    font-size:11px;
  }
}


/* V61 bigger header logo only */
.site-header{
  min-height:82px;
  padding-top:10px;
  padding-bottom:10px;
}

.brand.logo-only{
  display:flex;
  align-items:center;
  gap:0;
  min-width:auto;
}

.logo-only .site-logo-img{
  width:150px;
  height:66px;
  object-fit:contain;
  border-radius:0;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.42));
}

.logo-only .brand-text{
  display:none !important;
}

@media(max-width:900px){
  .site-header{
    min-height:74px;
  }

  .logo-only .site-logo-img{
    width:128px;
    height:58px;
  }
}

@media(max-width:520px){
  .logo-only .site-logo-img{
    width:112px;
    height:52px;
  }
}


/* V62 larger header logo adjustment */
.site-header{
  min-height:96px;
  padding-top:8px;
  padding-bottom:8px;
}

.logo-only .site-logo-img{
  width:188px;
  height:78px;
  object-fit:contain;
  object-position:left center;
  max-width:32vw;
}

@media(max-width:900px){
  .site-header{
    min-height:86px;
  }

  .logo-only .site-logo-img{
    width:158px;
    height:68px;
    max-width:38vw;
  }
}

@media(max-width:520px){
  .site-header{
    min-height:78px;
  }

  .logo-only .site-logo-img{
    width:138px;
    height:60px;
    max-width:44vw;
  }
}


/* V63 double width header logo */
.site-header{
  min-height:104px;
  padding-top:8px;
  padding-bottom:8px;
}

.logo-only .site-logo-img{
  width:376px;
  height:86px;
  object-fit:contain;
  object-position:left center;
  max-width:42vw;
}

/* Keep nav from getting cramped on medium screens */
.site-nav{
  flex-wrap:wrap;
  justify-content:flex-end;
}

@media(max-width:1100px){
  .logo-only .site-logo-img{
    width:300px;
    height:78px;
    max-width:40vw;
  }
}

@media(max-width:900px){
  .site-header{
    min-height:92px;
  }

  .logo-only .site-logo-img{
    width:230px;
    height:72px;
    max-width:50vw;
  }
}

@media(max-width:520px){
  .site-header{
    min-height:82px;
  }

  .logo-only .site-logo-img{
    width:190px;
    height:64px;
    max-width:58vw;
  }
}


/* V64 Sell Watches luxury valuation section */
.watch-luxury-section{
  padding-top:54px;
  padding-bottom:92px;
  background:
    radial-gradient(circle at 18% 12%, rgba(201,162,74,.12), transparent 32%),
    radial-gradient(circle at 88% 80%, rgba(201,162,74,.09), transparent 35%),
    linear-gradient(180deg, #080808, #111 48%, #080808);
}

.watch-luxury-shell{
  max-width:1220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:.94fr 1.06fr;
  gap:22px;
  align-items:stretch;
}

.watch-luxury-intro{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(201,162,74,.25);
  border-radius:30px;
  padding:clamp(28px, 4vw, 52px);
  background:
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    radial-gradient(circle at 70% 8%, rgba(228,200,117,.22), transparent 35%);
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}

.watch-luxury-intro::after{
  content:"SWISS";
  position:absolute;
  right:-18px;
  bottom:-18px;
  font-family:Georgia,serif;
  font-size:clamp(72px, 10vw, 140px);
  line-height:.82;
  font-weight:900;
  color:rgba(228,200,117,.08);
  letter-spacing:.04em;
  pointer-events:none;
}

.watch-kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(201,162,74,.14);
  border:1px solid rgba(201,162,74,.30);
  color:#e4c875;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:11px;
  font-weight:900;
  margin-bottom:18px;
}

.watch-luxury-intro h2{
  position:relative;
  z-index:2;
  font-family:Georgia,serif;
  font-size:clamp(36px, 5vw, 68px);
  line-height:1.02;
  margin:0 0 18px;
  color:#f8f5ef;
}

.watch-luxury-intro p{
  position:relative;
  z-index:2;
  color:#ded8cf;
  font-size:18px;
  line-height:1.78;
  margin:0 0 22px;
}

.watch-brand-line{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:24px 0 28px;
}

.watch-brand-line span{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(201,162,74,.22);
  background:rgba(0,0,0,.28);
  color:#e4c875;
  font-size:12px;
  font-weight:800;
}

.watch-luxury-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

.watch-value-card{
  position:relative;
  min-height:220px;
  border:1px solid rgba(201,162,74,.22);
  border-radius:26px;
  padding:26px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.02)),
    radial-gradient(circle at 90% 8%, rgba(201,162,74,.13), transparent 34%);
  box-shadow:0 22px 60px rgba(0,0,0,.25);
  overflow:hidden;
}

.watch-value-card.premium{
  background:
    linear-gradient(135deg, rgba(201,162,74,.16), rgba(255,255,255,.025)),
    radial-gradient(circle at 70% 18%, rgba(228,200,117,.20), transparent 34%);
}

.watch-value-card span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:linear-gradient(135deg, #c9a24a, #e4c875);
  color:#080808;
  font-weight:900;
  margin-bottom:18px;
}

.watch-value-card h3{
  font-family:Georgia,serif;
  font-size:clamp(24px, 2.4vw, 34px);
  line-height:1.08;
  margin:0 0 12px;
  color:#f8f5ef;
}

.watch-value-card p{
  margin:0;
  color:#d5d0c8;
  line-height:1.68;
  font-size:15.5px;
}

@media(max-width:980px){
  .watch-luxury-shell{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .watch-luxury-section{
    padding-top:42px;
    padding-bottom:62px;
  }

  .watch-luxury-grid{
    grid-template-columns:1fr;
  }

  .watch-value-card{
    min-height:auto;
  }
}


/* V65 Sell Gold luxury valuation section */
.gold-luxury-section{
  padding-top:54px;
  padding-bottom:92px;
  background:
    radial-gradient(circle at 18% 12%, rgba(201,162,74,.14), transparent 32%),
    radial-gradient(circle at 88% 80%, rgba(201,162,74,.10), transparent 35%),
    linear-gradient(180deg, #080808, #111 48%, #080808);
}

.gold-luxury-shell{
  max-width:1220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:.94fr 1.06fr;
  gap:22px;
  align-items:stretch;
}

.gold-luxury-intro{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(201,162,74,.25);
  border-radius:30px;
  padding:clamp(28px, 4vw, 52px);
  background:
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    radial-gradient(circle at 70% 8%, rgba(228,200,117,.23), transparent 35%);
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}

.gold-luxury-intro::after{
  content:"GOLD";
  position:absolute;
  right:-16px;
  bottom:-18px;
  font-family:Georgia,serif;
  font-size:clamp(76px, 11vw, 150px);
  line-height:.82;
  font-weight:900;
  color:rgba(228,200,117,.08);
  letter-spacing:.04em;
  pointer-events:none;
}

.gold-kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(201,162,74,.14);
  border:1px solid rgba(201,162,74,.30);
  color:#e4c875;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:11px;
  font-weight:900;
  margin-bottom:18px;
}

.gold-luxury-intro h2{
  position:relative;
  z-index:2;
  font-family:Georgia,serif;
  font-size:clamp(36px, 5vw, 68px);
  line-height:1.02;
  margin:0 0 18px;
  color:#f8f5ef;
}

.gold-luxury-intro p{
  position:relative;
  z-index:2;
  color:#ded8cf;
  font-size:18px;
  line-height:1.78;
  margin:0 0 22px;
}

.gold-item-line{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:24px 0 28px;
}

.gold-item-line span{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(201,162,74,.22);
  background:rgba(0,0,0,.28);
  color:#e4c875;
  font-size:12px;
  font-weight:800;
}

.gold-luxury-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

.gold-value-card{
  position:relative;
  min-height:220px;
  border:1px solid rgba(201,162,74,.22);
  border-radius:26px;
  padding:26px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.02)),
    radial-gradient(circle at 90% 8%, rgba(201,162,74,.14), transparent 34%);
  box-shadow:0 22px 60px rgba(0,0,0,.25);
  overflow:hidden;
}

.gold-value-card.premium{
  background:
    linear-gradient(135deg, rgba(201,162,74,.17), rgba(255,255,255,.025)),
    radial-gradient(circle at 70% 18%, rgba(228,200,117,.22), transparent 34%);
}

.gold-value-card span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:linear-gradient(135deg, #c9a24a, #e4c875);
  color:#080808;
  font-weight:900;
  margin-bottom:18px;
}

.gold-value-card h3{
  font-family:Georgia,serif;
  font-size:clamp(24px, 2.4vw, 34px);
  line-height:1.08;
  margin:0 0 12px;
  color:#f8f5ef;
}

.gold-value-card p{
  margin:0;
  color:#d5d0c8;
  line-height:1.68;
  font-size:15.5px;
}

@media(max-width:980px){
  .gold-luxury-shell{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .gold-luxury-section{
    padding-top:42px;
    padding-bottom:62px;
  }

  .gold-luxury-grid{
    grid-template-columns:1fr;
  }

  .gold-value-card{
    min-height:auto;
  }
}


/* V67 homepage What We Buy subtitle + richer Swiss Watch section */
.buy-trust-head p{
  max-width:760px !important;
  font-size:clamp(14px, 1.45vw, 17px) !important;
  line-height:1.72 !important;
  color:#d8d1c7 !important;
  letter-spacing:.015em;
  font-weight:500;
}

.buy-trust-head p::before,
.buy-trust-head p::after{
  content:"";
  display:block;
  width:86px;
  height:1px;
  margin:14px auto;
  background:linear-gradient(90deg, transparent, rgba(228,200,117,.45), transparent);
}

.home-watch-luxury{
  padding-top:84px;
  padding-bottom:92px;
  background:
    radial-gradient(circle at 18% 12%, rgba(201,162,74,.12), transparent 32%),
    radial-gradient(circle at 82% 78%, rgba(201,162,74,.10), transparent 36%),
    linear-gradient(180deg, #070707, #111 50%, #080808);
}

.home-watch-shell{
  max-width:1220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:22px;
  align-items:stretch;
}

.home-watch-copy,
.home-watch-panel{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(201,162,74,.25);
  border-radius:30px;
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}

.home-watch-copy{
  padding:clamp(30px, 5vw, 58px);
  background:
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    radial-gradient(circle at 70% 10%, rgba(228,200,117,.22), transparent 35%);
}

.home-watch-copy::after{
  content:"WATCH";
  position:absolute;
  right:-16px;
  bottom:-18px;
  font-family:Georgia,serif;
  font-size:clamp(72px, 10vw, 145px);
  line-height:.82;
  font-weight:900;
  color:rgba(228,200,117,.075);
  letter-spacing:.04em;
  pointer-events:none;
}

.home-watch-kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(201,162,74,.14);
  border:1px solid rgba(201,162,74,.30);
  color:#e4c875;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:11px;
  font-weight:900;
  margin-bottom:18px;
}

.home-watch-copy h2{
  position:relative;
  z-index:2;
  font-family:Georgia,serif;
  font-size:clamp(38px, 5vw, 70px);
  line-height:1.02;
  margin:0 0 18px;
  color:#f8f5ef;
}

.home-watch-copy p{
  position:relative;
  z-index:2;
  color:#ded8cf;
  font-size:18px;
  line-height:1.78;
  margin:0 0 24px;
}

.home-watch-highlights{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:24px 0 30px;
}

.home-watch-highlights span{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(201,162,74,.22);
  background:rgba(0,0,0,.28);
  color:#e4c875;
  font-size:12px;
  font-weight:800;
}

.home-watch-panel{
  min-height:430px;
  background:
    linear-gradient(0deg, rgba(7,7,7,.92), rgba(7,7,7,.26)),
    radial-gradient(circle at 68% 22%, rgba(228,200,117,.26), transparent 35%),
    linear-gradient(135deg, #191106, #070707);
}

.home-watch-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(125deg, rgba(255,255,255,.10), transparent 28%),
    radial-gradient(circle at 50% 58%, rgba(201,162,74,.12), transparent 36%);
  pointer-events:none;
}

.home-watch-panel-inner{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  padding:clamp(26px, 4vw, 46px);
  background:linear-gradient(0deg, rgba(0,0,0,.70), rgba(0,0,0,0));
}

.home-watch-panel-inner h3{
  font-family:Georgia,serif;
  font-size:clamp(28px, 3.6vw, 52px);
  line-height:1.05;
  margin:8px 0 12px;
  color:#f8f5ef;
}

.home-watch-panel-inner p{
  color:#ded8cf;
  line-height:1.7;
  font-size:16px;
}

.home-watch-mini-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1px;
  margin-top:22px;
  border:1px solid rgba(201,162,74,.22);
  border-radius:18px;
  overflow:hidden;
  background:rgba(201,162,74,.18);
}

.home-watch-mini-grid div{
  background:rgba(8,8,8,.86);
  padding:14px 12px;
  text-align:center;
}

.home-watch-mini-grid strong{
  display:block;
  color:#e4c875;
  font-size:14px;
}

.home-watch-mini-grid span{
  display:block;
  color:#c9c2b8;
  font-size:12px;
  margin-top:4px;
}

@media(max-width:980px){
  .home-watch-shell{
    grid-template-columns:1fr;
  }

  .home-watch-panel{
    min-height:360px;
  }
}

@media(max-width:640px){
  .home-watch-luxury{
    padding-top:56px;
    padding-bottom:64px;
  }

  .home-watch-mini-grid{
    grid-template-columns:1fr 1fr;
  }
}


/* V68 homepage watch slider */
.watch-slider-panel{
  position:relative;
  overflow:hidden;
}

.home-watch-slider{
  position:absolute;
  inset:0;
  z-index:0;
}

.home-watch-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity 900ms ease;
}

.home-watch-slide.active{
  opacity:1;
}

.home-watch-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  filter:saturate(1.08) contrast(1.04);
}

.watch-slider-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(0deg, rgba(0,0,0,.84), rgba(0,0,0,.28) 55%, rgba(0,0,0,.35)),
    radial-gradient(circle at 72% 22%, rgba(228,200,117,.20), transparent 36%);
  pointer-events:none;
}

.watch-slider-panel .home-watch-panel-inner{
  z-index:3;
}

.watch-slider-panel::after{
  z-index:2;
}

/* keep existing luxury background when no watch slider images are uploaded yet */
.watch-slider-panel:not(:has(.home-watch-slide)){
  background:
    linear-gradient(0deg, rgba(7,7,7,.92), rgba(7,7,7,.26)),
    radial-gradient(circle at 68% 22%, rgba(228,200,117,.26), transparent 35%),
    linear-gradient(135deg, #191106, #070707);
}


/* V69 contact rich design */
.contact-rich-section{
  padding-top:54px;
  padding-bottom:56px;
  background:
    radial-gradient(circle at 16% 14%, rgba(201,162,74,.15), transparent 32%),
    radial-gradient(circle at 86% 82%, rgba(201,162,74,.10), transparent 35%),
    linear-gradient(180deg,#080808,#111 48%,#080808);
}

.contact-rich-shell{
  max-width:1220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:22px;
  align-items:stretch;
}

.contact-rich-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(201,162,74,.25);
  border-radius:30px;
  padding:clamp(28px,4vw,52px);
  background:
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    radial-gradient(circle at 75% 12%, rgba(228,200,117,.22), transparent 35%);
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}

.contact-primary-card::after{
  content:"CONTACT";
  position:absolute;
  right:-18px;
  bottom:-18px;
  font-family:Georgia,serif;
  font-size:clamp(72px,10vw,145px);
  line-height:.82;
  font-weight:900;
  color:rgba(228,200,117,.075);
  letter-spacing:.04em;
  pointer-events:none;
}

.contact-rich-kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(201,162,74,.14);
  border:1px solid rgba(201,162,74,.30);
  color:#e4c875;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:11px;
  font-weight:900;
  margin-bottom:18px;
}

.contact-rich-card h2,
.contact-rich-card h3{
  position:relative;
  z-index:2;
  font-family:Georgia,serif;
  color:#f8f5ef;
  line-height:1.03;
  margin:0 0 18px;
}

.contact-rich-card h2{
  font-size:clamp(40px,5vw,72px);
}

.contact-rich-card h3{
  font-size:clamp(32px,4vw,56px);
}

.contact-rich-card p{
  position:relative;
  z-index:2;
  color:#ded8cf;
  font-size:18px;
  line-height:1.78;
  margin:0 0 24px;
}

.contact-method-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:26px 0;
}

.contact-method-grid div{
  border:1px solid rgba(201,162,74,.22);
  border-radius:18px;
  padding:16px;
  background:rgba(0,0,0,.25);
}

.contact-method-grid span{
  display:block;
  color:#e4c875;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:7px;
}

.contact-method-grid strong{
  display:block;
  color:#f8f5ef;
  font-size:15px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.contact-rich-actions{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
}

.contact-promise-steps{
  display:grid;
  gap:10px;
  margin-top:28px;
}

.contact-promise-steps div{
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid rgba(201,162,74,.20);
  border-radius:16px;
  padding:14px;
  background:rgba(0,0,0,.26);
}

.contact-promise-steps strong{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  color:#080808;
  background:linear-gradient(135deg,#c9a24a,#e4c875);
  font-size:13px;
}

.contact-promise-steps span{
  color:#ded8cf;
  font-weight:800;
}

.contact-map-luxury-section{
  padding-top:34px;
  padding-bottom:90px;
  background:#080808;
}

.contact-map-luxury-shell{
  max-width:1220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:22px;
  align-items:stretch;
}

.contact-map-copy{
  border:1px solid rgba(201,162,74,.25);
  border-radius:28px;
  padding:clamp(26px,4vw,44px);
  background:
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    radial-gradient(circle at 80% 15%, rgba(201,162,74,.16), transparent 35%);
}

.contact-map-copy h2{
  font-family:Georgia,serif;
  font-size:clamp(34px,4vw,58px);
  line-height:1.04;
  margin:8px 0 14px;
}

.contact-map-copy p{
  color:#ded8cf;
  font-size:17px;
  line-height:1.75;
}

.contact-map-frame{
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(201,162,74,.26);
  min-height:430px;
  box-shadow:0 28px 80px rgba(0,0,0,.34);
  background:#111;
}

.contact-map-frame iframe{
  width:100% !important;
  height:100% !important;
  min-height:430px;
  display:block;
  filter:saturate(.92) contrast(1.05);
}

@media(max-width:980px){
  .contact-rich-shell,
  .contact-map-luxury-shell{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .contact-rich-section{
    padding-top:42px;
  }

  .contact-method-grid{
    grid-template-columns:1fr;
  }

  .contact-map-luxury-section{
    padding-bottom:62px;
  }
}


/* V70 clickable contact methods */
.contact-method-grid strong a{
  color:#f8f5ef;
  text-decoration:none;
  border-bottom:1px solid rgba(228,200,117,.35);
  transition:color .2s ease, border-color .2s ease;
}

.contact-method-grid strong a:hover{
  color:#e4c875;
  border-bottom-color:#e4c875;
}


/* V71 floating Facebook Messenger chat */
.floating-facebook-chat{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9999;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px 12px 13px;
  border-radius:999px;
  background:linear-gradient(135deg,#c9a24a,#e4c875,#9b7629);
  color:#080808 !important;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 18px 45px rgba(0,0,0,.42), 0 0 0 1px rgba(201,162,74,.20);
  text-decoration:none;
  transform:translateZ(0);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.floating-facebook-chat:hover{
  transform:translateY(-3px);
  filter:saturate(1.05);
  box-shadow:0 24px 55px rgba(0,0,0,.52), 0 0 0 1px rgba(228,200,117,.42);
}

.floating-chat-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(0,0,0,.14);
  font-size:20px;
}

.floating-chat-text{
  display:flex;
  flex-direction:column;
  line-height:1.05;
}

.floating-chat-text strong{
  font-size:14px;
  font-weight:900;
  letter-spacing:.02em;
}

.floating-chat-text small{
  font-size:11px;
  font-weight:800;
  opacity:.78;
  margin-top:4px;
}

@media(max-width:640px){
  .floating-facebook-chat{
    right:14px;
    bottom:14px;
    padding:11px 13px;
  }

  .floating-chat-text small{
    display:none;
  }

  .floating-chat-text strong{
    font-size:13px;
  }

  .floating-chat-icon{
    width:34px;
    height:34px;
  }
}


/* V72 subpage slider auto fit no crop */
.subpage-image-hero{
  background:
    radial-gradient(circle at 18% 18%, rgba(201,162,74,.18), transparent 34%),
    linear-gradient(135deg,#070707,#111,#070707) !important;
}

.subpage-image-hero-slider{
  background:
    radial-gradient(circle at 50% 50%, rgba(201,162,74,.10), transparent 42%),
    #070707 !important;
}

.subpage-image-hero-slider .mini-page-slide{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#070707 !important;
}

.subpage-image-hero-slider .mini-page-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  background:#070707 !important;
}

/* Remove heavy overlay so full fitted images stay clear */
.subpage-image-hero-slider::after{
  background:linear-gradient(0deg, rgba(7,7,7,.16), rgba(7,7,7,.02)) !important;
}

/* Also apply no-crop behavior to older mini page slider/card styles */
.section-image-card.mini-page-slider .mini-page-slide{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#070707 !important;
}

.section-image-card.mini-page-slider .mini-page-slide img,
.mini-page-slide img{
  object-fit:contain !important;
  object-position:center center !important;
  background:#070707 !important;
}

/* Keeps subpage hero clean on mobile while showing whole image */
@media(max-width:900px){
  .subpage-image-hero{
    height:420px !important;
    min-height:420px !important;
  }
}

@media(max-width:560px){
  .subpage-image-hero{
    height:340px !important;
    min-height:340px !important;
  }
}


/* V73 subpage slider full-width hero fit */
.subpage-image-hero{
  position:relative !important;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  height:clamp(460px, 58vh, 680px) !important;
  min-height:clamp(460px, 58vh, 680px) !important;
  overflow:hidden !important;
  background:#070707 !important;
  padding:0 !important;
}

.subpage-image-hero-slider{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background:#070707 !important;
}

.subpage-image-hero-slider .mini-page-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  background:#070707 !important;
}

.subpage-image-hero-slider .mini-page-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  background:#070707 !important;
}

/* Restore full-bleed hero look after V72 no-crop auto-fit */
.section-image-card.mini-page-slider .mini-page-slide img,
.mini-page-slide img{
  object-fit:cover !important;
  object-position:center center !important;
}

/* Hero-like overlay for all subpage image sliders */
.subpage-image-hero-slider::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(7,7,7,.35), rgba(7,7,7,.08), rgba(7,7,7,.18)),
    linear-gradient(0deg, rgba(7,7,7,.30), rgba(7,7,7,.02)) !important;
  z-index:1 !important;
}

.subpage-image-hero .mini-page-dots{
  z-index:3 !important;
  left:6vw !important;
  bottom:24px !important;
}

@media(max-width:900px){
  .subpage-image-hero{
    height:clamp(360px, 46vh, 520px) !important;
    min-height:clamp(360px, 46vh, 520px) !important;
  }
}

@media(max-width:560px){
  .subpage-image-hero{
    height:330px !important;
    min-height:330px !important;
  }
}


/* V74 subpage full-width slider with NO top/bottom crop */
.subpage-image-hero{
  position:relative !important;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  height:clamp(520px, 64vh, 780px) !important;
  min-height:clamp(520px, 64vh, 780px) !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(201,162,74,.16), transparent 34%),
    linear-gradient(135deg,#070707,#111,#070707) !important;
  padding:0 !important;
}

.subpage-image-hero-slider{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background:#070707 !important;
}

.subpage-image-hero-slider .mini-page-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#070707 !important;
}

.subpage-image-hero-slider .mini-page-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  background:#070707 !important;
}

/* Keep the subpage hero full-width but prevent crop on older mini slider rules too */
.section-image-card.mini-page-slider .mini-page-slide{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#070707 !important;
}

.section-image-card.mini-page-slider .mini-page-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#070707 !important;
}

/* Softer overlay because the whole image is now visible */
.subpage-image-hero-slider::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(0deg, rgba(7,7,7,.14), rgba(7,7,7,.02)) !important;
  z-index:1 !important;
}

.subpage-image-hero .mini-page-dots{
  z-index:3 !important;
  left:6vw !important;
  bottom:24px !important;
}

@media(max-width:900px){
  .subpage-image-hero{
    height:clamp(390px, 52vh, 560px) !important;
    min-height:clamp(390px, 52vh, 560px) !important;
  }
}

@media(max-width:560px){
  .subpage-image-hero{
    height:360px !important;
    min-height:360px !important;
  }
}


/* V75 subpage full-width natural image, no crop, sliding fix */
.subpage-image-hero{
  position:relative !important;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#070707 !important;
  padding:0 !important;
}

.subpage-image-hero-slider{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#070707 !important;
}

.subpage-image-hero-slider .mini-page-slide{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  display:none !important;
  opacity:1 !important;
  transition:opacity 850ms ease-in-out !important;
  background:#070707 !important;
}

.subpage-image-hero-slider .mini-page-slide.active{
  display:block !important;
  opacity:1 !important;
}

.subpage-image-hero-slider .mini-page-slide img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  background:#070707 !important;
}

/* Keep dots floating over the full-width natural image */
.subpage-image-hero .mini-page-dots{
  position:absolute !important;
  z-index:5 !important;
  left:6vw !important;
  bottom:24px !important;
}

/* No overlay blocking the natural-width image */
.subpage-image-hero-slider::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(0deg, rgba(7,7,7,.16), rgba(7,7,7,.00)) !important;
  z-index:1 !important;
}

/* For older non-top mini sliders, also use no-crop full width inside their card */
.section-image-card.mini-page-slider .mini-page-slide{
  display:none !important;
  position:relative !important;
  height:auto !important;
}

.section-image-card.mini-page-slider .mini-page-slide.active{
  display:block !important;
}

.section-image-card.mini-page-slider .mini-page-slide img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

/* Make sure mobile also keeps the full image without top/bottom crop */
@media(max-width:900px){
  .subpage-image-hero{
    height:auto !important;
    min-height:0 !important;
  }
}

@media(max-width:560px){
  .subpage-image-hero{
    height:auto !important;
    min-height:0 !important;
  }
}


/* V76 fixed-height full-width no-crop subpage sliders */
.subpage-image-hero{
  position:relative !important;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  height:340px !important;
  min-height:340px !important;
  max-height:340px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(201,162,74,.16), transparent 34%),
    linear-gradient(135deg,#070707,#111,#070707) !important;
  padding:0 !important;
}

.subpage-image-hero-slider{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#070707 !important;
}

.subpage-image-hero-slider .mini-page-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:0 !important;
  transition:opacity 850ms ease-in-out !important;
  background:#070707 !important;
}

.subpage-image-hero-slider .mini-page-slide.active{
  opacity:1 !important;
}

.subpage-image-hero-slider .mini-page-slide img{
  width:100% !important;
  height:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  background:#070707 !important;
}

/* Fixed-height no-crop for older mini slider cards too */
.section-image-card.mini-page-slider{
  height:340px !important;
  min-height:340px !important;
  max-height:340px !important;
}

.section-image-card.mini-page-slider .mini-page-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.section-image-card.mini-page-slider .mini-page-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#070707 !important;
}

.subpage-image-hero-slider::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(0deg, rgba(7,7,7,.10), rgba(7,7,7,.00)) !important;
  z-index:1 !important;
}

.subpage-image-hero .mini-page-dots{
  position:absolute !important;
  z-index:5 !important;
  left:6vw !important;
  bottom:18px !important;
}

@media(max-width:900px){
  .subpage-image-hero,
  .section-image-card.mini-page-slider{
    height:280px !important;
    min-height:280px !important;
    max-height:280px !important;
  }
}

@media(max-width:560px){
  .subpage-image-hero,
  .section-image-card.mini-page-slider{
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }
}


/* V77 subpage full-bleed fixed-height hero fill */
.subpage-image-hero{
  position:relative !important;
  left:50% !important;
  right:50% !important;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
  height:340px !important;
  min-height:340px !important;
  max-height:340px !important;
  overflow:hidden !important;
  background:#070707 !important;
  padding:0 !important;
}

.subpage-image-hero-slider{
  position:absolute !important;
  inset:0 !important;
  width:100vw !important;
  max-width:100vw !important;
  height:340px !important;
  min-height:340px !important;
  max-height:340px !important;
  overflow:hidden !important;
  background:#070707 !important;
}

.subpage-image-hero-slider .mini-page-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:block !important;
  opacity:0 !important;
  transition:opacity 850ms ease-in-out !important;
  background:#070707 !important;
}

.subpage-image-hero-slider .mini-page-slide.active{
  opacity:1 !important;
  z-index:1 !important;
}

.subpage-image-hero-slider .mini-page-slide img{
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  background:#070707 !important;
}

/* Keep fixed-height full-bleed behavior on all subpage mini slider variants */
.section-image-card.mini-page-slider{
  width:100% !important;
  height:340px !important;
  min-height:340px !important;
  max-height:340px !important;
  overflow:hidden !important;
}

.section-image-card.mini-page-slider .mini-page-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
}

.section-image-card.mini-page-slider .mini-page-slide img{
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Hero-like overlay */
.subpage-image-hero-slider::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(7,7,7,.22), rgba(7,7,7,.04), rgba(7,7,7,.14)),
    linear-gradient(0deg, rgba(7,7,7,.18), rgba(7,7,7,.00)) !important;
  z-index:2 !important;
}

.subpage-image-hero .mini-page-dots{
  position:absolute !important;
  z-index:5 !important;
  left:6vw !important;
  bottom:18px !important;
}

@media(max-width:900px){
  .subpage-image-hero,
  .subpage-image-hero-slider,
  .section-image-card.mini-page-slider{
    height:280px !important;
    min-height:280px !important;
    max-height:280px !important;
  }
}

@media(max-width:560px){
  .subpage-image-hero,
  .subpage-image-hero-slider,
  .section-image-card.mini-page-slider{
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }
}


/* V78 30% taller full-width fixed-height NO-CROP subpage slider */
.subpage-image-hero{
  position:relative !important;
  left:50% !important;
  right:50% !important;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
  height:440px !important;
  min-height:440px !important;
  max-height:440px !important;
  overflow:hidden !important;
  background:#070707 !important;
  padding:0 !important;
}

.subpage-image-hero-slider{
  position:absolute !important;
  inset:0 !important;
  width:100vw !important;
  max-width:100vw !important;
  height:440px !important;
  min-height:440px !important;
  max-height:440px !important;
  overflow:hidden !important;
  background:#070707 !important;
}

.subpage-image-hero-slider .mini-page-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:block !important;
  opacity:0 !important;
  transition:opacity 850ms ease-in-out !important;
  background:#070707 !important;
  overflow:hidden !important;
}

.subpage-image-hero-slider .mini-page-slide.active{
  opacity:1 !important;
  z-index:1 !important;
}

/* Blurred background fills the full width, while foreground image stays uncropped */
.subpage-image-hero-slider .mini-page-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:-30px !important;
  background-image:var(--slide-bg) !important;
  background-size:cover !important;
  background-position:center center !important;
  filter:blur(20px) saturate(1.08) brightness(.70) !important;
  transform:scale(1.08) !important;
  z-index:0 !important;
  opacity:1 !important;
}

/* Foreground: entire image visible, no top/bottom crop */
.subpage-image-hero-slider .mini-page-slide img{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  background:transparent !important;
}

/* Older mini-slider cards also keep no-crop fit */
.section-image-card.mini-page-slider{
  width:100% !important;
  height:440px !important;
  min-height:440px !important;
  max-height:440px !important;
  overflow:hidden !important;
  background:#070707 !important;
}

.section-image-card.mini-page-slider .mini-page-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
}

.section-image-card.mini-page-slider .mini-page-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
}

/* Light overlay only */
.subpage-image-hero-slider::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(7,7,7,.16), rgba(7,7,7,.02), rgba(7,7,7,.10)),
    linear-gradient(0deg, rgba(7,7,7,.12), rgba(7,7,7,.00)) !important;
  z-index:2 !important;
}

.subpage-image-hero .mini-page-dots{
  position:absolute !important;
  z-index:5 !important;
  left:6vw !important;
  bottom:20px !important;
}

@media(max-width:900px){
  .subpage-image-hero,
  .subpage-image-hero-slider,
  .section-image-card.mini-page-slider{
    height:365px !important;
    min-height:365px !important;
    max-height:365px !important;
  }
}

@media(max-width:560px){
  .subpage-image-hero,
  .subpage-image-hero-slider,
  .section-image-card.mini-page-slider{
    height:286px !important;
    min-height:286px !important;
    max-height:286px !important;
  }
}


/* V80 TRUE full-width fixed-height subpage slider + sliding fix
   Goal: full browser width, fixed height, no top/bottom crop, no side gaps.
   This uses stretch-fit because fixed-height + full-width + no-crop + no-gap cannot be achieved otherwise. */
.subpage-image-hero{
  position:relative !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:100vw !important;
  height:440px !important;
  min-height:440px !important;
  max-height:440px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#070707 !important;
}

.subpage-image-hero-slider{
  position:absolute !important;
  inset:0 !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:100vw !important;
  height:440px !important;
  min-height:440px !important;
  max-height:440px !important;
  overflow:hidden !important;
  background:#070707 !important;
}

.subpage-image-hero-slider .mini-page-slide{
  position:absolute !important;
  inset:0 !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:100vw !important;
  height:440px !important;
  min-height:440px !important;
  max-height:440px !important;
  opacity:0 !important;
  visibility:hidden !important;
  display:block !important;
  transition:opacity 850ms ease-in-out, visibility 850ms ease-in-out !important;
  overflow:hidden !important;
  background:#070707 !important;
  z-index:0 !important;
}

.subpage-image-hero-slider .mini-page-slide.active{
  opacity:1 !important;
  visibility:visible !important;
  z-index:1 !important;
}

.subpage-image-hero-slider .mini-page-slide img{
  position:absolute !important;
  inset:0 !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:100vw !important;
  height:440px !important;
  min-height:440px !important;
  max-height:440px !important;
  object-fit:fill !important;
  object-position:center center !important;
  display:block !important;
  background:#070707 !important;
}

/* Force all subpage category hero sections to same full viewport width */
.sell-gold-image-section,
.sell-watches-image-section,
.how-it-works-image-section,
.contact-image-section{
  left:50% !important;
  transform:translateX(-50%) !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:100vw !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Overlay stays above image but below dots */
.subpage-image-hero-slider::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(7,7,7,.12), rgba(7,7,7,.00), rgba(7,7,7,.08)),
    linear-gradient(0deg, rgba(7,7,7,.10), rgba(7,7,7,.00)) !important;
  z-index:2 !important;
}

.subpage-image-hero .mini-page-dots{
  position:absolute !important;
  z-index:5 !important;
  left:6vw !important;
  bottom:20px !important;
}

/* Older mini slider/card variant */
.section-image-card.mini-page-slider{
  width:100% !important;
  height:440px !important;
  min-height:440px !important;
  max-height:440px !important;
  overflow:hidden !important;
}

.section-image-card.mini-page-slider .mini-page-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:0 !important;
  visibility:hidden !important;
  display:block !important;
}

.section-image-card.mini-page-slider .mini-page-slide.active{
  opacity:1 !important;
  visibility:visible !important;
}

.section-image-card.mini-page-slider .mini-page-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:fill !important;
}

@media(max-width:900px){
  .subpage-image-hero,
  .subpage-image-hero-slider,
  .subpage-image-hero-slider .mini-page-slide,
  .subpage-image-hero-slider .mini-page-slide img,
  .section-image-card.mini-page-slider{
    height:365px !important;
    min-height:365px !important;
    max-height:365px !important;
  }
}

@media(max-width:560px){
  .subpage-image-hero,
  .subpage-image-hero-slider,
  .subpage-image-hero-slider .mini-page-slide,
  .subpage-image-hero-slider .mini-page-slide img,
  .section-image-card.mini-page-slider{
    height:286px !important;
    min-height:286px !important;
    max-height:286px !important;
  }
}


/* V81 subpage admin images inside Sell Gold / Sell Watches luxury boxes */
.subpage-luxury-image-box{
  position:relative !important;
  overflow:hidden !important;
  min-height:520px;
  display:flex;
  align-items:flex-end;
}

.subpage-box-slider{
  position:absolute;
  inset:0;
  z-index:0;
  background:#070707;
}

.subpage-box-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity 900ms ease-in-out, visibility 900ms ease-in-out;
}

.subpage-box-slide.active{
  opacity:1;
  visibility:visible;
}

.subpage-box-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  filter:saturate(1.08) contrast(1.04);
}

.subpage-luxury-image-box::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(0deg, rgba(0,0,0,.86), rgba(0,0,0,.44) 52%, rgba(0,0,0,.22)),
    radial-gradient(circle at 75% 15%, rgba(228,200,117,.22), transparent 38%);
  pointer-events:none;
}

.subpage-luxury-image-box .subpage-box-content{
  position:relative;
  z-index:3;
  width:100%;
}

.subpage-luxury-image-box::after{
  z-index:2 !important;
}

/* Keep readable text/chips over image background */
.subpage-luxury-image-box .gold-kicker,
.subpage-luxury-image-box .watch-kicker,
.subpage-luxury-image-box h2,
.subpage-luxury-image-box p,
.subpage-luxury-image-box .gold-item-line,
.subpage-luxury-image-box .watch-brand-line,
.subpage-luxury-image-box .btn{
  position:relative;
  z-index:4;
}

/* If no image is uploaded yet, keep the previous luxury gradient look */
.subpage-luxury-image-box:not(:has(.subpage-box-slide)){
  background:
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    radial-gradient(circle at 70% 8%, rgba(228,200,117,.23), transparent 35%);
}

/* Mobile balance */
@media(max-width:640px){
  .subpage-luxury-image-box{
    min-height:430px;
  }
}


/* V82 bigger homepage What We Buy heading and buttons */
.buy-trust-head .eyebrow{
  font-size:clamp(44px, 7.2vw, 92px) !important;
  padding:16px 34px !important;
  margin-bottom:22px !important;
  letter-spacing:.075em !important;
  border-width:2px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38), 0 0 0 1px rgba(228,200,117,.10) inset !important;
}

.buy-trust-head .eyebrow::before,
.buy-trust-head .eyebrow::after{
  width:82px !important;
  height:2px !important;
}

.buy-trust-head p{
  max-width:880px !important;
  font-size:clamp(16px, 1.7vw, 20px) !important;
  line-height:1.78 !important;
}

.buy-trust-grid{
  margin-top:42px !important;
}

/* Bigger pill/buttons inside What We Buy cards */
.buy-trust-feature .feature-topline{
  padding:10px 16px !important;
  font-size:13px !important;
  letter-spacing:.13em !important;
  margin-bottom:18px !important;
}

.buy-trust-feature span{
  padding:12px 18px !important;
  font-size:14px !important;
  letter-spacing:.04em !important;
  box-shadow:0 12px 28px rgba(201,162,74,.18) !important;
}

/* Bigger bottom-left labels inside Most Requested image box */
.what-we-buy-label-stack{
  gap:13px !important;
}

.what-we-buy-label-stack .feature-topline{
  font-size:14px !important;
  padding:12px 18px !important;
}

.what-we-buy-label-stack span{
  font-size:15px !important;
  padding:13px 20px !important;
}

/* Slightly richer side card titles */
.buy-trust-feature h3{
  font-size:clamp(31px, 3.6vw, 54px) !important;
}

@media(max-width:700px){
  .buy-trust-head .eyebrow{
    font-size:clamp(36px, 12vw, 58px) !important;
    padding:14px 18px !important;
    width:100% !important;
  }

  .buy-trust-head .eyebrow::before,
  .buy-trust-head .eyebrow::after{
    width:34px !important;
  }

  .buy-trust-feature .feature-topline,
  .what-we-buy-label-stack .feature-topline{
    font-size:12px !important;
  }

  .buy-trust-feature span,
  .what-we-buy-label-stack span{
    font-size:13px !important;
  }
}


/* V83 elegant homepage What We Buy moderate size */
.buy-trust-head .eyebrow{
  font-size:clamp(34px, 5.6vw, 72px) !important;
  padding:13px 26px !important;
  margin-bottom:20px !important;
  letter-spacing:.08em !important;
  border-width:1px !important;
  box-shadow:0 18px 54px rgba(0,0,0,.32), 0 0 0 1px rgba(228,200,117,.08) inset !important;
}

.buy-trust-head .eyebrow::before,
.buy-trust-head .eyebrow::after{
  width:64px !important;
  height:1px !important;
}

.buy-trust-head p{
  max-width:820px !important;
  font-size:clamp(15px, 1.55vw, 18px) !important;
  line-height:1.74 !important;
}

.buy-trust-grid{
  margin-top:34px !important;
}

/* Elegant medium-size pill/buttons inside What We Buy cards */
.buy-trust-feature .feature-topline{
  padding:8px 13px !important;
  font-size:12px !important;
  letter-spacing:.12em !important;
  margin-bottom:16px !important;
}

.buy-trust-feature span{
  padding:10px 15px !important;
  font-size:13px !important;
  letter-spacing:.025em !important;
  box-shadow:0 10px 24px rgba(201,162,74,.14) !important;
}

/* Moderate bottom-left labels inside Most Requested image box */
.what-we-buy-label-stack{
  gap:11px !important;
}

.what-we-buy-label-stack .feature-topline{
  font-size:12px !important;
  padding:9px 14px !important;
}

.what-we-buy-label-stack span{
  font-size:13px !important;
  padding:10px 16px !important;
}

/* Keep side card titles elegant, only slightly bigger than original */
.buy-trust-feature h3{
  font-size:clamp(28px, 3.25vw, 50px) !important;
}

@media(max-width:700px){
  .buy-trust-head .eyebrow{
    font-size:clamp(31px, 10.5vw, 50px) !important;
    padding:13px 16px !important;
    width:100% !important;
  }

  .buy-trust-head .eyebrow::before,
  .buy-trust-head .eyebrow::after{
    width:28px !important;
  }

  .buy-trust-feature .feature-topline,
  .what-we-buy-label-stack .feature-topline{
    font-size:11px !important;
  }

  .buy-trust-feature span,
  .what-we-buy-label-stack span{
    font-size:12px !important;
  }
}


/* V84 subpage top text warm gold background */
.subpage-full-text{
  position:relative !important;
  padding-top:70px !important;
  padding-bottom:58px !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(228,200,117,.15), transparent 36%),
    radial-gradient(circle at 82% 70%, rgba(201,162,74,.10), transparent 42%),
    linear-gradient(180deg, #11100c 0%, #15110a 52%, #0b0b0b 100%) !important;
  border-top:1px solid rgba(201,162,74,.16) !important;
  border-bottom:1px solid rgba(201,162,74,.14) !important;
  overflow:hidden !important;
}

.subpage-full-text::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(201,162,74,.08), transparent 28%, transparent 72%, rgba(201,162,74,.06)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0 1px, transparent 1px 22px);
  pointer-events:none;
  opacity:.9;
}

.subpage-full-text-inner{
  position:relative !important;
  z-index:2 !important;
  max-width:1120px !important;
  padding:clamp(28px, 4vw, 46px) !important;
  border-radius:30px !important;
  border:1px solid rgba(201,162,74,.24) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.065), rgba(255,255,255,.025)),
    radial-gradient(circle at top right, rgba(228,200,117,.14), transparent 38%) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(6px) !important;
}

.subpage-full-text-inner h2{
  color:#f8f5ef !important;
  text-shadow:0 2px 20px rgba(0,0,0,.45) !important;
}

.subpage-full-text-inner p{
  color:#e6ded0 !important;
}

.subpage-trust-row span{
  border:1px solid rgba(228,200,117,.36) !important;
  color:#111 !important;
  background:linear-gradient(135deg, #c9a24a, #e4c875, #a77d2f) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.18) !important;
  font-weight:900 !important;
}

/* Apply the same warm-gold top text treatment to all current subpages */
.sell-gold-text-section,
.sell-watches-text-section,
.how-it-works-text-section,
.contact-text-section{
  background:
    radial-gradient(circle at 18% 18%, rgba(228,200,117,.15), transparent 36%),
    radial-gradient(circle at 82% 70%, rgba(201,162,74,.10), transparent 42%),
    linear-gradient(180deg, #11100c 0%, #15110a 52%, #0b0b0b 100%) !important;
}

@media(max-width:700px){
  .subpage-full-text{
    padding-top:46px !important;
    padding-bottom:42px !important;
  }

  .subpage-full-text-inner{
    padding:26px 18px !important;
    border-radius:24px !important;
  }
}


/* V85 seamless body-color subpage text background */
.subpage-full-text,
.sell-gold-text-section,
.sell-watches-text-section,
.how-it-works-text-section,
.contact-text-section{
  background:
    radial-gradient(circle at 50% 0%, rgba(201,162,74,.055), transparent 34%),
    linear-gradient(180deg, #080808 0%, #070707 58%, #080808 100%) !important;
  border-top:0 !important;
  border-bottom:0 !important;
}

.subpage-full-text::before{
  background:
    linear-gradient(90deg, rgba(201,162,74,.035), transparent 32%, transparent 68%, rgba(201,162,74,.025)) !important;
  opacity:.45 !important;
}

.subpage-full-text-inner{
  border:1px solid rgba(201,162,74,.16) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    radial-gradient(circle at top right, rgba(201,162,74,.075), transparent 38%) !important;
  box-shadow:0 24px 64px rgba(0,0,0,.24) !important;
  backdrop-filter:none !important;
}

.subpage-full-text-inner h2{
  color:#f8f5ef !important;
}

.subpage-full-text-inner p{
  color:#d8d1c7 !important;
}

.subpage-trust-row span{
  color:#e4c875 !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(201,162,74,.30) !important;
  box-shadow:none !important;
  font-weight:800 !important;
}

/* keep the transition from slider/body to text area smooth */
.subpage-image-hero + .subpage-full-text,
.subpage-full-text + .gold-luxury-section,
.subpage-full-text + .watch-luxury-section,
.subpage-full-text + .contact-rich-section{
  margin-top:0 !important;
}


/* V86 match Sell Gold body background for subpage top text */
.subpage-full-text,
.sell-gold-text-section,
.sell-watches-text-section,
.how-it-works-text-section,
.contact-text-section{
  background:
    radial-gradient(circle at 18% 12%, rgba(201,162,74,.14), transparent 32%),
    radial-gradient(circle at 88% 80%, rgba(201,162,74,.10), transparent 35%),
    linear-gradient(180deg, #080808, #111 48%, #080808) !important;
  border-top:0 !important;
  border-bottom:0 !important;
}

/* Remove the extra V85 flat-black overlay look */
.subpage-full-text::before{
  background:
    radial-gradient(circle at 20% 0%, rgba(228,200,117,.055), transparent 38%),
    linear-gradient(90deg, rgba(201,162,74,.035), transparent 35%, transparent 65%, rgba(201,162,74,.03)) !important;
  opacity:1 !important;
}

/* Keep the content card blended with the body, not black */
.subpage-full-text-inner{
  border:1px solid rgba(201,162,74,.22) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.02)),
    radial-gradient(circle at 80% 12%, rgba(201,162,74,.11), transparent 38%) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.26) !important;
  backdrop-filter:none !important;
}

.subpage-full-text-inner h2{
  color:#f8f5ef !important;
  text-shadow:0 2px 18px rgba(0,0,0,.38) !important;
}

.subpage-full-text-inner p{
  color:#ded8cf !important;
}

/* Elegant pills that match the body, not solid bright blocks */
.subpage-trust-row span{
  color:#e4c875 !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(201,162,74,.35) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.16) !important;
  font-weight:800 !important;
}


/* V87 one-color no-cut subpage background */
body{
  background:#080808 !important;
}

/* Make all subpage body sections use one continuous color */
.subpage-full-text,
.sell-gold-text-section,
.sell-watches-text-section,
.how-it-works-text-section,
.contact-text-section,
.gold-luxury-section,
.watch-luxury-section,
.contact-rich-section,
.contact-map-luxury-section,
.subpage-card-section{
  background:#080808 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* Remove overlays/gradients that created visible cut lines */
.subpage-full-text::before,
.sell-gold-text-section::before,
.sell-watches-text-section::before,
.how-it-works-text-section::before,
.contact-text-section::before{
  display:none !important;
  content:none !important;
}

/* Keep the text area elegant but transparent so it blends into the same body color */
.subpage-full-text-inner{
  background:rgba(255,255,255,.028) !important;
  border:1px solid rgba(201,162,74,.14) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.18) !important;
  backdrop-filter:none !important;
}

/* Remove any hard section seam after subpage text */
.subpage-image-hero + .subpage-full-text,
.subpage-full-text + .gold-luxury-section,
.subpage-full-text + .watch-luxury-section,
.subpage-full-text + .contact-rich-section,
.subpage-full-text + .subpage-card-section{
  margin-top:0 !important;
}

/* Make the rich lower sections start on the same exact color */
.gold-luxury-section,
.watch-luxury-section,
.contact-rich-section{
  padding-top:54px !important;
}

/* Keep trust pills subtle, not a different color block */
.subpage-trust-row span{
  color:#e4c875 !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(201,162,74,.28) !important;
  box-shadow:none !important;
}


/* V88 full mobile friendly polish */
html, body{
  max-width:100%;
  overflow-x:hidden !important;
}

/* Global mobile spacing */
@media(max-width:900px){
  .section{
    padding:58px 5vw !important;
  }

  .site-header{
    padding:10px 4vw !important;
    min-height:72px !important;
  }

  .site-nav{
    top:72px !important;
    border-top:1px solid rgba(201,162,74,.18);
    border-bottom:1px solid rgba(201,162,74,.18);
  }

  .site-nav a{
    width:100%;
    text-align:center;
    padding:10px 12px;
  }

  .nav-cta{
    width:100%;
    max-width:260px;
    text-align:center;
  }

  .menu-toggle{
    min-width:44px;
    min-height:40px;
  }

  .hero{
    min-height:600px !important;
    padding:92px 5vw 84px !important;
    text-align:left;
  }

  .hero-content{
    max-width:100% !important;
  }

  .hero h1{
    font-size:clamp(38px, 11vw, 58px) !important;
    line-height:1.02 !important;
  }

  .lead{
    font-size:18px !important;
    line-height:1.65 !important;
  }

  .hero-actions{
    gap:10px !important;
  }

  .hero-actions .btn{
    width:100%;
    max-width:320px;
    text-align:center;
  }

  .hero-dots{
    left:5vw !important;
    bottom:22px !important;
  }

  .rate-bar.cash-message-bar{
    grid-template-columns:1fr !important;
  }

  .rate-bar.cash-message-bar div{
    padding:18px 5vw !important;
    text-align:center;
  }

  .rate-bar.cash-message-bar strong{
    font-size:17px !important;
  }

  .cards,
  .split,
  .form-grid{
    grid-template-columns:1fr !important;
  }

  .site-footer{
    padding:36px 5vw 90px !important;
  }
}

/* Homepage mobile: What We Buy section */
@media(max-width:980px){
  .buy-trust-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .buy-trust-feature:nth-child(1),
  .buy-trust-feature:nth-child(2),
  .buy-trust-feature:nth-child(3),
  .buy-trust-feature:nth-child(4){
    grid-column:auto !important;
    grid-row:auto !important;
  }

  .buy-trust-feature:nth-child(1){
    min-height:420px !important;
  }

  .trust-strip{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:620px){
  .buy-trust-showcase{
    padding-top:54px !important;
    padding-bottom:58px !important;
  }

  .buy-trust-head .eyebrow{
    font-size:clamp(30px, 10vw, 46px) !important;
    padding:12px 14px !important;
    letter-spacing:.045em !important;
  }

  .buy-trust-head p{
    font-size:15.5px !important;
    line-height:1.68 !important;
  }

  .buy-trust-feature{
    padding:22px !important;
    border-radius:22px !important;
    min-height:auto !important;
  }

  .buy-trust-feature:nth-child(1){
    min-height:360px !important;
  }

  .buy-trust-feature h3{
    font-size:clamp(26px, 9vw, 38px) !important;
  }

  .buy-trust-feature p{
    font-size:15px !important;
  }

  .trust-strip{
    grid-template-columns:1fr !important;
  }

  .trust-strip div{
    padding:18px !important;
    text-align:center;
  }
}

/* Homepage mobile: Swiss Watch and Why Choose */
@media(max-width:980px){
  .home-watch-shell,
  .why-24karatz-wrap,
  .contact-rich-shell,
  .contact-map-luxury-shell{
    grid-template-columns:1fr !important;
  }

  .home-watch-panel{
    min-height:380px !important;
  }
}

@media(max-width:620px){
  .home-watch-luxury{
    padding-top:56px !important;
    padding-bottom:58px !important;
  }

  .home-watch-copy,
  .home-watch-panel-inner,
  .why-24karatz-intro,
  .why-24karatz-copy,
  .contact-rich-card{
    padding:24px !important;
    border-radius:22px !important;
  }

  .home-watch-copy h2,
  .why-24karatz-intro h2,
  .contact-rich-card h2{
    font-size:clamp(31px, 10vw, 46px) !important;
  }

  .home-watch-copy p,
  .why-24karatz-copy p,
  .contact-rich-card p{
    font-size:16px !important;
    line-height:1.68 !important;
  }

  .home-watch-highlights,
  .watch-brand-line,
  .gold-item-line{
    gap:7px !important;
  }

  .home-watch-highlights span,
  .watch-brand-line span,
  .gold-item-line span{
    font-size:11px !important;
    padding:7px 10px !important;
  }

  .home-watch-mini-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .why-24karatz-points{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
}

/* Subpage mobile polish */
@media(max-width:900px){
  .subpage-full-text{
    padding:46px 5vw 40px !important;
  }

  .subpage-full-text-inner{
    padding:24px !important;
    border-radius:22px !important;
  }

  .subpage-full-text-inner h2{
    font-size:clamp(30px, 9vw, 48px) !important;
  }

  .subpage-full-text-inner p{
    font-size:16.5px !important;
    line-height:1.66 !important;
  }

  .subpage-trust-row{
    gap:8px !important;
    margin-top:20px !important;
  }

  .subpage-trust-row span{
    font-size:12px !important;
    padding:9px 12px !important;
  }

  .gold-luxury-shell,
  .watch-luxury-shell{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .gold-luxury-section,
  .watch-luxury-section{
    padding:46px 5vw 58px !important;
  }

  .gold-luxury-intro,
  .watch-luxury-intro,
  .gold-value-card,
  .watch-value-card{
    border-radius:22px !important;
    padding:24px !important;
  }

  .subpage-luxury-image-box{
    min-height:430px !important;
  }

  .gold-luxury-intro h2,
  .watch-luxury-intro h2{
    font-size:clamp(31px, 10vw, 46px) !important;
  }

  .gold-luxury-intro p,
  .watch-luxury-intro p{
    font-size:16px !important;
    line-height:1.66 !important;
  }

  .gold-luxury-grid,
  .watch-luxury-grid{
    grid-template-columns:1fr !important;
  }

  .gold-value-card,
  .watch-value-card{
    min-height:auto !important;
  }
}

@media(max-width:560px){
  .subpage-luxury-image-box{
    min-height:390px !important;
  }

  .gold-kicker,
  .watch-kicker,
  .contact-rich-kicker,
  .watch-kicker{
    font-size:10px !important;
    letter-spacing:.1em !important;
  }

  .gold-value-card h3,
  .watch-value-card h3{
    font-size:26px !important;
  }

  .gold-value-card p,
  .watch-value-card p{
    font-size:15px !important;
  }
}

/* Quote form mobile */
@media(max-width:700px){
  .quote-form{
    padding:20px !important;
    border-radius:20px !important;
  }

  .quote-form input,
  .quote-form select,
  .quote-form textarea{
    padding:13px !important;
    font-size:16px !important;
  }

  .quote-form button{
    width:100% !important;
    text-align:center !important;
  }

  .section-head h2{
    font-size:clamp(30px, 9vw, 44px) !important;
  }

  .section-head p{
    font-size:16px !important;
  }
}

/* Contact mobile */
@media(max-width:700px){
  .contact-method-grid{
    grid-template-columns:1fr !important;
  }

  .contact-rich-actions .btn{
    width:100% !important;
    text-align:center !important;
  }

  .contact-map-frame,
  .contact-map-frame iframe{
    min-height:320px !important;
  }

  .contact-map-copy{
    padding:24px !important;
    border-radius:22px !important;
  }
}

/* Floating chat should not block mobile content too much */
@media(max-width:520px){
  .floating-facebook-chat{
    right:12px !important;
    bottom:12px !important;
    padding:10px 12px !important;
  }

  .floating-chat-text strong{
    font-size:12px !important;
  }

  .floating-chat-icon{
    width:32px !important;
    height:32px !important;
    font-size:18px !important;
  }
}

/* Prevent image/card overflow on small screens */
img, iframe, video{
  max-width:100%;
}

.btn{
  white-space:normal;
}

@media(max-width:420px){
  .logo-only .site-logo-img{
    width:170px !important;
    max-width:58vw !important;
    height:58px !important;
  }

  .hero h1{
    font-size:36px !important;
  }

  .btn{
    padding:13px 18px !important;
  }
}


/* V89 homepage Watch Static images inside Swiss Watch Buyer box */
.home-watch-static-box{
  position:relative;
  overflow:hidden;
  min-height:560px;
  display:flex;
  align-items:flex-end;
}

.home-watch-static-slider{
  position:absolute;
  inset:0;
  z-index:0;
  background:#070707;
}

.home-watch-static-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity 900ms ease-in-out, visibility 900ms ease-in-out;
}

.home-watch-static-slide.active{
  opacity:1;
  visibility:visible;
}

.home-watch-static-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  filter:saturate(1.08) contrast(1.04);
}

.home-watch-static-box::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(0deg, rgba(0,0,0,.86), rgba(0,0,0,.46) 54%, rgba(0,0,0,.22)),
    radial-gradient(circle at 75% 15%, rgba(228,200,117,.20), transparent 38%);
  pointer-events:none;
}

.home-watch-static-box::after{
  z-index:2;
}

.home-watch-static-content{
  position:relative;
  z-index:3;
  width:100%;
}

.home-watch-static-content .home-watch-kicker,
.home-watch-static-content h2,
.home-watch-static-content p,
.home-watch-static-content .home-watch-highlights,
.home-watch-static-content .btn{
  position:relative;
  z-index:4;
}

/* Keep original luxury gradient if no Watch Static image is uploaded */
.home-watch-static-box:not(:has(.home-watch-static-slide)){
  background:
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    radial-gradient(circle at 70% 10%, rgba(228,200,117,.22), transparent 35%);
}

@media(max-width:980px){
  .home-watch-static-box{
    min-height:500px;
  }
}

@media(max-width:620px){
  .home-watch-static-box{
    min-height:430px !important;
  }
}


/* V99: restored homepage sizing to last known good test-domain CSS stack before V91-V98 size-lock experiments. */


/* V102 clickable quote button fix */
.quote-form{
  position:relative !important;
  z-index:5 !important;
}

.quote-form button,
.quote-form .btn,
.quote-submit-btn,
button[type="submit"],
.btn.gold{
  cursor:pointer !important;
  pointer-events:auto !important;
}

.quote-submit-btn{
  position:relative !important;
  z-index:10 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}


/* V103 quote photo/button final fixes */
.quote-form{
  position:relative !important;
  z-index:20 !important;
}

.quote-form button,
.quote-form .btn,
.quote-submit-btn,
button[type="submit"],
.btn.gold{
  cursor:pointer !important;
  pointer-events:auto !important;
}

.quote-submit-btn{
  position:relative !important;
  z-index:30 !important;
}


/* V105 desktop zoom-out scale
   Makes the website feel like the browser is zoomed out by one click.
   Desktop only, so mobile sizing remains normal and readable. */
@media(min-width:981px){
  html{
    overflow-x:hidden !important;
  }

  body{
    zoom:.92;
    overflow-x:hidden !important;
  }

  /* Keep fixed/sticky/floating UI clean after zoom reduction */
  .site-header{
    width:100% !important;
  }

  .floating-facebook-chat{
    zoom:1.087;
  }
}

/* Firefox fallback because Firefox does not support CSS zoom */
@supports not (zoom:1){
  @media(min-width:981px){
    body{
      zoom:1;
      transform:scale(.92);
      transform-origin:top center;
      width:108.695652%;
      margin-left:calc((100% - 108.695652%) / 2);
      overflow-x:hidden !important;
    }

    .site-header{
      left:0;
      right:0;
      width:108.695652% !important;
    }
  }
}


/* V106 desktop zoom-out 90 percent
   Makes the desktop website look a little more zoomed out than V105.
   Desktop only; mobile remains normal. */
@media(min-width:981px){
  body{
    zoom:.90 !important;
    overflow-x:hidden !important;
  }

  .floating-facebook-chat{
    zoom:1.111 !important;
  }
}

/* Firefox fallback because Firefox does not support CSS zoom */
@supports not (zoom:1){
  @media(min-width:981px){
    body{
      zoom:1 !important;
      transform:scale(.90) !important;
      transform-origin:top center !important;
      width:111.111111% !important;
      margin-left:calc((100% - 111.111111%) / 2) !important;
      overflow-x:hidden !important;
    }

    .site-header{
      left:0 !important;
      right:0 !important;
      width:111.111111% !important;
    }
  }
}


/* V107 homepage tighter section gaps
   Tightens the vertical spacing from:
   Watch Static / Watch Slider -> Choose the Trusted One
   Choose the Trusted One -> Request Appointment
*/
.home-watch-luxury{
  padding-bottom:38px !important;
}

.why-24karatz-section{
  padding-top:36px !important;
  padding-bottom:36px !important;
}

.quote-section,
section#quote.section{
  padding-top:36px !important;
}

/* In case the quote form is included as a normal section after Why Choose */
.why-24karatz-section + .section,
.why-24karatz-section + .quote-section,
.why-24karatz-section + section#quote{
  padding-top:34px !important;
}

/* Remove extra large margins if any wrapper has them */
.home-watch-luxury + .why-24karatz-section,
.home-watch-luxury + section{
  margin-top:0 !important;
}

.why-24karatz-wrap{
  margin-bottom:0 !important;
}

.quote-wrap,
.quote-form{
  margin-top:0 !important;
}

/* Keep the spacing still breathable on mobile */
@media(max-width:900px){
  .home-watch-luxury{
    padding-bottom:30px !important;
  }

  .why-24karatz-section{
    padding-top:30px !important;
    padding-bottom:30px !important;
  }

  .quote-section,
  section#quote.section{
    padding-top:30px !important;
  }
}

@media(max-width:560px){
  .home-watch-luxury{
    padding-bottom:24px !important;
  }

  .why-24karatz-section{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }

  .quote-section,
  section#quote.section{
    padding-top:24px !important;
  }
}


/* V108 homepage even tighter section gaps
   Makes the Watch section -> Choose the Trusted One -> Quote section much closer. */
.home-watch-luxury{
  padding-bottom:18px !important;
}

.why-24karatz-section{
  padding-top:18px !important;
  padding-bottom:18px !important;
}

.quote-section,
section#quote.section{
  padding-top:18px !important;
}

/* Force adjacent homepage sections to sit closer */
.home-watch-luxury + .why-24karatz-section,
.home-watch-luxury + section.why-24karatz-section{
  margin-top:0 !important;
  padding-top:18px !important;
}

.why-24karatz-section + .section,
.why-24karatz-section + .quote-section,
.why-24karatz-section + section#quote{
  margin-top:0 !important;
  padding-top:18px !important;
}

/* Remove internal extra bottom/top gaps */
.home-watch-shell,
.why-24karatz-wrap,
.quote-wrap{
  margin-bottom:0 !important;
  margin-top:0 !important;
}

.why-24karatz-intro,
.why-24karatz-copy{
  margin-bottom:0 !important;
}

/* Mobile still tight but not cramped */
@media(max-width:900px){
  .home-watch-luxury{
    padding-bottom:18px !important;
  }

  .why-24karatz-section{
    padding-top:18px !important;
    padding-bottom:18px !important;
  }

  .quote-section,
  section#quote.section{
    padding-top:18px !important;
  }
}

@media(max-width:560px){
  .home-watch-luxury{
    padding-bottom:16px !important;
  }

  .why-24karatz-section{
    padding-top:16px !important;
    padding-bottom:16px !important;
  }

  .quote-section,
  section#quote.section{
    padding-top:16px !important;
  }
}


/* V109 adaptive desktop small-screen scale
   Fixes small laptops / low-resolution monitors where the site can feel too zoomed-in.
   Mobile stays normal. Desktop adjusts by screen width. */

/* Large desktop / normal monitors */
@media(min-width:1500px){
  body{
    zoom:.90 !important;
  }

  .floating-facebook-chat{
    zoom:1.111 !important;
  }
}

/* Common laptop / 1366px to 1499px screens */
@media(min-width:1200px) and (max-width:1499px){
  body{
    zoom:.86 !important;
  }

  .floating-facebook-chat{
    zoom:1.163 !important;
  }

  .section{
    padding-top:68px !important;
    padding-bottom:68px !important;
  }

  .hero,
  .hero-clean{
    min-height:650px !important;
  }
}

/* Small laptop / low-resolution desktop screens */
@media(min-width:981px) and (max-width:1199px){
  body{
    zoom:.82 !important;
  }

  .floating-facebook-chat{
    zoom:1.22 !important;
  }

  .section{
    padding-top:62px !important;
    padding-bottom:62px !important;
  }

  .hero,
  .hero-clean{
    min-height:610px !important;
  }
}

/* Height-based safety for short laptop screens like 1366x768 */
@media(min-width:981px) and (max-height:820px){
  .hero,
  .hero-clean{
    min-height:600px !important;
  }

  .site-header{
    min-height:72px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  .logo-only .site-logo-img,
  .site-logo-img{
    max-height:62px !important;
  }

  .section{
    padding-top:58px !important;
    padding-bottom:58px !important;
  }

  .buy-trust-showcase,
  .home-watch-luxury,
  .why-24karatz-section,
  .quote-section{
    padding-top:48px !important;
    padding-bottom:48px !important;
  }

  .home-watch-luxury{
    padding-bottom:14px !important;
  }

  .why-24karatz-section{
    padding-top:14px !important;
    padding-bottom:14px !important;
  }

  .quote-section,
  section#quote.section{
    padding-top:14px !important;
  }
}

/* Firefox fallback for adaptive scaling */
@supports not (zoom:1){
  @media(min-width:1500px){
    body{
      zoom:1 !important;
      transform:scale(.90) !important;
      transform-origin:top center !important;
      width:111.111111% !important;
      margin-left:calc((100% - 111.111111%) / 2) !important;
      overflow-x:hidden !important;
    }
  }

  @media(min-width:1200px) and (max-width:1499px){
    body{
      zoom:1 !important;
      transform:scale(.86) !important;
      transform-origin:top center !important;
      width:116.279069% !important;
      margin-left:calc((100% - 116.279069%) / 2) !important;
      overflow-x:hidden !important;
    }
  }

  @media(min-width:981px) and (max-width:1199px){
    body{
      zoom:1 !important;
      transform:scale(.82) !important;
      transform-origin:top center !important;
      width:121.951219% !important;
      margin-left:calc((100% - 121.951219%) / 2) !important;
      overflow-x:hidden !important;
    }
  }
}


/* V110 seamless homepage body background
   Removes visible background cut lines by making the homepage use one continuous site background.
   The cards/boxes keep their luxury gradients, but the page behind them is seamless. */

/* One consistent dark luxury background for the whole site */
html,
body{
  background:#070707 !important;
}

/* Main homepage sections: transparent over the same body background */
.buy-trust-showcase,
.home-watch-luxury,
.why-24karatz-section,
.quote-section,
section#quote.section{
  background:transparent !important;
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* Remove section-wide overlays/gradients that create visible bands/cut lines */
.buy-trust-showcase::before,
.buy-trust-showcase::after,
.home-watch-luxury::before,
.home-watch-luxury::after,
.why-24karatz-section::before,
.why-24karatz-section::after,
.quote-section::before,
.quote-section::after,
section#quote.section::before,
section#quote.section::after{
  display:none !important;
  content:none !important;
}

/* Keep background glow subtle and continuous through the page, not per-section */
body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:-1 !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(201,162,74,.075), transparent 32%),
    radial-gradient(circle at 82% 56%, rgba(201,162,74,.055), transparent 34%),
    linear-gradient(180deg, #070707 0%, #0a0a0a 45%, #070707 100%) !important;
}

/* Cash bar stays intentional but does not create a big separate section band */
.rate-bar.cash-message-bar{
  margin:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
}

/* Ensure the page behind the slogan blocks is same color */
.rate-bar.cash-message-bar,
.cash-message-bar{
  background:#070707 !important;
}

/* Keep small gold separators inside cash bar only */
.rate-bar.cash-message-bar{
  gap:1px !important;
  padding:1px !important;
  background:rgba(201,162,74,.50) !important;
}

.rate-bar.cash-message-bar div{
  background:#0b0b0b !important;
}

/* No visible line between homepage sections */
.rate-bar.cash-message-bar + .buy-trust-showcase,
.cash-message-bar + .buy-trust-showcase,
.buy-trust-showcase + .home-watch-luxury,
.home-watch-luxury + .why-24karatz-section,
.why-24karatz-section + .quote-section,
.why-24karatz-section + section#quote.section{
  border-top:0 !important;
  margin-top:0 !important;
}

/* Preserve tight spacing from V108 while keeping the background seamless */
.home-watch-luxury{
  padding-bottom:14px !important;
}

.why-24karatz-section{
  padding-top:14px !important;
  padding-bottom:14px !important;
}

.quote-section,
section#quote.section{
  padding-top:14px !important;
}

/* Remove harsh outlines/shadows from section wrappers only */
.section,
.buy-trust-showcase,
.home-watch-luxury,
.why-24karatz-section,
.quote-section{
  outline:0 !important;
}

/* Cards/boxes keep their premium look, but no full-width band behind them */
.buy-trust-shell,
.home-watch-shell,
.why-24karatz-wrap,
.quote-wrap,
.quote-form{
  position:relative !important;
  z-index:1 !important;
}

/* Mobile seamless background */
@media(max-width:900px){
  .home-watch-luxury{
    padding-bottom:10px !important;
  }

  .why-24karatz-section{
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  .quote-section,
  section#quote.section{
    padding-top:10px !important;
  }
}

@media(max-width:560px){
  .home-watch-luxury{
    padding-bottom:8px !important;
  }

  .why-24karatz-section{
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  .quote-section,
  section#quote.section{
    padding-top:8px !important;
  }
}


/* V111 black + light gold blended website background
   Keeps the page seamless but adds a soft luxury light-gold blend instead of plain black. */
html,
body{
  background:#080704 !important;
}

/* Continuous full-page luxury background layer */
body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:-1 !important;
  background:
    radial-gradient(circle at 14% 10%, rgba(228,200,117,.18), transparent 30%),
    radial-gradient(circle at 86% 24%, rgba(201,162,74,.13), transparent 34%),
    radial-gradient(circle at 50% 72%, rgba(228,200,117,.08), transparent 38%),
    linear-gradient(180deg, #090806 0%, #111009 34%, #080808 70%, #0d0b06 100%) !important;
}

/* Homepage sections stay transparent so the background blends continuously */
.buy-trust-showcase,
.home-watch-luxury,
.why-24karatz-section,
.quote-section,
section#quote.section,
.subpage-full-text,
.gold-luxury-section,
.watch-luxury-section,
.contact-rich-section,
.contact-map-luxury-section,
.subpage-card-section{
  background:transparent !important;
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* Remove section-wide backgrounds that can create cut bands */
.buy-trust-showcase::before,
.buy-trust-showcase::after,
.home-watch-luxury::before,
.home-watch-luxury::after,
.why-24karatz-section::before,
.why-24karatz-section::after,
.quote-section::before,
.quote-section::after,
section#quote.section::before,
section#quote.section::after,
.subpage-full-text::before,
.subpage-full-text::after,
.gold-luxury-section::before,
.gold-luxury-section::after,
.watch-luxury-section::before,
.watch-luxury-section::after,
.contact-rich-section::before,
.contact-rich-section::after{
  display:none !important;
  content:none !important;
}

/* Keep cash bar blended with the new background */
.rate-bar.cash-message-bar,
.cash-message-bar{
  background:rgba(228,200,117,.42) !important;
  border:0 !important;
}

.rate-bar.cash-message-bar div{
  background:rgba(10,9,7,.94) !important;
}

/* Give cards a slightly warmer transparent feel so they match the new background */
.buy-trust-feature,
.home-watch-copy,
.home-watch-panel,
.why-24karatz-intro,
.why-24karatz-copy,
.quote-form,
.premium-box,
.card,
.subpage-full-text-inner,
.gold-luxury-intro,
.watch-luxury-intro,
.gold-value-card,
.watch-value-card,
.contact-rich-card,
.contact-map-copy{
  border-color:rgba(228,200,117,.24) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.02)),
    radial-gradient(circle at 78% 10%, rgba(228,200,117,.10), transparent 38%) !important;
}

/* Image-background boxes keep their photos, only their overlays become warmer */
.what-we-buy-slider-card::before,
.home-watch-static-box::before,
.subpage-luxury-image-box::before{
  background:
    linear-gradient(0deg, rgba(0,0,0,.82), rgba(0,0,0,.42) 55%, rgba(0,0,0,.18)),
    radial-gradient(circle at 72% 16%, rgba(228,200,117,.18), transparent 40%) !important;
}

/* Subtle warmth on footer too */
.site-footer{
  background:rgba(6,6,5,.96) !important;
  border-top:1px solid rgba(228,200,117,.16) !important;
}

/* Mobile: keep the gold blend subtle so it does not look noisy */
@media(max-width:700px){
  body::before{
    background:
      radial-gradient(circle at 18% 8%, rgba(228,200,117,.13), transparent 36%),
      radial-gradient(circle at 82% 52%, rgba(201,162,74,.08), transparent 40%),
      linear-gradient(180deg, #080806 0%, #0d0c08 46%, #070707 100%) !important;
  }
}


/* V112 fix Choose the Trusted One background
   V111 made this section look mismatched. This restores a cleaner premium black/gold card look
   while keeping the page background seamless. */

/* Keep the section itself transparent over the blended body background */
.why-24karatz-section{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Main Choose the Trusted One wrapper */
.why-24karatz-wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Left and right boxes use matching dark luxury colors */
.why-24karatz-intro,
.why-24karatz-copy{
  background:
    linear-gradient(135deg, rgba(12,12,10,.94), rgba(18,15,9,.90)),
    radial-gradient(circle at 80% 10%, rgba(228,200,117,.12), transparent 38%) !important;
  border:1px solid rgba(228,200,117,.22) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.30) !important;
}

/* Remove any overly light background applied globally */
.why-24karatz-intro::before,
.why-24karatz-copy::before,
.why-24karatz-intro::after,
.why-24karatz-copy::after{
  display:none !important;
  content:none !important;
}

/* Text readability */
.why-24karatz-intro h2,
.why-24karatz-copy h2{
  color:#f8f5ef !important;
  text-shadow:0 2px 18px rgba(0,0,0,.35) !important;
}

.why-24karatz-copy p{
  color:#ddd5c8 !important;
}

/* Trust point boxes inside Choose section */
.why-24karatz-points > div,
.why-24karatz-point,
.why-point{
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(228,200,117,.18) !important;
  box-shadow:none !important;
}

/* Keep the Sell Gold button clean */
.why-24karatz-section .btn.gold,
.why-24karatz-copy .btn.gold{
  background:linear-gradient(135deg,#c9a24a,#e4c875,#9b7629) !important;
  color:#080808 !important;
  box-shadow:0 14px 34px rgba(201,162,74,.20) !important;
}

/* If the section has a subtitle/kicker, keep it gold not washed-out */
.why-24karatz-section .eyebrow,
.why-24karatz-section .kicker,
.why-24karatz-intro .eyebrow{
  color:#e4c875 !important;
}

/* Mobile keeps the same clean box look */
@media(max-width:700px){
  .why-24karatz-intro,
  .why-24karatz-copy{
    background:
      linear-gradient(135deg, rgba(10,10,9,.96), rgba(16,13,8,.92)),
      radial-gradient(circle at 75% 0%, rgba(228,200,117,.10), transparent 42%) !important;
  }
}


/* V113 fix Choose the Trusted One clean section
   Previous V111/V112 background blending made this section look messy.
   This makes the section clean, seamless, readable, and premium again. */

/* Section background stays transparent so no hard color block/cut line */
.why-24karatz-section{
  position:relative !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

/* Add a very soft local glow only, not a full color band */
.why-24karatz-section::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(228,200,117,.075), transparent 34%),
    radial-gradient(circle at 86% 76%, rgba(201,162,74,.055), transparent 38%) !important;
  z-index:0 !important;
}

.why-24karatz-section::after{
  display:none !important;
  content:none !important;
}

/* Keep content above the soft glow */
.why-24karatz-wrap{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:.82fr 1.18fr !important;
  gap:22px !important;
  align-items:stretch !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Left headline card: compact premium dark/gold */
.why-24karatz-intro{
  position:relative !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-height:420px !important;
  padding:clamp(30px, 4vw, 48px) !important;
  border-radius:30px !important;
  border:1px solid rgba(228,200,117,.22) !important;
  background:
    linear-gradient(145deg, rgba(14,13,11,.96), rgba(8,8,8,.94)),
    radial-gradient(circle at 22% 10%, rgba(228,200,117,.12), transparent 40%) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.32) !important;
}

/* Right text card: clean readable dark glass, not gold washed */
.why-24karatz-copy{
  position:relative !important;
  overflow:hidden !important;
  min-height:420px !important;
  padding:clamp(30px, 4vw, 48px) !important;
  border-radius:30px !important;
  border:1px solid rgba(228,200,117,.20) !important;
  background:
    linear-gradient(145deg, rgba(11,11,10,.96), rgba(16,14,10,.92)),
    radial-gradient(circle at 88% 12%, rgba(228,200,117,.10), transparent 42%) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.32) !important;
}

/* Disable any inherited weird overlays on the cards */
.why-24karatz-intro::before,
.why-24karatz-intro::after,
.why-24karatz-copy::before,
.why-24karatz-copy::after{
  display:none !important;
  content:none !important;
}

/* Typography/readability */
.why-24karatz-intro .eyebrow,
.why-24karatz-intro .kicker,
.why-24karatz-section .eyebrow{
  color:#e4c875 !important;
  letter-spacing:.16em !important;
}

.why-24karatz-intro h2,
.why-24karatz-copy h2{
  color:#f8f5ef !important;
  text-shadow:none !important;
}

.why-24karatz-copy p{
  color:#ded8cf !important;
  font-size:17px !important;
  line-height:1.72 !important;
  margin-bottom:15px !important;
}

/* Trust cards under copy: clean boxes */
.why-24karatz-points{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  margin-top:22px !important;
}

.why-24karatz-points > div,
.why-24karatz-point,
.why-point{
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(228,200,117,.18) !important;
  border-radius:16px !important;
  padding:14px !important;
  box-shadow:none !important;
}

.why-24karatz-points strong,
.why-24karatz-point strong,
.why-point strong{
  color:#e4c875 !important;
  display:block !important;
  font-size:14px !important;
  margin-bottom:4px !important;
}

.why-24karatz-points span,
.why-24karatz-points p,
.why-24karatz-point span,
.why-point span{
  color:#cfc7b9 !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

/* Button */
.why-24karatz-section .btn.gold,
.why-24karatz-copy .btn.gold{
  margin-top:20px !important;
  background:linear-gradient(135deg,#c9a24a,#e4c875,#9b7629) !important;
  color:#080808 !important;
  box-shadow:0 14px 34px rgba(201,162,74,.18) !important;
}

/* Make gap to quote still tight */
.why-24karatz-section{
  padding-top:16px !important;
  padding-bottom:16px !important;
}

.why-24karatz-section + .quote-section,
.why-24karatz-section + section#quote.section{
  padding-top:16px !important;
}

/* Responsive */
@media(max-width:980px){
  .why-24karatz-wrap{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .why-24karatz-intro,
  .why-24karatz-copy{
    min-height:auto !important;
    padding:28px !important;
    border-radius:24px !important;
  }

  .why-24karatz-points{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:560px){
  .why-24karatz-intro,
  .why-24karatz-copy{
    padding:22px !important;
  }

  .why-24karatz-copy p{
    font-size:15.5px !important;
    line-height:1.66 !important;
  }
}


/* V114 Why Choose one-box layout
   One main content box with title and paragraphs, then 3 centered boxes below. */
.why-24karatz-main{
  background:transparent !important;
  padding-top:16px !important;
  padding-bottom:16px !important;
}

.why-24karatz-one-box-layout{
  max-width:1120px !important;
  width:min(1120px, calc(100% - 48px)) !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  display:block !important;
}

.why-24karatz-main-box{
  position:relative !important;
  overflow:hidden !important;
  border-radius:30px !important;
  border:1px solid rgba(228,200,117,.24) !important;
  padding:clamp(30px, 4vw, 52px) !important;
  background:
    linear-gradient(135deg, rgba(12,12,10,.95), rgba(18,15,9,.90)),
    radial-gradient(circle at 85% 10%, rgba(228,200,117,.13), transparent 40%) !important;
  box-shadow:0 26px 72px rgba(0,0,0,.32) !important;
  text-align:center !important;
}

.why-24karatz-main-box::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(228,200,117,.04), transparent 30%, transparent 70%, rgba(228,200,117,.035)) !important;
  z-index:0 !important;
}

.why-24karatz-main-box h2,
.why-24karatz-main-box p{
  position:relative !important;
  z-index:1 !important;
}

.why-24karatz-main-box h2{
  font-family:Georgia,serif !important;
  font-size:clamp(36px, 4.6vw, 62px) !important;
  line-height:1.05 !important;
  margin:0 0 22px !important;
  color:#f8f5ef !important;
}

.why-24karatz-main-box p{
  max-width:940px !important;
  margin:0 auto 16px !important;
  color:#ded8cf !important;
  font-size:17px !important;
  line-height:1.75 !important;
}

.why-24karatz-main-box p:last-child{
  margin-bottom:0 !important;
}

/* Three boxes below, centered in the middle */
.why-24karatz-one-box-layout .why-24karatz-points{
  max-width:920px !important;
  margin:18px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}

.why-24karatz-one-box-layout .why-24karatz-points > div{
  border-radius:18px !important;
  padding:18px 16px !important;
  text-align:center !important;
  border:1px solid rgba(228,200,117,.22) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    radial-gradient(circle at 50% 0%, rgba(228,200,117,.09), transparent 48%) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.20) !important;
}

.why-24karatz-one-box-layout .why-24karatz-points strong{
  display:block !important;
  color:#e4c875 !important;
  font-size:16px !important;
  margin-bottom:6px !important;
}

.why-24karatz-one-box-layout .why-24karatz-points span{
  display:block !important;
  color:#cfc7b9 !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

/* Remove old unused button spacing if cached */
.why-24karatz-single-cta{
  display:none !important;
}

.why-24karatz-main + .quote-section,
.why-24karatz-main + section#quote.section{
  padding-top:16px !important;
}

@media(max-width:900px){
  .why-24karatz-one-box-layout{
    width:min(100%, calc(100% - 32px)) !important;
  }

  .why-24karatz-main-box{
    padding:28px 22px !important;
    border-radius:24px !important;
  }

  .why-24karatz-main-box p{
    font-size:16px !important;
    line-height:1.68 !important;
  }

  .why-24karatz-one-box-layout .why-24karatz-points{
    grid-template-columns:1fr !important;
    max-width:560px !important;
  }
}

@media(max-width:560px){
  .why-24karatz-one-box-layout{
    width:min(100%, calc(100% - 24px)) !important;
  }

  .why-24karatz-main-box h2{
    font-size:clamp(30px, 9vw, 42px) !important;
  }
}


/* V115 homepage balanced gaps around Why Choose
   Adds a little breathing room:
   Watch sliders -> Choose the Trusted One
   Choose the Trusted One -> Request Appointment
*/
.why-24karatz-main{
  padding-top:34px !important;
  padding-bottom:34px !important;
}

/* Space after Watch Static / Watch Slider before Choose section */
.home-watch-luxury{
  padding-bottom:34px !important;
}

.home-watch-luxury + .why-24karatz-main,
.home-watch-luxury + .why-24karatz-section{
  margin-top:0 !important;
  padding-top:34px !important;
}

/* Space after Choose section before Quote section */
.why-24karatz-main + .quote-section,
.why-24karatz-main + section#quote.section,
.why-24karatz-section + .quote-section,
.why-24karatz-section + section#quote.section{
  margin-top:0 !important;
  padding-top:34px !important;
}

/* Keep the one-box layout centered and clean */
.why-24karatz-one-box-layout{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.why-24karatz-main-box{
  margin-bottom:0 !important;
}

.why-24karatz-one-box-layout .why-24karatz-points{
  margin-top:22px !important;
}

/* Tablet/mobile: a little smaller but still not too tight */
@media(max-width:900px){
  .home-watch-luxury{
    padding-bottom:28px !important;
  }

  .why-24karatz-main{
    padding-top:28px !important;
    padding-bottom:28px !important;
  }

  .home-watch-luxury + .why-24karatz-main,
  .home-watch-luxury + .why-24karatz-section,
  .why-24karatz-main + .quote-section,
  .why-24karatz-main + section#quote.section,
  .why-24karatz-section + .quote-section,
  .why-24karatz-section + section#quote.section{
    padding-top:28px !important;
  }
}

@media(max-width:560px){
  .home-watch-luxury{
    padding-bottom:22px !important;
  }

  .why-24karatz-main{
    padding-top:22px !important;
    padding-bottom:22px !important;
  }

  .home-watch-luxury + .why-24karatz-main,
  .home-watch-luxury + .why-24karatz-section,
  .why-24karatz-main + .quote-section,
  .why-24karatz-main + section#quote.section,
  .why-24karatz-section + .quote-section,
  .why-24karatz-section + section#quote.section{
    padding-top:22px !important;
  }
}


/* V116 homepage balanced all section gaps
   Makes What We Buy -> Watch sliders tighter,
   while keeping Watch sliders -> Choose and Choose -> Quote balanced. */

/* What We Buy to Watch Slider gap was too big */
.buy-trust-showcase{
  padding-bottom:34px !important;
}

.home-watch-luxury{
  padding-top:34px !important;
}

/* Direct adjacent fallback */
.buy-trust-showcase + .home-watch-luxury{
  margin-top:0 !important;
  padding-top:34px !important;
}

/* Keep Watch sliders to Choose section balanced, not too tight */
.home-watch-luxury{
  padding-bottom:30px !important;
}

.why-24karatz-main{
  padding-top:30px !important;
  padding-bottom:30px !important;
}

.home-watch-luxury + .why-24karatz-main,
.home-watch-luxury + .why-24karatz-section{
  margin-top:0 !important;
  padding-top:30px !important;
}

/* Keep Choose section to Quote balanced */
.why-24karatz-main + .quote-section,
.why-24karatz-main + section#quote.section,
.why-24karatz-section + .quote-section,
.why-24karatz-section + section#quote.section{
  margin-top:0 !important;
  padding-top:30px !important;
}

/* Avoid double internal extra spacing */
.buy-trust-shell,
.home-watch-shell,
.why-24karatz-one-box-layout,
.quote-wrap{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Mobile/tablet balanced */
@media(max-width:900px){
  .buy-trust-showcase{
    padding-bottom:26px !important;
  }

  .home-watch-luxury{
    padding-top:26px !important;
    padding-bottom:24px !important;
  }

  .buy-trust-showcase + .home-watch-luxury,
  .home-watch-luxury + .why-24karatz-main,
  .home-watch-luxury + .why-24karatz-section{
    padding-top:26px !important;
  }

  .why-24karatz-main{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }

  .why-24karatz-main + .quote-section,
  .why-24karatz-main + section#quote.section,
  .why-24karatz-section + .quote-section,
  .why-24karatz-section + section#quote.section{
    padding-top:24px !important;
  }
}

@media(max-width:560px){
  .buy-trust-showcase{
    padding-bottom:22px !important;
  }

  .home-watch-luxury{
    padding-top:22px !important;
    padding-bottom:20px !important;
  }

  .buy-trust-showcase + .home-watch-luxury,
  .home-watch-luxury + .why-24karatz-main,
  .home-watch-luxury + .why-24karatz-section{
    padding-top:22px !important;
  }

  .why-24karatz-main{
    padding-top:20px !important;
    padding-bottom:20px !important;
  }

  .why-24karatz-main + .quote-section,
  .why-24karatz-main + section#quote.section,
  .why-24karatz-section + .quote-section,
  .why-24karatz-section + section#quote.section{
    padding-top:20px !important;
  }
}


/* V117 watch trust boxes under watch sliders */
.watch-trust-strip{
  max-width:1220px;
  margin:22px auto 0;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
}

.watch-trust-strip div{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(228,200,117,.22);
  border-radius:18px;
  padding:18px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    radial-gradient(circle at 78% 0%, rgba(228,200,117,.09), transparent 48%);
  box-shadow:0 14px 34px rgba(0,0,0,.20);
  text-align:left;
}

.watch-trust-strip div::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(180deg, #c9a24a, #e4c875, #9b7629);
  opacity:.85;
}

.watch-trust-strip strong{
  display:block;
  color:#e4c875;
  font-size:16px;
  line-height:1.25;
  margin-bottom:7px;
}

.watch-trust-strip span{
  display:block;
  color:#cfc7b9;
  font-size:13px;
  line-height:1.5;
}

/* Keep watch section to Choose section balanced after adding the new boxes */
.home-watch-luxury{
  padding-bottom:30px !important;
}

.home-watch-luxury + .why-24karatz-main,
.home-watch-luxury + .why-24karatz-section{
  padding-top:30px !important;
}

@media(max-width:980px){
  .watch-trust-strip{
    width:min(100%, calc(100% - 32px));
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
    margin-top:18px;
  }
}

@media(max-width:560px){
  .watch-trust-strip{
    width:min(100%, calc(100% - 24px));
    grid-template-columns:1fr;
    margin-top:16px;
  }

  .watch-trust-strip div{
    padding:16px;
  }
}


/* V118 uniform watch boxes and homepage reviews */

/* Make watch boxes use the SAME format/design as What We Buy trust-strip */
.watch-trust-strip{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:1px !important;
  margin:18px auto 0 !important;
  max-width:1220px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  border:1px solid rgba(201,162,74,.22) !important;
  background:rgba(201,162,74,.20) !important;
  box-shadow:none !important;
}

.watch-trust-strip div{
  padding:22px !important;
  background:rgba(12,12,12,.95) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-align:left !important;
}

.watch-trust-strip div::before{
  display:none !important;
  content:none !important;
}

.watch-trust-strip strong{
  display:block !important;
  color:#e4c875 !important;
  font-size:16px !important;
  margin-bottom:8px !important;
  line-height:1.3 !important;
}

.watch-trust-strip span{
  display:block !important;
  margin:0 !important;
  color:#bdbdbd !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

@media(max-width:980px){
  .watch-trust-strip{
    width:min(100%, calc(100% - 32px)) !important;
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:620px){
  .watch-trust-strip{
    width:min(100%, calc(100% - 24px)) !important;
    grid-template-columns:1fr !important;
  }
}

/* Customer reviews below quote form */
.customer-reviews-section{
  background:transparent !important;
  padding-top:34px !important;
  padding-bottom:70px !important;
}

.customer-reviews-shell{
  max-width:1220px;
  width:min(1220px, calc(100% - 48px));
  margin:0 auto;
}

.customer-reviews-head{
  margin-bottom:22px !important;
}

.reviews-rotator{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px;
  min-height:265px;
}

.review-card{
  display:none;
  opacity:0;
  transform:translateY(8px);
  border:1px solid rgba(228,200,117,.22);
  border-radius:20px;
  padding:20px;
  background:
    linear-gradient(145deg, rgba(8,8,8,.98), rgba(15,13,9,.94)),
    radial-gradient(circle at 75% 0%, rgba(228,200,117,.10), transparent 45%);
  box-shadow:0 18px 42px rgba(0,0,0,.24);
  min-height:240px;
}

.review-card.active{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  opacity:1;
  transform:translateY(0);
  animation:reviewFadeIn .65s ease both;
}

.review-stars{
  color:#e4c875;
  letter-spacing:.08em;
  font-size:16px;
  margin-bottom:10px;
  text-shadow:0 0 16px rgba(228,200,117,.22);
}

.review-card p{
  color:#ded8cf;
  font-size:14px;
  line-height:1.62;
  margin:0 0 14px;
}

.review-card strong{
  display:block;
  color:#e4c875;
  font-size:14px;
}

@keyframes reviewFadeIn{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:translateY(0);}
}

@media(max-width:1100px){
  .reviews-rotator{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media(max-width:700px){
  .customer-reviews-shell{
    width:min(100%, calc(100% - 24px));
  }

  .reviews-rotator{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .review-card{
    min-height:0;
  }
}


/* V119 review avatars + tighter quote-to-reviews gap */

/* Tighten Request Appointment to Customer Reviews gap */
.quote-section,
section#quote.section{
  padding-bottom:22px !important;
}

.customer-reviews-section{
  padding-top:16px !important;
  padding-bottom:70px !important;
}

.quote-form{
  margin-bottom:0 !important;
}

.customer-reviews-head{
  margin-bottom:18px !important;
}

/* Since Client Feedback + sample text are removed, keep the title clean */
.customer-reviews-head h2{
  margin-top:0 !important;
  margin-bottom:8px !important;
}

/* Review cards with black theme, gold stars, and unique small avatar-style faces */
.review-card{
  align-items:flex-start !important;
  gap:8px !important;
}

.review-avatar{
  width:44px;
  height:44px;
  border-radius:50%;
  position:relative;
  overflow:hidden;
  flex:0 0 auto;
  margin-bottom:6px;
  border:1px solid rgba(228,200,117,.45);
  background:linear-gradient(135deg, #2a2114, #0e0d0b);
  box-shadow:0 8px 20px rgba(0,0,0,.24), inset 0 0 0 2px rgba(255,255,255,.04);
}

.review-avatar .avatar-face{
  position:absolute;
  left:9px;
  top:12px;
  width:26px;
  height:27px;
  border-radius:50% 50% 45% 45%;
  background:#d8aa74;
  box-shadow:inset 0 -5px 8px rgba(0,0,0,.10);
}

.review-avatar .avatar-hair{
  position:absolute;
  left:7px;
  top:6px;
  width:30px;
  height:18px;
  border-radius:16px 16px 7px 7px;
  background:#27180d;
  z-index:2;
}

.review-avatar .eye{
  position:absolute;
  top:9px;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#1b120d;
  z-index:3;
}

.review-avatar .eye.left{left:7px;}
.review-avatar .eye.right{right:7px;}

.review-avatar .nose{
  position:absolute;
  left:12px;
  top:13px;
  width:2px;
  height:5px;
  border-radius:2px;
  background:rgba(83,46,28,.45);
  z-index:3;
}

.review-avatar .mouth{
  position:absolute;
  left:9px;
  top:20px;
  width:8px;
  height:3px;
  border-radius:0 0 8px 8px;
  border-bottom:2px solid #8b4531;
  z-index:3;
}

/* unique avatar variations */
.avatar-1 .avatar-face{background:#d8aa74}.avatar-1 .avatar-hair{background:#2a160d}
.avatar-2 .avatar-face{background:#c98f5f}.avatar-2 .avatar-hair{background:#12100f;border-radius:50% 50% 12px 12px}
.avatar-3 .avatar-face{background:#e0b889}.avatar-3 .avatar-hair{background:#5a3821;width:34px;left:5px}
.avatar-4 .avatar-face{background:#b8784d}.avatar-4 .avatar-hair{background:#090909;height:21px}
.avatar-5 .avatar-face{background:#d49b6b}.avatar-5 .avatar-hair{background:#6b4a28;border-radius:10px 18px 8px 8px}
.avatar-6 .avatar-face{background:#e5bc91}.avatar-6 .avatar-hair{background:#3a2417;width:26px;left:10px}
.avatar-7 .avatar-face{background:#c8895b}.avatar-7 .avatar-hair{background:#1f140d;height:15px;top:7px}
.avatar-8 .avatar-face{background:#d7a16f}.avatar-8 .avatar-hair{background:#47301e;border-radius:18px 9px 8px 8px}
.avatar-9 .avatar-face{background:#ba7c52}.avatar-9 .avatar-hair{background:#0c0b0a;width:32px;left:6px}
.avatar-10 .avatar-face{background:#e2b07e}.avatar-10 .avatar-hair{background:#7b552d;height:20px}
.avatar-11 .avatar-face{background:#c99267}.avatar-11 .avatar-hair{background:#20130b;border-radius:8px 18px 8px 8px}
.avatar-12 .avatar-face{background:#f0c89c}.avatar-12 .avatar-hair{background:#362013;width:34px;left:5px}
.avatar-13 .avatar-face{background:#d19a6b}.avatar-13 .avatar-hair{background:#111;height:16px;border-radius:20px 20px 5px 5px}
.avatar-14 .avatar-face{background:#bb7f55}.avatar-14 .avatar-hair{background:#5e3b23;width:28px;left:8px}
.avatar-15 .avatar-face{background:#e0b486}.avatar-15 .avatar-hair{background:#2d1a10;border-radius:14px 8px 8px 14px}
.avatar-16 .avatar-face{background:#ca8e61}.avatar-16 .avatar-hair{background:#70451d;height:18px;width:35px;left:4px}
.avatar-17 .avatar-face{background:#dca676}.avatar-17 .avatar-hair{background:#17100c;width:25px;left:10px;border-radius:50%}
.avatar-18 .avatar-face{background:#b8744a}.avatar-18 .avatar-hair{background:#3b2618;height:22px}
.avatar-19 .avatar-face{background:#e9bd8d}.avatar-19 .avatar-hair{background:#8a6531;border-radius:18px 18px 10px 6px}
.avatar-20 .avatar-face{background:#cc9364}.avatar-20 .avatar-hair{background:#0b0b0b;width:33px;left:5px}

/* keep cards compact after avatar addition */
.review-stars{
  margin-top:0 !important;
}

.review-card p{
  margin-top:2px !important;
}

/* Mobile spacing */
@media(max-width:700px){
  .quote-section,
  section#quote.section{
    padding-bottom:18px !important;
  }

  .customer-reviews-section{
    padding-top:12px !important;
  }

  .review-avatar{
    width:42px;
    height:42px;
  }
}


/* V120 reviews: 50 total, no avatars, 10 visible, one-by-one fade */
.review-avatar{
  display:none !important;
}

.customer-reviews-section{
  padding-top:14px !important;
  padding-bottom:70px !important;
}

.customer-reviews-head{
  margin-bottom:18px !important;
}

.reviews-rotator{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  grid-auto-rows:1fr !important;
  gap:14px !important;
  min-height:500px !important;
}

.review-card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  min-height:235px !important;
  padding:20px !important;
  background:
    linear-gradient(145deg, rgba(8,8,8,.98), rgba(15,13,9,.94)),
    radial-gradient(circle at 75% 0%, rgba(228,200,117,.10), transparent 45%) !important;
  border:1px solid rgba(228,200,117,.22) !important;
  border-radius:20px !important;
  box-shadow:0 18px 42px rgba(0,0,0,.24) !important;
  opacity:1 !important;
  transform:translateY(0) !important;
  transition:opacity .45s ease, transform .45s ease !important;
}

.review-card.review-hidden{
  display:none !important;
}

.review-card.review-fading{
  opacity:0 !important;
  transform:translateY(8px) !important;
}

.review-stars{
  color:#e4c875 !important;
  font-size:16px !important;
  letter-spacing:.08em !important;
  margin-bottom:10px !important;
}

.review-card p{
  color:#ded8cf !important;
  font-size:14px !important;
  line-height:1.6 !important;
  margin:0 0 14px !important;
}

.review-card strong{
  color:#e4c875 !important;
  font-size:14px !important;
}

@media(max-width:1100px){
  .reviews-rotator{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    min-height:auto !important;
  }
}

@media(max-width:700px){
  .reviews-rotator{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .review-card{
    min-height:0 !important;
  }
}


/* V121 reviews slower rotation + mobile only 5 visible */
@media(max-width:700px){
  .reviews-rotator{
    grid-template-columns:1fr !important;
    gap:12px !important;
    min-height:auto !important;
  }

  .review-card{
    min-height:0 !important;
  }
}

/* Keep fade smooth for slower 5-second one-by-one rotation */
.review-card{
  transition:opacity .45s ease, transform .45s ease !important;
}


/* V123 smooth review fade */
.review-card{
  transition:
    opacity .72s ease,
    transform .72s cubic-bezier(.22,.61,.36,1),
    filter .72s ease !important;
  will-change:opacity, transform, filter;
}

.review-card.review-hidden{
  display:none !important;
}

.review-card.review-fading{
  opacity:0 !important;
  transform:translateY(12px) scale(.985) !important;
  filter:blur(2px) !important;
}

.review-card.review-visible{
  opacity:1 !important;
  transform:translateY(0) scale(1) !important;
  filter:blur(0) !important;
}


/* V125 local SEO landing pages */
.local-seo-hero{
  min-height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 20% 15%, rgba(228,200,117,.14), transparent 34%),
    linear-gradient(135deg, rgba(8,8,8,.98), rgba(17,14,8,.94)) !important;
}

.local-seo-hero-inner{
  max-width:980px;
  margin:0 auto;
  text-align:center;
}

.local-seo-section{
  background:transparent !important;
  padding-top:58px !important;
}

.local-seo-wrap{
  max-width:1120px;
  width:min(1120px, calc(100% - 48px));
  margin:0 auto;
  display:grid;
  gap:18px;
}

.local-seo-main,
.local-seo-card,
.local-seo-cta{
  border:1px solid rgba(228,200,117,.22);
  border-radius:26px;
  background:
    linear-gradient(145deg, rgba(10,10,9,.96), rgba(17,14,9,.92)),
    radial-gradient(circle at 84% 0%, rgba(228,200,117,.10), transparent 42%);
  box-shadow:0 22px 60px rgba(0,0,0,.24);
  padding:clamp(24px, 4vw, 42px);
}

.local-seo-main h2,
.local-seo-cta h2{
  font-family:Georgia,serif;
  font-size:clamp(30px, 4vw, 52px);
  margin:0 0 14px;
  color:#f8f5ef;
}

.local-seo-main p,
.local-seo-cta p{
  color:#ded8cf;
  font-size:17px;
  line-height:1.72;
}

.local-seo-card h3{
  color:#e4c875;
  margin-top:0;
  font-size:24px;
}

.local-seo-card ul{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
  padding:0;
  margin:0;
  list-style:none;
}

.local-seo-card li{
  border:1px solid rgba(228,200,117,.18);
  border-radius:14px;
  padding:13px 14px;
  background:rgba(255,255,255,.035);
  color:#d8d2c7;
}

.local-seo-process{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}

.local-seo-process div{
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(228,200,117,.22);
  background:rgba(12,12,12,.95);
}

.local-seo-process strong{
  display:block;
  color:#e4c875;
  margin-bottom:7px;
}

.local-seo-process span{
  display:block;
  color:#bdbdbd;
  font-size:14px;
  line-height:1.5;
}

.local-seo-cta{
  text-align:center;
}

.site-footer .footer-links{
  min-width:220px;
}

@media(max-width:800px){
  .local-seo-card ul,
  .local-seo-process{
    grid-template-columns:1fr;
  }

  .local-seo-wrap{
    width:min(100%, calc(100% - 24px));
  }
}


/* V126 FAQ page and homepage FAQ */
.faq-hero,
.home-faq-section,
.faq-page-section{
  background:transparent !important;
}

.faq-hero{
  min-height:400px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 18% 12%, rgba(228,200,117,.15), transparent 34%),
    linear-gradient(135deg, rgba(8,8,8,.98), rgba(18,15,9,.94)) !important;
}

.faq-hero-inner,
.home-faq-shell,
.faq-shell{
  max-width:1120px;
  width:min(1120px, calc(100% - 48px));
  margin:0 auto;
}

.faq-hero-inner{
  text-align:center;
}

.faq-hero-inner h1{
  font-family:Georgia,serif;
  font-size:clamp(40px, 5vw, 72px);
  color:#f8f5ef;
  margin:8px 0 14px;
}

.faq-hero-inner p{
  color:#ded8cf;
  font-size:18px;
  line-height:1.7;
  max-width:780px;
  margin:0 auto;
}

.home-faq-section{
  padding-top:32px !important;
  padding-bottom:32px !important;
}

.home-faq-head{
  margin-bottom:20px !important;
}

.home-faq-grid,
.faq-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

.home-faq-card,
.faq-card,
.faq-cta-box{
  border:1px solid rgba(228,200,117,.22);
  border-radius:22px;
  background:
    linear-gradient(145deg, rgba(8,8,8,.98), rgba(15,13,9,.94)),
    radial-gradient(circle at 82% 0%, rgba(228,200,117,.09), transparent 44%);
  box-shadow:0 18px 46px rgba(0,0,0,.22);
  padding:22px;
}

.home-faq-card h3,
.faq-card h2{
  color:#e4c875;
  font-size:clamp(18px, 2vw, 23px);
  line-height:1.25;
  margin:0 0 10px;
}

.home-faq-card p,
.faq-card p,
.faq-cta-box p{
  color:#d8d2c8;
  font-size:15.5px;
  line-height:1.68;
  margin:0;
}

.home-faq-cta{
  margin-top:22px !important;
}

.faq-cta-box{
  margin-top:18px;
  text-align:center;
}

.faq-cta-box h2{
  font-family:Georgia,serif;
  color:#f8f5ef;
  font-size:clamp(28px, 4vw, 48px);
  margin:0 0 10px;
}

@media(max-width:800px){
  .faq-hero-inner,
  .home-faq-shell,
  .faq-shell{
    width:min(100%, calc(100% - 24px));
  }

  .home-faq-grid,
  .faq-grid{
    grid-template-columns:1fr;
  }

  .home-faq-section{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }
}


/* V130 FAQ CTA and header gold nav buttons */

/* FAQ page bottom CTA box: center buttons and make both gold */
.faq-cta-box .hero-actions{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-top:18px !important;
  text-align:center !important;
}

.faq-cta-box .btn,
.faq-cta-box .btn.ghost,
.faq-cta-box .btn.gold{
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  min-width:210px !important;
  text-align:center !important;
  background:linear-gradient(135deg,#c9a24a,#e4c875,#9b7629) !important;
  color:#080808 !important;
  border:1px solid rgba(228,200,117,.65) !important;
  box-shadow:0 14px 34px rgba(201,162,74,.18) !important;
}

.faq-cta-box .btn:hover,
.faq-cta-box .btn.ghost:hover,
.faq-cta-box .btn.gold:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 42px rgba(201,162,74,.24) !important;
}

/* Header navigation: make all menu items gold pill buttons like Request Appointment */
.site-nav{
  gap:8px !important;
  align-items:center !important;
}

.site-nav a,
.site-nav a.nav-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#c9a24a,#e4c875,#9b7629) !important;
  color:#080808 !important;
  border:1px solid rgba(228,200,117,.65) !important;
  box-shadow:0 8px 20px rgba(201,162,74,.12) !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-decoration:none !important;
  line-height:1 !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.site-nav a:hover,
.site-nav a.nav-cta:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 12px 28px rgba(201,162,74,.22) !important;
  filter:saturate(1.08) brightness(1.03) !important;
}

/* Keep Request Appointment slightly stronger but uniform */
.site-nav a.nav-cta{
  padding-left:16px !important;
  padding-right:16px !important;
  box-shadow:0 10px 26px rgba(201,162,74,.22) !important;
}

/* Mobile menu gold buttons */
@media(max-width:900px){
  .site-nav{
    gap:8px !important;
  }

  .site-nav a,
  .site-nav a.nav-cta{
    width:100% !important;
    min-height:42px !important;
    padding:12px 14px !important;
  }

  .faq-cta-box .btn,
  .faq-cta-box .btn.ghost,
  .faq-cta-box .btn.gold{
    width:100% !important;
    min-width:0 !important;
  }
}


/* V131 smaller What We Buy buttons/labels
   Makes the gold pill labels in the homepage What We Buy section slightly smaller and more elegant. */
.buy-trust-feature span,
.what-we-buy-label-stack span,
.what-we-buy-slider-card span,
.buy-trust-showcase .buy-trust-feature span{
  padding:7px 11px !important;
  font-size:11px !important;
  line-height:1.1 !important;
  border-radius:999px !important;
}

/* Keep the big featured box labels elegant but still readable */
.what-we-buy-label-stack{
  gap:8px !important;
}

.what-we-buy-label-stack span{
  min-height:0 !important;
}

/* Mobile: keep it compact too */
@media(max-width:620px){
  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:6px 10px !important;
    font-size:10.5px !important;
  }
}


/* V132 small screen What We Buy overlap fix
   Fixes 11-inch tablet/small laptop overlap where What We Buy area/buttons can touch or overlap the hero/cash bar. */

/* Make the first content section always sit clearly below the hero/cash bar */
.hero-clean{
  position:relative !important;
  z-index:1 !important;
}

.rate-bar.cash-message-bar,
.cash-message-bar{
  position:relative !important;
  z-index:3 !important;
  margin-bottom:0 !important;
}

.buy-trust-showcase{
  position:relative !important;
  z-index:2 !important;
  clear:both !important;
}

/* Small laptops/tablets in landscape: add safe breathing room and reduce vertical pressure */
@media(min-width:981px) and (max-width:1366px){
  .rate-bar.cash-message-bar + .buy-trust-showcase,
  .cash-message-bar + .buy-trust-showcase,
  .buy-trust-showcase{
    padding-top:48px !important;
  }

  .buy-trust-head{
    margin-bottom:24px !important;
  }

  .buy-trust-head .eyebrow{
    font-size:12px !important;
    padding:6px 11px !important;
    margin-bottom:12px !important;
  }

  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:6px 10px !important;
    font-size:10.5px !important;
  }

  .what-we-buy-label-stack{
    bottom:20px !important;
    left:20px !important;
    gap:7px !important;
  }
}

/* 11-inch / short-height laptops: prevent section from riding upward visually */
@media(min-width:981px) and (max-height:820px){
  .hero-clean{
    margin-bottom:0 !important;
  }

  .rate-bar.cash-message-bar + .buy-trust-showcase,
  .cash-message-bar + .buy-trust-showcase,
  .buy-trust-showcase{
    padding-top:52px !important;
  }

  .buy-trust-showcase{
    padding-bottom:34px !important;
  }

  .buy-trust-grid{
    gap:14px !important;
  }
}

/* Tablet/mobile: ensure What We Buy never overlaps the hero */
@media(max-width:980px){
  .buy-trust-showcase{
    margin-top:0 !important;
    padding-top:44px !important;
  }

  .rate-bar.cash-message-bar + .buy-trust-showcase,
  .cash-message-bar + .buy-trust-showcase{
    padding-top:44px !important;
  }

  .what-we-buy-label-stack{
    bottom:18px !important;
    left:18px !important;
  }
}

@media(max-width:620px){
  .buy-trust-showcase{
    padding-top:38px !important;
  }

  .rate-bar.cash-message-bar + .buy-trust-showcase,
  .cash-message-bar + .buy-trust-showcase{
    padding-top:38px !important;
  }

  .what-we-buy-label-stack{
    bottom:16px !important;
    left:16px !important;
  }
}


/* V133 cashbar overlap and PC What We Buy smaller
   Fixes 11-inch tablet/small laptop cash bar overlap and makes What We Buy labels smaller on all screens. */

/* Make What We Buy gold labels/buttons smaller on normal desktop too */
.buy-trust-feature span,
.what-we-buy-label-stack span,
.what-we-buy-slider-card span,
.buy-trust-showcase .buy-trust-feature span{
  padding:6px 10px !important;
  font-size:10.5px !important;
  line-height:1.05 !important;
  letter-spacing:.04em !important;
}

/* Keep label stack compact */
.what-we-buy-label-stack{
  gap:7px !important;
}

/* Cash bar should stay under hero, never overlay hero images */
.rate-bar.cash-message-bar,
.cash-message-bar{
  position:relative !important;
  z-index:4 !important;
  transform:none !important;
  translate:none !important;
  top:auto !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  clear:both !important;
}

/* Small laptop / 11-inch tablet landscape */
@media(min-width:981px) and (max-width:1366px){
  .hero-clean{
    overflow:hidden !important;
    margin-bottom:0 !important;
  }

  .rate-bar.cash-message-bar,
  .cash-message-bar{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    width:100% !important;
  }

  .rate-bar.cash-message-bar div,
  .cash-message-bar div{
    padding:12px 14px !important;
    min-height:68px !important;
  }

  .rate-bar.cash-message-bar span,
  .cash-message-bar span{
    font-size:10.5px !important;
    line-height:1.15 !important;
  }

  .rate-bar.cash-message-bar strong,
  .cash-message-bar strong{
    font-size:12.5px !important;
    line-height:1.25 !important;
  }

  .rate-bar.cash-message-bar + .buy-trust-showcase,
  .cash-message-bar + .buy-trust-showcase,
  .buy-trust-showcase{
    padding-top:42px !important;
  }

  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:5px 8px !important;
    font-size:9.6px !important;
  }

  .what-we-buy-label-stack{
    gap:6px !important;
    bottom:16px !important;
    left:16px !important;
  }
}

/* Short-height laptop like 1366x768 or 1280x720 */
@media(min-width:981px) and (max-height:820px){
  .hero-clean{
    min-height:560px !important;
  }

  .rate-bar.cash-message-bar div,
  .cash-message-bar div{
    padding-top:10px !important;
    padding-bottom:10px !important;
    min-height:62px !important;
  }

  .rate-bar.cash-message-bar + .buy-trust-showcase,
  .cash-message-bar + .buy-trust-showcase,
  .buy-trust-showcase{
    padding-top:38px !important;
  }
}

/* Tablet/mobile: stack the 3 boxes so they do not overlap or squeeze */
@media(max-width:980px){
  .rate-bar.cash-message-bar,
  .cash-message-bar{
    display:grid !important;
    grid-template-columns:1fr !important;
    position:relative !important;
    z-index:4 !important;
    margin-top:0 !important;
  }

  .rate-bar.cash-message-bar div,
  .cash-message-bar div{
    min-height:auto !important;
    padding:12px 15px !important;
  }

  .rate-bar.cash-message-bar span,
  .cash-message-bar span{
    font-size:10px !important;
  }

  .rate-bar.cash-message-bar strong,
  .cash-message-bar strong{
    font-size:12.5px !important;
    line-height:1.25 !important;
  }

  .rate-bar.cash-message-bar + .buy-trust-showcase,
  .cash-message-bar + .buy-trust-showcase,
  .buy-trust-showcase{
    padding-top:34px !important;
  }

  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:4px 7px !important;
    font-size:9px !important;
    letter-spacing:.03em !important;
  }

  .what-we-buy-label-stack{
    gap:5px !important;
    bottom:12px !important;
    left:12px !important;
  }
}

@media(max-width:620px){
  .rate-bar.cash-message-bar div,
  .cash-message-bar div{
    padding:10px 13px !important;
  }

  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:4px 6px !important;
    font-size:8.5px !important;
  }
}


/* V134 small screen cashbar spacing and What We Buy size fix
   Fixes mobile / 11-inch tablet issue where the 3 boxes below hero merge into hero image
   and restores What We Buy labels to a readable small-but-not-too-small size. */

/* Safety: hero must finish before the cash bar begins */
.hero-clean{
  display:block !important;
  position:relative !important;
  z-index:1 !important;
  overflow:hidden !important;
}

.rate-bar.cash-message-bar,
.cash-message-bar{
  display:grid !important;
  position:relative !important;
  z-index:2 !important;
  clear:both !important;
  top:auto !important;
  bottom:auto !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  translate:none !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Desktop What We Buy labels: slightly smaller, still readable */
.buy-trust-feature span,
.what-we-buy-label-stack span,
.what-we-buy-slider-card span,
.buy-trust-showcase .buy-trust-feature span{
  padding:6px 10px !important;
  font-size:10.8px !important;
  line-height:1.1 !important;
  letter-spacing:.04em !important;
}

/* Small laptop / 11-inch tablet landscape */
@media(min-width:981px) and (max-width:1366px){
  /* Make hero shorter and safely separated, so cash bar never sits over hero image */
  .hero-clean{
    min-height:560px !important;
    height:auto !important;
    margin-bottom:0 !important;
  }

  .rate-bar.cash-message-bar,
  .cash-message-bar{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    width:100% !important;
    margin-top:0 !important;
  }

  .rate-bar.cash-message-bar div,
  .cash-message-bar div{
    padding:13px 14px !important;
    min-height:70px !important;
  }

  .rate-bar.cash-message-bar span,
  .cash-message-bar span{
    font-size:10.8px !important;
    line-height:1.2 !important;
  }

  .rate-bar.cash-message-bar strong,
  .cash-message-bar strong{
    font-size:12.8px !important;
    line-height:1.3 !important;
  }

  /* Clear breathing room after cash bar before What We Buy */
  .rate-bar.cash-message-bar + .buy-trust-showcase,
  .cash-message-bar + .buy-trust-showcase,
  .buy-trust-showcase{
    padding-top:42px !important;
    margin-top:0 !important;
  }

  /* Small screen What We Buy labels: readable again */
  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:6px 9px !important;
    font-size:10px !important;
    line-height:1.1 !important;
  }

  .what-we-buy-label-stack{
    gap:6px !important;
    bottom:16px !important;
    left:16px !important;
  }
}

/* Short laptop/tablet height */
@media(min-width:981px) and (max-height:820px){
  .hero-clean{
    min-height:540px !important;
  }

  .hero-clean-text{
    padding-top:84px !important;
    padding-bottom:60px !important;
  }

  .rate-bar.cash-message-bar div,
  .cash-message-bar div{
    min-height:66px !important;
    padding-top:11px !important;
    padding-bottom:11px !important;
  }

  .rate-bar.cash-message-bar + .buy-trust-showcase,
  .cash-message-bar + .buy-trust-showcase,
  .buy-trust-showcase{
    padding-top:38px !important;
  }
}

/* Tablets and mobile: cash bar becomes normal stacked content below hero */
@media(max-width:980px){
  .hero-clean{
    min-height:620px !important;
    height:auto !important;
    margin-bottom:0 !important;
  }

  .rate-bar.cash-message-bar,
  .cash-message-bar{
    grid-template-columns:1fr !important;
    width:100% !important;
    margin-top:0 !important;
    position:relative !important;
    z-index:2 !important;
  }

  .rate-bar.cash-message-bar div,
  .cash-message-bar div{
    min-height:auto !important;
    padding:13px 16px !important;
  }

  .rate-bar.cash-message-bar span,
  .cash-message-bar span{
    font-size:10.8px !important;
    line-height:1.2 !important;
  }

  .rate-bar.cash-message-bar strong,
  .cash-message-bar strong{
    font-size:13px !important;
    line-height:1.3 !important;
  }

  .rate-bar.cash-message-bar + .buy-trust-showcase,
  .cash-message-bar + .buy-trust-showcase,
  .buy-trust-showcase{
    padding-top:34px !important;
    margin-top:0 !important;
  }

  /* Bigger than V133 mobile labels, still compact */
  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:5px 8px !important;
    font-size:9.8px !important;
    line-height:1.1 !important;
    letter-spacing:.03em !important;
  }

  .what-we-buy-label-stack{
    gap:6px !important;
    bottom:14px !important;
    left:14px !important;
  }
}

/* Phone portrait: still readable */
@media(max-width:620px){
  .hero-clean{
    min-height:610px !important;
  }

  .rate-bar.cash-message-bar div,
  .cash-message-bar div{
    padding:12px 14px !important;
  }

  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:5px 8px !important;
    font-size:9.5px !important;
  }

  .what-we-buy-label-stack{
    gap:5px !important;
    bottom:12px !important;
    left:12px !important;
  }
}

/* Very small phones */
@media(max-width:420px){
  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:4px 7px !important;
    font-size:9.2px !important;
  }
}


/* V135 small screen hero cashbar lower fix
   Purpose: On 11-inch tablet / small laptop, the cash bar under hero was too high
   and could cover Get a Appointment / Call Message buttons. This forces more safe
   hero height and pushes the cash bar lower. */

/* The slogan bar must never float on top of the hero */
.rate-bar.cash-message-bar,
.cash-message-bar{
  position:relative !important;
  z-index:2 !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  translate:none !important;
  margin-top:0 !important;
}

/* Small laptop and 11-inch tablet landscape */
@media(min-width:981px) and (max-width:1366px){
  .hero-clean{
    min-height:690px !important;
    height:auto !important;
    padding-bottom:70px !important;
    margin-bottom:0 !important;
    overflow:hidden !important;
  }

  .hero-clean-text{
    padding-bottom:70px !important;
    margin-bottom:0 !important;
  }

  .hero-clean-actions{
    margin-bottom:34px !important;
  }

  .rate-bar.cash-message-bar,
  .cash-message-bar{
    margin-top:0 !important;
  }

  .rate-bar.cash-message-bar div,
  .cash-message-bar div{
    min-height:64px !important;
    padding:11px 14px !important;
  }

  .rate-bar.cash-message-bar + .buy-trust-showcase,
  .cash-message-bar + .buy-trust-showcase,
  .buy-trust-showcase{
    padding-top:42px !important;
  }
}

/* Short 1366x768 / 1280x720 screens need even more bottom safety */
@media(min-width:981px) and (max-height:820px){
  .hero-clean{
    min-height:660px !important;
    padding-bottom:80px !important;
  }

  .hero-clean-text{
    padding-bottom:82px !important;
  }

  .hero-clean-actions{
    margin-bottom:42px !important;
  }

  .rate-bar.cash-message-bar,
  .cash-message-bar{
    margin-top:0 !important;
  }
}

/* Tablet and mobile: stack the 3 boxes BELOW the hero with extra clearance */
@media(max-width:980px){
  .hero-clean{
    min-height:740px !important;
    height:auto !important;
    padding-bottom:96px !important;
    margin-bottom:0 !important;
    overflow:hidden !important;
  }

  .hero-clean-text{
    padding-bottom:96px !important;
    margin-bottom:0 !important;
  }

  .hero-clean-actions{
    margin-bottom:44px !important;
  }

  .rate-bar.cash-message-bar,
  .cash-message-bar{
    display:grid !important;
    grid-template-columns:1fr !important;
    position:relative !important;
    z-index:2 !important;
    margin-top:0 !important;
    clear:both !important;
  }

  .rate-bar.cash-message-bar div,
  .cash-message-bar div{
    padding:12px 15px !important;
    min-height:auto !important;
  }

  .rate-bar.cash-message-bar + .buy-trust-showcase,
  .cash-message-bar + .buy-trust-showcase,
  .buy-trust-showcase{
    padding-top:36px !important;
  }

  /* What We Buy labels: readable, not too tiny */
  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:5px 9px !important;
    font-size:9.8px !important;
    line-height:1.12 !important;
  }
}

/* Mobile portrait */
@media(max-width:620px){
  .hero-clean{
    min-height:710px !important;
    padding-bottom:88px !important;
  }

  .hero-clean-text{
    padding-bottom:88px !important;
  }

  .hero-clean-actions{
    margin-bottom:38px !important;
  }

  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:5px 8px !important;
    font-size:9.5px !important;
  }
}

/* Very small phones */
@media(max-width:420px){
  .hero-clean{
    min-height:700px !important;
    padding-bottom:82px !important;
  }
}


/* V136 11-inch hero cashbar proper fix
   The problem is not only the cash bar position. On 11-inch landscape screens
   the hero title/content is too tall, so the CTA buttons overflow behind the
   Cash for Gold bar. This patch gives the hero enough height AND reduces hero
   typography on small laptop/tablet screens so the CTA buttons stay visible. */

/* Never allow the cash bar to behave like an overlay */
.rate-bar.cash-message-bar,
.cash-message-bar{
  position:relative !important;
  z-index:2 !important;
  clear:both !important;
  transform:none !important;
  translate:none !important;
  top:auto !important;
  bottom:auto !important;
  margin-top:0 !important;
}

/* Small laptop / 11-inch tablet landscape simulation range */
@media(min-width:981px) and (max-width:1366px){
  .hero-clean{
    min-height:820px !important;
    height:auto !important;
    padding-bottom:110px !important;
    margin-bottom:0 !important;
    overflow:hidden !important;
  }

  .hero-clean-text{
    max-width:720px !important;
    padding-top:120px !important;
    padding-bottom:120px !important;
    margin-bottom:0 !important;
  }

  .hero-clean-kicker{
    font-size:15px !important;
    letter-spacing:.16em !important;
    margin-bottom:16px !important;
  }

  .hero-clean h1{
    font-size:clamp(54px, 6.2vw, 76px) !important;
    line-height:1.03 !important;
    margin-bottom:22px !important;
  }

  .hero-clean-lead{
    max-width:640px !important;
    font-size:18px !important;
    line-height:1.55 !important;
    margin-bottom:18px !important;
  }

  .hero-clean-trust{
    font-size:15px !important;
    line-height:1.45 !important;
    margin-bottom:24px !important;
  }

  .hero-clean-actions{
    position:relative !important;
    z-index:8 !important;
    margin-bottom:70px !important;
  }

  .hero-clean-actions .btn{
    padding:12px 18px !important;
    font-size:13px !important;
  }

  .rate-bar.cash-message-bar,
  .cash-message-bar{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    width:100% !important;
    margin-top:0 !important;
  }

  .rate-bar.cash-message-bar div,
  .cash-message-bar div{
    padding:12px 16px !important;
    min-height:70px !important;
  }

  .rate-bar.cash-message-bar span,
  .cash-message-bar span{
    font-size:11px !important;
    line-height:1.2 !important;
  }

  .rate-bar.cash-message-bar strong,
  .cash-message-bar strong{
    font-size:13px !important;
    line-height:1.3 !important;
  }

  .rate-bar.cash-message-bar + .buy-trust-showcase,
  .cash-message-bar + .buy-trust-showcase,
  .buy-trust-showcase{
    padding-top:42px !important;
  }
}

/* Exact short laptop / 11-inch landscape feel, like 1366x768 / 1280x720 */
@media(min-width:981px) and (max-height:820px){
  .hero-clean{
    min-height:790px !important;
    padding-bottom:120px !important;
  }

  .hero-clean-text{
    padding-top:104px !important;
    padding-bottom:130px !important;
  }

  .hero-clean h1{
    font-size:clamp(50px, 5.8vw, 70px) !important;
    line-height:1.02 !important;
  }

  .hero-clean-lead{
    font-size:17px !important;
    line-height:1.5 !important;
  }

  .hero-clean-actions{
    margin-bottom:86px !important;
  }
}

/* Tablet width: make hero tall enough and stack cash bar below, not on top */
@media(max-width:980px){
  .hero-clean{
    min-height:820px !important;
    height:auto !important;
    padding-bottom:120px !important;
    margin-bottom:0 !important;
    overflow:hidden !important;
  }

  .hero-clean-text{
    padding-top:110px !important;
    padding-bottom:125px !important;
    margin-bottom:0 !important;
  }

  .hero-clean h1{
    font-size:clamp(44px, 9vw, 66px) !important;
    line-height:1.05 !important;
  }

  .hero-clean-lead{
    font-size:16.5px !important;
    line-height:1.55 !important;
  }

  .hero-clean-actions{
    position:relative !important;
    z-index:8 !important;
    margin-bottom:82px !important;
  }

  .rate-bar.cash-message-bar,
  .cash-message-bar{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    margin-top:0 !important;
  }

  .rate-bar.cash-message-bar + .buy-trust-showcase,
  .cash-message-bar + .buy-trust-showcase,
  .buy-trust-showcase{
    padding-top:36px !important;
  }
}

/* Mobile portrait: keep CTA visible, cash bar below */
@media(max-width:620px){
  .hero-clean{
    min-height:760px !important;
    padding-bottom:105px !important;
  }

  .hero-clean-text{
    padding-top:96px !important;
    padding-bottom:112px !important;
  }

  .hero-clean h1{
    font-size:clamp(38px, 11vw, 54px) !important;
  }

  .hero-clean-actions{
    margin-bottom:70px !important;
  }

  .rate-bar.cash-message-bar div,
  .cash-message-bar div{
    padding:12px 14px !important;
  }
}


/* V137 hero full width left gap fix
   Fixes homepage hero showing a small blank gap on the left side on some screens.
   Forces the hero/banner background to use the full viewport width, not a centered/container width. */

/* Remove page-level horizontal gaps */
html,
body{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  overflow-x:hidden !important;
}

/* Homepage hero must span true viewport width */
.hero-clean{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  left:auto !important;
  right:auto !important;
  border-left:0 !important;
  border-right:0 !important;
  box-sizing:border-box !important;
}

/* Hero visual layers should fill the hero edge-to-edge */
.hero-clean-bg,
.hero-clean-shade,
.hero-clean-slide,
.hero-clean-slide img{
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:none !important;
}

.hero-clean-slide img{
  display:block !important;
  min-width:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Keep header aligned with the full-width hero */
.site-header{
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Cash bar should also span full width directly below hero */
.rate-bar.cash-message-bar,
.cash-message-bar{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  box-sizing:border-box !important;
}

/* Full-width safety for smaller screens */
@media(max-width:1366px){
  .hero-clean,
  .rate-bar.cash-message-bar,
  .cash-message-bar{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
  }

  .hero-clean-bg,
  .hero-clean-slide,
  .hero-clean-slide img{
    width:100% !important;
    min-width:100% !important;
  }
}

/* If browser zoom/scaling created subpixel gaps, slightly overscan the hero image only */
@media(min-width:981px){
  .hero-clean-slide img{
    width:calc(100% + 2px) !important;
    max-width:none !important;
    margin-left:-1px !important;
  }
}


/* V138 true full width hero zoom gap fix
   Fixes the left/right black gaps caused by desktop body zoom scaling.
   The body is scaled down on desktop, so 100vw becomes visually smaller.
   This makes only the hero + cash bar counter-scale back to true full screen width. */

/* Base: no border/margin around hero */
.hero-clean,
.rate-bar.cash-message-bar,
.cash-message-bar{
  box-sizing:border-box !important;
  border-left:0 !important;
  border-right:0 !important;
}

/* Large desktop where body zoom is 90% */
@media(min-width:1500px){
  .hero-clean,
  .rate-bar.cash-message-bar,
  .cash-message-bar{
    zoom:1.111111 !important;
    width:90vw !important;
    max-width:90vw !important;
    margin-left:calc(50% - 45vw) !important;
    margin-right:calc(50% - 45vw) !important;
  }

  .hero-clean-bg,
  .hero-clean-shade,
  .hero-clean-slide,
  .hero-clean-slide img{
    width:100% !important;
    min-width:100% !important;
    max-width:none !important;
    left:0 !important;
    right:0 !important;
  }
}

/* Common laptop where body zoom is 86% */
@media(min-width:1200px) and (max-width:1499px){
  .hero-clean,
  .rate-bar.cash-message-bar,
  .cash-message-bar{
    zoom:1.162791 !important;
    width:86vw !important;
    max-width:86vw !important;
    margin-left:calc(50% - 43vw) !important;
    margin-right:calc(50% - 43vw) !important;
  }

  .hero-clean-bg,
  .hero-clean-shade,
  .hero-clean-slide,
  .hero-clean-slide img{
    width:100% !important;
    min-width:100% !important;
    max-width:none !important;
    left:0 !important;
    right:0 !important;
  }
}

/* Smaller laptop where body zoom is 82% */
@media(min-width:981px) and (max-width:1199px){
  .hero-clean,
  .rate-bar.cash-message-bar,
  .cash-message-bar{
    zoom:1.219512 !important;
    width:82vw !important;
    max-width:82vw !important;
    margin-left:calc(50% - 41vw) !important;
    margin-right:calc(50% - 41vw) !important;
  }

  .hero-clean-bg,
  .hero-clean-shade,
  .hero-clean-slide,
  .hero-clean-slide img{
    width:100% !important;
    min-width:100% !important;
    max-width:none !important;
    left:0 !important;
    right:0 !important;
  }
}

/* Mobile/tablet below desktop scaling: use normal full width */
@media(max-width:980px){
  .hero-clean,
  .rate-bar.cash-message-bar,
  .cash-message-bar{
    zoom:1 !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
  }
}

/* Fallback for browsers that do not support zoom well */
@supports not (zoom:1){
  @media(min-width:981px){
    .hero-clean,
    .rate-bar.cash-message-bar,
    .cash-message-bar{
      transform:none !important;
      width:100vw !important;
      max-width:100vw !important;
      margin-left:calc(50% - 50vw) !important;
      margin-right:calc(50% - 50vw) !important;
    }
  }
}


/* V139 remove hero side gaps correct zoom
   Previous V138 used zoom on the hero, but the desktop body is already zoomed out.
   Correct fix: make the hero/cash bar wider than 100vw by the inverse of body zoom,
   so after body zoom it visually fills the full browser width. */

/* Reset V138 hero/cash bar zoom behavior */
.hero-clean,
.rate-bar.cash-message-bar,
.cash-message-bar{
  zoom:1 !important;
  max-width:none !important;
  box-sizing:border-box !important;
  border-left:0 !important;
  border-right:0 !important;
}

/* Large desktop: body zoom .90, so hero must be 111.111vw */
@media(min-width:1500px){
  .hero-clean,
  .rate-bar.cash-message-bar,
  .cash-message-bar{
    width:111.111111vw !important;
    max-width:111.111111vw !important;
    margin-left:calc(50% - 55.555555vw) !important;
    margin-right:calc(50% - 55.555555vw) !important;
  }
}

/* Common laptop: body zoom .86, so hero must be 116.279vw */
@media(min-width:1200px) and (max-width:1499px){
  .hero-clean,
  .rate-bar.cash-message-bar,
  .cash-message-bar{
    width:116.279069vw !important;
    max-width:116.279069vw !important;
    margin-left:calc(50% - 58.139534vw) !important;
    margin-right:calc(50% - 58.139534vw) !important;
  }
}

/* Smaller laptop: body zoom .82, so hero must be 121.951vw */
@media(min-width:981px) and (max-width:1199px){
  .hero-clean,
  .rate-bar.cash-message-bar,
  .cash-message-bar{
    width:121.951219vw !important;
    max-width:121.951219vw !important;
    margin-left:calc(50% - 60.975609vw) !important;
    margin-right:calc(50% - 60.975609vw) !important;
  }
}

/* Mobile/tablet no desktop zoom correction needed */
@media(max-width:980px){
  .hero-clean,
  .rate-bar.cash-message-bar,
  .cash-message-bar{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
  }
}

/* Force visual image layers to cover the full corrected hero width */
.hero-clean-bg,
.hero-clean-shade,
.hero-clean-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  max-width:none !important;
}

.hero-clean-slide img{
  display:block !important;
  width:100% !important;
  min-width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  max-width:none !important;
  margin-left:0 !important;
}

/* Prevent the page from showing horizontal scrollbar from the widened hero */
html,
body{
  overflow-x:hidden !important;
}


/* V140 11-inch hero autofit no crop
   Fixes tablet / 11-inch landscape hero text being cropped on the left.
   V139 full-width correction is kept for desktop only, but disabled on tablet/small laptop widths. */

/* For 11-inch tablet / small laptop, do NOT use inverse zoom widening.
   It can push the hero content off-screen. Use true viewport width instead. */
@media(max-width:1199px){
  .hero-clean,
  .rate-bar.cash-message-bar,
  .cash-message-bar{
    zoom:1 !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    transform:none !important;
    left:auto !important;
    right:auto !important;
  }

  .hero-clean-bg,
  .hero-clean-shade,
  .hero-clean-slide{
    width:100% !important;
    max-width:100% !important;
    inset:0 !important;
  }

  .hero-clean-slide img{
    width:100% !important;
    min-width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin-left:0 !important;
  }
}

/* 11-inch tablet / landscape: make text fit inside safe viewport, no left crop */
@media(min-width:768px) and (max-width:1199px){
  .hero-clean{
    min-height:790px !important;
    height:auto !important;
    padding-bottom:110px !important;
    overflow:hidden !important;
  }

  .hero-clean-text{
    width:auto !important;
    max-width:min(660px, calc(100vw - 72px)) !important;
    margin-left:0 !important;
    margin-right:auto !important;
    padding-left:clamp(28px, 5vw, 54px) !important;
    padding-right:24px !important;
    padding-top:104px !important;
    padding-bottom:120px !important;
    box-sizing:border-box !important;
    transform:none !important;
  }

  .hero-clean-kicker{
    font-size:14px !important;
    letter-spacing:.14em !important;
    white-space:normal !important;
  }

  .hero-clean h1{
    font-size:clamp(42px, 6.4vw, 66px) !important;
    line-height:1.04 !important;
    max-width:100% !important;
    overflow-wrap:normal !important;
  }

  .hero-clean-lead{
    font-size:16px !important;
    line-height:1.52 !important;
    max-width:100% !important;
  }

  .hero-clean-trust{
    font-size:14px !important;
    line-height:1.45 !important;
    max-width:100% !important;
  }

  .hero-clean-actions{
    margin-bottom:82px !important;
  }

  .hero-clean-actions .btn{
    padding:11px 16px !important;
    font-size:13px !important;
  }

  .rate-bar.cash-message-bar,
  .cash-message-bar{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }

  .rate-bar.cash-message-bar div,
  .cash-message-bar div{
    padding:11px 13px !important;
    min-height:66px !important;
  }

  .rate-bar.cash-message-bar span,
  .cash-message-bar span{
    font-size:10.5px !important;
  }

  .rate-bar.cash-message-bar strong,
  .cash-message-bar strong{
    font-size:12.5px !important;
    line-height:1.25 !important;
  }
}

/* iPad / tablet browser often reports around 1024px landscape */
@media(min-width:900px) and (max-width:1100px){
  .hero-clean-text{
    max-width:min(610px, calc(100vw - 64px)) !important;
    padding-left:36px !important;
  }

  .hero-clean h1{
    font-size:clamp(40px, 6vw, 60px) !important;
  }
}

/* Phone / narrow tablet portrait */
@media(max-width:767px){
  .hero-clean{
    min-height:740px !important;
    padding-bottom:96px !important;
  }

  .hero-clean-text{
    max-width:calc(100vw - 32px) !important;
    padding-left:18px !important;
    padding-right:18px !important;
    padding-top:92px !important;
    padding-bottom:104px !important;
  }

  .hero-clean h1{
    font-size:clamp(36px, 10.5vw, 52px) !important;
    line-height:1.05 !important;
  }

  .hero-clean-lead{
    font-size:15.5px !important;
  }

  .rate-bar.cash-message-bar,
  .cash-message-bar{
    grid-template-columns:1fr !important;
  }
}


/* V141 mobile What We Buy labels smaller
   Makes only the What We Buy gold pill labels under/inside the hero area smaller on mobile and small screens.
   Desktop stays elegant, mobile becomes compact again but still readable. */

/* Tablet and small screens */
@media(max-width:980px){
  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:4px 7px !important;
    font-size:8.8px !important;
    line-height:1.05 !important;
    letter-spacing:.025em !important;
    border-radius:999px !important;
  }

  .what-we-buy-label-stack{
    gap:5px !important;
    bottom:12px !important;
    left:12px !important;
    max-width:calc(100% - 24px) !important;
  }
}

/* Mobile portrait */
@media(max-width:620px){
  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:4px 6px !important;
    font-size:8.2px !important;
    line-height:1.05 !important;
    letter-spacing:.02em !important;
  }

  .what-we-buy-label-stack{
    gap:4px !important;
    bottom:10px !important;
    left:10px !important;
    max-width:calc(100% - 20px) !important;
  }
}

/* Very small phones */
@media(max-width:420px){
  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:3px 6px !important;
    font-size:7.8px !important;
  }
}


/* V142 mobile What We Buy labels 50% smaller
   Makes only the homepage What We Buy gold pill labels much smaller on mobile/small screens. */

/* 11-inch tablet / small screens: around 50% smaller than large desktop pills */
@media(max-width:980px){
  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:3px 5px !important;
    font-size:6.8px !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
    border-radius:999px !important;
    font-weight:700 !important;
  }

  .what-we-buy-label-stack{
    gap:3px !important;
    bottom:9px !important;
    left:9px !important;
    max-width:calc(100% - 18px) !important;
  }
}

/* Mobile portrait: smaller compact pills */
@media(max-width:620px){
  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:3px 5px !important;
    font-size:6.5px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }

  .what-we-buy-label-stack{
    gap:3px !important;
    bottom:8px !important;
    left:8px !important;
  }
}

/* Very small phones */
@media(max-width:420px){
  .buy-trust-feature span,
  .what-we-buy-label-stack span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:2px 4px !important;
    font-size:6px !important;
  }

  .what-we-buy-label-stack{
    gap:2px !important;
  }
}


/* V143 mobile What We Buy heading pill 50% smaller
   The visible big "WHAT WE BUY" button below the hero is the section eyebrow,
   not the small label spans. This patch targets that exact button/pill. */

/* Tablet / small screen */
@media(max-width:980px){
  .buy-trust-head .eyebrow,
  .buy-trust-showcase .eyebrow,
  .section.buy-trust-showcase .eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:5px 14px !important;
    font-size:9px !important;
    line-height:1 !important;
    letter-spacing:.10em !important;
    min-height:0 !important;
    border-radius:999px !important;
    transform:scale(.75) !important;
    transform-origin:center center !important;
    margin-bottom:8px !important;
  }

  /* Also keep the image-card gold labels compact */
  .what-we-buy-label-stack span,
  .buy-trust-feature span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:3px 5px !important;
    font-size:6.8px !important;
    line-height:1 !important;
  }
}

/* Mobile portrait: make the WHAT WE BUY pill roughly 50% smaller visually */
@media(max-width:620px){
  .buy-trust-head .eyebrow,
  .buy-trust-showcase .eyebrow,
  .section.buy-trust-showcase .eyebrow{
    padding:4px 12px !important;
    font-size:8px !important;
    letter-spacing:.08em !important;
    transform:scale(.62) !important;
    margin-bottom:4px !important;
  }

  .buy-trust-head{
    margin-bottom:12px !important;
  }

  .buy-trust-head p{
    font-size:13px !important;
    line-height:1.45 !important;
  }

  .what-we-buy-label-stack span,
  .buy-trust-feature span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:2px 4px !important;
    font-size:6px !important;
    line-height:1 !important;
  }
}

/* Very small phones */
@media(max-width:420px){
  .buy-trust-head .eyebrow,
  .buy-trust-showcase .eyebrow,
  .section.buy-trust-showcase .eyebrow{
    padding:3px 10px !important;
    font-size:7.5px !important;
    transform:scale(.58) !important;
  }
}


/* V144 mobile What We Buy balanced centered
   Fixes V143: the WHAT WE BUY pill became too tiny and text was not centered.
   This restores a balanced mobile size and perfect center alignment. */

/* Mobile/tablet WHAT WE BUY heading pill */
@media(max-width:980px){
  .buy-trust-head{
    text-align:center !important;
  }

  .buy-trust-head .eyebrow,
  .buy-trust-showcase .eyebrow,
  .section.buy-trust-showcase .eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    padding:6px 18px !important;
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:.11em !important;
    border-radius:999px !important;
    transform:none !important;
    transform-origin:center center !important;
    margin:0 auto 10px !important;
    white-space:nowrap !important;
  }
}

/* Mobile portrait: smaller than desktop but not tiny */
@media(max-width:620px){
  .buy-trust-head .eyebrow,
  .buy-trust-showcase .eyebrow,
  .section.buy-trust-showcase .eyebrow{
    padding:5px 15px !important;
    font-size:9px !important;
    letter-spacing:.09em !important;
    line-height:1 !important;
    transform:none !important;
    margin:0 auto 8px !important;
  }

  .buy-trust-head{
    margin-bottom:14px !important;
  }
}

/* Very small phones */
@media(max-width:420px){
  .buy-trust-head .eyebrow,
  .buy-trust-showcase .eyebrow,
  .section.buy-trust-showcase .eyebrow{
    padding:5px 13px !important;
    font-size:8.6px !important;
    letter-spacing:.08em !important;
  }
}

/* Keep the small labels inside What We Buy image cards compact but readable */
@media(max-width:980px){
  .what-we-buy-label-stack span,
  .buy-trust-feature span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:4px 7px !important;
    font-size:8.5px !important;
    line-height:1.05 !important;
  }
}

@media(max-width:620px){
  .what-we-buy-label-stack span,
  .buy-trust-feature span,
  .what-we-buy-slider-card span,
  .buy-trust-showcase .buy-trust-feature span{
    padding:3px 6px !important;
    font-size:8px !important;
    line-height:1.05 !important;
  }
}


/* V145 11-inch What We Buy pill balanced
   Makes ONLY the WHAT WE BUY heading pill bigger/balanced on 11-inch tablet and small laptop.
   Mobile phone remains balanced from V144 and other buttons are not affected. */

/* 11-inch tablet / small laptop only */
@media(min-width:768px) and (max-width:1199px){
  .buy-trust-head{
    text-align:center !important;
    margin-bottom:18px !important;
  }

  .buy-trust-head .eyebrow,
  .buy-trust-showcase .eyebrow,
  .section.buy-trust-showcase .eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    padding:8px 24px !important;
    font-size:11.5px !important;
    line-height:1 !important;
    letter-spacing:.12em !important;
    border-radius:999px !important;
    transform:none !important;
    white-space:nowrap !important;
    margin:0 auto 12px !important;
  }
}

/* Mobile phone: balanced, centered, not too tiny and not too big */
@media(max-width:767px){
  .buy-trust-head{
    text-align:center !important;
    margin-bottom:14px !important;
  }

  .buy-trust-head .eyebrow,
  .buy-trust-showcase .eyebrow,
  .section.buy-trust-showcase .eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:5px 15px !important;
    font-size:9px !important;
    line-height:1 !important;
    letter-spacing:.09em !important;
    border-radius:999px !important;
    transform:none !important;
    white-space:nowrap !important;
    margin:0 auto 8px !important;
  }
}

/* Very small phones */
@media(max-width:420px){
  .buy-trust-head .eyebrow,
  .buy-trust-showcase .eyebrow,
  .section.buy-trust-showcase .eyebrow{
    padding:5px 13px !important;
    font-size:8.6px !important;
    letter-spacing:.08em !important;
  }
}


/* V146 11-inch What We Buy pill bigger balanced
   Makes ONLY the WHAT WE BUY heading pill bigger on 11-inch tablet/small laptop.
   Mobile phones keep their own balanced size. Other buttons are untouched. */

/* Small laptop / 11-inch tablet landscape only */
@media(min-width:768px) and (max-width:1199px){
  .buy-trust-head{
    text-align:center !important;
    margin-bottom:20px !important;
  }

  .buy-trust-head .eyebrow,
  .buy-trust-showcase .eyebrow,
  .section.buy-trust-showcase .eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    width:auto !important;
    min-width:118px !important;
    height:auto !important;
    min-height:30px !important;
    padding:9px 28px !important;
    font-size:13px !important;
    line-height:1 !important;
    letter-spacing:.13em !important;
    border-radius:999px !important;
    transform:none !important;
    white-space:nowrap !important;
    margin:0 auto 13px !important;
    box-sizing:border-box !important;
  }
}

/* Narrow mobile phones only: keep balanced, do not use the 11-inch larger pill */
@media(max-width:767px){
  .buy-trust-head{
    text-align:center !important;
    margin-bottom:14px !important;
  }

  .buy-trust-head .eyebrow,
  .buy-trust-showcase .eyebrow,
  .section.buy-trust-showcase .eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:6px 16px !important;
    font-size:9.5px !important;
    line-height:1 !important;
    letter-spacing:.09em !important;
    border-radius:999px !important;
    transform:none !important;
    white-space:nowrap !important;
    margin:0 auto 9px !important;
    box-sizing:border-box !important;
  }
}

@media(max-width:420px){
  .buy-trust-head .eyebrow,
  .buy-trust-showcase .eyebrow,
  .section.buy-trust-showcase .eyebrow{
    padding:5px 14px !important;
    font-size:9px !important;
    letter-spacing:.08em !important;
  }
}


/* V147 11-inch What We Buy pill 50% bigger FORCE
   Targets ONLY the WHAT WE BUY heading pill on 11-inch tablet / small laptop.
   This uses a more specific selector and !important so older mobile rules cannot override it. */

/* 11-inch tablet / small laptop only: make the WHAT WE BUY pill 50% bigger than V146 */
@media(min-width:768px) and (max-width:1199px){
  section.buy-trust-showcase .buy-trust-head > .eyebrow,
  .buy-trust-showcase .buy-trust-head > .eyebrow,
  .buy-trust-head > p.eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;

    min-width:180px !important;
    min-height:46px !important;
    width:auto !important;
    height:auto !important;

    padding:14px 42px !important;
    font-size:18px !important;
    line-height:1 !important;
    letter-spacing:.14em !important;
    font-weight:900 !important;

    border-radius:999px !important;
    margin:0 auto 18px !important;
    transform:none !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
  }

  section.buy-trust-showcase .buy-trust-head{
    text-align:center !important;
    margin-bottom:24px !important;
  }
}

/* Mobile phones stay balanced and are not affected by the 11-inch bigger pill */
@media(max-width:767px){
  section.buy-trust-showcase .buy-trust-head > .eyebrow,
  .buy-trust-showcase .buy-trust-head > .eyebrow,
  .buy-trust-head > p.eyebrow{
    min-width:0 !important;
    min-height:0 !important;
    padding:6px 16px !important;
    font-size:9.5px !important;
    line-height:1 !important;
    letter-spacing:.09em !important;
    margin:0 auto 9px !important;
    transform:none !important;
  }
}


/* V148 11-inch What We Buy pill 100% bigger FORCE
   Makes ONLY the WHAT WE BUY heading pill much bigger on 11-inch tablet / small laptop.
   Does not affect other buttons or phone mobile size. */

/* 11-inch tablet / small laptop only */
@media(min-width:768px) and (max-width:1199px){
  section.buy-trust-showcase .buy-trust-head > .eyebrow,
  .buy-trust-showcase .buy-trust-head > .eyebrow,
  .buy-trust-head > p.eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;

    min-width:260px !important;
    min-height:62px !important;
    width:auto !important;
    height:auto !important;

    padding:20px 58px !important;
    font-size:24px !important;
    line-height:1 !important;
    letter-spacing:.14em !important;
    font-weight:900 !important;

    border-radius:999px !important;
    margin:0 auto 24px !important;
    transform:none !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
  }

  section.buy-trust-showcase .buy-trust-head{
    text-align:center !important;
    margin-bottom:30px !important;
  }
}

/* Phones stay smaller/balanced */
@media(max-width:767px){
  section.buy-trust-showcase .buy-trust-head > .eyebrow,
  .buy-trust-showcase .buy-trust-head > .eyebrow,
  .buy-trust-head > p.eyebrow{
    min-width:0 !important;
    min-height:0 !important;
    padding:6px 16px !important;
    font-size:9.5px !important;
    line-height:1 !important;
    letter-spacing:.09em !important;
    margin:0 auto 9px !important;
    transform:none !important;
  }
}


/* V149 mobile landscape tip popup */
.mobile-landscape-tip-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:18px;
  background:rgba(0,0,0,0);
  opacity:0;
  pointer-events:none;
  transition:opacity .42s ease, background .42s ease;
}

.mobile-landscape-tip-overlay.show{
  opacity:1;
  pointer-events:auto;
  background:rgba(0,0,0,.18);
}

.mobile-landscape-tip-box{
  width:min(92vw, 360px);
  margin-top:72px;
  border:1px solid rgba(228,200,117,.34);
  border-radius:22px;
  background:
    linear-gradient(145deg, rgba(10,10,9,.96), rgba(19,15,8,.94)),
    radial-gradient(circle at 86% 0%, rgba(228,200,117,.12), transparent 48%);
  box-shadow:0 22px 60px rgba(0,0,0,.42);
  padding:18px 18px 16px;
  text-align:center;
  transform:translateY(-12px) scale(.96);
  opacity:0;
  transition:opacity .42s ease, transform .42s cubic-bezier(.22,.61,.36,1);
}

.mobile-landscape-tip-overlay.show .mobile-landscape-tip-box{
  opacity:1;
  transform:translateY(0) scale(1);
}

.mobile-landscape-tip-icon{
  width:42px;
  height:42px;
  margin:0 auto 10px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#c9a24a,#e4c875,#9b7629);
  color:#090909;
  font-size:22px;
  box-shadow:0 10px 28px rgba(201,162,74,.22);
}

.mobile-landscape-tip-box strong{
  display:block;
  color:#f8f5ef;
  font-size:16px;
  line-height:1.25;
  margin-bottom:6px;
}

.mobile-landscape-tip-box p{
  color:#d8d2c8;
  font-size:13.5px;
  line-height:1.5;
  margin:0 0 12px;
}

.mobile-landscape-tip-close{
  appearance:none;
  border:0;
  border-radius:999px;
  padding:8px 16px;
  cursor:pointer;
  background:linear-gradient(135deg,#c9a24a,#e4c875,#9b7629);
  color:#080808;
  font-weight:800;
  font-size:12px;
}

@media(min-width:768px){
  .mobile-landscape-tip-overlay{
    display:none !important;
  }
}

@media(orientation:landscape){
  .mobile-landscape-tip-overlay{
    display:none !important;
  }
}


/* V150 hero Call / Message Us gold button
   Makes only the hero secondary button match Get a Appointment. */
.hero-clean-actions .btn.ghost,
.hero-clean-actions a.btn.ghost{
  background:linear-gradient(135deg,#c9a24a,#e4c875,#9b7629) !important;
  color:#080808 !important;
  border:1px solid rgba(228,200,117,.70) !important;
  box-shadow:0 14px 34px rgba(201,162,74,.18) !important;
}

.hero-clean-actions .btn.ghost:hover,
.hero-clean-actions a.btn.ghost:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 42px rgba(201,162,74,.26) !important;
  filter:saturate(1.08) brightness(1.03) !important;
}


/* V155 hero trust badges */
.hero-trust-badges{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  flex-wrap:wrap !important;
  margin-top:14px !important;
}

.hero-trust-badges span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(228,200,117,.34) !important;
  background:rgba(8,8,8,.44) !important;
  color:#f3df9b !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.025em !important;
  box-shadow:0 10px 28px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(8px) !important;
  text-shadow:0 4px 14px rgba(0,0,0,.80) !important;
}

@media(max-width:767px){
  .hero-trust-badges{
    gap:6px !important;
    margin-top:11px !important;
  }

  .hero-trust-badges span{
    padding:6px 9px !important;
    font-size:10.5px !important;
  }
}


/* V156 How It Works step image cards */
.how-step-image-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:260px !important;
  isolation:isolate !important;
}

.how-step-image-card.has-step-image{
  background-image:var(--how-step-bg) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

.how-step-image-card.has-step-image::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,.58) !important;
  z-index:0 !important;
}

.how-step-image-card.has-step-image::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.72)) !important;
  z-index:1 !important;
}

.how-step-card-overlay{
  position:absolute !important;
  inset:0 !important;
  background:radial-gradient(circle at 20% 0%, rgba(228,200,117,.16), transparent 42%) !important;
  z-index:2 !important;
  pointer-events:none !important;
}

.how-step-card-content{
  position:relative !important;
  z-index:3 !important;
}

.how-step-image-card span,
.how-step-image-card h3,
.how-step-image-card p{
  position:relative !important;
  z-index:4 !important;
  text-shadow:0 4px 18px rgba(0,0,0,.85) !important;
}

.how-step-image-card h3{
  color:#fff7df !important;
}

.how-step-image-card p{
  color:#f1eadf !important;
}

@media(max-width:900px){
  .how-step-image-card{
    min-height:230px !important;
  }
}


/* V157 How It Works separate box image categories */
.how-step-image-card.has-step-image{
  background-size:cover !important;
  background-position:center center !important;
}

.how-step-image-card.has-step-image::before{
  background:rgba(0,0,0,.62) !important;
}

.how-step-image-card.has-step-image::after{
  background:
    linear-gradient(180deg, rgba(0,0,0,.36), rgba(0,0,0,.78)),
    radial-gradient(circle at 20% 0%, rgba(228,200,117,.16), transparent 42%) !important;
}


/* V158 How It Works box image display fix */
.how-step-image-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:260px !important;
  isolation:isolate !important;
  background-color:#111 !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

.how-step-image-card.has-step-image{
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

.how-step-image-card.has-step-image::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,.64) !important;
  z-index:0 !important;
  pointer-events:none !important;
}

.how-step-image-card.has-step-image::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(0,0,0,.38), rgba(0,0,0,.80)) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

.how-step-card-overlay{
  position:absolute !important;
  inset:0 !important;
  background:radial-gradient(circle at 20% 0%, rgba(228,200,117,.16), transparent 42%) !important;
  z-index:2 !important;
  pointer-events:none !important;
}

.how-step-card-content{
  position:relative !important;
  z-index:3 !important;
}

.how-step-card-content span,
.how-step-card-content h3,
.how-step-card-content p{
  position:relative !important;
  z-index:4 !important;
  text-shadow:0 4px 18px rgba(0,0,0,.90) !important;
}

.how-step-card-content h3{
  color:#fff7df !important;
}

.how-step-card-content p{
  color:#f2eadf !important;
}

@media(max-width:900px){
  .how-step-image-card{
    min-height:230px !important;
  }
}


/* V159 How It Works image tag background fix
   Uses a real <img> tag behind the text so uploaded images reliably appear. */
.how-steps-with-images .how-step-image-card{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  min-height:270px !important;
  background:#111 !important;
}

.how-step-bg-img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  z-index:0 !important;
  display:block !important;
  opacity:1 !important;
}

.how-step-dark-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.48), rgba(0,0,0,.82)),
    radial-gradient(circle at 18% 0%, rgba(228,200,117,.18), transparent 42%) !important;
  pointer-events:none !important;
}

.how-step-card-content{
  position:relative !important;
  z-index:2 !important;
}

.how-step-card-content span,
.how-step-card-content h3,
.how-step-card-content p{
  position:relative !important;
  z-index:3 !important;
  text-shadow:0 4px 18px rgba(0,0,0,.92) !important;
}

.how-step-card-content h3{
  color:#fff7df !important;
}

.how-step-card-content p{
  color:#f4eee5 !important;
}

@media(max-width:900px){
  .how-steps-with-images .how-step-image-card{
    min-height:230px !important;
  }
}


/* V160 How It Works box images less faded
   Shows the uploaded process box images more clearly while keeping text readable. */
.how-steps-with-images .how-step-bg-img{
  opacity:1 !important;
  filter:contrast(1.08) saturate(1.08) brightness(.88) !important;
}

.how-steps-with-images .how-step-dark-overlay{
  background:
    linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.50)),
    radial-gradient(circle at 18% 0%, rgba(228,200,117,.12), transparent 42%) !important;
}

.how-steps-with-images .how-step-image-card.has-step-image::before,
.how-steps-with-images .how-step-image-card.has-step-image::after{
  background:transparent !important;
  opacity:0 !important;
}

.how-steps-with-images .how-step-card-content{
  background:linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.26)) !important;
  border-radius:16px !important;
}

.how-steps-with-images .how-step-card-content span,
.how-steps-with-images .how-step-card-content h3,
.how-steps-with-images .how-step-card-content p{
  text-shadow:0 3px 12px rgba(0,0,0,.95), 0 1px 2px rgba(0,0,0,.95) !important;
}

/* Mobile: keep slightly darker for readability on small screens */
@media(max-width:700px){
  .how-steps-with-images .how-step-dark-overlay{
    background:
      linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.58)),
      radial-gradient(circle at 18% 0%, rgba(228,200,117,.12), transparent 42%) !important;
  }

  .how-steps-with-images .how-step-bg-img{
    filter:contrast(1.06) saturate(1.06) brightness(.82) !important;
  }
}


/* V161 remove How It Works text shadow box
   Removes the square/rectangle shadow panel behind the text while keeping image visible and text readable. */
.how-steps-with-images .how-step-card-content{
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:0 !important;
}

.how-steps-with-images .how-step-dark-overlay{
  background:
    linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.58)),
    radial-gradient(circle at 18% 0%, rgba(228,200,117,.10), transparent 42%) !important;
}

.how-steps-with-images .how-step-bg-img{
  filter:contrast(1.08) saturate(1.08) brightness(.86) !important;
}

.how-steps-with-images .how-step-card-content span,
.how-steps-with-images .how-step-card-content h3,
.how-steps-with-images .how-step-card-content p{
  text-shadow:0 3px 12px rgba(0,0,0,.95), 0 1px 2px rgba(0,0,0,.95) !important;
}

/* Mobile stays a little darker for readability, but no square text box */
@media(max-width:700px){
  .how-steps-with-images .how-step-card-content{
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .how-steps-with-images .how-step-dark-overlay{
    background:
      linear-gradient(180deg, rgba(0,0,0,.36), rgba(0,0,0,.64)),
      radial-gradient(circle at 18% 0%, rgba(228,200,117,.10), transparent 42%) !important;
  }
}


/* V175 What We Buy fourth diamond box + compact 4-card layout */
@media(min-width:981px){
  .buy-trust-grid{
    grid-template-columns:1.12fr .88fr !important;
    grid-template-rows:repeat(4, minmax(112px, 1fr)) !important;
    gap:13px !important;
    align-items:stretch !important;
  }

  .buy-trust-feature:nth-child(1){
    grid-column:1 !important;
    grid-row:1 / 5 !important;
    min-height:100% !important;
    height:100% !important;
  }

  .buy-trust-feature:nth-child(2){
    grid-column:2 !important;
    grid-row:1 !important;
  }

  .buy-trust-feature:nth-child(3){
    grid-column:2 !important;
    grid-row:2 !important;
  }

  .buy-trust-feature:nth-child(4){
    grid-column:2 !important;
    grid-row:3 !important;
  }

  .buy-trust-feature:nth-child(5){
    grid-column:2 !important;
    grid-row:4 !important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
      radial-gradient(circle at 82% 78%, rgba(201,162,74,.17), transparent 40%) !important;
  }

  .buy-trust-grid > .buy-trust-feature:not(:first-child){
    min-height:0 !important;
    padding:18px 20px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }

  .buy-trust-grid > .buy-trust-feature:not(:first-child) .feature-topline{
    padding:5px 10px !important;
    font-size:9.5px !important;
    margin-bottom:8px !important;
    letter-spacing:.10em !important;
  }

  .buy-trust-grid > .buy-trust-feature:not(:first-child) h3{
    font-size:clamp(20px, 2vw, 28px) !important;
    line-height:1.05 !important;
    margin-bottom:7px !important;
  }

  .buy-trust-grid > .buy-trust-feature:not(:first-child) p{
    font-size:13.5px !important;
    line-height:1.42 !important;
    margin-bottom:10px !important;
  }

  .buy-trust-grid > .buy-trust-feature:not(:first-child) span{
    padding:6px 10px !important;
    font-size:10.5px !important;
    width:max-content !important;
  }
}

@media(max-width:980px){
  .buy-trust-feature:nth-child(5){
    grid-column:auto !important;
    grid-row:auto !important;
  }
}


/* V176 mobile cashbar lower hero spacing fix
   Moves the Cash for Gold / Private Valuation / Trusted Buyer boxes lower on mobile
   so they do not visually merge with or cover the hero image/buttons. */
@media(max-width:980px){
  .hero-clean{
    min-height:780px !important;
    height:auto !important;
    padding-bottom:140px !important;
    margin-bottom:0 !important;
    overflow:hidden !important;
  }

  .hero-clean-text{
    padding-bottom:128px !important;
    margin-bottom:0 !important;
  }

  .hero-clean-actions{
    margin-bottom:72px !important;
  }

  .hero-trust-badges{
    margin-bottom:44px !important;
  }

  .rate-bar.cash-message-bar,
  .cash-message-bar{
    position:relative !important;
    z-index:3 !important;
    clear:both !important;
    margin-top:18px !important;
    transform:none !important;
    translate:none !important;
    top:auto !important;
    bottom:auto !important;
  }

  .rate-bar.cash-message-bar div,
  .cash-message-bar div{
    padding-top:15px !important;
    padding-bottom:15px !important;
  }
}

@media(max-width:620px){
  .hero-clean{
    min-height:760px !important;
    padding-bottom:132px !important;
  }

  .hero-clean-text{
    padding-bottom:122px !important;
  }

  .hero-clean-actions{
    margin-bottom:66px !important;
  }

  .hero-trust-badges{
    margin-bottom:38px !important;
  }

  .rate-bar.cash-message-bar,
  .cash-message-bar{
    margin-top:22px !important;
  }
}

@media(max-width:420px){
  .hero-clean{
    min-height:750px !important;
    padding-bottom:124px !important;
  }

  .hero-clean-text{
    padding-bottom:116px !important;
  }

  .hero-clean-actions{
    margin-bottom:60px !important;
  }

  .rate-bar.cash-message-bar,
  .cash-message-bar{
    margin-top:24px !important;
  }
}

/* Small landscape phones need breathing room too */
@media(max-width:900px) and (orientation:landscape){
  .hero-clean{
    min-height:720px !important;
    padding-bottom:118px !important;
  }

  .hero-clean-actions{
    margin-bottom:56px !important;
  }

  .rate-bar.cash-message-bar,
  .cash-message-bar{
    margin-top:18px !important;
  }
}


/* V179 simple quote captcha */
.quote-captcha-box{
  margin:18px 0 4px !important;
  padding:18px !important;
  border-radius:18px !important;
  border:1px solid rgba(228,200,117,.28) !important;
  background:rgba(0,0,0,.22) !important;
}

.quote-captcha-box label{
  margin-bottom:8px !important;
}

.quote-captcha-question{
  display:block !important;
  margin:7px 0 8px !important;
  color:#f8f5ef !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
}

.quote-captcha-box input{
  max-width:220px !important;
}

.quote-captcha-box p{
  margin:8px 0 0 !important;
  color:#bdb7aa !important;
  font-size:13px !important;
}


/* V180 What We Buy slider middle line fix
   Removes the decorative divider line that was appearing across the uploaded sliding images. */
.what-we-buy-slider-card::after,
.buy-trust-feature.scrap-gold-minimal.what-we-buy-slider-card::after{
  display:none !important;
  content:none !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  opacity:0 !important;
}

/* Keep image clean and uninterrupted */
.what-we-buy-card-slider,
.what-we-buy-card-slide,
.what-we-buy-card-slide img{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

.what-we-buy-label-stack{
  z-index:5 !important;
}


/* V181 force remove What We Buy slider visible lines
   The visible center line was caused by pseudo-element gradient/divider overlays on the slider card.
   This keeps the image clean and uses a smooth bottom fade only for text readability. */
.what-we-buy-slider-card{
  background:#070707 !important;
}

.what-we-buy-slider-card::after,
.buy-trust-feature.scrap-gold-minimal.what-we-buy-slider-card::after,
.buy-trust-feature.scrap-gold-minimal::after{
  display:none !important;
  content:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:0 !important;
  max-height:0 !important;
  background:transparent !important;
  border:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Replace old middle/bottom overlay with one smooth overlay with no hard line. */
.what-we-buy-slider-card::before,
.buy-trust-feature.scrap-gold-minimal.what-we-buy-slider-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  display:block !important;
  height:auto !important;
  width:auto !important;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.04) 0%,
      rgba(0,0,0,.08) 42%,
      rgba(0,0,0,.28) 72%,
      rgba(0,0,0,.76) 100%
    ) !important;
  border:0 !important;
  box-shadow:none !important;
  opacity:1 !important;
}

.what-we-buy-card-slider{
  z-index:0 !important;
  background:#070707 !important;
}

.what-we-buy-card-slide{
  z-index:0 !important;
  background:#070707 !important;
  backface-visibility:hidden !important;
  transform:translateZ(0) !important;
}

.what-we-buy-card-slide.active{
  z-index:1 !important;
}

.what-we-buy-card-slide img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  transform:translateZ(0) scale(1.001) !important;
}

.what-we-buy-label-stack{
  position:relative !important;
  z-index:5 !important;
}


/* V184 indexing boost internal links + HTML sitemap */
.site-footer-v184{
  display:grid !important;
  grid-template-columns:1.25fr .8fr 1fr !important;
  gap:28px !important;
  align-items:flex-start !important;
}

.site-footer-v184 .footer-links strong{
  display:block !important;
  color:#e4c875 !important;
  margin-bottom:9px !important;
  font-size:14px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.site-footer-v184 .footer-links a{
  color:#d9d1c2 !important;
  line-height:1.45 !important;
}

.site-footer-v184 .footer-links a:hover{
  color:#e4c875 !important;
}

.html-sitemap-section{
  padding-top:64px !important;
}

.html-sitemap-shell{
  max-width:1120px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:20px !important;
}

.html-sitemap-card{
  border:1px solid rgba(201,162,74,.24) !important;
  border-radius:26px !important;
  padding:28px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02)) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.26) !important;
}

.html-sitemap-card h2{
  margin:0 0 18px !important;
  color:#e4c875 !important;
  font-family:Georgia,serif !important;
}

.html-sitemap-link-grid{
  display:grid !important;
  gap:10px !important;
}

.html-sitemap-link-grid a{
  display:block !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  border:1px solid rgba(201,162,74,.16) !important;
  background:rgba(0,0,0,.18) !important;
  color:#f8f5ef !important;
}

.html-sitemap-link-grid a:hover{
  border-color:rgba(228,200,117,.45) !important;
  color:#e4c875 !important;
}

@media(max-width:900px){
  .site-footer-v184,
  .html-sitemap-shell{
    grid-template-columns:1fr !important;
  }
}

.crawl-links-section{
  padding-top:48px !important;
  padding-bottom:56px !important;
}

.crawl-links-grid{
  max-width:1120px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:12px !important;
}

.crawl-links-grid a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:58px !important;
  padding:12px !important;
  text-align:center !important;
  border-radius:16px !important;
  border:1px solid rgba(201,162,74,.22) !important;
  background:rgba(0,0,0,.22) !important;
  color:#f8f5ef !important;
  font-weight:800 !important;
}

.crawl-links-grid a:hover{
  color:#e4c875 !important;
  border-color:rgba(228,200,117,.50) !important;
}

@media(max-width:900px){
  .crawl-links-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}
@media(max-width:560px){
  .crawl-links-grid{
    grid-template-columns:1fr !important;
  }
}
