/* Responsive storefront contract. Do not use CSS zoom/scale to counter browser zoom. */
:root{--store-gutter:clamp(12px,2vw,40px);--store-gap:clamp(10px,1.1vw,20px)}
.dh-home,.ss-header .ss-inner,.ss-footer .ss-footer-inner{width:100%;max-width:none;box-sizing:border-box;margin-inline:auto;padding-inline:var(--store-gutter)}
.sc-detail.container{width:calc(100% - 2 * var(--store-gutter))!important;max-width:none!important;padding-inline:0}
.dh-home *,.sc-detail *{box-sizing:border-box}
.dh-home .dh-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--store-gap);align-items:stretch}
.dh-home .dh-product-card{display:flex;flex-direction:column;min-width:0;height:100%;transform:none;transition:box-shadow .2s,border-color .2s}
.dh-home .dh-product-card .dh-product-image{flex:0 0 auto;aspect-ratio:1/1;min-width:0;overflow:hidden;margin:6px}
.dh-home .dh-product-card .dh-product-image>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;padding:8px}
.dh-home .dh-product-card .dh-product-details{display:flex;flex-direction:column;flex:1;min-width:0;padding:6px 10px 11px}
.dh-home .dh-product-card .dh-product-title{font-size:clamp(13px,.9vw,16px);font-weight:500;line-height:1.5;min-height:3em;max-height:3em;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dh-home .dh-product-card .dh-offer-label{overflow-wrap:anywhere;font-size:12px;line-height:1.5}
.dh-home .dh-product-card .dh-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 7px;font-size:clamp(18px,1.3vw,24px);line-height:1.5;margin:0 0 9px;padding-top:12px;margin-top:auto;overflow-wrap:anywhere}
.dh-home .dh-product-card .dh-price del{font-size:12px;margin:0}
.dh-home .dh-product-card .dh-order{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;min-height:42px;height:auto;font-size:clamp(13px,.9vw,16px);line-height:1.5;padding:9px 5px;white-space:normal;overflow-wrap:anywhere}
.dh-home .dh-product-card .dh-discount{font-size:12px}
.dh-home .dh-section-heading{flex-wrap:wrap;gap:10px 16px}
.dh-home .dh-section-heading h2,.sc-catalog .sc-catalog-heading h1{min-width:0;max-width:100%;flex-wrap:wrap;overflow-wrap:anywhere;line-height:1.5}
.sc-catalog .sc-catalog-heading{flex-wrap:wrap}
.sc-catalog .sc-result-count{margin-top:0}
.dh-home .dh-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--store-gap)}
.dh-home .dh-category-grid strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.dh-home .dh-hero-layout{grid-template-columns:minmax(0,3.4fr) minmax(0,1fr)}
.dh-home .dh-opportunities>a{min-width:0}.dh-opportunities>a>div{min-width:0;overflow-wrap:anywhere}
.dh-home .dh-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.dh-benefits>div{min-width:0;overflow-wrap:anywhere}
.dh-home .dh-promo-grid{grid-template-columns:1fr}.dh-promo-grid>a{min-width:0;overflow-wrap:anywhere}
.sc-highlights{grid-template-columns:1fr;gap:var(--store-gap)}
.sc-highlight-panel>header{flex-wrap:wrap}.sc-highlight-panel h2{font-size:20px;white-space:normal;flex-wrap:wrap}
.sc-highlight-panel>header>a{font-size:12px;white-space:normal}.sc-highlight-item>strong{font-size:13px;overflow-wrap:anywhere}.sc-highlight-item>span{font-size:15px}
.ss-header .ss-navigation>.ss-inner{gap:clamp(10px,1.4vw,28px)}
.ss-header .ss-header-main{min-width:0}.ss-header .ss-header-actions{flex-shrink:0}
.ss-header .ss-search input{font-size:14px}
.ss-header .ss-assurance-items,.ss-header .ss-assurance a{font-size:12px}
.ss-header .ss-navigation a,.ss-header .ss-navigation summary{font-size:14px}
.ss-footer .ss-footer-columns{min-width:0}.ss-footer .ss-footer-columns>*{min-width:0}
.ss-footer .ss-footer-links>a,.ss-footer .ss-contact p{overflow-wrap:anywhere}
.ss-footer .ss-footer-group h2 button{gap:10px}.ss-footer .ss-footer-brand p{font-size:13px}
.ss-footer .ss-footer-links>a,.ss-footer .ss-contact p{font-size:12px}
.ss-footer .ss-footer-benefits>div{min-width:0}.ss-footer .ss-footer-benefits strong{white-space:normal}
.sc-detail>.sc-product-main{grid-template-columns:minmax(0,1fr)}
.sc-detail #sync1 .items{height:auto!important;aspect-ratio:1/1;max-height:none}
.sc-detail #sync1 .items>img{height:100%!important;object-fit:contain!important}
.sc-detail #sync1 .items>img,.sc-detail #sync2 .items>img{max-height:none;border:0}
.sc-detail #sync2 .items>img{aspect-ratio:1/1;height:auto!important}
.sc-detail .sc-product-info{min-width:0;overflow-wrap:anywhere}
.sc-detail .sc-product-info>h3{font-size:clamp(20px,1.7vw,30px)!important}
.sc-detail .sc-product-info #bnow,.sc-detail .sc-product-info #byenow{white-space:normal;height:auto;min-height:44px}
.sc-detail #productDescriptionCopy{max-width:100%;overflow-x:auto}
.sc-detail #productDescriptionCopy iframe,.sc-detail #productDescriptionCopy video{max-width:100%}
.sc-detail #tab-pane-1>.d-flex{flex-wrap:wrap;gap:10px}
.sc-detail #tab-pane-1>.d-flex>h4{min-width:0;overflow-wrap:anywhere}
.sc-breadcrumb>span:last-child{min-width:0;flex-shrink:1}
.ss-header .ss-assurance-items{flex-wrap:wrap;padding-block:5px;row-gap:5px}
@media(min-width:768px) and (max-width:1199px){.ss-header .ss-navigation>.ss-inner{flex-wrap:wrap;justify-content:flex-start;padding-block:6px}.ss-header .ss-navigation>.ss-inner>a{height:44px}}
@media(min-width:640px){
 .dh-home .dh-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dh-home .dh-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 .dh-home .dh-promo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sc-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-highlight-panel:last-child{grid-column:1/-1}
}
@media(min-width:900px){
 .dh-home .dh-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .dh-home .dh-category-grid{grid-template-columns:repeat(10,minmax(0,1fr))}
 .sc-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}.sc-highlight-panel:last-child{grid-column:auto}
 .sc-detail>.sc-product-main{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1200px){.dh-home .dh-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dh-home .dh-benefits{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:1440px){.dh-home .dh-product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* Six-product previews use divisors of six, rather than leaving a 5+1 or 4+2 row. */
@media(min-width:640px){.dh-home #home-products .dh-product-grid,.dh-home .sc-related .dh-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1100px){.dh-home #home-products .dh-product-grid,.dh-home .sc-related .dh-product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1000px){.dh-home .dh-hero-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){
 .ss-header .ss-navigation>.ss-inner>.ss-vendor-nav,.ss-header .ss-navigation>.ss-inner>.ss-offers-nav,.ss-header .ss-navigation>.ss-inner>.ss-tracking-nav{display:none}
 .ss-header .ss-search input{font-size:14px}.ss-header .ss-navigation a,.ss-header .ss-navigation summary{font-size:12px}
 .ss-header .ss-navigation>.ss-inner{justify-content:space-between;gap:10px}
 .ss-footer .ss-footer-inner{padding-inline:20px}.ss-footer .ss-footer-links>a,.ss-footer .ss-contact p{font-size:13px}
 .ss-footer .ss-footer-benefits{margin-inline:0}.ss-footer .ss-footer-bottom p{font-size:11px}
 .ss-header .ss-navigation .ss-mobile-shop{font-size:12px}
 .sc-highlight-item>strong{font-size:13px}.sc-highlight-item>span{font-size:15px}
}
@media(min-width:280px) and (max-width:767px){
 .ss-header .ss-header-main{grid-template-columns:minmax(0,1fr) auto;justify-items:stretch;column-gap:10px}
 .ss-header .ss-logo{grid-row:1;grid-column:1;align-self:center;justify-self:start}
 .ss-header .ss-logo img{width:clamp(110px,40vw,155px);height:46px;object-fit:contain}
 .ss-header .ss-header-actions{grid-row:1;grid-column:2;justify-content:flex-end;width:auto;gap:10px}
 .ss-header .ss-search-row{grid-row:2;grid-column:1/-1;width:100%}
 .dh-home .dh-opportunities{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:279px){
 .ss-header .ss-header-main{grid-template-columns:minmax(0,1fr);justify-items:center}
 .ss-header .ss-header-actions{grid-row:2;justify-content:center;width:100%}
 .ss-header .ss-search-row{grid-row:3;grid-column:1;width:100%}
 .ss-header .ss-navigation>.ss-inner{flex-wrap:wrap;justify-content:center;overflow:visible;gap:4px 12px}
 .ss-header .ss-navigation>.ss-inner>a{height:34px}
 .ss-bottom-nav{flex-wrap:wrap;gap:8px}.ss-bottom-nav>a,.ss-bottom-nav>button{min-width:0;flex:1;font-size:10px}
 .ss-footer .ss-footer-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}
 .dh-home .dh-opportunities{grid-template-columns:1fr}.dh-home .dh-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dh-home .dh-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dh-home .dh-hero-copy{width:100%}.dh-home .dh-hero-products{display:none}
 .dh-home .dh-hero-seal{position:static;margin-left:8px;flex-shrink:0}
 .dh-home .dh-product-card .dh-product-details{padding-inline:6px}
 .sc-highlight-item{flex-wrap:wrap}.sc-highlight-item>strong{flex-basis:calc(100% - 55px)}
 .sc-highlight-item>span{margin-left:51px}.sc-highlight-panel>header>a{overflow-wrap:anywhere}
 .sc-detail .sc-product-info{padding:12px!important}.sc-detail .sc-product-info .quant-input input{width:46px!important}
}
@media(max-width:639px){
 .dh-home .dh-promo-grid{grid-template-columns:1fr}
 .dh-home .dh-benefits{grid-template-columns:repeat(4,minmax(0,1fr))}
 .dh-home .dh-benefits strong{font-size:11px;line-height:1.5}
 .dh-home .dh-section-heading h2{font-size:20px}.dh-home .dh-section-heading>a{font-size:12px}
 .dh-home .dh-category-grid strong{font-size:11px}
 .sc-highlight-panel h2{font-size:20px}.sc-highlight-item{gap:9px}.sc-highlight-item>img{width:42px;height:42px}
 .sc-detail .sc-product-info #bnow span,.sc-detail .sc-product-info #byenow span{font-size:13px!important}
}
@media(hover:hover) and (pointer:fine){.dh-home .dh-product-card:hover{transform:none;border-color:#ceb5ed;box-shadow:0 7px 18px #24144b1c}}
@media(max-width:319px){.dh-home .dh-product-grid{grid-template-columns:minmax(0,1fr)}.dh-home .dh-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(hover:none){.dh-home .dh-product-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.dh-home .dh-product-card{transition:none}}

/* Centered desktop composition requested after the full-width preview. */
@media(min-width:1100px){
 :root{--store-content-max:1600px;--store-desktop-inset:var(--store-gutter)}
 .dh-home,.ss-header .ss-inner{
    width:calc(100% - 2 * var(--store-desktop-inset));
    max-width:var(--store-content-max);
    margin-inline:auto;
    padding-inline:0;
 }
 .sc-detail.container{
    width:calc(100% - 2 * var(--store-desktop-inset))!important;
    max-width:var(--store-content-max)!important;
    margin-inline:auto!important;
 }
 .ss-footer .ss-footer-inner{
    width:calc(100% - 2 * var(--store-desktop-inset));
    max-width:var(--store-content-max);
    padding-inline:0;
 }
 .ss-header .ss-navigation>.ss-inner{gap:16px}
 .ss-header .ss-navigation a,.ss-header .ss-navigation summary{font-size:12px}
 .ss-header .ss-header-main{column-gap:24px}
 .ss-header .ss-header-actions{gap:18px}
 .ss-header .ss-assurance-items,.ss-header .ss-assurance a{font-size:11px}
 .ss-header .ss-assurance-items{gap:12px}
}
.ss-footer{
 width:100%;
 max-width:none;
 margin-inline:0;
 margin-bottom:0;
 border-radius:0;
}

/* Shared desktop width for storefront, catalog, cart and account pages. */
@media(min-width:801px){
 .ss-header .ss-inner,.dh-home,.ss-footer .ss-footer-inner{width:calc(100% - 2 * var(--store-gutter,20px));max-width:1600px;margin-inline:auto;padding-inline:0}
 .sc-detail.container{width:calc(100% - 2 * var(--store-gutter,20px))!important;max-width:1600px!important;margin-inline:auto!important;padding-inline:0}
 body:has(.ud-shared-shell) .ud-shared-shell .ud-app{max-width:1600px}
}

/* Give desktop navigation stronger text contrast and weight. */
@media(min-width:768px){
 .ss-header .ss-navigation{background:linear-gradient(90deg,#fff,#f5f0fc);border-top-color:#e9e0f4;border-bottom:1px solid #e4d9f1}
 .ss-header .ss-navigation>.ss-inner>a,.ss-header .ss-navigation>.ss-inner>.ss-nav-dropdown>summary{font-size:14px;font-weight:700;color:#21113f}
 .ss-header .ss-navigation>.ss-inner>a.is-current{color:#c65c00}
 .ss-header .ss-navigation>.ss-inner>a.is-current:after{height:3px;background:#ed9700}
 .ss-header .ss-navigation>.ss-inner>a:hover,.ss-header .ss-navigation>.ss-inner>.ss-nav-dropdown>summary:hover{color:#7510cb}
}
