.mobile-order-bar{display:none}

@media(max-width:650px){
  html{scroll-padding-top:70px}
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  button,select,input{touch-action:manipulation}

  .site-header{height:60px;padding:0 10px;border-bottom-width:3px}
  .brand{gap:7px;min-width:0}
  .brand-logo{width:34px;height:34px}
  .brand>span:last-child strong{font-size:14px;white-space:nowrap}
  .header-meta{margin-left:auto;gap:6px}
  .my-order-link,.cart-link{min-height:40px;padding:8px 10px;font-size:12px;white-space:nowrap}
  .my-order-link{border:1px solid #44463f;background:#242620;color:#fff}
  .cart-link b{width:20px;height:20px;margin-left:4px}

  .intro{padding:22px 14px 18px;gap:15px}
  .intro .eyebrow{margin-bottom:10px}
  .intro h1{font-size:clamp(30px,9vw,38px)}
  .intro-copy{font-size:15px;line-height:1.45}
  .trust-line{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding-top:12px;font-size:10px}

  .workspace{padding:0;margin-bottom:35px;gap:12px}
  .configurator{padding:16px 14px;border-inline:0}
  .section-head{margin-bottom:13px;align-items:center}
  .section-head h2{font-size:27px}
  .section-head .status{padding:6px 8px;font-size:10px}
  #configTitle{scroll-margin-top:72px}

  .hose-stage{margin:0 -14px 18px;padding:18px 12px 13px}
  .hose-assembly-photo{height:112px}
  .assembly-note{margin:-8px 0 18px;font-size:11px}
  fieldset{margin-bottom:22px}
  legend{margin-bottom:10px}

  #hoseTypeGroup{gap:7px}
  #hoseTypeGroup .hose-type-card{padding:13px 14px;gap:4px}
  #hoseTypeGroup input:not(:checked)+.hose-type-card .hose-type-standard,
  #hoseTypeGroup input:not(:checked)+.hose-type-card .hose-type-use,
  #hoseTypeGroup input:not(:checked)+.hose-type-card .hose-type-pressure{display:none}
  #hoseTypeGroup .hose-type-card strong{font-size:19px}
  #hoseTypeGroup .hose-type-card .hose-type-kind{font-size:13px}
  #hoseTypeGroup .hose-type-card .hose-type-use{font-size:12px;line-height:1.35}

  .dn-grid{grid-template-columns:repeat(4,1fr);gap:6px}
  .dn-grid span,.angle-group span{min-height:50px}
  .pressure-card{padding:12px 14px}
  .length-control{max-width:none}
  .length-control button{width:54px;min-height:52px}

  .fitting-columns{gap:0}
  .fitting-columns fieldset{padding-top:4px}
  .fitting-columns fieldset+fieldset{padding-top:20px;border-top:1px solid var(--line)}
  .select-label{min-height:50px;padding-left:12px}
  .select-label select{align-self:stretch;max-width:68%;min-height:48px;padding:8px 6px;font-size:13px}
  .selected-fitting{display:grid;grid-template-columns:96px 1fr;align-items:center;min-height:82px}
  .selected-fitting img{height:80px}
  .selected-fitting span{align-self:stretch;display:flex;align-items:center;padding:10px;font-size:11px}
  .field-note{font-size:11px}

  .order-panel{padding:20px 14px 22px;border-inline:0;box-shadow:none}
  .summary{margin:15px 0}
  .summary>div{padding:7px 0}
  .live-price strong{font-size:36px}

  .mobile-order-bar{position:fixed;z-index:45;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(105px,.8fr) minmax(175px,1.2fr);gap:8px;align-items:stretch;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#11120f;color:#fff;box-shadow:0 -8px 26px rgba(0,0,0,.25)}
  .mobile-order-price{display:grid;align-content:center;min-width:0}
  .mobile-order-price span{overflow:hidden;color:#bfc2b8;font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
  .mobile-order-price strong{overflow:hidden;font-size:22px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
  #mobileAddToCart{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:54px;border:0;background:var(--yellow);color:#111;padding:10px 12px;font-size:13px;font-weight:900;text-transform:uppercase}
  #mobileAddToCart:disabled{background:#d5d6cf;color:#777;cursor:not-allowed}
  #mobileCartCount{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#111;color:#fff;font-size:12px}
  .toast{bottom:calc(84px + env(safe-area-inset-bottom));width:calc(100% - 24px);text-align:center}

  .how-it-works,.seo-content{padding-inline:14px}
  .fitting-guide{margin-inline:0;border-inline:0}
}

@media(max-width:370px){
  .brand>span:last-child{display:none}
  .my-order-link{font-size:0}
  .my-order-link:after{content:'Заказ';font-size:12px}
  .mobile-order-bar{grid-template-columns:100px 1fr}
}