/* TamuBN v86.0.6 — Product Experience Stabilisation
   One product-detail contract for desktop preview, public product pages and mobile/PWA. */
:root{
  --v8606-ink:#17131d;
  --v8606-muted:#625968;
  --v8606-line:#e7e0eb;
  --v8606-soft:#f8f5fa;
  --v8606-purple:#6d28d9;
  --v8606-purple-dark:#5720b3;
  --v8606-radius:18px;
  --v8606-shadow:0 18px 52px rgba(45,19,62,.08);
}

/* ---------- Desktop immersive product preview ---------- */
body.preview-open{overflow:hidden!important}
.immersive-preview{
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;
  background:#fff!important;
}
.immersive-gallery{
  position:sticky!important;
  top:0;
  height:100dvh!important;
  min-height:0!important;
  padding:clamp(28px,4vw,56px)!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  gap:16px!important;
  overflow:hidden!important;
}
.immersive-main-image{
  width:100%;
  height:100%;
  min-height:0!important;
  max-height:calc(100dvh - 150px)!important;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:clamp(10px,2vw,20px);
  border:1px solid #ebe4ef;
  border-radius:22px;
  background:#fff;
}
.immersive-main-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  display:block;
}

/* v86.0.9 — shared image zoom for desktop preview, public page and PWA */
.product-zoom-stage{position:relative!important;overflow:hidden!important;isolation:isolate;touch-action:pan-y}
.product-zoom-stage>img{transform-origin:center center;transition:transform .16s ease;will-change:transform;cursor:zoom-in}
.product-zoom-stage.is-zoomed{touch-action:none!important;cursor:grab}
.product-zoom-stage.is-zoomed>img{cursor:grab;transition:none}
.product-zoom-stage.is-zoomed:active>img{cursor:grabbing}
.product-zoom-controls{position:absolute;right:12px;bottom:12px;z-index:12;display:flex;align-items:center;gap:3px;padding:4px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(22,16,27,.78);box-shadow:0 8px 24px rgba(26,12,36,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.product-zoom-controls button{width:34px;height:34px;min-width:34px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#fff;font:800 18px/1 system-ui,sans-serif;cursor:pointer}
.product-zoom-controls button:hover,.product-zoom-controls button:focus-visible{background:rgba(255,255,255,.18);outline:none}
.product-zoom-controls [data-zoom-reset]{width:auto;min-width:48px;padding:0 7px;border-radius:999px;font-size:10px}
@media(prefers-reduced-motion:reduce){.product-zoom-stage>img{transition:none}}
.immersive-thumbnails{
  width:100%;
  max-width:100%;
  justify-content:flex-start!important;
  gap:9px!important;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 1px 5px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.immersive-thumbnails::-webkit-scrollbar{display:none}
.immersive-thumbnails button{
  flex:0 0 66px;
  width:66px!important;
  height:66px!important;
  padding:4px!important;
  border:2px solid transparent!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 0 0 1px #e5ddea inset;
  cursor:pointer;
}
.immersive-thumbnails button.active,
.immersive-thumbnails button[aria-current="true"]{
  border-color:var(--v8606-purple)!important;
  box-shadow:0 0 0 1px var(--v8606-purple)!important;
}
.immersive-thumbnails img{object-fit:cover!important;border-radius:7px}
.immersive-details{
  height:100dvh!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  justify-content:flex-start!important;
  padding:clamp(58px,5vw,80px) clamp(30px,4.4vw,62px) 54px!important;
  color:var(--v8606-ink)!important;
  scrollbar-gutter:stable;
}
.immersive-shop{
  margin:0 0 18px!important;
  gap:10px 18px!important;
  flex-wrap:wrap;
  font-size:13px;
}
.immersive-details .eyebrow{margin-top:0!important}
.immersive-details h1{
  max-width:100%;
  margin:10px 0 8px!important;
  font-size:clamp(32px,3.4vw,50px)!important;
  line-height:1.08!important;
  letter-spacing:-1.6px!important;
  color:var(--v8606-ink)!important;
  overflow-wrap:anywhere;
  word-break:normal;
}
.product-review-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:24px;color:#756a7a;font-size:12px}
.product-review-summary .rating-stars{color:#a16b05;letter-spacing:.04em}
.immersive-price{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 14px!important;
  font-size:30px!important;
  line-height:1.15;
  color:var(--v8606-purple)!important;
}
.immersive-price del{font-size:14px!important;color:#938a98!important}
.immersive-description,
.immersive-details>p{
  max-width:68ch;
  margin:16px 0!important;
  color:var(--v8606-muted)!important;
  font-size:15px!important;
  line-height:1.68!important;
  white-space:pre-line;
  overflow-wrap:anywhere;
}
.immersive-description-wrap{position:relative;max-width:68ch;margin:4px 0 12px}
.immersive-description-wrap.is-collapsed .immersive-description{max-height:16.5rem;overflow:hidden}
.immersive-description-wrap.is-collapsed:after{content:"";position:absolute;left:0;right:0;bottom:42px;height:72px;pointer-events:none;background:linear-gradient(transparent,#fff)}
.immersive-description-toggle{position:relative;z-index:1;border:0;background:transparent;color:var(--v8606-purple);padding:8px 0;font-weight:850;cursor:pointer}
.immersive-variant{margin:14px 0!important}
.immersive-variant>span{font-size:12px;color:var(--v8606-ink)}
.immersive-variant select{font-size:15px!important}
.immersive-stock{padding:8px 0 4px!important;font-size:13px;color:#4f4654}
.v856-local-commerce-card{
  max-width:100%;
  min-height:max-content;
  height:auto!important;
  overflow:visible;
  flex:0 0 auto;
}
.immersive-details>.v857-availability-panel,
.immersive-details>.immersive-stock,
.immersive-details>.v856-local-commerce-card,
.immersive-details>.v857-reserve-box,
.immersive-details>.immersive-actions,
.immersive-details>.immersive-assurance,
.immersive-details>.product-watch-actions,
.immersive-details>.product-similar-panel,
.immersive-details>.product-review-panel,
.immersive-details>.immersive-report{flex-shrink:0}
.v856-local-commerce-head{min-width:0;flex-wrap:wrap;align-items:flex-start}
.v856-local-commerce-head>div{min-width:0;flex:1 1 180px}
.v856-trust-pill{max-width:100%;white-space:normal!important;text-align:center;line-height:1.2}
.v856-local-commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.v856-local-commerce-grid>div{min-width:0}
.v856-local-commerce-grid b,.v856-local-commerce-grid span{overflow-wrap:anywhere}
.v857-reserve-box{display:grid;gap:10px!important}
.v857-reserve-box>div{min-width:0}
.v857-reserve-box>div>span{display:block;margin-bottom:3px;color:var(--v8606-purple);font-size:10px;font-weight:900;letter-spacing:.06em}
.v857-reserve-box>div>b{display:block;color:var(--v8606-ink);font-size:15px}
.v857-reserve-box label{display:grid;gap:6px;color:var(--v8606-ink);font-size:12px;font-weight:800}
.immersive-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px!important;
  width:100%;
  margin:20px 0!important;
}
.immersive-actions>*{min-width:0!important;min-height:46px!important;width:100%;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;line-height:1.25!important}
.immersive-actions>*:first-child{grid-column:1/-1}
.immersive-assurance{gap:7px!important;padding:16px 0!important}
.immersive-assurance span{font-size:11px!important;line-height:1.25;white-space:normal}
.product-watch-actions{margin-top:12px!important}
.product-watch-actions button{font-size:11px!important;line-height:1.25}
.product-similar-panel,.product-review-panel{margin-top:24px!important;padding-top:20px!important}
.product-review-head{gap:12px;flex-wrap:wrap}
.product-review-head h3{font-size:18px!important;color:var(--v8606-ink)!important}
.similar-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.similar-product-grid button{min-width:0!important;padding:10px!important;border:1px solid #eee7f2!important;background:#fff!important}
.similar-product-grid button>div{background:#f7f3f9}
.similar-product-grid small{font-size:10px!important;line-height:1.25!important;color:#817587!important}
.similar-product-grid b{font-size:12px!important;line-height:1.3!important;color:var(--v8606-ink)!important;overflow-wrap:anywhere}
.similar-product-grid span{font-size:12px!important;color:var(--v8606-purple)!important}
.public-review-card{min-width:0!important}
.public-review-card p,.public-seller-reply p{font-size:13px!important;line-height:1.6!important;white-space:pre-line;overflow-wrap:anywhere}
.review-photo-grid img{max-width:100%;height:auto}
.immersive-report{font-size:11px!important;padding:6px 0!important}
.immersive-close{display:grid!important;place-items:center;padding:0!important;line-height:1!important}

/* ---------- Public/shareable product page ---------- */
.seo-commerce-page{background:#fff!important;color:var(--v8606-ink)!important}
.seo-product-layout{
  width:min(1220px,calc(100% - 40px))!important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
  gap:clamp(34px,5vw,64px)!important;
  padding:42px 0 72px!important;
  align-items:start;
}
.seo-product-gallery{min-width:0;position:sticky;top:88px;align-self:start}
.seo-product-main{
  aspect-ratio:1/1!important;
  display:grid;
  place-items:center;
  padding:clamp(8px,1.5vw,16px);
  border:1px solid #eae3ee;
  border-radius:22px!important;
  background:var(--v8606-soft)!important;
}
.seo-product-main img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:14px}
.seo-product-thumbs{
  display:flex!important;
  grid-template-columns:none!important;
  gap:9px!important;
  max-width:100%;
  margin-top:10px!important;
  overflow-x:auto;
  overflow-y:hidden;
  padding:1px 1px 5px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.seo-product-thumbs::-webkit-scrollbar{display:none}
.seo-product-thumbs button{
  flex:0 0 70px;
  width:70px;
  height:70px;
  padding:4px;
  border:2px solid transparent;
  border-radius:12px;
  background:#fff;
  box-shadow:0 0 0 1px #e6dfea inset;
  cursor:pointer;
}
.seo-product-thumbs button.active,.seo-product-thumbs button[aria-current="true"]{border-color:var(--v8606-purple);box-shadow:0 0 0 1px var(--v8606-purple)}
.seo-product-thumbs button img{width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover!important;border-radius:7px!important}
.seo-product-copy{min-width:0!important;padding-top:4px!important}
.seo-breadcrumb{display:inline-flex;max-width:100%;margin-bottom:8px;overflow-wrap:anywhere}
.seo-product-copy .eyebrow{display:block;margin:0 0 6px;color:var(--v8606-purple)!important}
.seo-product-copy h1{
  max-width:100%;
  margin:4px 0 10px!important;
  font-size:clamp(32px,4vw,48px)!important;
  line-height:1.08!important;
  letter-spacing:-1.5px!important;
  overflow-wrap:anywhere;
}
.seo-rating{font-size:12px!important;line-height:1.4}
.seo-product-price{margin:13px 0!important;font-size:30px!important;line-height:1.15;color:var(--v8606-purple);font-weight:900!important}
.seo-variant-list{margin:14px 0!important}
.seo-variant-list span{line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.seo-product-description{
  max-width:68ch;
  margin:18px 0!important;
  color:var(--v8606-muted)!important;
  font-size:15px!important;
  line-height:1.7!important;
  white-space:pre-line;
  overflow-wrap:anywhere;
}
.seo-confidence{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px!important;font-size:12px!important}
.seo-confidence span{min-width:0;padding:9px 10px;border:1px solid #eee7f1;border-radius:10px;background:#fff;color:#514958;line-height:1.35;overflow-wrap:anywhere}
.v856-seo-local{margin:18px 0!important;padding:14px!important}
.v856-seo-local-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.v856-seo-local-grid>div{min-width:0}
.v856-seo-local-grid b,.v856-seo-local-grid span{overflow-wrap:anywhere}
.seo-commerce-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px!important;
  margin-top:18px;
}
.seo-commerce-actions>*{min-width:0!important;width:100%;min-height:46px;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;line-height:1.25!important;margin:0!important}
.seo-commerce-actions .seo-buy-cta{grid-column:1/-1}
.seo-whatsapp-note{max-width:68ch!important;margin-top:12px!important;font-size:12px!important;line-height:1.6!important;overflow-wrap:anywhere}

/* ---------- Native mobile product page ---------- */
.v855-product-gallery-slide{aspect-ratio:1/1!important;background:#f8f5fa!important}
.v855-product-gallery-slide img{object-fit:contain!important;background:#fff!important}
.v86-product-content{padding:20px 18px 24px!important;color:var(--v8606-ink)!important}
.v86-product-shop{margin-bottom:7px!important;color:#756b79!important;font-size:11px!important;line-height:1.3;text-transform:none!important}
.v86-product-content h1{font-size:27px!important;line-height:1.12!important;letter-spacing:-.8px!important;color:var(--v8606-ink)!important;overflow-wrap:anywhere}
.v86-product-price-row{align-items:flex-start!important;margin-top:10px!important}
.v86-product-price-row strong{font-size:23px!important;line-height:1.15;color:var(--v8606-purple)!important}
.v86-product-price-row span{font-size:11px!important;line-height:1.35;text-align:right}
.v85-mobile-variant{margin-top:16px!important}
.v85-mobile-variant span{font-size:12px!important}
.v85-mobile-variant select{font-size:16px!important;min-height:46px!important}
.v86-product-benefits{gap:8px!important;margin:16px 0!important;padding:13px!important}
.v86-product-benefits span{color:#554d59!important;font-size:12px!important;line-height:1.4!important}
.v86-product-description{
  margin:17px 0!important;
  color:var(--v8606-muted)!important;
  font-size:14px!important;
  line-height:1.65!important;
  white-space:pre-line;
  overflow-wrap:anywhere;
}
.v856-mobile-local{padding:13px!important}
.v856-mobile-local-head b{font-size:14px!important}
.v856-mobile-local-head span{font-size:11px!important}
.v856-mobile-local-grid small{font-size:10px!important;line-height:1.2}
.v856-mobile-local-grid b{font-size:12px!important;line-height:1.35;overflow-wrap:anywhere}
.v856-mobile-local-grid span{font-size:11px!important;line-height:1.35;color:var(--v8606-muted)!important;overflow-wrap:anywhere}
.v856-mobile-protection{font-size:12px!important;line-height:1.55!important}
.v857-mobile-reserve>div>b{font-size:14px!important}
.v857-mobile-reserve p{font-size:12px!important;line-height:1.55!important}
.v854-product-tools{gap:7px!important}
.v854-product-tools button{font-size:11px!important;line-height:1.25!important;white-space:normal!important}
.v852-mobile-whatsapp{font-size:13px!important;line-height:1.3!important}
.v852-mobile-wa-note{font-size:11px!important;line-height:1.5!important}
.v856-mobile-share-row button{font-size:12px!important;line-height:1.3!important}
.v86-product-seller{min-height:68px!important;padding:9px 0!important}
.v86-product-seller b{font-size:14px!important;line-height:1.3!important;color:var(--v8606-ink)!important}
.v86-product-seller small{font-size:11px!important;line-height:1.4!important;color:#7e7483!important;overflow-wrap:anywhere}
.v854-product-reviews{margin-top:18px!important;padding-top:18px!important;border-top:1px solid var(--v8606-line)}
.v854-product-reviews h2{margin:0 0 6px!important;font-size:17px!important;line-height:1.25!important;color:var(--v8606-ink)!important}
.v854-product-reviews p{margin:0!important;font-size:12px!important;line-height:1.5!important;color:var(--v8606-muted)!important}
.v86-similar{padding-top:22px!important}
.v86-product-buybar{grid-template-columns:104px minmax(0,1fr)!important;padding:10px 16px calc(10px + var(--safe-bottom))!important}
.v86-product-qty span{font-size:13px!important}
.v86-add-cart{font-size:14px!important;font-weight:900!important}

/* ---------- Responsive product detail contract ---------- */
@media(max-width:1100px){
  .immersive-preview{height:auto!important;min-height:100dvh!important;grid-template-columns:1fr!important;overflow-y:auto!important}
  .immersive-gallery{position:relative!important;height:auto!important;min-height:0!important;padding:56px 24px 20px!important;overflow:visible!important}
  .immersive-main-image{height:auto!important;min-height:420px!important;max-height:68dvh!important;aspect-ratio:1/1!important}
  .immersive-details{height:auto!important;min-height:0!important;overflow:visible!important;padding:34px 28px 52px!important}
  .seo-product-layout{grid-template-columns:1fr!important;gap:28px!important}
  .seo-product-gallery{position:static!important;top:auto!important;max-width:760px;width:100%;margin-inline:auto}
}
@media(max-width:700px){
  .immersive-gallery{padding:54px 14px 16px!important}
  .immersive-main-image{min-height:0!important;max-height:none!important;aspect-ratio:1/1!important;padding:8px;border-radius:16px}
  .immersive-thumbnails button{flex-basis:58px;width:58px!important;height:58px!important}
  .immersive-details{padding:26px 16px 44px!important}
  .immersive-details h1{font-size:29px!important;letter-spacing:-.8px!important}
  .immersive-price{font-size:25px!important}
  .immersive-description,.immersive-details>p{font-size:14px!important}
  .immersive-actions{grid-template-columns:1fr!important}
  .immersive-actions>*:first-child{grid-column:auto}
  .similar-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .seo-product-layout{width:calc(100% - 28px)!important;padding:24px 0 52px!important}
  .seo-product-main{border-radius:17px!important}
  .seo-product-copy h1{font-size:28px!important;letter-spacing:-.8px!important}
  .seo-product-price{font-size:26px!important}
  .seo-product-description{font-size:14px!important}
  .seo-confidence,.v856-seo-local-grid{grid-template-columns:1fr!important}
  .seo-commerce-actions{grid-template-columns:1fr!important}
  .seo-commerce-actions .seo-buy-cta{grid-column:auto}
}
@media(max-width:420px){
  .v856-local-commerce-grid,.v856-mobile-local-grid{grid-template-columns:1fr!important}
  .v86-product-price-row{display:grid!important;grid-template-columns:1fr;gap:5px!important}
  .v86-product-price-row span{text-align:left}
  .v86-product-buybar{grid-template-columns:94px minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){
  .immersive-preview{animation:none!important}
}
