/* V63 full-site polish: fuller CTAs, corrected image framing, sale price, nav autohide, review star */
:root{--v63-stage-accent:#f97316}

/* 1. Fuller product/detail action buttons */
.product-section .cta-row.product-buy-row,
.product-section .product-buy-row.shopify-commerce-actions{gap:10px!important}
.product-section .cta-row.product-buy-row .btn,
.product-section .product-buy-row.shopify-commerce-actions .btn{
  min-height:54px!important;
  padding:14px 20px!important;
  border-radius:999px!important;
  font-size:13.5px!important;
  line-height:1.15!important;
  font-weight:950!important;
}
.product-page .actions{gap:10px!important}
.product-page .actions .btn{
  min-height:50px!important;
  padding:13px 18px!important;
  border-radius:24px!important;
  font-size:13px!important;
  font-weight:950!important;
}

/* 2 + 5. New-color teaser/card framing: true white background, square media, no false inner frame */
.stage-new-colors-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
.stage-new-colors-strip img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  padding:0!important;
  border:0!important;
  border-radius:26px!important;
  box-shadow:0 26px 70px rgba(0,0,0,.22)!important;
}
.new-color-card{
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e6dccf!important;
  padding:0 20px 20px!important;
}
.new-color-card img{
  display:block!important;
  width:calc(100% + 40px)!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 -20px 18px!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.new-color-card h3{margin-top:0!important}

/* 3. M30 compare-at + sale price */
.m30-sale-price,.pdp-sale-price{display:inline-flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.m30-sale-price del,.pdp-sale-price del{font-size:.48em;color:#9a9085;font-weight:800;text-decoration-thickness:1.5px}
.m30-sale-price strong,.pdp-sale-price strong{font-size:1em;color:inherit;font-weight:1000}
.product-price-card .price-value.m30-sale-price{font-size:42px;line-height:1;letter-spacing:-.05em}
.product-price-card .price-value.m30-sale-price del{font-size:17px;letter-spacing:-.02em}
.product-price-card .price-value.m30-sale-price strong{font-size:42px}
.product-page .price .pdp-sale-price del{font-size:20px;color:rgba(255,255,255,.54)}
.product-page .price .pdp-sale-price strong{font-size:42px;color:#fff;letter-spacing:-.05em}

/* 4. More prominent Explore CTAs; Stage-T matches orange/yellow commerce accent */
.hero-actions{gap:14px!important}
.hero-actions .btn{
  min-height:62px!important;
  padding:17px 34px!important;
  font-size:16px!important;
  font-weight:1000!important;
  border-radius:999px!important;
}
.hero-actions .btn-ghost[href="/stage-t"]{
  background:var(--v63-stage-accent)!important;
  border-color:var(--v63-stage-accent)!important;
  color:#fff!important;
  box-shadow:0 18px 40px rgba(249,115,22,.28)!important;
}

/* 6. Homepage Stage-T banner */
.product-section.stage .banner img{object-position:center center!important}

/* 8. Header auto-hide on downward scroll */
.nav,.interactive-strip{transition:transform .28s ease,opacity .22s ease!important;will-change:transform}
body.v63-nav-hidden .nav{transform:translateY(-110%)!important;opacity:.98}
body.v63-nav-hidden .interactive-strip{transform:translateY(-180%)!important}
body.v63-nav-visible .nav,body.v63-nav-visible .interactive-strip{transform:translateY(0)!important}

/* 9. Review star restored in dropdown + mobile menu */
.review-nav-star{display:flex!important;align-items:center!important;gap:8px!important}
.review-star{color:#ffb000!important;font-size:15px!important;line-height:1!important;filter:drop-shadow(0 0 7px rgba(255,176,0,.28))}
.mobile-menu .review-star{display:inline-block;margin-right:7px}

/* White-background product areas keep the same tone as the supplied images */
.product-main,.stage-product-pair,.panel.hero-product,.hero-card{background:#fff!important}
.product-main img,.stage-product-pair img,.panel.hero-product img,.hero-card img{background:#fff!important}

@media(max-width:900px){
  .product-section .cta-row.product-buy-row .btn,
  .product-section .product-buy-row.shopify-commerce-actions .btn{min-height:50px!important;padding:12px 13px!important;font-size:12.8px!important}
  .product-page .actions .btn{min-height:48px!important;padding:12px 13px!important}
  .hero-actions .btn{min-height:58px!important;padding:15px 26px!important;font-size:15px!important}
  .stage-new-colors-strip{gap:9px!important}
  .stage-new-colors-strip img{border-radius:20px!important}
  .new-color-card{padding:0 16px 18px!important}
  .new-color-card img{width:calc(100% + 32px)!important;margin:0 -16px 16px!important}
  body.v63-nav-hidden .mobile-menu.open{transform:none!important}
}
@media(max-width:520px){
  .product-section .cta-row.product-buy-row .btn,
  .product-section .product-buy-row.shopify-commerce-actions .btn{min-height:49px!important;padding:12px 10px!important}
  .product-page .actions .btn{min-height:47px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .hero-actions .btn{width:100%!important;min-height:56px!important;padding:14px 14px!important;font-size:14px!important}
  .stage-new-colors-strip{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
  .stage-new-colors-strip img{border-radius:16px!important}
  .product-price-card .price-value.m30-sale-price{gap:8px!important}
  .product-price-card .price-value.m30-sale-price strong{font-size:36px!important}
}