@charset "UTF-8";

/**
 * 69ShoppingMall Product Page CSS
 * Product: VigRX Max Volume
 * OpenCart product_id: 224
 *
 * Loaded only on product_id=224 by header.tpl.
 * Shared Product Page V2 rules remain in s69-product-pages.css.
 * This file preserves the original rule order within all moved blocks.
 */

/* Product theme: VigRX Max Volume (product_id=224) */
.s69p-product-vigrx-max-volume{
  --s69v2-accent:#a51f24;
  --s69v2-accent-dark:#7e1519;
  --s69v2-accent-soft:#fff3f3;
  --s69v2-warm:#fbf8f6;
  --s69v2-warm-2:#f6f1ee;
  --s69v2-gold:#b78b38;
}

/* ===== VIGRX MAX VOLUME V2 FINAL OVERRIDES ===== */
/* Direct Description-level font loading: works around Techone font loading/cache. */
.s69p-product-vigrx-max-volume .s69v2-intro h2,
.s69p-product-vigrx-max-volume .s69v2-section-head h2,
.s69p-product-vigrx-max-volume .s69v2-use-layout h2,
.s69p-product-vigrx-max-volume .s69v2-cta h2{
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  font-weight:700 !important;
  font-style:normal !important;
  letter-spacing:0 !important;
  font-synthesis:none;
}

.s69p-product-vigrx-max-volume .s69v2-benefit-card h3,
.s69p-product-vigrx-max-volume .s69v2-check-grid b,
.s69p-product-vigrx-max-volume .s69v2-phase-grid h3,
.s69p-product-vigrx-max-volume .s69v2-ingredient-card h3,
.s69p-product-vigrx-max-volume .s69v2-formula-summary b,
.s69p-product-vigrx-max-volume .s69v2-quality-grid b,
.s69p-product-vigrx-max-volume .s69v2-use-list b,
.s69p-product-vigrx-max-volume .s69v2-faq summary,
.s69p-product-vigrx-max-volume .s69v2-references summary span,
.s69p-product-vigrx-max-volume .s69v2-dose-card strong{
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  font-weight:700 !important;
  font-style:normal !important;
  letter-spacing:0 !important;
  font-synthesis:none;
}

/* Website-theme blue language controls. */
.s69p-product-vigrx-max-volume .s69v2-lang-switch{
  gap:4px !important;
  border-color:#bddced !important;
  background:#fff !important;
}

.s69p-product-vigrx-max-volume .s69v2-lang-switch label{
  color:#547990 !important;
}

.s69p-product-vigrx-max-volume input[data-s69-lang="th"]:checked ~ .s69v2-langbar label[data-s69-lang-target="th"],
.s69p-product-vigrx-max-volume input[data-s69-lang="en"]:checked ~ .s69v2-langbar label[data-s69-lang-target="en"]{
  background:#eaf6fd !important;
  color:#0b6fae !important;
  box-shadow:inset 0 0 0 1px #b8dff4 !important;
}

/* Quiet English-link copy icon: arrow only, no square button. */
.s69p-product-vigrx-max-volume button.s69v2-english-link,
.s69p-product-vigrx-max-volume button.s69v2-english-link:hover,
.s69p-product-vigrx-max-volume button.s69v2-english-link:active,
.s69p-product-vigrx-max-volume button.s69v2-english-link:focus,
.s69p-product-vigrx-max-volume button.s69v2-english-link:focus-visible{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:17px !important;
  min-width:17px !important;
  height:28px !important;
  min-height:0 !important;
  margin:0 4px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#79b9dd !important;
  font:700 13px/1 Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  text-shadow:none !important;
  cursor:pointer !important;
  opacity:.72 !important;
}

.s69p-product-vigrx-max-volume button.s69v2-english-link:hover{
  color:#247eaf !important;
  opacity:1 !important;
  transform:translateY(-1px);
}

.s69p-product-vigrx-max-volume button.s69v2-english-link.is-copied{
  color:#58a27d !important;
  opacity:1 !important;
}

.s69p-product-vigrx-max-volume button.s69v2-english-link span{
  display:block !important;
  line-height:1 !important;
}



/* Standardized card typography on desktop:
   all information cards use the same visual hierarchy. */
@media (min-width:761px){
  .s69p-product-vigrx-max-volume .s69v2-benefit-card h3,
  .s69p-product-vigrx-max-volume .s69v2-check-grid b,
  .s69p-product-vigrx-max-volume .s69v2-phase-grid h3,
  .s69p-product-vigrx-max-volume .s69v2-ingredient-card h3{
    font-size:19px !important;
    line-height:1.38 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
  }

  .s69p-product-vigrx-max-volume .s69v2-benefit-card p,
  .s69p-product-vigrx-max-volume .s69v2-check-grid span,
  .s69p-product-vigrx-max-volume .s69v2-phase-grid article > div > p:last-child,
  .s69p-product-vigrx-max-volume .s69v2-ingredient-card p{
    font-size:16px !important;
    line-height:1.65 !important;
  }
}

/* Direct mobile reading-size override.
   Maximum customer-reading text size is 18px, matching the site's previous
   product-description standard. Kept inside Description because Techone's
   compressed CSS cache can keep serving an older shared stylesheet. */
@media (max-width:760px){
  .s69p-product-vigrx-max-volume{
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
  }

  .s69p-product-vigrx-max-volume .s69v2-intro-lead,
  .s69p-product-vigrx-max-volume .s69v2-section-head > p:last-child,
  .s69p-product-vigrx-max-volume .s69v2-benefit-card p,
  .s69p-product-vigrx-max-volume .s69v2-check-grid span,
  .s69p-product-vigrx-max-volume .s69v2-phase-grid article > div > p:last-child,
  .s69p-product-vigrx-max-volume .s69v2-ingredient-card p,
  .s69p-product-vigrx-max-volume .s69v2-use-lead,
  .s69p-product-vigrx-max-volume .s69v2-use-list span,
  .s69p-product-vigrx-max-volume .s69v2-faq p,
  .s69p-product-vigrx-max-volume .s69v2-cta > div > p:not(.s69v2-kicker){
    font-size:18px !important;
    line-height:1.72 !important;
  }

  .s69p-product-vigrx-max-volume .s69v2-formula-summary span,
  .s69p-product-vigrx-max-volume .s69v2-quality-grid span,
  .s69p-product-vigrx-max-volume .s69v2-evidence-note,
  .s69p-product-vigrx-max-volume .s69v2-intro-note{
    font-size:17px !important;
    line-height:1.68 !important;
  }

  .s69p-product-vigrx-max-volume .s69v2-formula-summary b,
  .s69p-product-vigrx-max-volume .s69v2-use-list b,
  .s69p-product-vigrx-max-volume .s69v2-faq summary{
    font-size:18px !important;
  }
}



