.site-header .mobile-search-button{display:none}
@media(max-width:800px){
.site-header .header-grid{position:relative;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;padding-bottom:4px}
.site-header .logo{grid-column:1/-1;grid-row:1;width:210px;max-width:calc(100% - 48px);min-height:72px;margin:0;padding:16px}
.site-header .utility-row{grid-column:2;grid-row:2;padding:0;border:0;min-height:48px;gap:0}
.site-header .utility-row nav,.site-header .header-search{display:none}
.site-header .contacts{margin:0}.site-header .contact-block{display:block}
.site-header .contacts .phone-link{font-size:14px;white-space:nowrap}
.site-header .navigation-row{grid-column:1;grid-row:2;display:flex;min-height:48px;padding:0;gap:0}
.site-header .header-actions{display:flex;justify-content:flex-start;gap:4px;padding:0;margin:0}
.site-header .header-actions>a,.site-header .mobile-search-button{display:grid;place-items:center;width:28px;height:40px;padding:0}
.site-header .header-actions svg,.site-header .header-actions .account svg{width:22px;height:22px}
.site-header .menu-button{position:absolute;right:0;top:18px;display:grid;place-items:center;width:36px;height:36px;padding:4px}
.site-header{margin-bottom:0;padding-bottom:0}.site-header+.sport-banner{margin-top:0;padding-top:0}
.home-page .home-heading{min-width:0}.home-page .home-heading>div{min-width:0;max-width:100%}
.home-page h1{font-size:clamp(24px,6.4vw,32px)!important;line-height:1.15;white-space:normal!important;overflow-wrap:anywhere;max-width:100%;width:auto;min-width:0}
}
@media(max-width:360px){.site-header .header-actions{gap:0}.site-header .header-actions>a,.site-header .mobile-search-button{width:26px}.site-header .contacts .phone-link{font-size:12px}}

/* Mobile brand and controls share the full available row width. */
@media(max-width:800px){
.site-header .header-grid{--mobile-brand-height:72px;column-gap:14px}
.site-header .logo{width:75%;max-width:none;height:var(--mobile-brand-height);min-height:0;padding:16px}
.site-header .logo img{width:100%;max-height:100%;object-fit:contain}
.site-header .menu-button{top:0;right:0;width:25%;height:var(--mobile-brand-height);padding:0}
.site-header .header-actions .menu-button svg{width:32px;height:32px}
.site-header .navigation-row{justify-content:flex-start;justify-self:stretch;width:100%;min-width:0}
.site-header .header-actions{width:100%;min-width:0;justify-content:space-between;gap:4px}
.site-header .header-actions>a,.site-header .mobile-search-button{flex:0 0 26px;width:26px}
}
@media(max-width:360px){.site-header .header-grid{column-gap:10px}.site-header .header-actions{gap:3px}.site-header .header-actions>a,.site-header .mobile-search-button{flex-basis:24px;width:24px}}

#modal.catalog-search-dialog{box-sizing:border-box;width:min(520px,calc(100% - 32px));max-width:520px;padding:28px;border:0;border-radius:8px;color:#242e33;background:#fff;animation:none}
#modal.catalog-search-dialog .modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;padding:0}
#modal.catalog-search-dialog .modal-header h2{font-size:24px;line-height:1.25;margin:0;letter-spacing:-.4px}
#modal.catalog-search-dialog #modal-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:6px}
.catalog-search-form{display:grid;gap:12px;margin:0}
.catalog-search-form label{font-size:15px;line-height:1.4;color:#626b70}
.catalog-search-form input[type=search]{box-sizing:border-box;display:block;width:100%;min-width:0;height:52px;margin:0;padding:12px 14px;border:1px solid #b7bdc0;border-radius:4px;background:#fff;color:#242e33;font:inherit;font-size:16px;line-height:1.4;appearance:none}
.catalog-search-form input[type=search]:focus{outline:2px solid #a17c58;outline-offset:1px;border-color:#a17c58}
.catalog-search-form input::placeholder{color:#858c90}
#modal .catalog-search-form .primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin:8px 0 0;padding:12px 18px;border-radius:4px;font-size:16px;font-weight:600;line-height:1.4}
@media(max-width:800px){#modal.catalog-search-dialog{margin:10vh auto auto;padding:24px}#modal.catalog-search-dialog .modal-header h2{font-size:22px}}

/* Keep mobile filter fields clear of the overlay scrollbar. */
@media(max-width:800px){.series-filters{padding-right:10px;box-sizing:border-box}}
