/* v0.5 refinements: preserve desktop-approved composition; repair small viewport legibility and navigation. */
.site-header .brand img,.footer-inner>img{height:auto;object-fit:contain}
.site-header{position:relative;z-index:1}
.site-header nav a:focus-visible,.product-card a:focus-visible,.hero-hotspot:focus-visible,.mobile-hero-link:focus-visible{outline:3px solid #c96519;outline-offset:3px}
.mobile-hero-link{display:none}
.category-card img{object-position:center}
.ranking-mascot{mix-blend-mode:normal}
@media(max-width:480px){
 .site-header{gap:10px}
 .site-header .brand{flex:0 0 auto;width:min(58vw,210px)}
 .site-header .brand img{width:100%;max-width:210px}
 .hero{height:auto!important;background:#f9efdd!important;overflow:visible!important}
 .hero>img{width:100%!important;max-width:100%!important;height:auto!important;position:static!important;transform:none!important;object-fit:contain}
 .hero-hotspot{display:none}
 .mobile-hero-link{display:block;margin:0;background:#b65c21;padding:14px 12px;text-align:center;font-size:14px;font-weight:900;color:#fff;border-radius:0 0 12px 12px}
 .welcome{position:relative!important;overflow:visible!important;height:auto!important}
 .welcome img{position:static!important;width:100%!important;max-width:100%!important;height:auto!important;transform:none!important}
 .section-title{align-items:flex-start}
 .section-title h2{font-size:18px;line-height:1.4}
 .section-title>a{white-space:normal;max-width:32%;text-align:right;line-height:1.5}
 .category-card img{aspect-ratio:2/1;object-fit:contain;background:#f9f0da}
 .products-grid{gap:9px}
 .product-card h3{font-size:12px;min-height:0}
 .product-card p{font-size:10px;min-height:0}
 .product-card .product-content{padding:9px}
 .product-card .product-content strong{font-size:14px}
 .shop-button{font-size:11px;padding:11px 4px}
 .feature-side{grid-template-columns:1fr!important}
 .feature-side>a{display:flex;min-height:72px}
 .feature-side img{height:65px;width:100px;flex:0 0 100px;object-fit:contain}
 .feature-side b{font-size:12px}
 .ranking{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .ranking .rank-item:nth-child(n+4){display:block}
 .ranking .rank-item:nth-child(5){grid-column:1/-1;max-width:190px;justify-self:center}
 .rank-item h3{font-size:11px}
 .footer-inner nav{gap:12px}
}
@media(max-width:360px){.categories-grid{gap:7px}.category-card>div{padding:8px 9px}.category-card h3{font-size:15px}.category-card p{font-size:9px}}