/* Keep the page canvas white; header glass behaviour is defined in search-header.css. */
body{background:#fff}
footer.site-footer{background:transparent}

/* Align the header and product layout with the homepage hero. */
:root{--site-content-max:1536px;--site-content-gutter:22px}
@media(max-width:700px){:root{--site-content-gutter:14px}}
#home-redesign .hr-hero-surround{padding-inline:max(var(--site-content-gutter),calc((100% - var(--site-content-max))/2))}
#home-daylight{max-width:var(--site-content-max)}
body:not(.checkout-mode)>header{padding-inline:max(var(--site-content-gutter),calc((100% - var(--site-content-max))/2))}
.pd-top.product-page{width:calc(100% - 2 * var(--site-content-gutter));max-width:var(--site-content-max);margin-inline:auto;padding-inline:0}
.pd-top.product-page .product-info{max-width:none}

/* Match the space above and below navigation on product pages. */
.pd-top.product-page{padding-top:0}

/* Restore the compact information column and generous desktop gallery spacing. */
@media(min-width:1101px){
 .pd-top.product-page .product-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:clamp(48px,5vw,72px)}
 .pd-top.product-page .product-info{max-width:610px}
}