/* Shared storefront edges: hero, content, header and footer. */
:root{--page-width:100%;--page-gutter:16px}
.ref-container,.ref-hero-layout,.ref-header-main,.ref-service-strip,.vsp-wrap,.vpd-wrap,.vam-wrap,.vc-wrap,.vac-wrap,.vco-wrap{
 width:min(var(--page-width),calc(100% - var(--page-gutter) - var(--page-gutter)));
 max-width:var(--page-width);
 margin-inline:auto;
}
.ref-header-main{padding-inline:0}
.ref-service-strip{padding-inline:0}
.ref-topbar{padding-inline:max(var(--page-gutter),calc((100% - var(--page-width))/2))}
.velora-wishlist-page,.velora-order-track-page,.velora-legal-page,.vfaq-public{
 padding-inline:max(var(--page-gutter),calc((100% - var(--page-width))/2))!important;
}
@media(max-width:650px){
 :root{--page-gutter:12px}
 .ref-hero-layout{border-radius:8px}
 .vpd-info{padding-inline:0!important}
 .vpd-gallery{padding-inline:0}
}