/* GoJD Mobile Checkout Reference V2 — final responsive purchase shell.
   Mobile browser + App WebView only for checkout geometry; desktop change is hero side framing only. */
:root{--gojd-checkout-red:#e60012;--gojd-checkout-line:#e2e5e9;--gojd-checkout-soft:#f8f9fa}

/* Desktop HOME: keep side breathing room, but no outer carousel frame.
   The visual border/radius stays only on each carousel media item. */
@media (min-width:769px){
  body .home-page .hero-carousel-section{
    width:calc(100% - 8vw)!important;
    max-width:1680px!important;
    margin:14px auto 0!important;
    border:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    background:transparent!important;
  }
  body .home-page .hero-carousel-section .hero-carousel-container{
    border:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    background:transparent!important;
  }
}

@media (max-width:768px){
  html.gojd-mobile-checkout-ref,html.gojd-mobile-checkout-ref body{background:#fff!important}
  body.gojd-mobile-checkout-ref .main-header,
  body.gojd-mobile-checkout-ref .category-nav,
  body.gojd-mobile-checkout-ref .category-nav-wrapper{display:none!important}
  body.gojd-mobile-checkout-ref .main-content{padding-top:0!important;background:#fff!important}
  body.gojd-mobile-checkout-ref .main-footer,
  body.gojd-mobile-checkout-ref #gojd-universal-desktop-footer{display:none!important}
  body.gojd-mobile-checkout-ref .mobile-bottom-nav{display:grid!important;z-index:30000!important}
  body.gojd-mobile-checkout-ref .mobile-bottom-nav-item.gojd-checkout-active{color:var(--gojd-checkout-red)!important}

  /* Step 1 — cart */
  body.gojd-mobile-checkout-ref .cart-page.premium-cart{padding-top:max(22px,env(safe-area-inset-top,0px))!important;padding-bottom:calc(24px + var(--gojd-nav,72px))!important}
  body.gojd-mobile-checkout-ref .cart-page .container{width:100%!important;padding-left:4vw!important;padding-right:4vw!important}
  body.gojd-mobile-checkout-ref .cart-header-premium{padding-top:0!important;margin-bottom:10px!important}
  body.gojd-mobile-checkout-ref .cart-header-premium h1{font-size:clamp(30px,8.5vw,40px)!important;line-height:1.05!important;font-weight:850!important;letter-spacing:-.04em!important;color:#090a0b!important}
  body.gojd-mobile-checkout-ref .gojd-cart-stepper-host{margin:12px 0 24px!important}
  body.gojd-mobile-checkout-ref .cart-item-premium,
  body.gojd-mobile-checkout-ref .shipping-section,
  body.gojd-mobile-checkout-ref .gojd-cart-coupon-reference,
  body.gojd-mobile-checkout-ref .totals-section{
    border:1px solid var(--gojd-checkout-line)!important;border-radius:16px!important;background:#fff!important;
    box-shadow:0 4px 14px rgba(15,23,42,.035)!important
  }
  body.gojd-mobile-checkout-ref .gojd-mobile-cart-continue{
    min-height:60px!important;border-radius:12px!important;background:var(--gojd-checkout-red)!important;color:#fff!important;font-size:18px!important;font-weight:800!important
  }
  body.gojd-mobile-checkout-ref .gojd-cart-save-later,
  body.gojd-mobile-checkout-ref .btn-continue-shopping{min-height:56px!important;border-radius:12px!important}

  /* Steps 2–5 — same six-stage shell in browser and WebView. */
  body.gojd-mobile-checkout-ref #gojd-mobile-purchase-flow{
    inset:0 0 var(--gojd-nav,72px) 0!important;background:#fff!important;z-index:29000!important
  }
  body.gojd-mobile-checkout-ref .gojd-purchase-panel{background:#fff!important}
  body.gojd-mobile-checkout-ref .gojd-purchase-header{
    min-height:78px!important;height:auto!important;padding:max(20px,env(safe-area-inset-top,0px)) 4vw 8px!important;
    grid-template-columns:1fr!important;align-items:end!important;background:#fff!important
  }
  body.gojd-mobile-checkout-ref .gojd-purchase-back,
  body.gojd-mobile-checkout-ref .gojd-purchase-close{display:none!important}
  body.gojd-mobile-checkout-ref .gojd-purchase-heading{text-align:left!important}
  body.gojd-mobile-checkout-ref .gojd-purchase-heading h1{
    font-size:clamp(30px,8.5vw,40px)!important;line-height:1.05!important;font-weight:850!important;letter-spacing:-.04em!important;color:#090a0b!important
  }
  body.gojd-mobile-checkout-ref .gojd-purchase-progress-six{
    padding:9px 4vw 18px!important;background:#fff!important;grid-template-columns:repeat(6,minmax(0,1fr))!important
  }
  body.gojd-mobile-checkout-ref .gojd-purchase-progress-six:before{left:8.5%!important;right:8.5%!important;top:24px!important}
  body.gojd-mobile-checkout-ref .gojd-step-six span{width:32px!important;height:32px!important;font-size:13px!important;background:#fff!important}
  body.gojd-mobile-checkout-ref .gojd-step-six small{font-size:clamp(8px,2.45vw,11px)!important;line-height:1.12!important}
  body.gojd-mobile-checkout-ref .gojd-step-six.active span{background:var(--gojd-checkout-red)!important;border-color:var(--gojd-checkout-red)!important;color:#fff!important}
  body.gojd-mobile-checkout-ref .gojd-purchase-body{padding:8px 4vw 20px!important;background:#fff!important}
  body.gojd-mobile-checkout-ref .gojd-section-title{font-size:clamp(21px,5.7vw,28px)!important;font-weight:820!important;letter-spacing:-.025em!important;color:#111!important}
  body.gojd-mobile-checkout-ref .gojd-section-subtitle{font-size:14px!important;color:#747985!important}

  /* Reference card language */
  body.gojd-mobile-checkout-ref .gojd-address-reference,
  body.gojd-mobile-checkout-ref .gojd-checkout-address-summary,
  body.gojd-mobile-checkout-ref .gojd-receive-card,
  body.gojd-mobile-checkout-ref .gojd-checkout-product-summary,
  body.gojd-mobile-checkout-ref .gojd-payment-choice,
  body.gojd-mobile-checkout-ref .gojd-review-card,
  body.gojd-mobile-checkout-ref .gojd-review-total,
  body.gojd-mobile-checkout-ref .gojd-support-reference{
    border:1px solid var(--gojd-checkout-line)!important;border-radius:16px!important;background:#fff!important;
    box-shadow:0 4px 14px rgba(15,23,42,.035)!important
  }
  body.gojd-mobile-checkout-ref .gojd-address-reference,
  body.gojd-mobile-checkout-ref .gojd-receive-card,
  body.gojd-mobile-checkout-ref .gojd-payment-choice,
  body.gojd-mobile-checkout-ref .gojd-review-card{min-height:94px!important}
  body.gojd-mobile-checkout-ref .gojd-address-reference.selected,
  body.gojd-mobile-checkout-ref .gojd-receive-card.selected,
  body.gojd-mobile-checkout-ref .gojd-payment-choice.selected{border-color:#ef5360!important;box-shadow:0 0 0 1px rgba(230,0,18,.12)!important}

  body.gojd-mobile-checkout-ref .gojd-payment-choice-list{gap:12px!important}
  body.gojd-mobile-checkout-ref .gojd-payment-choice{padding:14px 16px!important}
  body.gojd-mobile-checkout-ref .gojd-payment-choice b{font-size:17px!important}
  body.gojd-mobile-checkout-ref .gojd-payment-choice small{font-size:12px!important;color:#6e7480!important}
  body.gojd-mobile-checkout-ref .gojd-pay-tag{border-radius:999px!important;padding:4px 8px!important}
  body.gojd-mobile-checkout-ref .gojd-review-total .total b{color:var(--gojd-checkout-red)!important;font-size:26px!important}
  body.gojd-mobile-checkout-ref .gojd-terms-reference{font-size:12px!important;line-height:1.45!important}
  body.gojd-mobile-checkout-ref .gojd-terms-reference a{color:var(--gojd-checkout-red)!important;text-decoration:underline!important}

  body.gojd-mobile-checkout-ref .gojd-purchase-footer{
    position:sticky!important;bottom:0!important;padding:10px 4vw max(11px,env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid #edf0f3!important;background:rgba(255,255,255,.985)!important;backdrop-filter:blur(12px)!important
  }
  body.gojd-mobile-checkout-ref .gojd-primary-action{
    min-height:58px!important;border-radius:12px!important;background:var(--gojd-checkout-red)!important;color:#fff!important;font-size:18px!important;font-weight:800!important
  }
  body.gojd-mobile-checkout-ref .gojd-secondary-reference{min-height:52px!important;border-radius:12px!important}

  /* Step 6 */
  body.gojd-mobile-checkout-ref .success-page{padding-top:max(22px,env(safe-area-inset-top,0px))!important;background:#fff!important}
  body.gojd-mobile-checkout-ref .gojd-success-mobile-title{font-size:clamp(30px,8.5vw,40px)!important;line-height:1.05!important;font-weight:850!important;letter-spacing:-.04em!important}
  body.gojd-mobile-checkout-ref .success-header,
  body.gojd-mobile-checkout-ref .success-status-box,
  body.gojd-mobile-checkout-ref .detail-card,
  body.gojd-mobile-checkout-ref .success-next-steps{border-radius:16px!important;box-shadow:0 4px 14px rgba(15,23,42,.035)!important}
  body.gojd-mobile-checkout-ref .success-actions .btn-primary{background:var(--gojd-checkout-red)!important}

  /* Smaller browser widths without collapsing the six labels. */
  @media (max-width:380px){
    body.gojd-mobile-checkout-ref .gojd-step-six span{width:29px!important;height:29px!important;font-size:12px!important}
    body.gojd-mobile-checkout-ref .gojd-step-six small{font-size:8px!important}
    body.gojd-mobile-checkout-ref .gojd-purchase-progress-six:before{top:22px!important}
  }
}