@media (max-width:600px){
  body{font-size:14px}
  .container{width:calc(100% - 24px)}
  .demo-notice{padding:6px 12px;font-size:10px;line-height:1.3}
  .header{position:relative;z-index:20;margin-bottom:10px}
  .header-inner{min-height:64px;gap:10px}
  .brand{flex:1 1 auto;min-width:0}
  .brand-main{font-size:22px}
  .brand small{font-size:7px;letter-spacing:.12em}
  .catalog-button{display:none}
  .hero-copy{padding:20px 18px 13px}
  .hero h1{font-size:clamp(29px,8vw,36px);line-height:1.1;margin:10px 0 9px}
  .hero-copy p{font-size:12px;line-height:1.45}
  .finder{padding:14px 18px 17px}
  .finder-top h2{font-size:15px}
  .finder-top span{font-size:11px}
  .finder-tabs{margin:12px 0 13px}
  .finder-tabs button{min-height:44px;padding:7px 3px;font-size:11px;line-height:1.2}
  .finder-fields,.finder-fields[data-panel=code]{grid-template-columns:1fr;gap:9px}
  .finder label{font-size:12px;gap:5px}
  .finder select,.finder input{height:46px;padding:0 12px;font-size:16px}
  .finder-tip{font-size:11px;line-height:1.45}
  .finder .red-button{min-height:48px;margin-top:12px;font-size:14px}
  .finder-help{margin-top:11px;font-size:12px;line-height:1.5}
  .hero-benefits{display:none}
  .section,.memo-section,.kit-section,.routes-section,.inspection-section,.service-section,.request-section{padding-top:52px;padding-bottom:52px}
  .section-heading{margin-bottom:21px}
  .section-heading h2{font-size:clamp(27px,7vw,34px);line-height:1.15}
  .section-heading p{font-size:13px;line-height:1.55}
  .catalog-aside{padding:18px;gap:12px}
  .catalog-aside label{font-size:12px}
  .catalog-aside select,.catalog-aside input,.request-form input{height:46px;font-size:16px}
  .catalog-aside>button{min-height:40px}
  .product-photo{height:225px}
  .product-body{padding:18px}
  .product-body h3{font-size:19px;line-height:1.25}
  .product-specs span{font-size:11px}
  .product-bottom{align-items:center}
  .product-bottom button{min-height:44px;padding:10px 14px;font-size:12px}
  .brands-panel{padding:24px 16px}
  .brand-grid a{min-height:46px;font-size:12px}
  .show-brands,.arrivals-link{min-height:48px}
  .arrival-photo{height:220px}
  .arrival-body h3{font-size:18px}
  .arrival-body dl div{font-size:12px}
  .arrival-bottom button{min-height:44px;padding:8px}
  .memo-grid article{padding:21px}
  .memo-grid h3{font-size:18px}
  .memo-grid p,.inspection-list p,.kit-main p,.routes-grid p{font-size:13px}
  .inspection-visual{min-height:300px}
  .inspection-visual-copy{font-size:17px}
  .inspection-list h3{font-size:16px}
  .kit-main{display:flex;flex-direction:column;min-height:0}
  .kit-content{order:0;width:100%}
  .kit-art{position:static;order:1;width:min(100%,340px);height:220px;margin:15px auto 0;opacity:1}
  .kit-legend{max-width:100%;margin-top:20px}
  .routes-grid article{padding:22px}
  .service-intro h2{font-size:32px}
  .service-intro p,.service-points p{font-size:13px}
  .request-form{padding:20px}
  .request-form label{font-size:12px}
  .request-form textarea{font-size:16px}
  .request-grid>div>p{font-size:13px}
  .footer-top{gap:26px;padding-bottom:32px}
  .footer-bottom{display:block;line-height:1.6}
  .product-dialog{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;overscroll-behavior:contain}
  .dialog-close{position:fixed;top:12px;right:12px;width:44px;height:44px;box-shadow:0 2px 12px #0004}
  .detail-gallery{padding:10px}
  .detail-main-photo{height:min(52vw,260px);min-height:190px}
  .detail-thumbs:has(button:only-child){display:none}
  .detail-gallery>p{font-size:11px;margin:10px 4px 0}
  .detail-summary{padding:20px 16px}
  .detail-summary h2{font-size:26px}
  .detail-code{margin-bottom:15px}
  .detail-key{gap:5px}
  .detail-key div{padding:10px 7px}
  .detail-key span{font-size:10px}
  .detail-key strong{font-size:12px}
  .detail-summary .red-button{min-height:48px}
  .detail-sections{padding:22px 16px}
  .detail-sections p,.fitment-list span,.detail-facts>div{font-size:12px}
  .detail-request-form input{height:46px;font-size:16px}
}
@media (max-width:380px){
  .hero h1{font-size:29px}
  .finder{padding-left:14px;padding-right:14px}
  .finder-tabs button{font-size:10px}
  .product-bottom{align-items:stretch;flex-direction:column}
  .product-bottom button{width:100%}
  .detail-key{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Мобильное меню: только на узких экранах, на компьютере строки навигации нет. */
.menu-toggle,.mobile-menu{display:none}
@media (max-width:800px){
  .header{position:relative;z-index:20}
  .menu-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #e2e2e2;border-radius:8px;background:#fff;color:var(--ink);font-size:22px;line-height:1}
  .menu-toggle[aria-expanded=true]{border-color:var(--ink);background:var(--ink);color:#fff}
  .mobile-menu:not([hidden]){display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;z-index:30;max-height:calc(100svh - 80px);overflow:auto;padding:12px 16px 16px;background:#fff;border-top:1px solid #eee;box-shadow:0 18px 30px #0000002e}
  .mobile-menu>a:not(.red-button){display:flex;align-items:center;min-height:48px;border-bottom:1px solid #f1f1f1;font-size:15px;font-weight:600}
  .mobile-menu>a:not(.red-button):active{color:var(--red)}
  .mobile-menu-search{display:flex;height:48px;margin-bottom:6px;background:#f4f4f4;border-radius:8px;overflow:hidden}
  .mobile-menu-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 14px;font-size:16px}
  .mobile-menu-search button{width:52px;border:0;background:var(--red);color:#fff;font-size:24px}
  .mobile-menu-cta{margin-top:14px}
}