/* Complete Kanit hierarchy for Product Page V2.
   Kanit guides the eye; the original site font remains on reading text. */

/* Small section labels and compact English labels */
.s69p-product-vigrx-max-volume .s69v2-eyebrow,
.s69p-product-vigrx-max-volume .s69v2-kicker,
.s69p-product-vigrx-max-volume .s69v2-phase-en{
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  font-weight:600 !important;
  font-style:normal !important;
  letter-spacing:.06em !important;
  font-synthesis:none !important;
}

/* Quick Navigation */
.s69p-product-vigrx-max-volume .s69v2-quicknav a{
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  font-synthesis:none !important;
}

/* Secondary headings: standards, usage, FAQ and references */
.s69p-product-vigrx-max-volume .s69v2-quality-grid b,
.s69p-product-vigrx-max-volume .s69v2-use-list b{
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  font-synthesis:none !important;
}

.s69p-product-vigrx-max-volume .s69v2-faq summary,
.s69p-product-vigrx-max-volume .s69v2-references summary span{
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  font-synthesis:none !important;
}

/* CTA buttons only — language controls intentionally keep the site font */
.s69p-product-vigrx-max-volume .s69v2-buy-button,
.s69p-product-vigrx-max-volume .s69p-en-line-order-text strong,
.s69p-product-vigrx-max-volume .s69p-en-delivery strong{
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  font-synthesis:none !important;
}

@media (min-width:761px){
  /* Main information-card headings */
  .s69p-product-vigrx-max-volume .s69v2-benefit-card h3,
  .s69p-product-vigrx-max-volume .s69v2-check-grid b,
  .s69p-product-vigrx-max-volume .s69v2-phase-grid h3,
  .s69p-product-vigrx-max-volume .s69v2-ingredient-card h3,
  .s69p-product-vigrx-max-volume .s69v2-formula-summary b{
    font-size:19px !important;
    line-height:1.38 !important;
  }

  .s69p-product-vigrx-max-volume .s69v2-quality-grid b,
  .s69p-product-vigrx-max-volume .s69v2-use-list b{
    font-size:17px !important;
    line-height:1.4 !important;
  }

  .s69p-product-vigrx-max-volume .s69v2-faq summary{
    font-size:18px !important;
    line-height:1.45 !important;
  }

  .s69p-product-vigrx-max-volume .s69v2-references summary span{
    font-size:17px !important;
    line-height:1.4 !important;
  }

  .s69p-product-vigrx-max-volume .s69v2-buy-button,
  .s69p-product-vigrx-max-volume .s69p-en-line-order-text strong{
    font-size:16px !important;
  }
}

@media (max-width:760px){
  /* Main information-card headings */
  .s69p-product-vigrx-max-volume .s69v2-benefit-card h3,
  .s69p-product-vigrx-max-volume .s69v2-check-grid b,
  .s69p-product-vigrx-max-volume .s69v2-phase-grid h3,
  .s69p-product-vigrx-max-volume .s69v2-ingredient-card h3,
  .s69p-product-vigrx-max-volume .s69v2-formula-summary b{
    font-size:20px !important;
    line-height:1.33 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
  }

  .s69p-product-vigrx-max-volume .s69v2-quicknav a{
    font-size:14px !important;
  }

  .s69p-product-vigrx-max-volume .s69v2-quality-grid b,
  .s69p-product-vigrx-max-volume .s69v2-use-list b{
    font-size:18px !important;
    line-height:1.38 !important;
  }

  .s69p-product-vigrx-max-volume .s69v2-faq summary{
    font-size:19px !important;
    line-height:1.4 !important;
  }

  .s69p-product-vigrx-max-volume .s69v2-references summary span{
    font-size:18px !important;
    line-height:1.4 !important;
  }

  .s69p-product-vigrx-max-volume .s69v2-buy-button,
  .s69p-product-vigrx-max-volume .s69p-en-line-order-text strong{
    font-size:17px !important;
  }
}



.s69p-product-vigrx-max-volume .s69v2-kicker-line{
  display:block !important;
  flex:0 0 28px !important;
  width:28px !important;
  height:2px !important;
  border-radius:999px !important;
  background:currentColor !important;
}







/* Final top-spacing balance:
   desktop sits lower than the previous version; mobile keeps the approved height. */
@media (min-width:761px){
  .s69p-product-vigrx-max-volume{
    margin-top:-16px !important;
  }
}

@media (max-width:760px){
  .s69p-product-vigrx-max-volume{
    margin-top:-18px !important;
  }
}


/* Added sales-support copy blocks to preserve key legacy selling points */
.s69p-product-vigrx-max-volume .s69v2-section-copy{
  margin:10px 0 20px;
  font-size:18px;
  line-height:1.72;
  color:#4d5364;
}
.s69p-product-vigrx-max-volume .s69v2-bridge-box{
  margin:18px 0 26px;
  padding:22px 24px;
  border:1px solid #eadfda;
  border-radius:22px;
  background:#fbf8f6;
}
.s69p-product-vigrx-max-volume .s69v2-bridge-box h3{
  margin:0 0 10px;
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif;
  font-size:30px;
  line-height:1.22;
  font-weight:700;
  color:#202636;
  letter-spacing:0;
}
.s69p-product-vigrx-max-volume .s69v2-bridge-box p{
  margin:0;
  font-size:18px;
  line-height:1.72;
  color:#4d5364;
}
.s69p-product-vigrx-max-volume .s69v2-formula-bridge{
  margin:14px 0 22px;
  font-size:18px;
  line-height:1.72;
  color:#4d5364;
}
.s69p-product-vigrx-max-volume .s69v2-formula-bridge strong{
  color:#202636;
}
@media (max-width:760px){
  .s69p-product-vigrx-max-volume .s69v2-section-copy{
    font-size:18px;
    line-height:1.72;
    margin:8px 0 18px;
  }
  .s69p-product-vigrx-max-volume .s69v2-bridge-box{
    margin:16px 0 22px;
    padding:18px 18px 19px;
    border-radius:18px;
  }
  .s69p-product-vigrx-max-volume .s69v2-bridge-box h3{
    font-size:24px;
    line-height:1.28;
    margin-bottom:8px;
  }
  .s69p-product-vigrx-max-volume .s69v2-bridge-box p,
  .s69p-product-vigrx-max-volume .s69v2-formula-bridge{
    font-size:18px;
    line-height:1.72;
  }
}


