/* Product purchase panel; preserve the original input IDs and Journal actions. */
#product-product #product.cj-purchase-summary {
  --purchase-navy: #0a3e62;
  border: 1px solid #dce5ec;
  border-top: 4px solid var(--purchase-navy);
  border-radius: 16px;
  background: #fff;
  padding: 28px !important;
  box-shadow: 0 12px 32px rgba(10,62,98,.05);
}
#product-product .cj-purchase-summary > .page-title {
  font-size: clamp(23px, 2vw, 29px) !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: -.4px;
  color: var(--purchase-navy) !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
}
#product-product .cj-purchase-summary .rating-page {
  margin: 0 0 24px !important; padding: 0 0 20px !important;
  border-bottom: 1px solid #e1e9ef; gap: 12px; flex-wrap: wrap;
}
#product-product .cj-purchase-summary .review-links { font-size: 12px; }
#product-product .cj-purchase-summary .review-links a { color: #607786; }
#product-product .cj-purchase-summary .product-price-group {
  display: flex !important; flex-direction: column !important; align-items: stretch !important;
  gap: 0; margin: 0 0 24px !important; padding: 0 !important;
  border: 1px solid #dce5ec; border-radius: 12px; overflow: hidden;
}
#product-product .cj-purchase-summary .price-wrapper {
  width: 100% !important; margin: 0 !important; padding: 22px 24px !important;
  background: #eff5f9; border: 0 !important;
}
#product-product .cj-purchase-summary :is(.product-price,.product-price-new) { color: var(--purchase-navy) !important; font-size: 34px !important; font-weight: 600 !important; line-height: 1.3; }
#product-product .cj-purchase-summary .product-tax { margin-top: 7px; color: #667f90; font-size: 11px; }
#product-product .cj-purchase-summary .product-stats {
  display: block !important; flex: none !important;
  width: 100% !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-top: 1px solid #dce5ec !important; border-radius: 0 !important; background: #fff !important;
}
#product-product .cj-purchase-summary .product-stats ul { display: grid !important; width: 100% !important; min-width: 100% !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; padding: 10px !important; margin: 0 !important; gap: 0; }
#product-product .cj-purchase-summary .product-stats li { display: flex !important; flex-direction: column; align-items: flex-start !important; gap: 4px; margin: 0 !important; padding: 12px 14px !important; border: 0 !important; min-width: 0; line-height: 1.5; }
#product-product .cj-purchase-summary .product-stats li::before { display: none !important; }
#product-product .cj-purchase-summary .product-stats li b { font-size: 10px !important; text-transform: uppercase; letter-spacing: 1px; color: #6c8292 !important; font-weight: 500 !important; }
#product-product .cj-purchase-summary .product-stats li span { font-size: 14px !important; font-weight: 600 !important; color: var(--purchase-navy) !important; overflow-wrap: anywhere; }
#product-product .cj-purchase-summary .button-group-page { margin-top: 0 !important; }
#product-product .cj-purchase-summary .buttons-wrapper { display: grid !important; grid-template-columns: minmax(0,1fr); gap: 12px !important; padding: 0 !important; }
#product-product .cj-purchase-summary .stepper-group { display: grid !important; grid-template-columns: 108px minmax(0,1fr); gap: 12px; width: 100% !important; }
#product-product .cj-purchase-summary .stepper-group > .control-label { display: none !important; }
#product-product .cj-purchase-summary .stepper { width: 108px !important; min-height: 48px; border: 1px solid #cddde8 !important; border-radius: 8px !important; background: #fff; }
#product-product .cj-purchase-summary .stepper input { color: var(--purchase-navy) !important; background: #fff !important; }
#product-product .cj-purchase-summary #button-cart { width: 100% !important; min-width: 0 !important; min-height: 48px; background: var(--purchase-navy) !important; color: #fff !important; border: 1px solid var(--purchase-navy) !important; border-radius: 8px !important; }
#product-product .cj-purchase-summary .extra-group { display: flex !important; width: 100% !important; margin: 0 !important; }
#product-product .cj-purchase-summary .extra-group .btn { width: 100% !important; min-height: 46px; border: 1px solid var(--purchase-navy) !important; border-radius: 8px !important; color: var(--purchase-navy) !important; background: #fff !important; }
#product-product .cj-purchase-summary .extra-group .btn:hover { background: #eff5f9 !important; }
#product-product .cj-purchase-summary .wishlist-compare { display: flex !important; flex-wrap: wrap; justify-content: space-between; gap: 12px; width: 100% !important; padding: 16px 0 0 !important; margin: 4px 0 0 !important; border-top: 1px solid #e1e9ef; }
#product-product .cj-purchase-summary .wishlist-compare .btn { color: #607786 !important; font-size: 11px !important; }
@media (max-width: 600px) {
  #product-product #product.cj-purchase-summary { padding: 20px !important; border-radius: 12px; }
  #product-product .cj-purchase-summary > .page-title { font-size: 22px !important; }
  #product-product .cj-purchase-summary .price-wrapper { padding: 20px !important; }
  #product-product .cj-purchase-summary .product-stats li { padding: 10px !important; }
  #product-product .cj-purchase-summary :is(.product-price,.product-price-new) { font-size: 30px !important; }
  #product-product .cj-purchase-summary .stepper-group { grid-template-columns: 96px minmax(0,1fr); gap: 8px; }
  #product-product .cj-purchase-summary .stepper { width: 96px !important; }
  #product-product .cj-purchase-summary .button-group-page .buttons-wrapper { grid-template-columns: minmax(0,1fr) 48px; gap: 8px !important; }
  #product-product .cj-purchase-summary .extra-group .btn { min-width: 48px !important; min-height: 48px; }
  #product-product .cj-purchase-summary .wishlist-compare { grid-column: 1 / -1; }
}

