/* V5 compact layout. The supplied company logo keeps its original aspect ratio. */
.site-header,.site-header.is-scrolled{height:var(--designer-header,92px);min-height:0}
.site-header__inner,.site-header.is-scrolled .site-header__inner{height:100%;min-height:0;padding-block:8px;gap:26px}
.site-logo{width:auto!important;max-width:28%;flex:0 0 auto}
.site-logo img{height:calc(var(--designer-header,92px) - 16px)!important;width:auto!important;max-width:100%;object-fit:contain}
.main-nav{flex:1;min-width:0}.main-nav__list{justify-content:flex-end;gap:22px}.main-nav__link{font-size:14px;white-space:nowrap}
[data-d-menu-align=left] .main-nav__list{justify-content:flex-start}[data-d-menu-align=center] .main-nav__list{justify-content:center}
[data-d-logo-side=right] .site-logo{order:3}[data-d-logo-side=right] .header-cta{order:2}[data-d-logo-side=right] .main-nav{order:1}
[data-d-sticky="0"] .site-header{position:relative!important;top:auto!important}
.site-footer__brand img{width:min(var(--footer-logo-width,238px),175px)!important;max-height:148px;object-fit:contain}
.advertising-ribbon{flex-shrink:0}.advertising-ribbon__inner{min-height:44px;padding-block:8px}
[data-d-ribbon-align=center] .advertising-ribbon__inner{justify-content:center}[data-d-ribbon-align=left] .advertising-ribbon__inner{justify-content:flex-start}[data-d-ribbon-align=right] .advertising-ribbon__inner{justify-content:flex-end}
.category-grid{grid-template-columns:repeat(var(--designer-categories,3),minmax(0,1fr))!important;gap:var(--designer-gap,24px)!important}
.product-grid{grid-template-columns:repeat(var(--designer-products,4),minmax(0,1fr))!important}
.designer-page-layout{display:flex;flex-direction:column}.designer-page-layout>section{width:100%}
.home-slide,.home-slide--flyer{min-height:var(--designer-banner,570px)!important}
.home-slide .home-hero__inner{min-height:var(--designer-banner,570px)!important;padding-block:54px!important}
.home-slide--has-image::before{background:linear-gradient(90deg,rgba(0,10,27,var(--designer-overlay,.5)),rgba(0,10,27,.06))!important}
.home-slide--flyer::before{display:none!important}
[data-d-banner-align=center] .home-hero__content{text-align:center;margin-inline:auto}
[data-d-banner-align=center] .home-hero__actions,[data-d-banner-align=center] .home-hero__proof{justify-content:center}
[data-d-banner-align=right] .home-hero__content{text-align:right;margin-left:auto;grid-column:2}
[data-d-banner-align=right] .home-hero__actions{justify-content:flex-end}
[data-d-banner-align=right] .home-hero__visual{grid-column:1;grid-row:1}
[data-d-banner-transition=none] .home-slide{transition:none!important}
[data-d-banner-transition=fade] .home-slide{transition:opacity var(--designer-duration,400ms) ease,visibility var(--designer-duration,400ms)!important}
[data-d-banner-transition=slide] .home-slide{transform:translateX(5%);transition:opacity var(--designer-duration,400ms),transform var(--designer-duration,400ms)!important}
[data-d-banner-transition=zoom] .home-slide{transform:scale(1.045);transition:opacity var(--designer-duration,400ms),transform var(--designer-duration,400ms)!important}
[data-d-banner-transition] .home-slide.is-active{transform:none}
[data-d-page-transition=fade]:not(.visual-editor-preview) main{animation:designer-fade var(--designer-duration,400ms) ease both}
[data-d-page-transition=slide]:not(.visual-editor-preview) main{animation:designer-rise var(--designer-duration,400ms) ease both}
.designer-reveal{opacity:0;transition:opacity var(--designer-duration,400ms),transform var(--designer-duration,400ms)}
[data-d-section-transition=rise] .designer-reveal{transform:translateY(22px)}.designer-reveal.is-visible{opacity:1;transform:none}
@keyframes designer-fade{from{opacity:0}to{opacity:1}}@keyframes designer-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.designer-hidden-preview{opacity:.4;outline:2px dashed #c56b00}
@media(max-width:1100px){.main-nav__list{gap:13px}.main-nav__link{font-size:13px}.site-header__inner{gap:16px}}
@media(max-width:980px){
.site-header,.site-header.is-scrolled{height:var(--designer-mobile-header,76px)}
.site-logo img{height:calc(var(--designer-mobile-header,76px) - 12px)!important;width:auto!important}
.site-logo{max-width:36%}.site-header__inner{padding-block:6px}
.site-header .main-nav,.site-header.is-scrolled .main-nav{top:var(--ct-header-bottom,var(--designer-mobile-header,76px))}
.main-nav__list{display:block}.main-nav__link{font-size:16px}[data-d-logo-side=right] .menu-toggle{order:1}
.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
.category-grid{grid-template-columns:repeat(var(--designer-categories-mobile,1),minmax(0,1fr))!important}.product-grid{grid-template-columns:repeat(var(--designer-products-mobile,1),minmax(0,1fr))!important}
.home-slide,.home-slide--flyer,.home-slide .home-hero__inner{min-height:var(--designer-banner-mobile,530px)!important}
.home-slide .home-hero__inner{padding-block:35px!important}.home-hero__content{grid-column:auto!important;max-width:100%!important}
.advertising-ribbon__inner{min-height:40px;gap:10px}.advertising-ribbon__label{display:none}.advertising-ribbon__inner strong{font-size:12px;line-height:1.4}
.advertising-ribbon__button{font-size:11px;padding:7px 10px}.home-hero__visual{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.home-slide,.designer-reveal,main{animation:none!important;transition:none!important;transform:none!important}.designer-reveal{opacity:1}}
.visual-editor-preview .home-slide,.visual-editor-preview .reveal{transition:none!important;animation:none!important}.visual-editor-preview .reveal{opacity:1!important;transform:none!important}
/* The active slide participates in layout, so edited text never gets clipped. */
.home-carousel__viewport{min-height:var(--designer-banner,570px)}
.home-slide.is-active{position:relative;inset:auto}
.home-page-layout .finder-wrap{margin-top:0;padding-top:22px}
@media(max-width:980px){
.site-header .main-nav:not(.is-open){visibility:hidden;transform:none}
.site-header .main-nav.is-open{visibility:visible;transform:none}
}
@media(max-width:700px){
.home-carousel__viewport{min-height:var(--designer-banner-mobile,530px)}
.home-page-layout .finder-wrap{margin-top:0;padding-top:18px}
}
/* Decorative pseudo-elements must not widen the page on a phone. */
html,body{overflow-x:clip}