/* Banero visual refinement: preserve brand and keep buying controls prominent. */
:root{--muted:#56665e}
.storefront header{gap:28px;padding-block:20px}
.storefront .search input{font-size:14px}
.storefront nav{font-size:13px;padding-block:15px}
.storefront .hero{grid-template-columns:.95fr 1.05fr;min-height:0;margin-top:24px}
.storefront .hero-copy{padding:38px 36px;align-self:center}
.storefront h1{font-size:clamp(38px,3.8vw,58px);letter-spacing:-2px;margin:22px 0 18px}
.storefront .hero p{font-size:15px;line-height:1.75;margin:0;max-width:390px}
.storefront .hero .button{font-size:14px;margin-top:24px}
.storefront .hero-art{margin:0;display:flex;flex-direction:column;background:#eeeee6;justify-content:center}
.storefront .hero-art:after{display:none}
.storefront .hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:normal;margin:0}
.storefront .hero-art figcaption{width:100%;padding:12px 20px;font-size:11px;line-height:1.5;background:#eeeee6;color:#405348}
.storefront .benefits{padding:20px 0;gap:20px}
.storefront .benefits>div{justify-content:flex-start;gap:12px}
.storefront .benefits b{font-size:27px}
.storefront .benefits span{font-size:13px}
.storefront .benefits small{font-size:12px;line-height:1.5}
.storefront .category-section{padding-top:36px}
.storefront .section-heading{margin-bottom:20px}
.storefront .section-heading>a,.storefront .section-heading>span{font-size:13px}
.storefront .category-tiles>a{min-height:170px;padding:22px 44% 22px 22px;justify-content:center}
.storefront .category-tiles span{font-size:9px;line-height:1.6;letter-spacing:.5px}
.storefront .category-tiles h3{font-size:21px;line-height:1.2;margin:10px 0}
.storefront .category-tiles img{position:absolute;right:8px;top:12px;width:40%;height:calc(100% - 24px)}
.storefront .category-tiles b{font-size:12px;line-height:1.5;margin-top:8px}
.storefront #catalog{padding-top:42px}
.storefront .notice{font-size:12px;margin-bottom:22px}
.storefront .guarantee-reminder p{font-size:14px;max-width:520px}
.storefront .catalog-layout{grid-template-columns:210px minmax(0,1fr);gap:26px}
.storefront .category-button{font-size:13px}
.storefront .aside-title{font-size:14px}
.storefront .aside-title button,.storefront .toolbar,.storefront .toolbar select{font-size:12px}
.storefront .toolbar select{min-height:44px}
.storefront .card{border-radius:10px}
.storefront .card-image{height:230px;padding:20px}
.storefront .card-body{padding:18px}
.storefront .card-category{font-size:11px;line-height:1.5}
.storefront .card h3{font-size:15px;line-height:1.5}
.storefront .variant{font-size:12px;line-height:1.5}
.storefront .sku{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.storefront .price{font-size:22px;line-height:1.3;margin-top:18px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.storefront .price small{font-size:12px;font-weight:500;color:var(--muted)}
.storefront .availability{font-size:12px;margin:8px 0 16px;line-height:1.55}
.storefront .card .add{font-size:13px;font-weight:750;padding:12px;gap:8px;align-items:center;text-align:left;min-height:46px}
.storefront .card .add:not(:disabled),.storefront #detailAdd:not(:disabled),.storefront #inquiry>.button,
[data-page=checkout] #submitOrder,[data-page=order] #acceptOrder{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.storefront .card .add:not(:disabled):hover,.storefront #inquiry>.button:hover{background:#cce862;border-color:#cce862}
.storefront .card .add:disabled{opacity:1;color:#657168;background:#eff1ec;border-color:#e2e6dd}
.storefront .choice-actions button{font-size:12px}
.storefront .guide-trigger,.storefront .favorites-filter{font-size:13px}
.storefront dialog p,.storefront .detail-grid dl{font-size:14px}
.storefront .detail-price{font-size:28px}
.storefront .about p{font-size:14px}
.storefront .about a{font-size:14px}
.commerce .panel p{font-size:14px}
.commerce label{font-size:14px}
.commerce .hint{font-size:13px!important}
.commerce .option small,.commerce .cart-line small{font-size:12px}
.commerce .cart-line{font-size:14px}
.commerce .totals .grand{font-size:22px}
@media(min-width:760px){.storefront .guarantee-reminder{display:grid;grid-template-columns:320px minmax(0,520px);gap:28px}}
@media(min-width:701px) and (max-width:1050px){
 .storefront .hero-copy{padding:30px 26px}.storefront .hero p{font-size:14px}
 .storefront .hero h1{font-size:38px}.storefront .hero .eyebrow{line-height:1.6}
 .storefront .category-tiles>a{padding-left:16px}.storefront .category-tiles h3{font-size:18px}
 .storefront .category-tiles span{font-size:8px}.storefront .category-tiles b{font-size:11px}
 .storefront .catalog-layout{grid-template-columns:180px minmax(0,1fr);gap:20px}
}
@media(max-width:700px){
 .storefront header{gap:16px;padding-block:16px}.storefront .search input{font-size:16px}
 .storefront .hero{grid-template-columns:1fr;margin-top:16px}.storefront .hero-copy{padding:28px 24px}
 .storefront .hero h1{font-size:clamp(28px,8.2vw,39px);margin:18px 0 16px}.storefront .hero p{font-size:14px;line-height:1.65}
 .storefront .hero .button{margin-top:20px;min-height:48px;padding:14px 20px}
 .storefront .hero-art{height:auto}.storefront .hero-art figcaption{font-size:11px;padding:10px 14px}
 .storefront .benefits{padding:16px 0;gap:12px}.storefront .benefits>div{padding:0 4px;gap:10px}
 .storefront .benefits b{font-size:22px;width:24px}.storefront .benefits small{font-size:12px;margin-top:2px}
 .storefront .category-section,.storefront #catalog{padding-top:30px}
 .storefront .section-heading>a{font-size:11px;max-width:90px;line-height:1.5}
 .storefront .category-tiles{display:grid;grid-template-columns:1fr;overflow:visible;gap:10px}
 .storefront .category-tiles>a{min-width:0;min-height:132px;padding:16px 38% 16px 18px}
 .storefront .category-tiles h3{font-size:21px;margin:6px 0}.storefront .category-tiles b{margin-top:4px}
 .storefront .category-tiles img{width:33%;right:12px;top:8px;height:calc(100% - 16px)}
 .storefront .notice{font-size:12px;padding:16px}
 .storefront .guarantee-reminder{padding:16px;gap:12px}.storefront .guarantee-reminder p{margin:0}
 .storefront .catalog-layout{display:block}.storefront .category-button{font-size:12px}
 .storefront .card-image{height:180px;padding:16px 10px}.storefront .card-body{padding:12px}
 .storefront .card h3{font-size:14px}.storefront .card-category{font-size:11px}
 .storefront .price{font-size:20px;gap:2px 5px}.storefront .price small{font-size:11px}
 .storefront .card .add{font-size:12px;padding:10px;min-height:52px}
 .storefront .choice-actions{gap:6px}.storefront .choice-actions button{font-size:11px;padding-inline:5px}
 .storefront .toolbar select{font-size:12px}.storefront .detail-price{font-size:26px}
}
@media(max-width:360px){.storefront .products{grid-template-columns:1fr}.storefront .card-image{height:230px}}