/* Use section cleanup: remove the awkward side-gap layout on desktop
   and let the opening paragraph use the full available width. */
.s69p-product-vigrx-max-volume #s69v2-th-use .s69v2-section-head > p:last-child,
.s69p-product-vigrx-max-volume #s69v2-en-use .s69v2-section-head > p:last-child{
  max-width:none !important;
  width:100% !important;
}

.s69p-product-vigrx-max-volume #s69v2-th-use .s69v2-use-layout,
.s69p-product-vigrx-max-volume #s69v2-en-use .s69v2-use-layout{
  display:block !important;
}

.s69p-product-vigrx-max-volume #s69v2-th-use .s69v2-quality-grid,
.s69p-product-vigrx-max-volume #s69v2-en-use .s69v2-quality-grid{
  margin-bottom:18px !important;
}

.s69p-product-vigrx-max-volume #s69v2-th-use .s69v2-use-card,
.s69p-product-vigrx-max-volume #s69v2-en-use .s69v2-use-card{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:20px 24px !important;
  border:1px solid #eadfda !important;
  border-radius:18px !important;
  background:#fff !important;
  text-align:center !important;
}

.s69p-product-vigrx-max-volume #s69v2-th-use .s69v2-use-card span,
.s69p-product-vigrx-max-volume #s69v2-en-use .s69v2-use-card span{
  display:block !important;
  margin-bottom:8px !important;
}

.s69p-product-vigrx-max-volume #s69v2-th-use .s69v2-use-card b,
.s69p-product-vigrx-max-volume #s69v2-en-use .s69v2-use-card b{
  display:block !important;
  margin-bottom:8px !important;
  font-size:30px !important;
  line-height:1.28 !important;
}

.s69p-product-vigrx-max-volume #s69v2-th-use .s69v2-use-card p,
.s69p-product-vigrx-max-volume #s69v2-en-use .s69v2-use-card p{
  margin:0 !important;
  font-size:18px !important;
  line-height:1.7 !important;
}

@media (min-width:761px){
  .s69p-product-vigrx-max-volume #s69v2-th-use .s69v2-quality-grid,
  .s69p-product-vigrx-max-volume #s69v2-en-use .s69v2-quality-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  .s69p-product-vigrx-max-volume #s69v2-th-use .s69v2-quality-grid > div,
  .s69p-product-vigrx-max-volume #s69v2-en-use .s69v2-quality-grid > div{
    min-height:100% !important;
  }
}

@media (max-width:760px){
  .s69p-product-vigrx-max-volume #s69v2-th-use .s69v2-use-card,
  .s69p-product-vigrx-max-volume #s69v2-en-use .s69v2-use-card{
    padding:18px 16px !important;
    border-radius:16px !important;
  }

  .s69p-product-vigrx-max-volume #s69v2-th-use .s69v2-use-card b,
  .s69p-product-vigrx-max-volume #s69v2-en-use .s69v2-use-card b{
    font-size:22px !important;
    line-height:1.35 !important;
  }
}


/* Desktop text-width fix:
   the theme/earlier CSS is still constraining headings and intro paragraphs,
   which makes lines wrap too early before reaching the right edge.
   Let desktop headings and section intros use the full available row width. */
@media (min-width:761px){
  .s69p-product-vigrx-max-volume .s69v2-intro h2,
  .s69p-product-vigrx-max-volume .s69v2-intro-lead,
  .s69p-product-vigrx-max-volume .s69v2-intro-note,
  .s69p-product-vigrx-max-volume .s69v2-section-head h2,
  .s69p-product-vigrx-max-volume .s69v2-section-head > p:last-child,
  .s69p-product-vigrx-max-volume .s69v2-section-copy,
  .s69p-product-vigrx-max-volume .s69v2-formula-bridge,
  .s69p-product-vigrx-max-volume .s69v2-evidence-note{
    max-width:none !important;
    width:100% !important;
  }

  /* Keep long Thai/English section titles readable without forced narrow measures */
  .s69p-product-vigrx-max-volume .s69v2-section-head h2{
    display:block !important;
  }
}


/* Final desktop fix:
   the width limit is on the parent .s69v2-section-head itself,
   so child max-width overrides alone cannot expand the text. */
@media (min-width:761px){
  .s69p-product-vigrx-max-volume .s69v2-section-head{
    max-width:none !important;
    width:100% !important;
  }
}
/* ===== END VIGRX MAX VOLUME V2 FINAL OVERRIDES ===== */


/* ===== COMPACT V2 PRODUCT 224 ===== */
/* Product theme: VigRX Max Volume (product_id=224) */
.s69p-product-vigrx-max-volume{
  --s69v2-accent:#a51f24;
  --s69v2-accent-dark:#7e1519;
  --s69v2-accent-soft:#fff3f3;
  --s69v2-warm:#fbf8f6;
  --s69v2-warm-2:#f6f1ee;
  --s69v2-gold:#b78b38;
}

.xar,
.xar *{
  box-sizing:border-box;
}

