/* Tablet/PC enhancements only. Phone rules below 768px remain untouched. */
@media (min-width:768px){
 body{--desktop-width:1200px;--desktop-gutter:24px}
 main>.wrap{width:100%;max-width:var(--desktop-width);padding-inline:var(--desktop-gutter)}
 .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:44px;align-items:stretch}
 .product{padding:16px;border-radius:18px}
 .product-art{height:auto;min-height:0;aspect-ratio:4/3;display:grid;place-items:center}
 .product-art>.product-photo{height:100%;min-height:0;max-width:100%;object-fit:contain;padding:12px}
 .product-art>.product-fallback{min-height:0;max-width:100%;height:100%;display:grid;place-items:center}
 .product h3{font-size:16px;line-height:1.5;min-height:3em;max-height:3em;margin:8px 0 4px}
 .product .desc{font-size:12px;line-height:1.6;min-height:3.2em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .product .product-bottom{gap:10px;padding-top:16px}
 .product .price{font-size:17px;font-variant-numeric:tabular-nums}
 .product .add{min-height:44px}
 .section-head{gap:24px;align-items:center}
 .section-head h2{font-size:clamp(25px,2.1vw,32px);line-height:1.45}
 .filters{justify-content:flex-end;margin:18px 0 24px}
 .filters select{min-width:200px;max-width:100%;height:46px}
 .benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:44px}
 .footer-main{max-width:var(--desktop-width);padding:48px var(--desktop-gutter);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,80px)}
 .footer-brand-block,.footer-contact-block{min-width:0}
 .footer-logo{width:120px;height:120px}
 .gearhub-footer .footer-description{font-size:17px;margin:22px 0}
 .footer-features{gap:14px}
 .footer-features strong{font-size:14px}
 .footer-socials{margin-top:32px}
 .footer-contact-list li{font-size:17px;gap:14px}
 .footer-contact-list small{font-size:13px}
 .gearhub-footer .footer-subscribe>p{font-size:16px}
 .footer-email input{font-size:16px}
 .footer-bottom{padding-inline:max(var(--desktop-gutter),calc((100% - var(--desktop-width))/2 + var(--desktop-gutter)));gap:24px}
 .gearhub-footer .footer-bottom p{font-size:13px}
}
@media (min-width:851px){
 body:not(.non-home-view)>.home-navigation{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 20px #18342608}
 .home-navigation{gap:20px;min-height:86px;padding:12px max(var(--desktop-gutter),calc((100% - var(--desktop-width))/2 + var(--desktop-gutter)))}
 .home-navigation .home-profile-banner{flex:0 1 280px;min-width:170px;min-height:60px;padding:8px 12px;border-radius:12px;gap:12px}
 .home-profile-banner .settings-profile-avatar{width:44px;height:44px;flex-basis:44px}
 .home-profile-banner .settings-profile-copy{min-width:0}
 .home-profile-banner .settings-profile-copy strong{font-size:20px}
 .home-profile-banner .settings-profile-copy small{font-size:10px;line-height:1.4}
 .home-navigation nav{min-width:0;gap:clamp(10px,1.3vw,20px);margin-inline:auto;align-items:center}
 body:not(.non-home-view)>.home-navigation nav a{color:var(--ink)}
 .home-navigation nav a{font-size:12px;white-space:nowrap;padding:8px 0}
 .home-navigation nav a:hover{color:#43823d}
 .home-navigation .nav-actions{flex-shrink:0;align-items:center}
 .home-navigation .nav-actions button{padding:10px 12px;min-height:42px;font-size:12px}
 main>.mobile-search{display:flex;align-items:center;gap:12px;width:calc(100% - 2*var(--desktop-gutter));max-width:calc(var(--desktop-width) - 2*var(--desktop-gutter));height:48px;padding:0 16px;margin:24px auto 18px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--muted)}
 .mobile-search input{width:100%;min-width:0;border:0;background:transparent;padding:0;outline:none}
 .mobile-search:focus-within{border-color:#43823d;box-shadow:0 0 0 3px #43823d15}
 main>.hero{width:calc(100% - 2*var(--desktop-gutter));max-width:calc(var(--desktop-width) - 2*var(--desktop-gutter));padding:0;min-height:360px;margin:0 auto 32px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);border-radius:22px}
 .hero>div:first-child{min-width:0;padding:32px 0 32px 36px}
 .hero h1{font-size:clamp(32px,3.2vw,45px);line-height:1.35;letter-spacing:-.8px;margin:12px 0}
 .hero p{font-size:14px;line-height:1.7;max-width:480px;margin:10px 0}
 .hero-points{margin-top:18px;gap:14px}
 .hero-visual{min-height:340px;min-width:0}
 .hero-visual .gear{width:210px;height:210px;font-size:110px}
 .float-card{top:30px;right:24px}
 .round-stamp{bottom:30px;left:24px}
 main>.popular-categories{display:block;margin:0 auto 32px}
 .popular-category-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
 .popular-category{display:flex;align-items:center;gap:14px;min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-align:left}
 .popular-category-art{height:56px;width:64px;flex:0 0 64px;display:grid;place-items:center;font-size:32px}
 .popular-category-art img{width:100%;height:100%;object-fit:contain}
 .popular-category>strong{min-width:0;font-size:14px;overflow-wrap:anywhere}
 .category-browser{grid-template-columns:220px minmax(0,1fr);gap:24px}
 .category-sidebar{position:sticky;top:108px;max-height:calc(100vh - 132px);overflow:auto;padding:10px}
 .category-search{width:320px;max-width:45%}
 .category-results{padding:16px}
 .category-feature-banner{min-height:190px;margin-bottom:16px}
 .category-product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .category-product-row{grid-template-columns:80px minmax(0,1fr) 36px;padding:14px;margin:0;gap:12px;min-width:0}
 .category-product-art{width:80px;height:84px}
 .category-product-info>strong{font-size:14px;line-height:1.6}
 .category-product-info .price{font-size:14px}
 .category-row-add{width:36px;height:40px;min-height:40px}
}
@media (min-width:1024px){
 body{--desktop-gutter:32px}
 .products{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1440px){
 body{--desktop-width:min(1600px,calc(100vw - 96px))}
 .products{grid-template-columns:repeat(5,minmax(0,1fr))}
 .home-navigation .home-profile-banner{flex-basis:310px}
 .hero h1{font-size:46px}
}
@media (min-width:1920px){
 body{--desktop-width:min(1840px,calc(100vw - 128px))}
 .products{grid-template-columns:repeat(6,minmax(0,1fr))}
}