/* Distributor visual repair: scoped to /become-a-distributor/ pages only. */
.distributor-page.distributor-visual-fix{
  width:min(1180px, calc(100vw - 48px));
  margin:0 auto;
  padding:clamp(84px,8vw,126px) 0 112px;
  position:relative;
  color:#f8fbff;
}
.distributor-page.distributor-visual-fix a{color:inherit;text-decoration:none;}
.seo-nav nav a{color:rgba(246,250,255,.86)!important;text-decoration:none!important;}
.seo-nav nav a:hover{color:#4db9f4!important;}
.distributor-visual-fix .dist-center-hero{
  min-height:auto!important;
  display:block!important;
  padding:clamp(64px,7vw,120px) 0 clamp(58px,7vw,102px);
  text-align:center;
  border-bottom:1px solid rgba(91,185,244,.18);
}
.distributor-visual-fix .dist-hero-inner{max-width:1060px;margin:0 auto;}
.distributor-visual-fix .dist-kicker{
  color:#4db9f4;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin:0 0 22px;
  font-size:clamp(13px,1vw,16px);
}
.distributor-visual-fix h1,
.distributor-visual-fix h2,
.distributor-visual-fix h3{letter-spacing:0;}
.distributor-visual-fix .dist-center-hero h1{
  max-width:1040px;
  margin:0 auto;
  font-size:clamp(54px,6vw,108px);
  line-height:.96;
  font-weight:950;
  text-wrap:balance;
}
html[lang^="zh"] .distributor-visual-fix .dist-center-hero h1,
html[lang="ja"] .distributor-visual-fix .dist-center-hero h1,
html[lang="ko"] .distributor-visual-fix .dist-center-hero h1{
  max-width:980px;
  font-size:clamp(42px,4.7vw,76px);
  line-height:1.14;
}
html[lang="vi"] .distributor-visual-fix .dist-center-hero h1,
html[lang="de"] .distributor-visual-fix .dist-center-hero h1,
html[lang="es"] .distributor-visual-fix .dist-center-hero h1{
  max-width:960px;
  font-size:clamp(46px,5.2vw,86px);
  line-height:1.02;
}
html[dir="rtl"] .distributor-visual-fix .dist-center-hero h1{
  max-width:960px;
  font-size:clamp(42px,5vw,82px);
  line-height:1.15;
}
.distributor-visual-fix .dist-lead{
  max-width:780px;
  margin:26px auto 0;
  color:rgba(229,238,244,.82);
  font-size:clamp(18px,1.45vw,24px);
  line-height:1.55;
}
.distributor-visual-fix .dist-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;}
.distributor-visual-fix .dist-primary,
.distributor-visual-fix .dist-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 28px;
  border-radius:999px;
  font-weight:900;
  letter-spacing:.04em;
  border:1px solid rgba(95,195,255,.75);
  color:#f8fbff!important;
  text-decoration:none!important;
  background:rgba(20,70,96,.36);
  box-shadow:0 0 34px rgba(48,159,221,.18);
}
.distributor-visual-fix .dist-primary{background:#2b8fc7;border-color:#69caff;}
.distributor-visual-fix .dist-secondary:hover,
.distributor-visual-fix .dist-primary:hover{transform:translateY(-1px);box-shadow:0 0 42px rgba(67,184,247,.28);}
.distributor-visual-fix .dist-section{
  margin-top:0!important;
  padding:clamp(64px,7vw,104px) 0;
  border-top:1px solid rgba(92,185,244,.18);
}
.distributor-visual-fix .dist-trust-split{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(340px,500px);
  gap:clamp(28px,5vw,64px);
  align-items:center;
}
.distributor-visual-fix .dist-copy-block{text-align:left;}
html[dir="rtl"] .distributor-visual-fix .dist-copy-block{text-align:right;}
.distributor-visual-fix .dist-copy-block h2,
.distributor-visual-fix .dist-section>h2{
  margin:0 0 20px;
  font-size:clamp(34px,4vw,62px);
  line-height:1.04;
  font-weight:950;
}
html[lang^="zh"] .distributor-visual-fix .dist-copy-block h2,
html[lang^="zh"] .distributor-visual-fix .dist-section>h2,
html[lang="ja"] .distributor-visual-fix .dist-copy-block h2,
html[lang="ja"] .distributor-visual-fix .dist-section>h2,
html[lang="ko"] .distributor-visual-fix .dist-copy-block h2,
html[lang="ko"] .distributor-visual-fix .dist-section>h2{line-height:1.18;}
.distributor-visual-fix .dist-copy-block p,
.distributor-visual-fix .dist-form p{
  color:rgba(226,236,242,.78);
  font-size:clamp(17px,1.25vw,21px);
  line-height:1.65;
  max-width:720px;
}
.distributor-visual-fix .dist-metric-grid,
.distributor-visual-fix .dist-term-grid,
.distributor-visual-fix .dist-grid,
.distributor-visual-fix .dist-product-links{display:grid!important;gap:14px;}
.distributor-visual-fix .dist-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.distributor-visual-fix .dist-term-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.distributor-visual-fix .dist-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.distributor-visual-fix .dist-product-links{grid-template-columns:repeat(3,minmax(0,1fr));}
.distributor-visual-fix .dist-metric-card,
.distributor-visual-fix .dist-term-card,
.distributor-visual-fix .dist-card,
.distributor-visual-fix .dist-product-links a{
  min-height:0!important;
  padding:20px;
  border:1px solid rgba(82,184,244,.28);
  border-radius:4px;
  background:linear-gradient(135deg,rgba(18,49,61,.72),rgba(5,9,10,.76));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.distributor-visual-fix .dist-metric-card strong{display:block;color:#4db9f4;font-size:clamp(42px,5vw,74px);line-height:.9;margin-bottom:14px;}
.distributor-visual-fix .dist-metric-card h3,
.distributor-visual-fix .dist-term-card h3,
.distributor-visual-fix .dist-card h3{margin:0 0 8px;font-size:clamp(18px,1.45vw,24px);line-height:1.18;}
.distributor-visual-fix .dist-term-card span{display:block;color:#4db9f4;font-weight:900;margin-bottom:10px;letter-spacing:.12em;}
.distributor-visual-fix .dist-metric-card p,
.distributor-visual-fix .dist-term-card p,
.distributor-visual-fix .dist-card p{margin:0;color:rgba(224,235,242,.76);font-size:15px;line-height:1.55;}
.distributor-visual-fix .dist-product-links a{font-weight:900;color:#eef8ff!important;min-height:58px;display:flex;align-items:center;}
.distributor-visual-fix .dist-form{text-align:center;max-width:880px;margin-left:auto;margin-right:auto;}
.distributor-visual-fix .dist-form p{margin:0 auto;}
@media (max-width:1100px){
  .distributor-visual-fix .dist-trust-split{grid-template-columns:1fr;}
  .distributor-visual-fix .dist-copy-block{text-align:center;}
  .distributor-visual-fix .dist-copy-block p{margin-left:auto;margin-right:auto;}
  .distributor-visual-fix .dist-term-grid,.distributor-visual-fix .dist-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:720px){
  .distributor-page.distributor-visual-fix{width:min(100% - 30px, 560px);padding-top:48px;}
  .distributor-visual-fix .dist-center-hero{padding:44px 0 56px;}
  .distributor-visual-fix .dist-center-hero h1{font-size:clamp(38px,11vw,56px);line-height:1.02;}
  html[lang^="zh"] .distributor-visual-fix .dist-center-hero h1,
  html[lang="ja"] .distributor-visual-fix .dist-center-hero h1,
  html[lang="ko"] .distributor-visual-fix .dist-center-hero h1{font-size:clamp(34px,9.2vw,48px);line-height:1.16;}
  html[lang="vi"] .distributor-visual-fix .dist-center-hero h1{font-size:clamp(34px,9vw,48px);line-height:1.08;}
  .distributor-visual-fix .dist-lead{font-size:17px;line-height:1.56;}
  .distributor-visual-fix .dist-actions{align-items:stretch;}
  .distributor-visual-fix .dist-primary,.distributor-visual-fix .dist-secondary{width:100%;min-height:50px;}
  .distributor-visual-fix .dist-section{padding:56px 0;}
  .distributor-visual-fix .dist-metric-grid,.distributor-visual-fix .dist-term-grid,.distributor-visual-fix .dist-grid,.distributor-visual-fix .dist-product-links{grid-template-columns:1fr;}
  .distributor-visual-fix .dist-metric-card,.distributor-visual-fix .dist-term-card,.distributor-visual-fix .dist-card,.distributor-visual-fix .dist-product-links a{padding:18px;}
}


/* DISTRIBUTOR COSMIC BACKGROUND */
body.distributor-body{
  background:#02070a;
  overflow-x:hidden;
}
body.distributor-body .dist-cosmic-bg{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(63,169,226,.18), transparent 28%),
    radial-gradient(circle at 72% 36%, rgba(52,145,190,.12), transparent 30%),
    linear-gradient(180deg, #02070a 0%, #061014 48%, #02070a 100%);
}
body.distributor-body .dist-cosmic-bg::before{
  content:"";
  position:absolute;
  inset:-12%;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.88) 0 1.5px, transparent 1.8px),
    radial-gradient(circle, rgba(70,179,233,.75) 0 1.2px, transparent 1.6px),
    radial-gradient(circle, rgba(255,255,255,.38) 0 2.2px, transparent 2.6px);
  background-size: 168px 168px, 244px 244px, 372px 372px;
  background-position: 0 0, 70px 110px, 150px 30px;
  opacity:.72;
  animation: distStarDrift 44s linear infinite;
}
body.distributor-body .dist-cosmic-bg::after{
  content:"";
  position:absolute;
  inset:-18%;
  background:
    repeating-linear-gradient(115deg,
      transparent 0 135px,
      rgba(77,184,235,.0) 135px 146px,
      rgba(77,184,235,.22) 147px 149px,
      transparent 150px 286px);
  filter: drop-shadow(0 0 8px rgba(57,166,225,.42));
  opacity:.55;
  animation: distLineDrift 28s linear infinite;
}
body.distributor-body .seo-nav,
body.distributor-body .distributor-page{
  position:relative;
  z-index:1;
}
body.distributor-body .dist-section,
body.distributor-body .dist-card,
body.distributor-body .dist-metric,
body.distributor-body .dist-term-card,
body.distributor-body .dist-product-links a{
  background-color:rgba(4,14,18,.72);
}
.dist-intro-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:clamp(28px,4vw,48px) auto 0;
  max-width:980px;
}
.dist-intro-grid article{
  border:1px solid rgba(80,184,238,.28);
  background:rgba(5,18,24,.72);
  padding:clamp(18px,2.2vw,26px);
  box-shadow:0 22px 70px rgba(0,0,0,.28);
}
.dist-intro-grid strong{
  display:block;
  color:#4bb8f0;
  font-size:clamp(18px,1.35vw,23px);
  margin-bottom:10px;
}
.dist-intro-grid span{
  display:block;
  color:rgba(232,241,247,.86);
  font-size:clamp(15px,1vw,18px);
  line-height:1.58;
}
@keyframes distStarDrift{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(-90px,80px,0)}
}
@keyframes distLineDrift{
  0%{transform:translate3d(-40px,-30px,0)}
  100%{transform:translate3d(100px,80px,0)}
}
@media (max-width: 760px){
  body.distributor-body .dist-cosmic-bg::before{opacity:.58; animation-duration:62s;}
  body.distributor-body .dist-cosmic-bg::after{opacity:.34; animation-duration:44s;}
  .dist-intro-grid{grid-template-columns:1fr; gap:12px;}
}
@media (prefers-reduced-motion: reduce){
  body.distributor-body .dist-cosmic-bg::before,
  body.distributor-body .dist-cosmic-bg::after{animation:none;}
}
/* DISTRIBUTOR CARD RHYTHM TUNE */
.distributor-visual-fix .dist-metric-card,
.distributor-visual-fix .dist-term-card,
.distributor-visual-fix .dist-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-height: 150px;
  padding-block: 22px;
}

