/* Phone layout, including shorter in-app browser viewports. */
@media(max-width:800px){
 .hero header{padding:20px max(6%,env(safe-area-inset-right)) 20px max(6%,env(safe-area-inset-left))}
 .hero header nav{gap:8px}
 .hero header nav button{min-width:44px;min-height:44px;padding:10px 6px}
 .hero .brand{display:inline-flex;align-items:center;gap:5px;min-height:44px}
 :is(a,button,summary){touch-action:manipulation;-webkit-tap-highlight-color:#2458f526}
 html[data-design=contrast] #uslugi[data-services-layout=bento] .service-description>span{font-size:15px;line-height:1.6}
 #uslugi[data-services-layout=bento] .bento-cta{width:100%;min-height:52px}
 #uslugi[data-services-layout=bento] .bento-cta.primary,
 #kontakt .contact-form .cta.primary{justify-content:center;text-align:center;padding:12px 50px;height:auto;min-height:52px;line-height:1.3;white-space:normal}
 #uslugi[data-services-layout=bento] .bento-cta.primary>span,
 #kontakt .contact-form .cta.primary>span{position:absolute;right:6px;top:calc(50% - 19px)}
 #uslugi[data-services-layout=bento] .bento-cta.primary:before,
 #kontakt .contact-form .cta.primary:before{right:6px;top:calc(50% - 19px)}
 html[data-design=contrast] #uslugi[data-services-layout=bento] .bento-0>.sculpture-art{height:220px}
 #uslugi[data-services-layout=bento] :is(.bento-1,.bento-2) .offer-demo{min-height:215px}
 .contact-form label{font-size:14px}
 .contact-form :is(input,select,textarea){font-size:16px;min-height:50px}
 .contact-form-note,.contact-form-status{font-size:14px;line-height:1.65}
 .contact-form select{width:100%;text-overflow:ellipsis}
 .faq-list summary{min-height:56px}
 .site-footer nav a,.footer-bottom button,.footer-bottom>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
 .site-footer nav{column-gap:20px;row-gap:4px}
 .site-footer{padding-bottom:max(40px,env(safe-area-inset-bottom))}
 .case-dialog-close{width:44px;height:44px}
 .case-dialog{max-height:calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
 .is-stacking .cases-nav button{width:44px;height:44px}
 html[data-design=contrast] .is-stacking .case-copy>.secondary{min-height:44px}
 html[data-design=contrast] .cases-section .case-card-0 .secondary{color:#fff}
}
@media(max-width:650px){.is-stacking .cases-stage{min-height:500px}}
@media(max-width:380px){
 .horizon-content{padding-top:112px}
 .hero h1{font-size:42px}
 .hero .description{font-size:17px;line-height:1.6}
 html[data-design=contrast] #uslugi[data-services-layout=bento] .bento-service{padding:20px;gap:22px}
}