/* The purchase panel includes delivery information: keep it in page flow on mobile. */
@media (max-width:1200px) {
  html.mobile-header-active.route-product-product:not(.popup) #product-product .product-info .button-group-page {
    position:static !important;
    top:auto !important;
    bottom:auto !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    max-height:none !important;
    overflow:visible !important;
    transform:none !important;
  }
}

/* Keep both purchase actions readable on narrow phones. */
@media (max-width:767px) {
  html.mobile-header-active #product-product .cj-purchase-summary .extra-group.cj-purchase-actions { gap:10px !important; align-items:stretch; }
  html.mobile-header-active #product-product .cj-purchase-summary .extra-group.cj-purchase-actions > .btn {
    display:inline-flex !important; align-items:center; justify-content:center; flex:1 1 0 !important;
    padding:12px 8px !important; min-width:0 !important; min-height:50px !important; height:auto !important;
    box-sizing:border-box; white-space:normal !important;
  }
  html.mobile-header-active #product-product .cj-purchase-summary .extra-group.cj-purchase-actions .btn-text,
  html.mobile-header-active #product-product .cj-purchase-summary .cj-inquiry-button .cj-inquiry-label {
    display:inline !important; font-size:13px !important; line-height:1.35 !important;
    white-space:normal !important; overflow:visible !important; text-overflow:clip !important;
    overflow-wrap:normal; margin:0 !important; padding:0 !important;
  }
  html.mobile-header-active #product-product .cj-purchase-summary .cj-inquiry-button { gap:6px !important; }
  html.mobile-header-active #product-product .cj-purchase-summary .cj-inquiry-button .cj-whatsapp-icon { width:19px; height:19px; flex:0 0 19px; }
}

/* No bottom spacer is needed when the mobile purchase panel is in normal flow. */
@media (max-width:1200px) {
  html.mobile-header-active.route-product-product:not(.popup) { --fixed-product-buttons:0px !important; }
}