/* Responsive layout after base/components; themes.css applies the selected palette afterward. */
@media(max-width:1000px){.brand-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-photo{height:230px}.product-art{height:250px}.header-actions{gap:16px}}
/* Keep the long store name and seller link on one row; widget expansion stays in components.css. */
@media(max-width:650px){.container,.site-header{width:calc(100% - 32px)}.announcement{padding:0 16px}.announcement span:last-child{display:none}.market-hero{min-height:600px;background-image:url("../assets/images/banners/market-hero-mobile-white.webp");background-position:center bottom}.site-header{height:65px}.wordmark{font-size:23px}.header-actions>a{display:none}.header-help{display:none}.hero-main{padding:95px 0 75px}.hero-main h1{font-size:clamp(43px,12vw,65px)}.hero-copy{font-size:11px;max-width:280px}.hero-search{max-width:420px}.hero-index{right:16px}.category-rail{justify-content:flex-start;gap:21px;overflow-x:auto;padding:0 16px}.category-rail button{white-space:nowrap}.brand-section{padding-top:52px;padding-bottom:60px}.section-head{display:block}.section-head>p{margin-top:12px}.section-head h2{font-size:34px}.brand-grid,.product-grid{gap:10px}.brand-photo{height:150px}.brand-name{padding:11px;font-size:17px}.brand-name small{font-size:7px}.brand-arrow{right:10px;bottom:10px}.catalog{padding-bottom:65px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.product-art{height:155px}.product-art .sport-icon{font-size:63px}.product-info{padding:10px}.product-info h3{font-size:14px}.product-info p{font-size:9px;min-height:41px}.product-bottom{margin-top:10px}.product-bottom strong{font-size:11px}.product-bottom button{font-size:8px;padding:7px}.seller-promo{display:block;padding:28px;margin-bottom:45px}.seller-promo h2{font-size:30px}.seller-promo-link{margin-top:15px}.site-footer{flex-wrap:wrap;gap:10px}.site-footer p{order:2;width:100%}.chat-shell{display:flex;flex-direction:column}.chat-sidebar{height:55px;flex:none;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 14px}.chat-sidebar h2,.sidebar-intro,.sidebar-copy,.sidebar-label,.session-item,.sidebar-bottom{display:none}.new-conversation{width:auto;font-size:10px;padding:8px}.chat-main{flex:1;min-height:0}.chat-header{height:58px;padding:0 15px}.chat-scroll{padding:0 15px}.chat-welcome{margin-top:45px}.composer-wrap{width:calc(100% - 26px);margin-bottom:10px}.coach-widget{right:12px;bottom:12px}.coach-widget-panel{width:calc(100vw - 24px);height:min(620px,calc(100dvh - 85px))}.header-actions>a[href="chat.html"]{display:inline}.site-header>.wordmark{font-size:17px;letter-spacing:-.065em}.site-header .header-actions{gap:8px}.site-header .header-actions>a[href="chat.html"]{font-size:9px}}
@media(max-width:390px){.brand-photo{height:130px}.product-grid{grid-template-columns:1fr}.product-art{height:230px}}

/* Keep category shortcuts at the top when all header links no longer fit in one row. */
@media(max-width:1150px){
  .site-header{height:120px;align-items:flex-start;padding-top:18px}
  .category-rail{position:absolute;top:69px;left:0;right:0;height:45px;justify-content:flex-start;gap:24px;overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white;scrollbar-width:none}
  .category-rail::-webkit-scrollbar{display:none}
  .category-rail a,.category-rail button{flex:none}
}
@media(max-width:650px){
  .site-header{height:110px;padding-top:12px}
  .category-rail{top:56px;padding:0 8px}
}