.xar .xm{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

.xar .xau{
  display:flex;
  justify-content:flex-end;
  margin:0 0 12px;
}

.xar .xav{
  display:inline-flex;
  gap:3px;
  padding:3px;
  border:1px solid #ded8d5;
  border-radius:10px;
  background:#fff;
}

.xar .xav label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:7px;
  color:#747984;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}

.xar input[data-s69-lang="th"]:checked ~ .xau label[data-s69-lang-target="th"],
.xar input[data-s69-lang="en"]:checked ~ .xau label[data-s69-lang-target="en"]{
  background:var(--s69v2-accent-soft);
  color:var(--s69v2-accent-dark);
  box-shadow:inset 0 0 0 1px #efcecf;
}

.xar .xn{
  display:none;
}

.xar input[data-s69-lang="th"]:checked ~ .xax,
.xar input[data-s69-lang="en"]:checked ~ .xaz{
  display:block;
}

.xar .xo{
  padding:10px 2px 26px;
  border-bottom:1px solid var(--s69v2-line);
  background:#fff;
}

.xar .xp,
.xar .xa{
  margin:0 0 7px;
  color:var(--s69v2-accent);
  font-size:12px;
  font-weight:900;
  letter-spacing:.09em;
  line-height:1.35;
  text-transform:uppercase;
}

.xar .xo h2{
  max-width:960px;
  margin:0;
  color:#26262a;
  font-size:clamp(29px,3.6vw,42px);
  font-weight:850;
  line-height:1.2;
  letter-spacing:-.025em;
}

.xar .xq{
  max-width:930px;
  margin:13px 0 0;
  color:#4f535c;
  font-size:18px;
  line-height:1.75;
}

.xar .xr{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:16px;
}

.xar .xr span,
.xar .xai span{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:6px 10px;
  border:1px solid #ead9d8;
  border-radius:999px;
  background:#fff9f8;
  color:#7b3436;
  font-size:13px;
  font-weight:750;
  line-height:1.3;
}

.xar .xs{
  max-width:930px;
  margin:15px 0 0;
  padding:11px 14px;
  border-left:3px solid #d9b15d;
  background:#fffaf0;
  color:#635333;
  font-size:15px;
  line-height:1.65;
}

.xar .xt{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:8px;
  margin:14px 0 12px;
  padding:0 0 10px;
}

.xar .xt a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 13px;
  border:1px solid #e1d8d4;
  border-radius:999px;
  background:#fff;
  color:#723235;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}

.xar .xt a:hover{
  border-color:#dcaeb0;
  background:var(--s69v2-accent-soft);
  color:var(--s69v2-accent-dark);
  transform:translateY(-1px);
}

.xar .xb{
  padding:36px 2px;
  scroll-margin-top:110px;
  border-top:1px solid #f0ecea;
}

.xar .xb.xh{
  margin:8px 0;
  padding:30px 24px;
  border:1px solid #eee6e2;
  border-radius:18px;
  background:linear-gradient(180deg,#fcfaf9 0%,#faf7f5 100%);
}

.xar .xc{
  max-width:850px;
  margin:0 0 21px;
  text-align:left;
}

.xar .xc h2,
.xar .xae h2,
.xar .xah h2{
  margin:0;
  color:#2a292b;
  font-size:clamp(25px,3vw,35px);
  font-weight:850;
  line-height:1.28;
  letter-spacing:-.018em;
}

.xar .xc > p:last-child{
  margin:8px 0 0;
  color:var(--s69v2-muted);
  font-size:17px;
  line-height:1.7;
}

.xar .xu{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.xar .xd{
  position:relative;
  min-height:156px;
  padding:19px 18px 17px;
  border:1px solid var(--s69v2-line);
  border-radius:14px;
  background:#fff;
}

.xar .xe{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:30px;
  margin-bottom:9px;
  border:1px solid #edcfd0;
  border-radius:50%;
  background:var(--s69v2-accent-soft);
  color:var(--s69v2-accent);
  font-size:11px;
  font-weight:900;
  line-height:1;
}

.xar .xd h3,
.xar .xx h3,
.xar .xf h3{
  margin:0;
  color:#303034;
  font-size:19px;
  font-weight:850;
  line-height:1.38;
}

.xar .xd p,
.xar .xx article > div > p:last-child,
.xar .xf p{
  margin:7px 0 0;
  color:var(--s69v2-muted);
  font-size:16px;
  line-height:1.65;
}

.xar .xw{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.xar .xw > div{
  padding:15px 16px;
  border:1px solid #e8dfdb;
  border-radius:13px;
  background:rgba(255,255,255,.82);
}

.xar .xw b,
.xar .xw span{
  display:block;
}

.xar .xw b{
  position:relative;
  padding-left:23px;
  color:#37363a;
  font-size:17px;
  line-height:1.4;
}

.xar .xw b:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:var(--s69v2-green);
  font-weight:900;
}

.xar .xw span{
  margin-top:4px;
  color:var(--s69v2-muted);
  font-size:15px;
  line-height:1.55;
}

.xar .xx{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}

.xar .xx article{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:18px 16px;
  border:1px solid var(--s69v2-line);
  border-radius:14px;
  background:#fff;
}

.xar .xx article > span{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#f8e9e9;
  color:var(--s69v2-accent);
  font-size:15px;
  font-weight:900;
}

.xar .xi{
  margin:0 0 3px!important;
  color:#a47c32!important;
  font-size:10px!important;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1.3!important;
}

.xar .s69v2-evidence-note{
  margin:14px 0 0;
  padding:11px 13px;
  border:1px solid #eadfda;
  border-radius:11px;
  background:#fff;
  color:#6a6670;
  font-size:14px;
  line-height:1.65;
}

.xar .xz{
  display:grid;
  grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);
  gap:24px;
  align-items:center;
}

.xar .xaa{
  display:block;
  max-width:480px;
  margin:0 auto;
  text-decoration:none;
}

.xar .xaa img{
  display:block;
  width:100%;
  height:auto;
  border:1px solid #ede5e1;
  border-radius:14px;
  background:#fff;
}

.xar .xac{
  display:grid;
  gap:9px;
}

.xar .xac > div{
  padding:12px 14px;
  border-left:3px solid #d5aeb0;
  background:#fff;
}

.xar .xac b,
.xar .xac span{
  display:block;
}

.xar .xac b{
  color:#563234;
  font-size:16px;
}

.xar .xac span{
  margin-top:2px;
  color:var(--s69v2-muted);
  font-size:15px;
  line-height:1.55;
}

.xar .xad{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}

.xar .xf{
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:15px;
  border:1px solid var(--s69v2-line);
  border-radius:14px;
  background:#fff;
}

.xar .xg{
  display:block;
  text-decoration:none;
}

.xar .xg img{
  display:block;
  width:104px;
  height:104px;
  object-fit:cover;
  border:1px solid #eee5e1;
  border-radius:12px;
  background:#fff;
}

.xar .xl{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.xar .xl > div{
  min-height:112px;
  padding:15px;
  border:1px solid var(--s69v2-line);
  border-radius:13px;
  background:#fff;
}

.xar .xl b,
.xar .xl span{
  display:block;
}

.xar .xl b{
  color:#663335;
  font-size:15px;
  line-height:1.35;
}

.xar .xl span{
  margin-top:5px;
  color:var(--s69v2-muted);
  font-size:14px;
  line-height:1.5;
}

.xar .xae{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);
  gap:24px;
  align-items:center;
}

.xar .s69v2-use-lead{
  margin:10px 0 0;
  color:#525660;
  font-size:17px;
  line-height:1.72;
}

.xar .s69v2-use-list{
  display:grid;
  gap:9px;
  margin:17px 0 0;
  padding:0;
  list-style:none;
}

.xar .s69v2-use-list li{
  padding:11px 13px;
  border:1px solid #e6ddda;
  border-radius:11px;
  background:#fff;
}

.xar .s69v2-use-list b,
.xar .s69v2-use-list span{
  display:block;
}

.xar .s69v2-use-list b{
  color:#4d3032;
  font-size:15px;
}

.xar .s69v2-use-list span{
  margin-top:2px;
  color:var(--s69v2-muted);
  font-size:14px;
  line-height:1.55;
}

.xar .s69v2-dose-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:250px;
  padding:24px 18px;
  border:1px solid #e7cecf;
  border-radius:16px;
  background:linear-gradient(180deg,#fffafa 0%,#fff3f3 100%);
  text-align:center;
}

.xar .s69v2-dose-card span{
  color:#86666a;
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
}

.xar .s69v2-dose-card strong{
  margin-top:4px;
  color:var(--s69v2-accent-dark);
  font-size:32px;
  font-weight:900;
  line-height:1.15;
}

.xar .s69v2-dose-card b{
  margin-top:10px;
  color:#513538;
  font-size:16px;
  line-height:1.45;
}

.xar .s69v2-dose-card small{
  margin-top:8px;
  color:#776d73;
  font-size:13px;
  line-height:1.5;
}

.xar .xag{
  max-width:980px;
}

.xar .xj{
  margin:9px 0;
  border:1px solid #e3dcda;
  border-radius:12px;
  background:#fff;
}

.xar .xj summary{
  position:relative;
  padding:15px 45px 15px 16px;
  color:#343337;
  font-size:16px;
  font-weight:850;
  line-height:1.45;
  cursor:pointer;
  list-style:none;
}

.xar .xj summary::-webkit-details-marker{
  display:none;
}

.xar .xj summary:after{
  content:"+";
  position:absolute;
  top:50%;
  right:15px;
  color:var(--s69v2-accent);
  font-size:23px;
  font-weight:600;
  line-height:1;
  transform:translateY(-50%);
}

.xar .xj[open] summary:after{
  content:"−";
}

.xar .xj p{
  margin:0;
  padding:0 16px 15px;
  color:var(--s69v2-muted);
  font-size:15px;
  line-height:1.72;
}

.xar .xay{
  margin:8px 0 24px;
  overflow:hidden;
  border:1px solid #e4dedb;
  border-radius:12px;
  background:#fff;
}

.xar .xay summary{
  position:relative;
  padding:14px 44px 14px 16px;
  cursor:pointer;
  list-style:none;
}

.xar .xay summary::-webkit-details-marker{
  display:none;
}

.xar .xay summary:after{
  content:"+";
  position:absolute;
  top:50%;
  right:15px;
  color:var(--s69v2-accent);
  font-size:22px;
  transform:translateY(-50%);
}

.xar .xay[open] summary:after{
  content:"−";
}

.xar .xay summary span,
.xar .xay summary small{
  display:block;
}

.xar .xay summary span{
  color:#3c393c;
  font-size:15px;
  font-weight:850;
}

.xar .xay summary small{
  margin-top:2px;
  color:#7a7680;
  font-size:12px;
  line-height:1.45;
}

.xar .xay ol{
  margin:0;
  padding:14px 20px 8px 38px;
  border-top:1px solid #eee8e5;
}

.xar .xay li{
  margin:0 0 8px;
  color:#66616a;
  font-size:13px;
  line-height:1.55;
}

.xar .xay a{
  color:#7b3033;
  text-decoration:underline;
  text-underline-offset:2px;
}

.xar .xay > p{
  margin:0;
  padding:4px 16px 15px;
  color:#7a747b;
  font-size:12px;
  line-height:1.6;
}

.xar .xah{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
  gap:24px;
  align-items:center;
  margin:24px 0 0;
  padding:27px 24px;
  border:1px solid #ead5d5;
  border-radius:18px;
  background:linear-gradient(135deg,#fffafa 0%,#fff4f2 100%);
}

.xar .xah > div > p:not(.xa){
  margin:10px 0 0;
  color:#5f5961;
  font-size:16px;
  line-height:1.65;
}

.xar .xai{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:15px;
}

.xar .xaj{
  display:grid;
  gap:10px;
}

.xar .xak{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 15px;
  border:1px solid var(--s69v2-accent-dark);
  border-radius:12px;
  background:var(--s69v2-accent);
  color:#fff!important;
  font-size:15px;
  font-weight:900;
  text-align:center;
  text-decoration:none!important;
  transition:background .18s ease,transform .18s ease;
}

.xar .xak:hover{
  background:var(--s69v2-accent-dark);
  transform:translateY(-1px);
}

.xar .xam{
  margin:0;
  box-shadow:none;
}

.xar .xba{
  margin:14px 0 0;
  border:1px solid #e7d3b1;
  background:#fffaf0;
  color:#594a31;
}

.xar .xba strong{
  color:#5c3d22;
}

.xar .xba span{
  color:#665845;
  opacity:1;
}

.xar .s69v2-disclaimer{
  margin:14px 0 0;
  padding:12px 14px;
  border-left:3px solid #c8c0bc;
  background:#f8f7f6;
  color:#726f75;
  font-size:12px;
  line-height:1.65;
}

.xar .s69v2-disclaimer p{
  margin:0;
}

@media (max-width:760px){
  .xar{
    font-size:16px;
  }

  .xar .xau{
    margin-bottom:10px;
  }

  .xar .xav label{
    min-height:33px;
    padding:7px 10px;
    font-size:11px;
  }

  .xar .xo{
    padding:8px 1px 22px;
  }

  .xar .xo h2{
    font-size:28px;
    line-height:1.24;
  }

  .xar .xq{
    margin-top:11px;
    font-size:16px;
    line-height:1.68;
  }

  .xar .xr{
    gap:6px;
    margin-top:14px;
  }

  .xar .xr span{
    min-height:29px;
    padding:6px 9px;
    font-size:12px;
  }

  .xar .xs{
    font-size:14px;
  }

  .xar .xt{
    flex-wrap:nowrap;
    gap:7px;
    margin:12px -3px 8px;
    padding:0 3px 11px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }

  .xar .xt a{
    flex:0 0 auto;
    min-height:36px;
    padding:8px 11px;
    font-size:12px;
  }

  .xar .xb{
    padding:29px 1px;
    scroll-margin-top:92px;
  }

  .xar .xb.xh{
    margin:5px 0;
    padding:24px 14px;
    border-radius:15px;
  }

  .xar .xc{
    margin-bottom:17px;
  }

  .xar .xc h2,
  .xar .xae h2,
  .xar .xah h2{
    font-size:25px;
  }

  .xar .xc > p:last-child,
  .xar .s69v2-use-lead{
    font-size:16px;
  }

  .xar .xu,
  .xar .xw,
  .xar .xx,
  .xar .xad,
  .xar .xl,
  .xar .xz,
  .xar .xae,
  .xar .xah{
    grid-template-columns:1fr;
  }

  .xar .xd{
    min-height:0;
    padding:16px 15px;
  }

  .xar .xw > div{
    padding:13px 14px;
  }

  .xar .xx article{
    padding:15px 14px;
  }

  .xar .xz{
    gap:18px;
  }

  .xar .xaa{
    max-width:520px;
  }

  .xar .xf{
    grid-template-columns:88px minmax(0,1fr);
    gap:12px;
    padding:13px;
  }

  .xar .xg img{
    width:88px;
    height:88px;
  }

  .xar .xl > div{
    min-height:0;
  }

  .xar .s69v2-dose-card{
    min-height:210px;
  }

  .xar .xah{
    gap:18px;
    padding:22px 15px;
    border-radius:15px;
  }

  .xar .xaj{
    gap:9px;
  }
}

@media (max-width:430px){
  .xar .xf{
    grid-template-columns:72px minmax(0,1fr);
  }

  .xar .xg img{
    width:72px;
    height:72px;
  }

  .xar .xf h3{
    font-size:17px;
  }

  .xar .xf p{
    font-size:15px;
  }
}

/* ===== VIGRX MAX VOLUME V2 FINAL OVERRIDES ===== */
/* Direct Description-level font loading: works around Techone font loading/cache. */
.s69p-product-vigrx-max-volume .xo h2,
.s69p-product-vigrx-max-volume .xc h2,
.s69p-product-vigrx-max-volume .xae h2,
.s69p-product-vigrx-max-volume .xah h2{
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  font-weight:700 !important;
  font-style:normal !important;
  letter-spacing:0 !important;
  font-synthesis:none;
}

.s69p-product-vigrx-max-volume .xd h3,
.s69p-product-vigrx-max-volume .xw b,
.s69p-product-vigrx-max-volume .xx h3,
.s69p-product-vigrx-max-volume .xf h3,
.s69p-product-vigrx-max-volume .xac b,
.s69p-product-vigrx-max-volume .xl b,
.s69p-product-vigrx-max-volume .s69v2-use-list b,
.s69p-product-vigrx-max-volume .xj summary,
.s69p-product-vigrx-max-volume .xay summary span,
.s69p-product-vigrx-max-volume .s69v2-dose-card strong{
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  font-weight:700 !important;
  font-style:normal !important;
  letter-spacing:0 !important;
  font-synthesis:none;
}

/* Website-theme blue language controls. */
.s69p-product-vigrx-max-volume .xav{
  gap:4px !important;
  border-color:#bddced !important;
  background:#fff !important;
}

.s69p-product-vigrx-max-volume .xav label{
  color:#547990 !important;
}

.s69p-product-vigrx-max-volume input[data-s69-lang="th"]:checked ~ .xau label[data-s69-lang-target="th"],
.s69p-product-vigrx-max-volume input[data-s69-lang="en"]:checked ~ .xau label[data-s69-lang-target="en"]{
  background:#eaf6fd !important;
  color:#0b6fae !important;
  box-shadow:inset 0 0 0 1px #b8dff4 !important;
}

/* Quiet English-link copy icon: arrow only, no square button. */
.s69p-product-vigrx-max-volume button.xaw,
.s69p-product-vigrx-max-volume button.xaw:hover,
.s69p-product-vigrx-max-volume button.xaw:active,
.s69p-product-vigrx-max-volume button.xaw:focus,
.s69p-product-vigrx-max-volume button.xaw:focus-visible{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:17px !important;
  min-width:17px !important;
  height:28px !important;
  min-height:0 !important;
  margin:0 4px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#79b9dd !important;
  font:700 13px/1 Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  text-shadow:none !important;
  cursor:pointer !important;
  opacity:.72 !important;
}

.s69p-product-vigrx-max-volume button.xaw:hover{
  color:#247eaf !important;
  opacity:1 !important;
  transform:translateY(-1px);
}

.s69p-product-vigrx-max-volume button.xaw.is-copied{
  color:#58a27d !important;
  opacity:1 !important;
}

.s69p-product-vigrx-max-volume button.xaw span{
  display:block !important;
  line-height:1 !important;
}



/* Standardized card typography on desktop:
   all information cards use the same visual hierarchy. */
@media (min-width:761px){
  .s69p-product-vigrx-max-volume .xd h3,
  .s69p-product-vigrx-max-volume .xw b,
  .s69p-product-vigrx-max-volume .xx h3,
  .s69p-product-vigrx-max-volume .xf h3{
    font-size:19px !important;
    line-height:1.38 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
  }

  .s69p-product-vigrx-max-volume .xd p,
  .s69p-product-vigrx-max-volume .xw span,
  .s69p-product-vigrx-max-volume .xx article > div > p:last-child,
  .s69p-product-vigrx-max-volume .xf p{
    font-size:16px !important;
    line-height:1.65 !important;
  }
}

/* Direct mobile reading-size override.
   Maximum customer-reading text size is 18px, matching the site's previous
   product-description standard. Kept inside Description because Techone's
   compressed CSS cache can keep serving an older shared stylesheet. */
@media (max-width:760px){
  .s69p-product-vigrx-max-volume{
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
  }

  .s69p-product-vigrx-max-volume .xq,
  .s69p-product-vigrx-max-volume .xc > p:last-child,
  .s69p-product-vigrx-max-volume .xd p,
  .s69p-product-vigrx-max-volume .xw span,
  .s69p-product-vigrx-max-volume .xx article > div > p:last-child,
  .s69p-product-vigrx-max-volume .xf p,
  .s69p-product-vigrx-max-volume .s69v2-use-lead,
  .s69p-product-vigrx-max-volume .s69v2-use-list span,
  .s69p-product-vigrx-max-volume .xj p,
  .s69p-product-vigrx-max-volume .xah > div > p:not(.xa){
    font-size:18px !important;
    line-height:1.72 !important;
  }

  .s69p-product-vigrx-max-volume .xac span,
  .s69p-product-vigrx-max-volume .xl span,
  .s69p-product-vigrx-max-volume .s69v2-evidence-note,
  .s69p-product-vigrx-max-volume .xs{
    font-size:17px !important;
    line-height:1.68 !important;
  }

  .s69p-product-vigrx-max-volume .xac b,
  .s69p-product-vigrx-max-volume .s69v2-use-list b,
  .s69p-product-vigrx-max-volume .xj summary{
    font-size:18px !important;
  }
}



/* Complete Kanit hierarchy for Product Page V2.
   Kanit guides the eye; the original site font remains on reading text. */

/* Small section labels and compact English labels */
.s69p-product-vigrx-max-volume .xp,
.s69p-product-vigrx-max-volume .xa,
.s69p-product-vigrx-max-volume .xi{
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  font-weight:600 !important;
  font-style:normal !important;
  letter-spacing:.06em !important;
  font-synthesis:none !important;
}

/* Quick Navigation */
.s69p-product-vigrx-max-volume .xt a{
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  font-synthesis:none !important;
}

/* Secondary headings: standards, usage, FAQ and references */
.s69p-product-vigrx-max-volume .xl b,
.s69p-product-vigrx-max-volume .s69v2-use-list b{
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  font-synthesis:none !important;
}

.s69p-product-vigrx-max-volume .xj summary,
.s69p-product-vigrx-max-volume .xay summary span{
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  font-synthesis:none !important;
}

/* CTA buttons only — language controls intentionally keep the site font */
.s69p-product-vigrx-max-volume .xak,
.s69p-product-vigrx-max-volume .xao strong,
.s69p-product-vigrx-max-volume .xba strong{
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  font-synthesis:none !important;
}

@media (min-width:761px){
  /* Main information-card headings */
  .s69p-product-vigrx-max-volume .xd h3,
  .s69p-product-vigrx-max-volume .xw b,
  .s69p-product-vigrx-max-volume .xx h3,
  .s69p-product-vigrx-max-volume .xf h3,
  .s69p-product-vigrx-max-volume .xac b{
    font-size:19px !important;
    line-height:1.38 !important;
  }

  .s69p-product-vigrx-max-volume .xl b,
  .s69p-product-vigrx-max-volume .s69v2-use-list b{
    font-size:17px !important;
    line-height:1.4 !important;
  }

  .s69p-product-vigrx-max-volume .xj summary{
    font-size:18px !important;
    line-height:1.45 !important;
  }

  .s69p-product-vigrx-max-volume .xay summary span{
    font-size:17px !important;
    line-height:1.4 !important;
  }

  .s69p-product-vigrx-max-volume .xak,
  .s69p-product-vigrx-max-volume .xao strong{
    font-size:16px !important;
  }
}

@media (max-width:760px){
  /* Main information-card headings */
  .s69p-product-vigrx-max-volume .xd h3,
  .s69p-product-vigrx-max-volume .xw b,
  .s69p-product-vigrx-max-volume .xx h3,
  .s69p-product-vigrx-max-volume .xf h3,
  .s69p-product-vigrx-max-volume .xac b{
    font-size:20px !important;
    line-height:1.33 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
  }

  .s69p-product-vigrx-max-volume .xt a{
    font-size:14px !important;
  }

  .s69p-product-vigrx-max-volume .xl b,
  .s69p-product-vigrx-max-volume .s69v2-use-list b{
    font-size:18px !important;
    line-height:1.38 !important;
  }

  .s69p-product-vigrx-max-volume .xj summary{
    font-size:19px !important;
    line-height:1.4 !important;
  }

  .s69p-product-vigrx-max-volume .xay summary span{
    font-size:18px !important;
    line-height:1.4 !important;
  }

  .s69p-product-vigrx-max-volume .xak,
  .s69p-product-vigrx-max-volume .xao strong{
    font-size:17px !important;
  }
}



.s69p-product-vigrx-max-volume .xa-line{
  display:block !important;
  flex:0 0 28px !important;
  width:28px !important;
  height:2px !important;
  border-radius:999px !important;
  background:currentColor !important;
}







/* Final top-spacing balance:
   desktop sits lower than the previous version; mobile keeps the approved height. */
@media (min-width:761px){
  .s69p-product-vigrx-max-volume{
    margin-top:-16px !important;
  }
}

@media (max-width:760px){
  .s69p-product-vigrx-max-volume{
    margin-top:-18px !important;
  }
}


/* Added sales-support copy blocks to preserve key legacy selling points */
.s69p-product-vigrx-max-volume .xv{
  margin:10px 0 20px;
  font-size:18px;
  line-height:1.72;
  color:#4d5364;
}
.s69p-product-vigrx-max-volume .xk{
  margin:18px 0 26px;
  padding:22px 24px;
  border:1px solid #eadfda;
  border-radius:22px;
  background:#fbf8f6;
}
.s69p-product-vigrx-max-volume .xk h3{
  margin:0 0 10px;
  font-family:'Kanit',Arial,'Helvetica Neue',Tahoma,sans-serif;
  font-size:30px;
  line-height:1.22;
  font-weight:700;
  color:#202636;
  letter-spacing:0;
}
.s69p-product-vigrx-max-volume .xk p{
  margin:0;
  font-size:18px;
  line-height:1.72;
  color:#4d5364;
}
.s69p-product-vigrx-max-volume .xy{
  margin:14px 0 22px;
  font-size:18px;
  line-height:1.72;
  color:#4d5364;
}
.s69p-product-vigrx-max-volume .xy strong{
  color:#202636;
}
@media (max-width:760px){
  .s69p-product-vigrx-max-volume .xv{
    font-size:18px;
    line-height:1.72;
    margin:8px 0 18px;
  }
  .s69p-product-vigrx-max-volume .xk{
    margin:16px 0 22px;
    padding:18px 18px 19px;
    border-radius:18px;
  }
  .s69p-product-vigrx-max-volume .xk h3{
    font-size:24px;
    line-height:1.28;
    margin-bottom:8px;
  }
  .s69p-product-vigrx-max-volume .xk p,
  .s69p-product-vigrx-max-volume .xy{
    font-size:18px;
    line-height:1.72;
  }
}


/* Use section cleanup: remove the awkward side-gap layout on desktop
   and let the opening paragraph use the full available width. */
.s69p-product-vigrx-max-volume #i8 .xc > p:last-child,
.s69p-product-vigrx-max-volume #i16 .xc > p:last-child{
  max-width:none !important;
  width:100% !important;
}

.s69p-product-vigrx-max-volume #i8 .xae,
.s69p-product-vigrx-max-volume #i16 .xae{
  display:block !important;
}

.s69p-product-vigrx-max-volume #i8 .xl,
.s69p-product-vigrx-max-volume #i16 .xl{
  margin-bottom:18px !important;
}

