/* НАСЛЕДИЕ — финальная мобильная адаптация
   Подключается последним и стабилизирует все публичные страницы. */
@media (max-width: 900px){
  html{font-size:16px;overflow-x:hidden;}
  body{width:100%;min-width:0;overflow-x:hidden;-webkit-text-size-adjust:100%;}
  body,button,input,textarea,select{font-size:16px;}
  img,video,svg,canvas{max-width:100%;}
  .container,.container-full,.container-fix{width:100%;max-width:none;margin-inline:auto;padding-inline:18px;}
  .header{width:calc(100% - 20px);max-width:none;min-height:68px;height:68px;margin:10px auto 0;padding:0 14px;gap:10px;border-radius:20px;top:8px;}
  .logo img{height:31px;max-width:150px;}
  .burger{display:flex;flex:0 0 44px;width:44px;height:44px;border-radius:13px;}
  .burger svg{width:21px;height:21px;}
  .header .nav{position:fixed;left:10px;right:10px;top:86px;display:none;flex-direction:column;align-items:stretch;gap:4px;padding:10px;background:#fff;border:1px solid rgba(28,36,64,.10);border-radius:20px;box-shadow:0 24px 70px rgba(28,36,64,.16);z-index:120;max-height:calc(100svh - 105px);overflow:auto;}
  .header .nav.is-open{display:flex;}
  .nav__link{font-size:16px;min-height:48px;padding:12px 14px;border-radius:14px;white-space:normal;}
  .header__right{margin-left:auto;gap:8px;min-width:0;}
  .header__right .socials,.header__right .header__phone{display:none;}
  .header__right .btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;font-size:13px;border-radius:14px;white-space:nowrap;}
  body.nav-open:after{content:"";position:fixed;inset:78px 0 0;background:rgba(20,25,35,.28);backdrop-filter:blur(2px);z-index:110;}
  .hero{grid-template-columns:1fr;gap:12px;margin-top:18px;}
  .hero__image{min-height:52svh;max-height:620px;border-radius:24px;}
  .hero__card{padding:26px 20px;border-radius:24px;}
  .hero__title{font-size:clamp(34px,11vw,48px);line-height:1.02;margin-top:22px;}
  .hero__subtitle{font-size:17px;line-height:1.45;margin-top:16px;}
  .hero__cta{width:100%;max-width:none;margin-top:24px;}
  .hero__mini{grid-template-columns:1fr 1fr;gap:10px;padding-top:28px;}
  .mini-card{min-height:126px;padding:17px;border-radius:16px;}
  .section-heading__title{font-size:clamp(30px,9vw,42px);line-height:1.05;}
  .btn,.btn-outline,.btn-submit{min-height:52px;font-size:15px;}
  .portfolio__content,.reel,.features-hero,.reviews__block,.work-steps__content{grid-template-columns:1fr!important;}
  .portfolio__item{width:100%!important;}
  .portfolio-tags{margin:0 0 18px!important;display:flex;gap:7px;overflow:auto;padding-bottom:4px;}
  .portfolio-tags>*{flex:0 0 auto;}
  .work-steps-post__item,.working-item{min-height:0;}
  .lead-form,.contact,.contact-form{width:100%;padding:24px 18px;border-radius:22px;}
  .lead-form__design{display:none;}
  .input-and-button{display:grid!important;grid-template-columns:1fr!important;gap:10px;width:100%;}
  .input-and-button input,.input-and-button .btn{min-width:0!important;width:100%;}
  .contact-choise__wrap{align-items:flex-start;}
  .contact__link-big{font-size:clamp(27px,8vw,38px);line-height:1.05;}
  .footer__top,.footer__bottom{display:grid!important;grid-template-columns:1fr!important;gap:24px;}
  .footer__contacts-bottom,.footer__contact{white-space:normal;}

  /* Универсальные новые блоки */
  .hero-v2{grid-template-columns:1fr!important;min-height:0!important;margin-top:18px!important;border-radius:24px!important;}
  .hero-v2__copy{padding:30px 20px!important;min-height:unset;}
  .hero-v2__visual{min-height:60svh;max-height:600px;order:-1;}
  .hero-v2__main{padding:26px 0 20px;margin:0;}
  .hero-v2 h1{font-size:clamp(40px,11vw,58px)!important;line-height:.96!important;}
  .hero-v2__lead{font-size:16px;}
  .hero-v2__price{width:100%;flex-wrap:wrap;gap:12px;}
  .hero-v2__price-note{padding-left:0;border-left:0;}
  .hero-v2__actions{display:grid!important;grid-template-columns:1fr!important;}
  .hero-v2__secondary{min-width:0;width:100%;}
  .hero-v2__trust{display:grid;grid-template-columns:1fr 1fr;}
  .hero-v2__trust>div{padding:10px 12px!important;}

  /* Квиз */
  .quiz8-wrap,.quiz5-wrap{width:100%!important;max-width:none!important;padding:10px!important;}
  .quiz8-card{grid-template-columns:1fr!important;min-height:0!important;border-radius:24px!important;}
  .quiz8-visual{min-height:320px!important;max-height:58svh;}
  .quiz8-copy{left:20px!important;right:20px!important;bottom:22px!important;}
  .quiz8-copy h1{font-size:clamp(38px,11vw,54px)!important;line-height:.94!important;}
  .quiz8-copy p{font-size:14px!important;}
  .quiz8-benefits{grid-template-columns:1fr!important;gap:6px;}
  .quiz8-benefit{padding:11px;}
  .quiz8-panel{padding:20px 16px!important;}
  .quiz8-profile{grid-template-columns:1fr!important;}
  .quiz8-main-title h2{font-size:clamp(36px,10vw,48px)!important;}
  .quiz8-options{grid-template-columns:1fr!important;gap:10px;}
  .quiz8-option{min-height:96px;padding:15px;}
  .quiz8-option b{font-size:18px;}
  .quiz8-option small{font-size:12px;}
  .quiz8-footer{flex-direction:column;align-items:stretch;}
  .quiz8-safe{font-size:12px;}
  .quiz8-next{width:100%;min-width:0;}
  .quiz8-form,.quiz5-form{grid-template-columns:1fr!important;}
  .quiz8-form input,.quiz8-form textarea,.quiz8-submit,.quiz8-consent,.quiz8-error,.quiz5-form input,.quiz5-form textarea,.quiz5-submit,.quiz5-consent,.quiz5-error{grid-column:1/-1!important;}
  .quiz8-form input,.quiz8-form textarea,.quiz5-form input,.quiz5-form textarea{min-height:58px;font-size:16px!important;}
  .quiz8-submit,.quiz5-submit{min-height:58px;font-size:15px;}
  .quiz8-result,.quiz5-result{grid-template-columns:1fr!important;}
  .quiz8-result-side,.quiz5-side{order:2;}
  .quiz8-summary,.quiz5-summary{grid-template-columns:1fr 1fr!important;}

  .quiz5-card{grid-template-columns:1fr!important;min-height:0!important;border-radius:24px!important;}
  .quiz5-visual{min-height:330px!important;max-height:58svh;}
  .quiz5-copy{left:20px!important;right:20px!important;bottom:20px!important;}
  .quiz5-panel{padding:22px 16px!important;}

  /* Блог */
  .blog-wrap-v5{width:100%!important;max-width:none!important;padding:12px 12px 60px!important;}
  .blog-hero-v5{grid-template-columns:1fr!important;gap:10px!important;}
  .blog-hero-v5__copy{padding:28px 20px!important;border-radius:22px!important;}
  .blog-hero-v5__line{display:grid;grid-template-columns:1fr;gap:6px;font-size:10px;}
  .blog-hero-v5 h1{font-size:clamp(34px,10vw,48px)!important;}
  .blog-hero-v5__copy p{font-size:16px!important;}
  .blog-hero-v5__stats{grid-template-columns:1fr 1fr!important;}
  .blog-hero-v5__stats b{font-size:16px;}
  .blog-hero-v5__stats span{font-size:12px;}
  .blog-hero-v5__art{min-height:300px!important;max-height:420px;border-radius:22px!important;}
  .blog-toolbar-v5{padding:12px!important;border-radius:18px!important;}
  .blog-search-v5{display:grid;grid-template-columns:1fr;}
  .blog-search-v5 input{min-height:52px;font-size:16px!important;}
  .blog-count-v5{font-size:12px;}
  .blog-chips-v5{display:flex;flex-wrap:nowrap;overflow:auto;padding-bottom:4px;}
  .blog-chips-v5 span{font-size:12px;flex:0 0 auto;}
  .blog-grid-v5{grid-template-columns:1fr!important;gap:10px!important;}
  .blog-card-v5{border-radius:20px!important;}
  .blog-card-v5__img{aspect-ratio:1.5;}
  .blog-card-v5__body{padding:15px!important;min-height:0!important;}
  .blog-card-v5 h2{font-size:22px!important;line-height:1.08!important;}
  .blog-card-v5 p{font-size:14px!important;line-height:1.5!important;}
  .blog-card-v5__meta,.blog-card-v5__footer{font-size:12px!important;}
  .blog-lead-card,.blog-bottom-lead{grid-template-columns:1fr!important;padding:20px!important;border-radius:20px!important;}
  .blog-lead-card h2,.blog-bottom-lead h2{font-size:28px!important;}
  .blog-lead-card p,.blog-bottom-lead p{font-size:14px!important;}
  .blog-lead-card>a,.blog-bottom-lead>a{width:100%;min-height:54px;justify-content:center;font-size:15px;}
  .pagination-v5{margin:22px 0;gap:6px;}
  .page-btn-v5,.page-arrow{min-width:42px;height:42px;font-size:13px;}

  /* Статьи */
  .article-wrap,.article-v5-wrap,.article-layout-v5,.article-grid-v5{width:100%!important;max-width:none!important;}
  .article-wrap{padding-inline:12px!important;}
  .article-hero-v5,.article-v5__hero,.article-layout{grid-template-columns:1fr!important;}
  .article-hero-v5__copy,.article-v5__hero-copy{padding:26px 20px!important;border-radius:22px!important;}
  .article-hero-v5 h1,.article-v5__hero h1{font-size:clamp(34px,10vw,50px)!important;line-height:1!important;}
  .article-v5__lead{grid-template-columns:1fr!important;padding:16px!important;border-radius:18px!important;}
  .article-v5__lead form{grid-template-columns:1fr!important;gap:8px!important;}
  .article-v5__lead input{min-height:54px!important;font-size:16px!important;}
  .article-v5__lead button{min-height:54px!important;font-size:15px!important;}
  .article-v5__lead small{font-size:12px!important;}
  .article-v5__trust,.article-v5__links{border-radius:18px!important;}
  .article-v5__trust p,.article-v5__links a{font-size:13px!important;}
  .article-content,.post-content,.article-body{font-size:17px;line-height:1.68;}
  .article-content h2,.post-content h2,.article-body h2{font-size:30px;line-height:1.08;margin-top:32px;}
  .article-content h3,.post-content h3,.article-body h3{font-size:23px;line-height:1.12;margin-top:26px;}
  .article-content img,.post-content img,.article-body img{width:100%!important;height:auto!important;border-radius:18px;}

  /* Сервисные страницы */
  .svc-wrap-v5{width:100%!important;max-width:none!important;padding:12px 12px 60px!important;}
  .svc-hero-v5{grid-template-columns:1fr!important;border-radius:22px!important;}
  .svc-hero-v5__copy{padding:30px 20px!important;}
  .svc-hero-v5 h1{font-size:clamp(38px,10.5vw,54px)!important;}
  .svc-hero-v5 p{font-size:16px!important;}
  .svc-hero-v5__bullets{grid-template-columns:1fr!important;}
  .svc-hero-v5__cta{display:grid!important;grid-template-columns:1fr!important;}
  .svc-hero-v5__cta a{width:100%;justify-content:center;}
  .svc-hero-v5__media{min-height:300px!important;}
  .svc-strip-v5{grid-template-columns:1fr 1fr!important;}
  .svc-stat{padding:15px!important;border-radius:16px!important;}
  .svc-stat b{font-size:25px;}
  .svc-stat span{font-size:12px;}
  .svc-section-v5{padding:24px 18px!important;border-radius:20px!important;}
  .svc-section-v5__head{display:block!important;}
  .svc-section-v5 h2{font-size:31px!important;line-height:1.05;}
  .svc-section-v5 p.lead{font-size:15px!important;}
  .svc-grid-v5{grid-template-columns:1fr!important;}
  .svc-card-v5 b{font-size:20px;}.svc-card-v5 span{font-size:13px;}
  .svc-steps-v5{grid-template-columns:1fr!important;}
  .svc-step-v5 span{font-size:13px;}
  .svc-lead-v5{grid-template-columns:1fr!important;padding:22px!important;border-radius:20px!important;}
  .svc-lead-v5 h2{font-size:28px!important;}.svc-lead-v5 p{font-size:14px;}.svc-lead-v5 a{width:100%;}

  /* Модальные окна */
  .modal,.sintez-modal{padding:10px!important;align-items:flex-end!important;}
  .modal__box,.modal__box--premium,.sintez-modal__box{width:100%!important;max-width:none!important;max-height:calc(100svh - 20px)!important;border-radius:22px 22px 16px 16px!important;overflow:auto!important;}
  .modal__grid,.sintez-modal__box{grid-template-columns:1fr!important;}
  .modal__visual,.sintez-modal__visual{min-height:210px!important;max-height:250px!important;}
  .modal__visual-card{display:none;}
  .modal__content,.sintez-modal__content{padding:24px 18px 20px!important;overflow:visible!important;}
  .modal__title,.sintez-modal__title{font-size:34px!important;line-height:1.02!important;}
  .modal__text,.sintez-modal__subtitle{font-size:15px!important;line-height:1.5!important;}
  .sintez-modal__form{grid-template-columns:1fr!important;gap:9px!important;}
  .sintez-modal__form input,.sintez-modal__form textarea{min-height:60px!important;font-size:16px!important;}
  .sintez-modal__submit{min-height:60px!important;font-size:15px!important;}
  .modal__close,.sintez-modal__close{width:42px!important;height:42px!important;top:9px!important;right:9px!important;}

  /* Контент проекта */
  .project-hero,.project-grid,.project-content,.project-specs{grid-template-columns:1fr!important;}
  .project-hero__image{min-height:280px!important;}
  .project-hero h1{font-size:clamp(36px,10vw,52px)!important;}
  .project-card,.project-spec,.project-description{padding:18px!important;border-radius:18px!important;}
}

@media (max-width:480px){
  .container,.container-full,.container-fix{padding-inline:14px;}
  .header{width:calc(100% - 16px);padding-inline:10px;border-radius:18px;}
  .logo img{height:28px;max-width:132px;}
  .header__right .btn-outline{font-size:12px;padding-inline:11px;}
  .hero__image{min-height:47svh;}
  .hero__mini{grid-template-columns:1fr;}
  .hero-v2__trust{grid-template-columns:1fr;}
  .blog-wrap-v5{padding-inline:10px!important;}
  .blog-hero-v5__stats{grid-template-columns:1fr 1fr!important;}
  .quiz8-summary,.quiz5-summary{grid-template-columns:1fr!important;}
  .svc-strip-v5{grid-template-columns:1fr!important;}
  .pagination-v5{justify-content:center;}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{transition:none!important;animation:none!important;}
}