.distributor-visual-fix .dist-metric-card strong,
.distributor-visual-fix .dist-term-card span,
.distributor-visual-fix .dist-metric-card h3,
.distributor-visual-fix .dist-term-card h3,
.distributor-visual-fix .dist-card h3 {
  margin-top: 0;
  margin-bottom: 0;
}

.distributor-visual-fix .dist-metric-card p,
.distributor-visual-fix .dist-term-card p,
.distributor-visual-fix .dist-card p {
  margin: 0;
}

.distributor-visual-fix .dist-product-links a {
  align-items: center;
  padding-block: 18px;
}

.dist-intro-grid article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-height: 140px;
}

.dist-intro-grid strong,
.dist-intro-grid span {
  margin: 0;
}

@media (max-width: 720px) {
  .distributor-visual-fix .dist-metric-card,
  .distributor-visual-fix .dist-term-card,
  .distributor-visual-fix .dist-card {
    min-height: auto;
    padding-block: 20px;
    gap: 9px;
  }

  .dist-intro-grid article {
    min-height: auto;
    padding-block: 20px;
  }
}

/* === Codex distributor clean starfield + first-screen fit 2026-06-20 === */
/* Match the homepage first-screen starfield: clean black background + stars only. */
body.distributor-body {
  background: #000 !important;
}