.s69p-product-vigrx-max-volume #i8 .xaf,
.s69p-product-vigrx-max-volume #i16 .xaf{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:20px 24px !important;
  border:1px solid #eadfda !important;
  border-radius:18px !important;
  background:#fff !important;
  text-align:center !important;
}

.s69p-product-vigrx-max-volume #i8 .xaf span,
.s69p-product-vigrx-max-volume #i16 .xaf span{
  display:block !important;
  margin-bottom:8px !important;
}

.s69p-product-vigrx-max-volume #i8 .xaf b,
.s69p-product-vigrx-max-volume #i16 .xaf b{
  display:block !important;
  margin-bottom:8px !important;
  font-size:30px !important;
  line-height:1.28 !important;
}

.s69p-product-vigrx-max-volume #i8 .xaf p,
.s69p-product-vigrx-max-volume #i16 .xaf p{
  margin:0 !important;
  font-size:18px !important;
  line-height:1.7 !important;
}

@media (min-width:761px){
  .s69p-product-vigrx-max-volume #i8 .xl,
  .s69p-product-vigrx-max-volume #i16 .xl{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  .s69p-product-vigrx-max-volume #i8 .xl > div,
  .s69p-product-vigrx-max-volume #i16 .xl > div{
    min-height:100% !important;
  }
}

