/* Chow420 product-detail visual system, July 2026
   Restrained, evidence-led commerce UI. One green brand accent; red only for
   discounts/restrictions. Loaded after legacy PDP styles. */

.productdetailspage{
  --pdp-bg:#f7f8fa!important;
  --pdp-text:#111827!important;
  --pdp-text-muted:#64748b!important;
  --pdp-accent:#0f766e!important;
  --pdp-green:#0f766e!important;
  --pdp-blue:#0f766e!important;
  background:#f7f8fa!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
#main-content.main-content-div{background:#f7f8fa!important}
.productdetailspage .container{max-width:1240px}

/* Main product stage. */
.productdetailspage .chow_product{
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  border-radius:18px!important;
  padding:28px!important;
  box-shadow:0 22px 50px -40px rgba(15,23,42,.62)!important;
}
.productdetailspage .img-demo-zoom{background:#fff!important}
.productdetailspage h1.titlename-list{
  color:#0f172a!important;
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  font-weight:750!important;
}
.productdetailspage .bybrandlink-details,
.productdetailspage #lab-report{font-size:13px!important;color:#64748b!important}
.productdetailspage .bybrandlink-details a,
.productdetailspage #lab-report a{color:#0f766e!important;font-weight:650!important}
.productdetailspage .pd-title-rating{color:#0f766e!important;font-weight:700!important}
.productdetailspage .pd-title-rating:hover{color:#065f46!important}
.productdetailspage .view-icon-details .tag-details-pg{filter:grayscale(1);opacity:.75}

/* Purchase block: compact, clear, no pulsing or competing colors. */
.productdetailspage .price-block h2{font-size:30px!important;letter-spacing:-.025em!important;color:#111827!important}
.productdetailspage .pd-sale-row{gap:8px!important;margin-top:8px!important}
.productdetailspage .pd-sale-badge{
  background:#dc2626!important;color:#fff!important;border-radius:5px!important;
  box-shadow:none!important;font-size:10.5px!important;padding:5px 8px!important;letter-spacing:.065em!important;
}
.productdetailspage .pd-sale-save{color:#b91c1c!important;font-size:13px!important}
.productdetailspage .pd-sale-ends{
  background:#fff!important;color:#475569!important;border:1px solid #cbd5e1!important;
  border-radius:5px!important;font-size:11px!important;font-weight:650!important;padding:4px 8px!important;
}
.productdetailspage .pd-compare-row{font-size:12px!important;color:#94a3b8!important}
.productdetailspage .cashbk-class{
  display:inline-flex!important;align-items:center!important;padding:5px 9px!important;
  font-size:12px!important;font-weight:700!important;color:#065f46!important;
  background:#ecfdf5!important;border:1px solid #b7d9ce!important;border-radius:6px!important;
  box-shadow:none!important;animation:none!important;letter-spacing:0!important;text-transform:none!important;
}
.productdetailspage .cashback-txt{text-transform:none!important;letter-spacing:0!important}
.productdetailspage .addtocardbutton-view-box.addtocardbutton-view-box--single{margin:20px 0 10px!important}
.productdetailspage .add-to-cart-modern-btn,
.productdetailspage button.add-to-cart-modern-btn,
.productdetailspage button.add-to-cart-modern-btn:hover,
.productdetailspage button.add-to-cart-modern-btn:focus,
.productdetailspage button.add-to-cart-modern-btn:active{
  min-height:52px!important;background:#ea580c!important;color:#fff!important;
  border-radius:8px!important;box-shadow:none!important;font-size:14px!important;
  font-weight:750!important;letter-spacing:.045em!important;text-transform:uppercase!important;
}
.productdetailspage .add-to-cart-modern-btn:hover,.productdetailspage .add-to-cart-modern-btn:focus{background:#c2410c!important}
.productdetailspage .pd-lowstock{color:#b91c1c!important;font-size:12px!important;font-weight:700!important}

/* Trust, delivery and review analysis. */
.productdetailspage .product-delivery-time{
  display:flex!important;align-items:center!important;gap:10px!important;margin:18px 0!important;
  color:#475569!important;font-size:14px!important;
}
.productdetailspage .product-delivery-time img{width:30px!important;height:30px!important;filter:grayscale(1);opacity:.72}
.productdetailspage .ext-deatails.this.div,
.productdetailspage .pd-review-analysis-wrap{
  background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:none!important;
}
.productdetailspage .progress-bar.bar-5{background:#0f766e!important;box-shadow:none!important}
.productdetailspage .bar-container.progress.skill-bar{background:#e5e7eb!important;border-radius:999px!important}
.productdetailspage .oil-category-cannabinoids.concentration-color,
.productdetailspage .in-cls{
  background:#f8fafc!important;border-color:#dbe4ec!important;color:#475569!important;
}

/* Trustpilot remains recognizable but quiet. */
.productdetailspage a[aria-label="Chow420 is rated Excellent on Trustpilot"]{
  background:#fff!important;border-color:#dbe4ec!important;border-radius:7px!important;padding:6px 9px!important;
}

/* Recommendation cards: same card and button language as the homepage. */
.productdetailspage .fbt-section{margin:34px 0 16px!important}
.productdetailspage .fbt-title,.productdetailspage .similarproducts-view{
  color:#111827!important;font-weight:750!important;letter-spacing:-.02em!important;
}
.productdetailspage .fbt-sub{color:#64748b!important}
.productdetailspage .fbt-card{
  border-color:#e2e8f0!important;border-radius:11px!important;padding:12px!important;box-shadow:none!important;
}
.productdetailspage .fbt-name{color:#334155!important;font-weight:600!important}
.productdetailspage .fbt-name:hover{color:#065f46!important}
.productdetailspage .fbt-now{color:#111827!important}
.productdetailspage .fbt-sale{background:#dc2626!important;color:#fff!important;border-radius:5px!important;box-shadow:none!important}
.productdetailspage .fbt-add{
  min-height:42px!important;background:#fff!important;color:#065f46!important;
  border:1px solid #9fcbbd!important;border-radius:7px!important;box-shadow:none!important;
}
.productdetailspage .fbt-add:hover{background:#065f46!important;color:#fff!important}
.productdetailspage .fbt-add.added{background:#065f46!important;color:#fff!important}
.productdetailspage .container-remove .top-rated-brands-list{background:#fff!important}
.productdetailspage .sp-add-cart{
  color:#065f46!important;background:#fff!important;border-color:#9fcbbd!important;border-radius:7px!important;box-shadow:none!important;
}
.productdetailspage .sp-add-cart:hover{background:#065f46!important;color:#fff!important}
.productdetailspage .img-rated-brands span[style*="background:#e11d48"]{background:#dc2626!important;color:#fff!important;border-radius:5px!important;box-shadow:none!important}

/* AI bundles: retain the utility, remove the rainbow and playful motion. */
.productdetailspage .pdp-bundles-header{gap:10px!important;margin-bottom:16px!important}
.productdetailspage .pdp-bundles-header-icon{
  width:36px!important;height:36px!important;border-radius:8px!important;
  background:#ecfdf5!important;border:1px solid #cce9df!important;
}
.productdetailspage .pdp-bundles-header-icon svg{fill:none!important;stroke:#0f766e!important;stroke-width:1.8!important}
.productdetailspage .pdp-bundles-title{color:#111827!important;font-weight:750!important;letter-spacing:-.015em!important}
.productdetailspage .pdp-bundle-card{
  border-color:#e2e8f0!important;border-radius:11px!important;box-shadow:none!important;padding:17px!important;
}
.productdetailspage .pdp-bundle-card:hover{transform:none!important;border-color:#cbd5e1!important;box-shadow:0 14px 28px -24px rgba(15,23,42,.55)!important}
.productdetailspage .pdp-bundle-card::before{background:#0f766e!important;background-size:100% 100%!important;animation:none!important}
.productdetailspage .pdp-bundle-item{background:#f8fafc!important;border-color:#e8edf2!important;border-radius:8px!important}
.productdetailspage .pdp-bundle-add-btn{
  background:#0f766e!important;border-radius:7px!important;box-shadow:none!important;transition:background .18s ease!important;
}
.productdetailspage .pdp-bundle-add-btn:hover{background:#065f46!important;transform:none!important;box-shadow:none!important}
.productdetailspage .pdp-bundles-skeleton-card{animation:none!important;background:#f1f5f9!important;border-radius:11px!important}
.productdetailspage .blink_me{animation:none!important}

/* Compliance is evidence-led: neutral shell, status colors only where meaningful. */
.productdetailspage .cp-section{margin-top:24px!important}
.productdetailspage .cp-collapse-root{border-color:#d7e0e8!important;border-radius:12px!important;box-shadow:none!important;background:#fff!important}
.productdetailspage .cp-collapse-summary{background:#fff!important;border-radius:11px!important;padding:15px 18px!important}
.productdetailspage .cp-collapse-summary:hover{background:#f8fafc!important}
.productdetailspage .cp-collapse-icon{color:#0f766e!important;background:#ecfdf5!important;border-color:#cce9df!important}
.productdetailspage .cp-collapse-title{color:#111827!important;font-weight:750!important}
.productdetailspage .cp-collapse-sub{color:#64748b!important}
.productdetailspage .cp-hero{background:#111827!important}
.productdetailspage .cp-orb{display:none!important}
.productdetailspage .cp-card{border-color:#e2e8f0!important;box-shadow:none!important}

/* The chat helper no longer competes with the product purchase CTA. */
#chat-container.product-ai-chat-fullwidth{width:min(390px,calc(100vw - 28px))!important;left:14px!important;bottom:12px!important}
#chat-container #chat-boat{
  background:linear-gradient(135deg,#00dc82 0%,#00b368 100%)!important;
  box-shadow:0 12px 26px -18px rgba(0,153,96,.65)!important;
  border:1px solid #00b368!important;border-radius:9px!important;
}
#chat-container h3.panel-title a #typewriter{background:transparent!important;animation:none!important;color:#07130f!important}
#chat-container h3.panel-title a div{color:#07130f!important}

/* Lower information architecture. */
.productdetailspage .pd-section{padding:26px 0!important;border-color:#e2e8f0!important}
.productdetailspage .pd-section>h2,.productdetailspage .pd-related-shops>h2{color:#111827!important;font-weight:750!important;border-color:#0f766e!important}
.productdetailspage .faqsec .panel-heading{background:#fff!important;border-color:#e2e8f0!important}
.productdetailspage .faqsec .panel-body{background:#f8fafc!important;border-left-color:#0f766e!important}
.productdetailspage .faqsec .panel-title>a[aria-expanded="true"]:after{background:#0f766e!important;border-color:#0f766e!important}

/* Sticky mobile cart uses the same primary action. */
#pd-sticky-bar{border-top:1px solid #e2e8f0!important;box-shadow:0 -12px 28px -24px rgba(15,23,42,.8)!important}
#pd-sticky-bar .pd-sticky-btn{background:#ea580c!important;border-radius:7px!important;box-shadow:none!important}

@media (max-width:767px){
  .productdetailspage .container{padding-left:12px!important;padding-right:12px!important}
  .productdetailspage .chow_product{padding:14px!important;border-radius:13px!important}
  .productdetailspage .img-demo-zoom{position:relative!important;top:0!important;margin-bottom:16px!important}
  /* Badge / COA column pinned to the side of the product image, stacked vertically. */
  .productdetailspage .view-icon-details{
    position:absolute!important;top:0!important;left:0!important;z-index:5!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    gap:8px!important;width:auto!important;max-width:96px!important;margin:0!important;
  }
  .productdetailspage .view-icon-details .disv-zooms,
  .productdetailspage .view-icon-details .lab-signoff-badge{
    position:static!important;margin:0!important;display:inline-flex!important;
  }
  .productdetailspage .listing-details{margin-left:0!important;width:100%!important}
  .productdetailspage h1.titlename-list{font-size:21px!important}
  .productdetailspage .price-block h2{font-size:27px!important}
  .productdetailspage .pd-sale-row{align-items:center!important}
  .productdetailspage .fbt-grid{gap:9px!important}
  .productdetailspage .fbt-card{padding:9px!important}
  #chat-container.product-ai-chat-fullwidth{width:calc(100vw - 24px)!important;left:12px!important;bottom:8px!important}
}
