/* Comfortrek V187 — marketplace-grade PDP offers + overlap hardening */

/* 1) Kill the V162 page-jump control on mobile. The sticky purchase/navigation
   surfaces already provide navigation and the old control can cover content. */
@media (max-width: 760px){
  body.product-page #cr-page-jump,
  body.product-page .cr-page-jump{display:none!important;visibility:hidden!important;pointer-events:none!important}
}

/* 2) Never let gallery interaction paint into the product-info column. */
body.product-page .luxury-product-hero{position:relative!important;isolation:isolate!important;overflow:visible!important}
body.product-page .luxury-product-hero>div:first-child{position:sticky!important;top:96px!important;z-index:1!important;min-width:0!important;overflow:hidden!important}
body.product-page .luxury-product-info{position:relative!important;z-index:5!important;min-width:0!important;overflow:visible!important;background:#fffdf8!important;color:#17191c!important}
body.product-page .luxury-product-info:before{z-index:-1!important;background:#fffdf8!important}
body.product-page .luxury-product-info h1,
body.product-page .luxury-product-info .price,
body.product-page .luxury-product-info .crp-rating-row{position:relative!important;z-index:7!important}
body.product-page .zoom-lens,body.product-page .zoom-hint{display:none!important;pointer-events:none!important}

/* 3) Desktop composition: no transparent/overlapping columns and less dead space. */
@media(min-width:1051px){
  body.product-page .luxury-product-page{background:linear-gradient(90deg,#f1eee7 0%,#f1eee7 50%,#fffdf8 50%,#fffdf8 100%)!important}
  body.product-page .luxury-product-hero{grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr)!important;column-gap:34px!important;align-items:start!important}
  body.product-page .luxury-product-info{padding:26px 30px!important;box-shadow:0 18px 55px rgba(25,22,18,.07)!important}
  body.product-page .luxury-product-hero>div:first-child{overflow:hidden!important;border-radius:24px!important}
}

/* 4) Offers & Rewards — marketplace card system. One full-width stack is
   intentionally used instead of tiny 2-column cards on desktop. */
body.product-page .ct-offers-v171{
  width:100%!important;max-width:none!important;box-sizing:border-box!important;
  margin:22px 0 18px!important;padding:18px!important;border-radius:24px!important;
  overflow:hidden!important;position:relative!important;
  background:linear-gradient(145deg,#fffefa 0%,#f4eee3 100%)!important;
  border:1px solid rgba(122,91,48,.18)!important;
  box-shadow:0 20px 55px rgba(45,33,20,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
body.product-page .ct-offers-v171 .ct-offers-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;padding-bottom:14px!important;border-bottom:1px solid rgba(122,91,48,.13)!important}
body.product-page .ct-offers-v171 .ct-offers-kicker{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 9px!important;border-radius:999px!important;background:#f3e8d4!important;border:1px solid #ead6b3!important;color:#866232!important;font-size:.55rem!important;font-weight:950!important;letter-spacing:.14em!important}
body.product-page .ct-offers-v171 .ct-offers-head h2{font-family:Fraunces,Georgia,serif!important;font-size:clamp(1.55rem,2.7vw,2.05rem)!important;line-height:1.05!important;margin:8px 0 0!important;color:#111315!important;letter-spacing:-.04em!important}
body.product-page .ct-offers-v171 .ct-offers-intro{font-size:.69rem!important;line-height:1.5!important;margin:7px 0 0!important;color:#625d56!important;max-width:620px!important}
body.product-page .ct-offers-v171 .ct-offers-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:14px!important;background:#171b20!important;color:#e8c87f!important;display:grid!important;place-items:center!important;box-shadow:0 10px 24px rgba(23,27,32,.17)!important}

/* Best-price strip: visually similar to marketplace "Buy at" rail, without
   falsely implying that separate non-stackable offers are combinable. */
body.product-page .ct-best-price-v185{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 15px!important;padding:12px 14px!important;border-radius:17px!important;background:linear-gradient(135deg,#15191d,#222019)!important;color:#fff!important;box-shadow:0 14px 30px rgba(23,27,32,.18)!important}
body.product-page .ct-best-price-v185 .ct-bp-badge{padding:7px 10px!important;border-radius:10px!important;background:linear-gradient(135deg,#f3d48d,#d9b45f)!important;color:#17191d!important;font-size:.62rem!important;font-weight:1000!important;white-space:nowrap!important}
body.product-page .ct-best-price-v185 .ct-bp-copy{min-width:0!important;flex:1!important}
body.product-page .ct-best-price-v185 .ct-bp-copy span{display:block!important;font-size:.52rem!important;font-weight:900!important;letter-spacing:.14em!important;color:#c9c1b5!important}
body.product-page .ct-best-price-v185 .ct-bp-copy strong{display:block!important;margin-top:3px!important;font-size:1.08rem!important;line-height:1.1!important;color:#fff!important}
body.product-page .ct-best-price-v185 .ct-bp-copy em{font-style:normal!important;color:#e6c67f!important;font-size:.72rem!important;margin-left:8px!important}
body.product-page .ct-best-price-v185 .ct-bp-chevron{font-size:1.2rem!important;color:#e6c67f!important}

/* Actual offer cards. */
body.product-page .ct-offer-stack-v171{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:14px!important}
body.product-page .ct-offer-card-v171{
  display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;align-items:center!important;gap:13px!important;
  min-height:92px!important;padding:12px 12px 12px 14px!important;border-radius:18px!important;
  background:#fff!important;border:1px solid #e5ded2!important;box-shadow:0 7px 22px rgba(35,29,21,.055)!important;
  overflow:hidden!important;position:relative!important;transform:none!important;
}
body.product-page .ct-offer-card-v171:before{content:""!important;position:absolute!important;left:0!important;top:12px!important;bottom:12px!important;width:4px!important;border-radius:0 4px 4px 0!important;background:linear-gradient(#c0904d,#e7c981)!important}
body.product-page .ct-offer-card-v171:hover{transform:translateY(-1px)!important;box-shadow:0 12px 28px rgba(35,29,21,.09)!important}
body.product-page .ct-offer-ticket-v171{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:17px!important;background:linear-gradient(145deg,#fff3d7,#f7e5bd)!important;border:1px solid #dfc18d!important;color:#825c2d!important;box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(139,102,55,.09)!important}
body.product-page .ct-offer-ticket-v171 span{font-size:1.02rem!important;font-weight:1000!important;line-height:1!important}
body.product-page .ct-offer-ticket-v171 small{font-size:.42rem!important;letter-spacing:.13em!important;font-weight:1000!important;margin-top:4px!important}
body.product-page .ct-offer-copy-v171{min-width:0!important}
body.product-page .ct-offer-meta{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
body.product-page .ct-offer-label{font-size:.57rem!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#7b592f!important}
body.product-page .ct-offer-tag{font-size:.43rem!important;font-weight:950!important;letter-spacing:.08em!important;padding:4px 6px!important;border-radius:999px!important;background:#f2e7d6!important;color:#805d32!important}
body.product-page .ct-offer-copy-v171 strong{display:block!important;margin-top:4px!important;font-size:.9rem!important;line-height:1.2!important;color:#16181b!important}
body.product-page .ct-offer-copy-v171 small{display:block!important;margin-top:4px!important;font-size:.59rem!important;line-height:1.42!important;color:#6a645c!important}
body.product-page .ct-offer-apply-v171{min-width:88px!important;height:40px!important;padding:0 13px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#15191d,#29231d)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:.62rem!important;font-weight:950!important;box-shadow:0 8px 20px rgba(23,27,32,.16)!important}
body.product-page .ct-offer-apply-v171 b{color:#e7c77f!important;font-size:.8rem!important}
body.product-page .ct-offer-apply-v171.is-applied{background:linear-gradient(135deg,#2e8a50,#267b49)!important}
body.product-page .ct-offer-apply-v171.is-applied b{color:#fff!important}

/* Error is a proper feedback card, not a random paragraph. */
body.product-page .ct-offer-error-v185.is-visible{display:flex!important;align-items:center!important;gap:8px!important;margin:11px 0 0!important;padding:11px 13px!important;border-radius:13px!important;background:#fff0ed!important;border:1px solid #edc2ba!important;color:#9d3f30!important;font-size:.66rem!important;font-weight:800!important}

/* Savings summary. */
body.product-page .ct-offer-total-v171{margin-top:11px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;border-radius:16px!important;background:linear-gradient(135deg,#eff9f1,#e4f3e8)!important;border:1px solid rgba(39,123,73,.18)!important}
body.product-page .ct-offer-total-v171 div:first-child span,.ct-offer-total-saving span{font-size:.51rem!important;font-weight:900!important;letter-spacing:.1em!important;color:#5f7767!important}
body.product-page .ct-offer-total-v171 div:first-child strong{display:block!important;margin-top:3px!important;font-size:1.18rem!important;color:#15191d!important}
body.product-page .ct-offer-total-saving{text-align:right!important}.ct-offer-total-saving strong{display:block!important;color:#267b49!important;font-size:.82rem!important}.ct-offer-total-saving small{display:block!important;margin-top:2px!important;color:#657168!important;font-size:.5rem!important}
body.product-page .ct-offer-total-check{padding:7px 9px!important;border-radius:999px!important;background:#267b49!important;color:#fff!important;font-size:.55rem!important;font-weight:900!important;white-space:nowrap!important}

/* Comfortrek Coins = premium wallet card, still directly inside offers. */
body.product-page .ct-coins-card-v171{display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;margin-top:11px!important;padding:14px!important;border-radius:19px!important;background:linear-gradient(135deg,#111519,#1d211f 58%,#3b2d1e)!important;border:1px solid rgba(230,194,127,.2)!important;box-shadow:0 15px 35px rgba(20,18,15,.18)!important;color:#fff!important}
body.product-page .ct-coins-card-v171 .ct-coins-orbit{width:54px!important;height:54px!important;flex:0 0 54px!important;border-radius:17px!important;background:radial-gradient(circle at 30% 25%,#f6df9e,#c9963f 55%,#765025)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 9px 22px rgba(0,0,0,.23)!important}
body.product-page .ct-coins-card-v171 .ct-coins-heading span{font-size:.52rem!important;letter-spacing:.14em!important;color:#e8c87f!important;font-weight:950!important}
body.product-page .ct-coins-card-v171 .ct-coins-heading b{font-size:.43rem!important;padding:4px 6px!important;border-radius:999px!important;background:rgba(232,200,127,.16)!important;color:#f0d89e!important}
body.product-page .ct-coins-card-v171 .ct-coins-copy strong{display:block!important;margin-top:4px!important;font-size:.88rem!important;line-height:1.25!important;color:#fff!important}
body.product-page .ct-coins-card-v171 .ct-coins-copy small{display:block!important;margin-top:3px!important;font-size:.6rem!important;line-height:1.4!important;color:#d1cbc1!important}
body.product-page .ct-coins-card-v171 .ct-coins-action{min-width:104px!important;padding:10px 12px!important;border-radius:12px!important;background:linear-gradient(135deg,#f1d48c,#d6ae59)!important;color:#17191c!important;font-size:.6rem!important;font-weight:950!important;text-align:center!important;border:0!important;cursor:pointer!important}
body.product-page .ct-coins-card-v171 .ct-coins-action.is-active{background:linear-gradient(135deg,#70cf8c,#3b9b5c)!important;color:#fff!important}

/* 5) Mobile: no cramped 3-column cards; keep the marketplace hierarchy. */
@media(max-width:700px){
  body.product-page .luxury-product-page{padding-bottom:98px!important}
  body.product-page .luxury-product-info{padding:18px 14px!important}
  body.product-page .ct-offers-v171{margin-top:18px!important;padding:13px!important;border-radius:20px!important}
  body.product-page .ct-best-price-v185{padding:11px!important;margin-bottom:12px!important}
  body.product-page .ct-best-price-v185 .ct-bp-copy strong{font-size:.98rem!important}
  body.product-page .ct-offer-card-v171{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;min-height:0!important;padding:11px!important}
  body.product-page .ct-offer-ticket-v171{width:48px!important;height:48px!important;flex-basis:48px!important}
  body.product-page .ct-offer-copy-v171 strong{font-size:.78rem!important}
  body.product-page .ct-offer-copy-v171 small{font-size:.57rem!important}
  body.product-page .ct-offer-apply-v171{grid-column:2!important;justify-self:end!important;min-width:90px!important;height:36px!important;margin-top:3px!important}
  body.product-page .ct-offer-total-v171{grid-template-columns:1fr auto!important}
  body.product-page .ct-offer-total-check{grid-column:1/-1!important;text-align:center!important}
  body.product-page .ct-coins-card-v171{grid-template-columns:46px minmax(0,1fr)!important;padding:12px!important}
  body.product-page .ct-coins-card-v171 .ct-coins-orbit{width:46px!important;height:46px!important;flex-basis:46px!important}
  body.product-page .ct-coins-card-v171>.ct-coins-action{grid-column:1/-1!important;width:100%!important}
  body.product-page .ct-offers-v171 .ct-offers-head h2{font-size:1.48rem!important}
}
@media(max-width:430px){
  body.product-page .ct-offers-v171{padding:11px!important}
  body.product-page .ct-offer-card-v171{grid-template-columns:44px minmax(0,1fr)!important;padding:10px!important}
  body.product-page .ct-offer-ticket-v171{width:44px!important;height:44px!important;flex-basis:44px!important}
  body.product-page .ct-offer-apply-v171{min-width:82px!important}
}

body.appearance-dark.product-page .luxury-product-info{background:#111316!important;color:#f5f2ea!important}
body.appearance-dark.product-page .luxury-product-info:before{background:#111316!important}
body.appearance-dark.product-page .ct-offers-v171{background:linear-gradient(145deg,#181b1f,#111316)!important;border-color:rgba(255,255,255,.10)!important}
body.appearance-dark.product-page .ct-offers-v171 .ct-offers-head h2{color:#f5f2ea!important}
body.appearance-dark.product-page .ct-offers-v171 .ct-offers-intro{color:#c8c1b7!important}
body.appearance-dark.product-page .ct-offer-card-v171{background:#1c1f24!important;border-color:rgba(255,255,255,.10)!important}
body.appearance-dark.product-page .ct-offer-copy-v171 strong{color:#f5f2ea!important}
body.appearance-dark.product-page .ct-offer-copy-v171 small{color:#c8c1b7!important}