@media (max-width:760px){
  .s69p-product-vigrx-max-volume #i8 .xaf,
  .s69p-product-vigrx-max-volume #i16 .xaf{
    padding:18px 16px !important;
    border-radius:16px !important;
  }

  .s69p-product-vigrx-max-volume #i8 .xaf b,
  .s69p-product-vigrx-max-volume #i16 .xaf b{
    font-size:22px !important;
    line-height:1.35 !important;
  }
}


/* Desktop text-width fix:
   the theme/earlier CSS is still constraining headings and intro paragraphs,
   which makes lines wrap too early before reaching the right edge.
   Let desktop headings and section intros use the full available row width. */
@media (min-width:761px){
  .s69p-product-vigrx-max-volume .xo h2,
  .s69p-product-vigrx-max-volume .xq,
  .s69p-product-vigrx-max-volume .xs,
  .s69p-product-vigrx-max-volume .xc h2,
  .s69p-product-vigrx-max-volume .xc > p:last-child,
  .s69p-product-vigrx-max-volume .xv,
  .s69p-product-vigrx-max-volume .xy,
  .s69p-product-vigrx-max-volume .s69v2-evidence-note{
    max-width:none !important;
    width:100% !important;
  }

  /* Keep long Thai/English section titles readable without forced narrow measures */
  .s69p-product-vigrx-max-volume .xc h2{
    display:block !important;
  }
}


