/* Layout allowances for 14px body copy and 12px secondary labels. */
.logo small{font-size:12px;line-height:1.4;letter-spacing:.045em;max-width:190px}
.topbar{line-height:1.6}
.topbar .container{min-height:36px;padding-block:6px}
.header-main{gap:30px}
.header-actions{gap:12px}
.desktop-nav{min-width:0;overflow-x:auto;justify-content:flex-start;gap:20px;scrollbar-width:none}
.desktop-nav::-webkit-scrollbar{display:none}
.desktop-nav a{flex-shrink:0}
.cart-count,.wish-count{min-width:22px;height:22px;padding-inline:4px;line-height:1}
.hero-bento{grid-template-rows:300px 300px}
.hero-copy .eyebrow,.hero-tile .eyebrow{letter-spacing:.08em;line-height:1.5}
.hero-description{max-width:310px;line-height:1.65}
.hero-copy .button{min-height:46px}
.hero-secondary,.tile-link{line-height:1.6}
.hero-benefits>span{align-items:flex-start;line-height:1.6}
.hero-benefits .icon{margin-top:2px}
.product-info h3,.catalog-grid .product-info h3{font-size:14px;line-height:1.6;min-height:45px}
.brand-label{min-height:18px;line-height:1.5}
.price-caption{line-height:1.5;margin-bottom:4px}
.card-bottom{flex-wrap:wrap;gap:8px}
.card-bottom>a:first-child{gap:5px;line-height:1.6}
.card-bottom .added_to_cart{flex-basis:100%;line-height:1.6}
.category-item{line-height:1.5}
.category-item>span:last-child{min-height:42px}
.promo-card{min-height:330px}
.promo-card .eyebrow{line-height:1.5;letter-spacing:.08em}
.promo-link{line-height:1.6}
.product-tabs button{min-height:40px;line-height:1.5}
.woocommerce .catalog-filters .filter-price-grid{gap:8px}
.woocommerce .catalog-filters .range-label input{padding-inline:7px}
@media(min-width:768px) and (max-width:1020px){
 .header-main{gap:20px}
 .hero-copy{padding-top:30px}
 .hero-copy .eyebrow{max-width:300px}
 .hero-tile>div{width:80%}
 .promo-card h2{width:95%}
 .smart-space>div{gap:20px}
 .smart-space>div>span{max-width:130px}
}
@media(max-width:767px){
 html{scroll-padding-top:205px}
 .topbar .container{padding-block:6px}
 .topbar .container>span{min-width:0;justify-content:center;text-align:center}
 .header-main{gap:12px 10px;grid-template-rows:auto 44px;padding-block:12px}
 .logo small{max-width:118px;margin-top:5px;letter-spacing:.025em;white-space:normal}
 .header-actions{gap:6px}
 .search-form{height:44px}
 .hero-bento{grid-template-rows:590px 250px}
 .hero-copy{width:90%;max-width:325px;padding-top:27px}
 .hero-copy .eyebrow{max-width:270px}
 .hero-description{max-width:280px;line-height:1.65}
 .hero-main:after{background:linear-gradient(90deg,#f5f3eff7 0%,#f5f3efe6 58%,#f5f3ef55 100%)}
 .hero-tile{padding:18px 14px}
 .hero-tile>div{width:100%}
 .hero-tile .eyebrow{max-width:150px;margin-bottom:13px}
 .hero-tile h2{margin-bottom:18px}
 .hero-tile img{opacity:.6}
 .tile-link{max-width:125px;gap:5px;align-items:flex-start}
 .tile-link>.icon{margin-top:4px}
 .hero-benefits{gap:17px 12px}
 .section-heading{flex-wrap:wrap}
 .section-heading.compact{gap:15px}
 .section-heading.compact .text-link{max-width:none;margin-top:0;white-space:normal;text-align:left;justify-content:flex-start}
 .section-heading>.text-link,.section-heading-right .text-link{white-space:normal;line-height:1.6}
 .section-heading-right{padding-bottom:0}
 .product-info{padding-inline:12px}
 .card-bottom{gap:6px}
 .card-bottom>a:first-child{gap:4px}
 .promo-card{min-height:285px}
 .promo-card:first-child{min-height:270px}
 .promo-card .eyebrow{max-width:160px}
 .promo-card h2{max-width:170px}
 .promo-card img{height:43%}
 .promo-card:first-child img{height:57%}
 .promo-link{max-width:145px;align-items:flex-start}
 .promo-link .icon{margin-top:4px}
 .lifestyle-section .section-heading{flex-direction:column;align-items:flex-start;gap:14px}
 .lifestyle-section .section-heading>p{max-width:none;margin:0}
 .space-content{align-items:flex-end}
 .space-content p{line-height:1.6;max-width:135px}
 .space-card{aspect-ratio:.72}
 .space-card:first-child{aspect-ratio:1.25}
 .space-card:first-child p{max-width:230px}
 .values-section{gap:28px 22px}
 .values-section p{line-height:1.8}
 .footer-grid{gap:30px 22px}
 .footer-grid h3{line-height:1.6}
 .footer-grid>div>a:not(.logo){line-height:1.7}
 .woocommerce .catalog-toolbar{flex-wrap:wrap}
 .woocommerce .catalog-toolbar .woocommerce-result-count{line-height:1.6}
 .woocommerce .catalog-toolbar .woocommerce-ordering select{min-height:42px}
 .contact-form-panel label.consent{line-height:1.7}
}
@media(max-width:360px){
 .header-main{gap:12px 8px}
 .logo small{max-width:105px}
 .header-actions{gap:4px}
 .hero-copy{width:94%;padding-left:20px}
 .hero-copy .eyebrow{max-width:240px}
 .hero-description{max-width:245px}
 .product-info{padding-inline:10px}
 .card-bottom{gap:4px}
 .card-bottom>a:first-child{gap:3px}
 .woocommerce .catalog-toolbar .woocommerce-ordering{max-width:100%;width:100%}
 .woocommerce .catalog-toolbar .woocommerce-ordering select{width:100%}
}