@media (max-width:1100px){.nav{gap:12px}.nav__link{font-size:10px}.header__phone{display:none}.hero__title{font-size:48px}}
@media (max-width:820px){.container{width:min(100% - 30px,680px)}.header__inner{height:64px}.header .button--small{display:none}.menu-button{display:block;margin-left:auto}.nav{position:fixed;top:64px;right:-100%;width:min(340px,100%);height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:25px;background:var(--surface);transition:right .3s}.nav--open{right:0}.nav__link{padding:14px;border-bottom:1px solid var(--line);font-size:14px}.hero{padding:125px 0 75px}.hero__grid,.about,.contact{grid-template-columns:1fr}.hero__title{font-size:43px}.status-card{max-width:580px}.principles,.steps{grid-template-columns:1fr 1fr}.catalog{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img:nth-child(odd){margin-top:0}.section{padding:75px 0}}
@media (max-width:520px){.container{width:calc(100% - 24px)}.brand__name{font-size:17px}.nav{width:100%}.hero{min-height:auto;padding-top:105px;background-size:24px 24px}.hero__title{font-size:36px}.hero__lead{font-size:13px}.hero__facts{grid-template-columns:1fr}.hero__actions{flex-direction:column}.hero__actions .button{width:100%}.status-card{padding:16px}.status-card__active{font-size:7px}.section{padding:58px 0}.section-heading{margin-bottom:30px}.section-heading h2{font-size:31px}.features,.principles,.steps,.gallery{grid-template-columns:1fr}.principles,.steps{gap:8px;background:transparent;border:0}.gallery img{height:220px}.filters{overflow:auto;padding-bottom:6px}.filters__button{white-space:nowrap}.product__image{height:210px}.product__body{padding:19px}.product dl div{align-items:flex-start;gap:10px}.product dd{text-align:right}.form{padding:22px 16px}.form__row{grid-template-columns:1fr}.footer__inner{align-items:flex-start;flex-direction:column;gap:20px}.modal__dialog{padding:18px}.modal__image{height:200px}}
