/* Shared storefront shell for all checkout steps */
.checkout-page,.review-page,.payment-page,.confirmation-page{background:#F3E9D7!important}
.checkout-site-nav{position:relative;min-height:78px;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center;gap:12px;max-width:1180px!important;padding:15px 28px!important;margin:0 auto}
.checkout-site-nav .bag-back-button{grid-column:1;justify-self:start;width:48px;height:48px;border:1.4px solid #D7C5AE;background:#FFF9EF;border-radius:50%;display:grid;place-items:center}
.checkout-site-nav .bag-back-button svg{width:27px;height:27px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.checkout-site-nav .bag-centered-logo{grid-column:2;justify-self:center;text-align:center;width:max-content;max-width:none;padding:0}
.checkout-site-nav .bag-centered-logo .brand-logo-image{width:176px;height:88px;max-height:74px;object-fit:contain}
.checkout-site-nav .nav-actions{grid-column:3;justify-self:end}
.checkout-site-nav .bag-wishlist-button{width:48px;height:48px;border:1.4px solid #D7C5AE;background:#FFF9EF;border-radius:50%;display:grid;place-items:center}
.checkout-site-nav .bag-wishlist-button svg{width:27px;height:27px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.checkout-site-nav .cart-count{right:-3px;top:-4px;width:19px;height:19px;font:600 10px "DM Sans",sans-serif}
.checkout-page footer,.review-page footer,.payment-page footer,.confirmation-page footer{background:var(--rose);color:#fff9ef;margin-top:10px}
.checkout-page .footer-inner,.review-page .footer-inner,.payment-page .footer-inner,.confirmation-page .footer-inner{max-width:1180px;margin:auto;padding:42px 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.checkout-page .footer-logo,.review-page .footer-logo,.payment-page .footer-logo,.confirmation-page .footer-logo{display:block;width:300px;max-width:100%}
.checkout-page .footer-logo-image,.review-page .footer-logo-image,.payment-page .footer-logo-image,.confirmation-page .footer-logo-image{display:block;width:100%;height:auto;object-fit:contain}
.checkout-page footer p,.checkout-page footer a,.review-page footer p,.review-page footer a,.payment-page footer p,.payment-page footer a,.confirmation-page footer p,.confirmation-page footer a{font-size:11px;line-height:1.8}
.checkout-page .footer-links,.review-page .footer-links,.payment-page .footer-links,.confirmation-page .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.checkout-page .copyright,.review-page .copyright,.payment-page .copyright,.confirmation-page .copyright{padding:0 28px 18px;max-width:1180px;margin:auto;font-size:11px}
@media(max-width:760px){
 .checkout-site-nav{min-height:68px;padding:10px 17px!important;gap:12px}
 .checkout-site-nav .bag-centered-logo .brand-logo-image{width:136px;height:68px;max-height:62px}
 .checkout-site-nav .bag-back-button,.checkout-site-nav .bag-wishlist-button{width:44px;height:44px}
 .checkout-site-nav .bag-back-button svg,.checkout-site-nav .bag-wishlist-button svg{width:25px;height:25px}
 .checkout-page .footer-inner,.review-page .footer-inner,.payment-page .footer-inner,.confirmation-page .footer-inner{grid-template-columns:1fr 1fr;padding:32px 20px;gap:25px}
 .checkout-page .footer-brand,.review-page .footer-brand,.payment-page .footer-brand,.confirmation-page .footer-brand{grid-column:auto}
 .checkout-page .footer-logo,.review-page .footer-logo,.payment-page .footer-logo,.confirmation-page .footer-logo{width:250px}
 .checkout-page .copyright,.review-page .copyright,.payment-page .copyright,.confirmation-page .copyright{padding:0 20px 18px}
}
@media(max-width:390px){
 .checkout-page .footer-inner,.review-page .footer-inner,.payment-page .footer-inner,.confirmation-page .footer-inner{grid-template-columns:1fr}
 .checkout-page .footer-brand,.review-page .footer-brand,.payment-page .footer-brand,.confirmation-page .footer-brand{grid-column:auto}
}

/* Match product-page header controls on checkout, review, payment and confirmation. */
.checkout-site-nav .icon-btn,
.checkout-site-nav .bag-back-button,
.checkout-site-nav .bag-wishlist-button{
  width:38px;height:38px;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.checkout-site-nav .icon-btn:hover,
.checkout-site-nav .bag-back-button:hover,
.checkout-site-nav .bag-wishlist-button:hover{
  transform:translateY(-2px) rotate(-3deg);
  background:#FFFFFF;border-color:var(--rose);
  box-shadow:0 4px 12px rgba(85,54,47,.10);
}
.checkout-site-nav .icon-btn svg,
.checkout-site-nav .bag-back-button svg,
.checkout-site-nav .bag-wishlist-button svg{width:27px;height:27px}
@media(max-width:760px){
  .checkout-site-nav .icon-btn,
  .checkout-site-nav .bag-back-button,
  .checkout-site-nav .bag-wishlist-button{width:46px;height:46px}
  .checkout-site-nav .icon-btn svg,
  .checkout-site-nav .bag-back-button svg,
  .checkout-site-nav .bag-wishlist-button svg{width:25px;height:25px}
}
@media(prefers-reduced-motion:reduce){
  .checkout-site-nav .icon-btn{transition:none}
  .checkout-site-nav .icon-btn:hover{transform:none}
}

/* Keep checkout footers compact on phones as well. */
@media(max-width:760px){
 .checkout-page .footer-inner,.review-page .footer-inner,.payment-page .footer-inner,.confirmation-page .footer-inner{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);padding:24px 18px 18px;gap:16px;align-items:start}
 .checkout-page .footer-logo,.review-page .footer-logo,.payment-page .footer-logo,.confirmation-page .footer-logo{width:clamp(112px,29vw,158px)}
 .checkout-page .footer-brand p,.review-page .footer-brand p,.payment-page .footer-brand p,.confirmation-page .footer-brand p{font-size:10px;line-height:1.45;margin:8px 0 0}
 .checkout-page .footer-heading,.review-page .footer-heading,.payment-page .footer-heading,.confirmation-page .footer-heading{font-size:16px;line-height:1.25}
 .checkout-page .footer-links,.review-page .footer-links,.payment-page .footer-links,.confirmation-page .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:6px}
 .checkout-page footer p,.checkout-page footer a,.review-page footer p,.review-page footer a,.payment-page footer p,.payment-page footer a,.confirmation-page footer p,.confirmation-page footer a{font-size:10px;line-height:1.5}
 .checkout-page .copyright,.review-page .copyright,.payment-page .copyright,.confirmation-page .copyright{padding:0 18px 15px;font-size:10px}
}
@media(max-width:390px){
 .checkout-page .footer-inner,.review-page .footer-inner,.payment-page .footer-inner,.confirmation-page .footer-inner{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);padding:22px 14px 16px;gap:12px}
 .checkout-page .footer-logo,.review-page .footer-logo,.payment-page .footer-logo,.confirmation-page .footer-logo{width:clamp(104px,28vw,128px)}
 .checkout-page .footer-heading,.review-page .footer-heading,.payment-page .footer-heading,.confirmation-page .footer-heading{font-size:15px}
 .checkout-page .footer-links,.review-page .footer-links,.payment-page .footer-links,.confirmation-page .footer-links{column-gap:8px;row-gap:5px}
 .checkout-page footer p,.checkout-page footer a,.review-page footer p,.review-page footer a,.payment-page footer p,.payment-page footer a,.confirmation-page footer p,.confirmation-page footer a{font-size:9px;line-height:1.5}
 .checkout-page .copyright,.review-page .copyright,.payment-page .copyright,.confirmation-page .copyright{padding:0 14px 14px;font-size:9px}
}