/* Final desktop fix:
   the width limit is on the parent .xc itself,
   so child max-width overrides alone cannot expand the text. */
@media (min-width:761px){
  .s69p-product-vigrx-max-volume .xc{
    max-width:none !important;
    width:100% !important;
  }
}
/* ===== END VIGRX MAX VOLUME V2 FINAL OVERRIDES ===== */

/* ===== END COMPACT V2 PRODUCT 224 ===== */

/* =========================================================
   VigRX Max Volume — temporary image-layout placeholders
   ========================================================= */
.s69p-product-vigrx-max-volume .s69v2-image-slot{
  --s69v2-slot-max:720px;
  width:min(100%,var(--s69v2-slot-max));
  margin:30px auto 0;
}
.s69p-product-vigrx-max-volume .s69v2-image-slot-wide{
  --s69v2-slot-max:840px;
}
.s69p-product-vigrx-max-volume .s69v2-image-placeholder{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:280px;
  padding:28px;
  border:2px dashed #9db8d2;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(234,244,252,.9),rgba(250,252,255,.98));
  color:#334f68;
  text-align:center;
  box-sizing:border-box;
}
.s69p-product-vigrx-max-volume .s69v2-image-slot-square .s69v2-image-placeholder{
  aspect-ratio:1/1;
}
.s69p-product-vigrx-max-volume .s69v2-image-slot-wide .s69v2-image-placeholder{
  aspect-ratio:5/4;
}
.s69p-product-vigrx-max-volume .s69v2-image-placeholder::before,
.s69p-product-vigrx-max-volume .s69v2-image-placeholder::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.s69p-product-vigrx-max-volume .s69v2-image-placeholder::before{
  inset:14px;
  border:1px solid rgba(86,126,161,.18);
  border-radius:14px;
}
.s69p-product-vigrx-max-volume .s69v2-image-placeholder::after{
  width:54px;
  height:42px;
  top:50%;
  left:50%;
  margin:-72px 0 0 -27px;
  border:2px solid rgba(73,111,145,.45);
  border-radius:9px;
  background:
    radial-gradient(circle at 72% 28%,rgba(73,111,145,.45) 0 4px,transparent 5px),
    linear-gradient(145deg,transparent 47%,rgba(73,111,145,.28) 48% 58%,transparent 59%);
}
.s69p-product-vigrx-max-volume .s69v2-image-placeholder span{
  margin-top:54px;
  color:#6b88a1;
  font-family:Kanit,Arial,sans-serif;
  font-size:12px;
  font-weight:600;
  letter-spacing:.12em;
}
.s69p-product-vigrx-max-volume .s69v2-image-placeholder strong{
  color:#233f58;
  font-family:Kanit,Arial,sans-serif;
  font-size:22px;
  font-weight:700;
  line-height:1.35;
}
.s69p-product-vigrx-max-volume .s69v2-image-placeholder small{
  color:#667d91;
  font-size:15px;
  line-height:1.55;
}
.s69p-product-vigrx-max-volume .s69v2-image-slot picture,
.s69p-product-vigrx-max-volume .s69v2-image-slot img{
  display:block;
  width:100%;
}
.s69p-product-vigrx-max-volume .s69v2-image-slot img{
  height:auto;
  border-radius:20px;
}
@media (max-width:767px){
  .s69p-product-vigrx-max-volume .s69v2-image-slot{
    margin-top:24px;
  }
  .s69p-product-vigrx-max-volume .s69v2-image-slot-wide .s69v2-image-placeholder{
    aspect-ratio:1/1;
  }
  .s69p-product-vigrx-max-volume .s69v2-image-placeholder{
    min-height:250px;
    padding:22px 18px;
    border-radius:16px;
  }
  .s69p-product-vigrx-max-volume .s69v2-image-placeholder::before{
    inset:10px;
    border-radius:11px;
  }
  .s69p-product-vigrx-max-volume .s69v2-image-placeholder strong{
    font-size:20px;
  }
  .s69p-product-vigrx-max-volume .s69v2-image-placeholder small{
    font-size:14px;
  }
  .s69p-product-vigrx-max-volume .s69v2-image-slot img{
    border-radius:16px;
  }
}

