/* Both storefronts (legacy copy: public/storefront/assets/page-polish-<sha12>.css, linked last).
   Every page uses the home page container (--sc-wrap, home-hero.css). Older rules made cart, checkout, profile and
   tracking pages full width or 780px wide through .lay:has(.glp). */
html body .lay:has(.glp),html body .lay:has(.glp)>main{max-width:none!important;width:100%}
html body .lay:has(.glp){max-width:var(--sc-wrap)!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important}
html body .lay:has(.glp)>main{padding-left:var(--sc-gutter)!important;padding-right:var(--sc-gutter)!important}
html body .glp{max-width:none!important;width:100%;box-sizing:border-box}

/* Checkout from 1000px: products and the form each take exactly half of the container. */
@media (min-width:1000px){
  html body .glp:has(#ckitems){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  html body .ck2 .ck2-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
}

/* Coupon: the box and its button are the same height. */
html body .cpr{display:flex;align-items:stretch;gap:8px}
html body .cpr input,html body .cpr .bt{height:48px!important;min-height:48px!important;max-height:48px;margin:0!important;box-sizing:border-box}
html body .cpr input{padding-top:0!important;padding-bottom:0!important}
html body .cpr .bt{display:inline-flex!important;align-items:center;justify-content:center;padding:0 16px!important;width:auto!important;flex:none}

/* Order confirm button: stands out by colour and width, not height. */
html body .bt.ck2-place,html body .cd2.f>button.bt[onclick^="place"]{display:flex!important;align-items:center;width:100%!important;min-height:50px!important;margin-top:14px!important;padding:8px 18px!important;border-radius:10px!important;font-size:17px!important;font-weight:800!important}
html body .cd2.f>button.bt[onclick^="place"]{justify-content:center}
html body .bt.ck2-place b{font-size:18px}


/* Desktop footer follows the light / dark theme like the header (it was fixed dark navy with white text). */
html body .desktop-footer{background:var(--cd);color:var(--tx);border-top:1px solid var(--br);box-shadow:none}
html body .desktop-footer h3,html body .desktop-footer h4,html body .desktop-footer-links a{color:var(--tx)}
html body .desktop-footer-links a:hover{color:var(--rd)}
html body .desktop-footer-phone{background:var(--bg);color:var(--tx);border:1px solid var(--br)}
html body .desktop-footer-social a{background:var(--bg);color:var(--tx);border:1px solid var(--br)}
html body .desktop-footer-payments span{background:var(--bg);border:1px solid var(--br)}
html body .desktop-footer-copy{background:var(--cd);color:var(--tx);border-top:1px solid var(--br)}