body.distributor-body .dist-cosmic-bg {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  background-color: #000 !important;
  background-image:
    radial-gradient(circle, rgba(232,250,255,.62) 0 1.2px, transparent 1.8px),
    radial-gradient(circle, rgba(125,211,252,.40) 0 1.1px, transparent 1.6px) !important;
  background-size: 96px 96px, 148px 148px !important;
  background-position: 12px 18px, 44px 68px !important;
  animation: distHomeStarTwinkle 2.4s ease-in-out infinite alternate !important;
}

body.distributor-body .dist-cosmic-bg::before,
body.distributor-body .dist-cosmic-bg::after {
  content: none !important;
  display: none !important;
  background: none !important;
  animation: none !important;
  filter: none !important;
}

@keyframes distHomeStarTwinkle {
  from {
    opacity: .58;
    background-position: 12px 18px, 44px 68px;
  }
  to {
    opacity: .82;
    background-position: 22px 28px, 34px 80px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.distributor-body .dist-cosmic-bg { animation: none !important; }
}

/* Keep the two-layer look: page starfield + floating text/cards, no large dark section slabs. */
body.distributor-body .dist-section,
body.distributor-body .dist-trust,
body.distributor-body .dist-trust-split,
body.distributor-body .dist-why,
body.distributor-body .dist-products,
body.distributor-body .dist-final {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.distributor-body .dist-card,
body.distributor-body .dist-metric,
body.distributor-body .dist-metric-card,
body.distributor-body .dist-term-card,
body.distributor-body .dist-product-links a,
body.distributor-body .dist-intro-grid article {
  background-color: rgba(4,14,18,.68) !important;
}

/* Make all hero entry buttons visible on a 1920x1080 first screen. */
body.distributor-body .dist-hero {
  min-height: calc(100vh - 78px) !important;
  padding-top: clamp(18px, 2vh, 30px) !important;
  padding-bottom: clamp(18px, 2vh, 30px) !important;
  display: flex !important;
  align-items: center !important;
}

body.distributor-body .dist-hero-inner {
  max-width: min(1060px, 92vw) !important;
}

body.distributor-body .dist-hero h1 {
  font-size: clamp(48px, 5vw, 86px) !important;
  line-height: .94 !important;
}

html[lang^="zh"] body.distributor-body .dist-hero h1,
html[lang="ja"] body.distributor-body .dist-hero h1,
html[lang="ko"] body.distributor-body .dist-hero h1 {
  font-size: clamp(46px, 4.35vw, 74px) !important;
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
}

body.distributor-body .dist-hero p {
  margin-top: clamp(10px, 1.2vh, 16px) !important;
}

body.distributor-body .dist-actions {
  margin-top: clamp(12px, 1.4vh, 20px) !important;
}

@media (max-width: 760px) {
  body.distributor-body .dist-hero {
    min-height: auto !important;
    padding-top: 34px !important;
    padding-bottom: 40px !important;
  }

  body.distributor-body .dist-hero h1 {
    font-size: clamp(40px, 13vw, 62px) !important;
    line-height: .98 !important;
  }

  html[lang^="zh"] body.distributor-body .dist-hero h1,
  html[lang="ja"] body.distributor-body .dist-hero h1,
  html[lang="ko"] body.distributor-body .dist-hero h1 {
    font-size: clamp(34px, 10vw, 52px) !important;
    line-height: 1.1 !important;
  }
}

/* === Final distributor page correction, 2026-06-21 === */
/* Kill the legacy diagonal-line overlay from seo-pages.css and keep only the starfield. */
body.distributor-body .distributor-upgrade {
  position: relative !important;
  overflow: visible !important;
  isolation: auto !important;
}

body.distributor-body .distributor-upgrade::before,
body.distributor-body .distributor-upgrade::after,
body.distributor-body .dist-center-hero::before,
body.distributor-body .dist-center-hero::after {
  content: none !important;
  display: none !important;
  background: none !important;
  animation: none !important;
  filter: none !important;
  box-shadow: none !important;
}

body.distributor-body .dist-cosmic-bg {
  background-color: #000 !important;
  background-image:
    radial-gradient(circle, rgba(232,250,255,.58) 0 1.2px, transparent 1.8px),
    radial-gradient(circle, rgba(125,211,252,.38) 0 1.1px, transparent 1.6px) !important;
  background-size: 96px 96px, 148px 148px !important;
  background-position: 12px 18px, 44px 68px !important;
  opacity: .78 !important;
  animation: distHomeStarTwinkle 2.4s ease-in-out infinite alternate !important;
}

body.distributor-body .dist-cosmic-bg::before,
body.distributor-body .dist-cosmic-bg::after {
  content: none !important;
  display: none !important;
}

/* Pull the opening composition upward so the CTAs and intro cards are visible on first load. */
body.distributor-body .distributor-page.distributor-visual-fix {
  width: min(1360px, calc(100vw - 56px)) !important;
  padding-top: 0 !important;
}

body.distributor-body .dist-center-hero {
  min-height: calc(100vh - 72px) !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: clamp(22px, 3vh, 34px) 0 clamp(24px, 3vh, 36px) !important;
}

body.distributor-body .dist-hero-inner {
  width: 100% !important;
  max-width: min(1240px, 96vw) !important;
  margin: 0 auto !important;
}

body.distributor-body .dist-center-hero h1 {
  max-width: 1240px !important;
  font-size: clamp(48px, 4.7vw, 82px) !important;
  line-height: .94 !important;
}

body.distributor-body .dist-lead {
  max-width: 850px !important;
  margin-top: clamp(12px, 1.4vh, 18px) !important;
  font-size: clamp(18px, 1.25vw, 22px) !important;
  line-height: 1.5 !important;
}

body.distributor-body .dist-intro-grid {
  margin-top: clamp(20px, 2.4vh, 28px) !important;
}

body.distributor-body .dist-intro-grid article {
  min-height: 142px !important;
}

/* Keep all hero CTA buttons equal on mobile, including the injected WhatsApp companion. */
body.distributor-body .dist-actions > a {
  box-sizing: border-box !important;
  min-width: 190px !important;
}

/* Wider desktops should feel intentionally composed, not like a small mobile block on a huge canvas. */
@media (min-width: 1600px) {
  body.distributor-body .distributor-page.distributor-visual-fix {
    width: min(1720px, calc(100vw - 96px)) !important;
  }

  body.distributor-body .dist-center-hero {
    justify-content: center !important;
    padding-top: clamp(40px, 6vh, 88px) !important;
    padding-bottom: clamp(40px, 6vh, 88px) !important;
  }

  body.distributor-body .dist-hero-inner {
    max-width: min(1580px, 88vw) !important;
  }

  body.distributor-body .dist-center-hero h1 {
    max-width: 1500px !important;
    font-size: clamp(82px, 5.1vw, 132px) !important;
    line-height: .92 !important;
  }

  html[lang^="zh"] body.distributor-body .dist-center-hero h1,
  html[lang="ja"] body.distributor-body .dist-center-hero h1,
  html[lang="ko"] body.distributor-body .dist-center-hero h1 {
    max-width: 1460px !important;
    font-size: clamp(76px, 4.55vw, 116px) !important;
    line-height: 1.06 !important;
  }

  body.distributor-body .dist-kicker {
    font-size: clamp(16px, .78vw, 22px) !important;
  }

  body.distributor-body .dist-lead {
    max-width: 1120px !important;
    font-size: clamp(24px, 1.12vw, 32px) !important;
  }

  body.distributor-body .dist-actions {
    gap: 22px !important;
    margin-top: clamp(24px, 2.4vh, 42px) !important;
  }

  body.distributor-body .dist-actions > a {
    min-width: 240px !important;
    min-height: 64px !important;
    font-size: 18px !important;
  }

  body.distributor-body .dist-intro-grid {
    max-width: 1320px !important;
    gap: 24px !important;
    margin-top: clamp(30px, 3.4vh, 54px) !important;
  }

  body.distributor-body .dist-intro-grid article {
    min-height: 190px !important;
    padding: 34px !important;
  }

  body.distributor-body .dist-intro-grid strong {
    font-size: clamp(26px, 1.28vw, 36px) !important;
  }

  body.distributor-body .dist-intro-grid span {
    font-size: clamp(19px, .9vw, 25px) !important;
  }
}

/* Tablet and narrow desktop: use the available width instead of forcing a phone-sized column. */
@media (min-width: 761px) and (max-width: 1180px) {
  body.distributor-body .distributor-page.distributor-visual-fix {
    width: min(100% - 48px, 920px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.distributor-body .dist-center-hero h1 {
    font-size: clamp(46px, 7.2vw, 78px) !important;
    line-height: .98 !important;
  }

  html[lang^="zh"] body.distributor-body .dist-center-hero h1,
  html[lang="ja"] body.distributor-body .dist-center-hero h1,
  html[lang="ko"] body.distributor-body .dist-center-hero h1 {
    font-size: clamp(40px, 6.2vw, 68px) !important;
    line-height: 1.12 !important;
  }

  body.distributor-body .dist-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.distributor-body .dist-actions > a {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.distributor-body .whatsapp-float {
    width: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    height: 62px !important;
    padding: 0 !important;
    border-radius: 50% !important;
  }

  body.distributor-body .whatsapp-float span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 760px) {
  body.distributor-body {
    overflow-x: hidden !important;
  }

  body.distributor-body .distributor-page.distributor-visual-fix {
    width: min(calc(100vw - 48px), 380px) !important;
    max-width: 380px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.distributor-body .dist-center-hero {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
    padding-top: 22px !important;
    padding-bottom: 30px !important;
    overflow: visible !important;
  }

  body.distributor-body .dist-hero-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body.distributor-body .dist-center-hero h1 {
    width: auto !important;
    max-width: min(100%, calc(100vw - 72px)) !important;
    font-size: clamp(28px, 8.1vw, 32px) !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-wrap: balance !important;
  }

  html[lang^="zh"] body.distributor-body .dist-center-hero h1,
  html[lang="ja"] body.distributor-body .dist-center-hero h1,
  html[lang="ko"] body.distributor-body .dist-center-hero h1 {
    font-size: clamp(20px, 5.85vw, 24px) !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  html[lang="ko"] body.distributor-body .dist-center-hero h1 {
    overflow-wrap: normal !important;
    word-break: keep-all !important;
  }

  body.distributor-body .dist-lead {
    max-width: calc(100% - 30px) !important;
    font-size: 16px !important;
    line-height: 1.46 !important;
    margin-top: 12px !important;
    overflow-wrap: anywhere !important;
  }

  body.distributor-body .dist-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: calc(100% - 96px) !important;
    max-width: 290px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 12px !important;
  }

  body.distributor-body .dist-actions > a,
  body.distributor-body .dist-actions .primary,
  body.distributor-body .dist-actions .secondary,
  body.distributor-body .dist-actions .whatsapp-contact-link {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    justify-content: center !important;
  }

  body.distributor-body .dist-intro-grid {
    width: calc(100% - 96px) !important;
    max-width: 290px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 18px !important;
  }

  body.distributor-body .dist-intro-grid article {
    min-height: auto !important;
  }

  body.distributor-body .whatsapp-float {
    width: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 !important;
    border-radius: 50% !important;
  }

  body.distributor-body .whatsapp-float span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }
}