/* Alignment and spacing refinements. Existing brand and shopping flow retained. */
:root{--content-width:1200px}
.container{max-width:var(--content-width)}
html{scroll-padding-top:144px}
.header-inner{height:124px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px}
.header-inner>.brand{justify-self:start}
.header nav{justify-content:center;gap:30px}
.cart-trigger{justify-self:end;min-height:46px}
.header .brand-logo{width:193px;height:112px}
.header .brand-logo img{width:214px;left:-11px;top:-54px}
.hero{gap:64px;padding-top:48px;padding-bottom:40px}
h1{font-size:clamp(58px,5.65vw,78px);letter-spacing:-4.3px;margin:22px 0}
.hero-visual{height:410px}
.hero-copy>p{max-width:440px;margin-top:24px;margin-bottom:28px}
.hero-details{gap:20px}
.service-strip{padding:24px 12px;border-radius:14px}
.service-strip>div{justify-content:flex-start;padding:0 28px;min-height:46px}
.strip-icon{width:30px;text-align:center;flex-shrink:0}
.service-strip strong{font-size:12px}
.service-strip small{font-size:10px}
.catalog{padding-top:56px;padding-bottom:48px}
.section-heading{margin-bottom:28px;align-items:center}
.section-heading>p{margin:16px 0 0}
.search{min-height:48px}
.sort{min-height:48px}
.categories{gap:9px;padding-bottom:10px}
.category{min-height:39px;padding:9px 16px}
.results-line{padding:12px 0 18px}
.product-grid{gap:20px;align-items:stretch}
.product-card{border-radius:16px}
.product-image{height:164px}
.product-info{padding:18px 18px 17px}
.product-category{min-height:13px;line-height:1.6;margin-bottom:8px}
.product-info h3{font-size:13px;line-height:1.55;min-height:61px;margin-bottom:16px}
.product-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px}
.product-price{font-size:20px;white-space:nowrap}
.add-button{min-width:100px;min-height:38px;justify-content:center;font-size:11px}
.quantity{min-width:100px;min-height:38px;gap:5px}
.quantity button{width:28px;height:28px}
.unavailable{max-width:95px;text-align:right;line-height:1.5}
.load-more{margin-top:32px}
.how{padding-top:40px;padding-bottom:40px;gap:48px}
.steps{gap:28px;padding-top:8px}
.steps h3{min-height:38px;margin:18px 0 8px}
.closing{padding:30px 32px;gap:24px}
footer{display:grid;grid-template-columns:auto 1fr;gap:8px 36px;align-items:center;padding-top:30px;padding-bottom:30px}
.footer-brand{grid-row:1/3}
footer p{margin:0;align-self:end;text-align:right;padding-bottom:3px}
footer small{margin:0;align-self:start;text-align:right;line-height:1.8}
.drawer-header,.drawer-scroll,.drawer-footer{padding-left:26px;padding-right:26px}
.payment-options span{min-height:50px}
@media(min-width:1450px){.hero{gap:64px}.hero-visual{height:410px}}
@media(min-width:761px) and (max-width:1050px){
 .header-inner{grid-template-columns:auto 1fr auto;gap:18px}
 .header nav{gap:16px}
 .hero{gap:36px}.hero-visual{height:360px}
 h1{font-size:62px;letter-spacing:-3.7px}
 .service-strip>div{padding:0 16px}
 .service-strip strong{font-size:11px}.service-strip small{font-size:9px}
 .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .product-info{padding:15px}.product-price{font-size:19px}
 .add-button{min-width:92px}.quantity{min-width:92px}
}
@media(max-width:760px){
 html{scroll-padding-top:120px}
 .container{width:calc(100% - 36px)}
 .header-inner{height:106px;grid-template-columns:1fr auto;gap:12px}
 .header nav{display:none}
 .header .brand-logo{width:163px;height:96px}
 .header .brand-logo img{width:184px;left:-10px;top:-46px}
 .cart-trigger{min-height:40px;padding:9px 12px}
 .hero{gap:28px;padding-top:28px;padding-bottom:28px}
 h1{font-size:59px;letter-spacing:-3.8px;margin:17px 0}
 .hero-copy>p{font-size:13px;margin:20px 0 23px}
 .hero-details{gap:14px;font-size:9px}
 .hero-visual{height:280px;margin:0 5px 0 10px}
 .service-strip{padding:0 16px}
 .service-strip>div{padding:14px 0;min-height:68px;gap:12px}
 .service-strip strong{font-size:12px}.service-strip small{font-size:10px}
 .catalog{padding-top:38px;padding-bottom:32px}
 .section-heading{margin-bottom:22px}.section-heading>p{margin:9px 0 0}
 .catalog-tools{gap:8px;margin-bottom:15px}
 .search{min-height:46px}.sort{min-height:28px}
 .categories{gap:8px;padding-bottom:10px}
 .category{font-size:10px;min-height:40px;padding:9px 14px}
 .results-line{padding:10px 0 15px}
 .product-grid{gap:12px}
 .product-card{border-radius:14px}
 .product-image{height:132px}
 .product-info{padding:13px 12px 12px}
 .product-category{font-size:7px;min-height:22px;line-height:1.6;margin-bottom:7px}
 .product-info h3{font-size:12px;min-height:56px;line-height:1.55;margin-bottom:14px}
 .product-bottom{grid-template-columns:1fr;gap:10px;align-items:stretch}
 .product-price{font-size:19px;line-height:1.4}
 .add-button{width:100%;min-height:38px;font-size:11px;padding:7px 10px}
 .quantity{width:100%;min-height:38px;justify-content:space-between}
 .quantity button{width:29px;height:29px}
 .unavailable{max-width:none;min-height:38px;text-align:left;display:flex;align-items:center;font-size:9px}
 .load-more{margin-top:26px}
 .how{padding:32px 0;gap:18px}
 .steps{gap:20px;padding-top:0}
 .steps h3{min-height:0;margin:0 0 4px}
 .closing{padding:24px 20px;gap:15px}
 footer{grid-template-columns:1fr;gap:14px;padding-top:28px;padding-bottom:30px}
 .footer-brand{grid-row:auto}
 footer p,footer small{align-self:auto;text-align:left;padding:0}
 .drawer-header,.drawer-scroll,.drawer-footer{padding-left:20px;padding-right:20px}
}
@media(max-width:360px){
 .header .brand-logo{width:147px;height:86px}
 .header .brand-logo img{width:166px;left:-9px;top:-42px}
 .header-inner{height:98px;gap:8px}
 .cart-trigger{gap:5px;padding:8px 9px;font-size:10px}
 h1{font-size:54px}
 .product-info{padding-left:10px;padding-right:10px}
 .product-info h3{font-size:11px}
 .product-price{font-size:18px}
}

/* Owner-supplied product photos retain their full framing and proportions. */
.product-photo{display:block;width:100%;height:100%;object-fit:contain;padding:12px;background:#fff}
.product-art:has(.product-photo){height:100%;min-height:0}
.product-art .product-photo{max-height:164px}
.mini-art .product-photo{padding:4px;width:100%;height:100%;margin:0}
@media(max-width:760px){.product-art .product-photo{max-height:132px}.product-photo{padding:9px}}

.product-price.pending-price{font-size:14px;white-space:normal}
