@media (max-width:1100px){
  .product-stage{grid-template-columns:repeat(2,minmax(0,1fr))}
  .note-band{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  body{background:#ffffff!important}
  .header{height:66px;grid-template-columns:auto 1fr auto;padding:0 18px}
  .header-left a,.header-right a,.dot{display:none}
  .header-left,.header-right{gap:0}.header-right{min-width:32px}.header-logo__image{width:100px;height:100px}
  .mobile-menu{inset:66px 0 0 0;max-height:calc(100vh - 66px);max-height:calc(100dvh - 66px);justify-content:flex-start;padding-top:clamp(42px,10vh,90px)}.mobile-menu a{font-size:42px}
  .section{grid-template-columns:1fr;gap:30px;padding:48px 18px}.hero{min-height:auto;padding-top:98px;padding-bottom:42px}
  h1{font-size:58px}.section h2,h2{font-size:42px}.image-card img{height:auto;aspect-ratio:4/5}.quote{font-size:42px;padding:62px 18px}
  .shop-hero{grid-template-columns:1fr;gap:28px;padding:100px 18px 34px}.shop-hero h1{font-size:56px}.shop-hero__media{justify-content:center}.shop-hero__media img{width:100%;max-width:100%;aspect-ratio:1500/998;object-fit:cover}.shop-toolbar{padding:16px 18px;font-size:10px}
  .product-stage{grid-template-columns:1fr;padding:26px 18px 22px;gap:22px}.product-card{opacity:1;transform:none;padding:14px}
  .product-title{align-items:flex-start}.product-title h3{font-size:clamp(46px,14vw,54px);line-height:.95;letter-spacing:-.015em}.badge{font-size:20px}.gallery-arrow{opacity:1;width:38px;height:38px;font-size:30px}.gallery-dots{bottom:10px}
  .buy-row{align-items:flex-start;flex-direction:column}.buy-row > span{font-size:15px;line-height:1.5}.buy-button{width:100%}.product-card .buy-button{font-size:16px;letter-spacing:.10em}
  .catalog-insert-block{grid-template-columns:1fr;gap:18px;padding:0 18px}.catalog-insert-block__text{padding:22px 18px}.catalog-insert-block__text h2{font-size:42px}
  .catalog-size-guide{margin:0 18px 22px}
  .catalog-size-guide__trigger:not(:disabled){cursor:zoom-in}
  .catalog-size-guide__trigger:not(:disabled):focus-visible{outline:2px solid #111;outline-offset:4px}
  .size-guide-modal{padding:12px}
  .size-guide-modal__dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
  .size-guide-modal__image{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
  .size-guide-modal__close{top:8px;right:8px;width:42px;height:42px;font-size:30px}
  .note-band{grid-template-columns:1fr;margin:0 18px 54px}.note-band div{min-height:auto;padding:20px}
  .checkout-section,.payment-section{padding:100px 18px 64px}.checkout-summary{grid-template-columns:1fr;gap:24px}.checkout-summary h1,.payment-card h1,.checkout-card h1{font-size:48px}.checkout-form{grid-template-columns:1fr}.checkout-submit{width:100%}
  .footer{grid-template-columns:1fr;justify-items:center;text-align:center;padding:28px 18px}.footer-right{text-align:center}.footer-links{justify-content:center}
}
@media (max-width:420px){
  .header-logo__image{width:160px;height:110px}.burger span:last-child{display:none}.header{padding:0 14px}
  h1{font-size:50px}.shop-hero h1{font-size:48px}.product-title{display:block}.badge{display:inline-flex;margin-top:12px}
}


@media (max-width:900px){
  .legal-section{padding:100px 18px 64px}
  .legal-head h1{font-size:46px}
  .legal-document{padding:22px 16px}
  .legal-table{font-size:13px}
  .legal-table td{display:block;width:100%!important;border-top:0}
  .legal-table tr:first-child td:first-child{border-top:1px solid var(--line)}
}

/* Главная страница: в мобильной версии блок 02 показываем
   сначала текст, затем изображение titul-2. */
@media (max-width:900px){
  #materials > div:not(.image-card){order:1}
  #materials > .image-card{order:2}
}

/* Карточка возврата товара */
@media (max-width:900px){
  .return-form-section{padding:0 18px 64px}
  .return-form-head h2{font-size:42px}
  .return-form{padding:22px 16px}
  .return-fields-grid{grid-template-columns:1fr}
  .return-radio-grid{grid-template-columns:1fr}
  .return-choice span{justify-content:flex-start;text-align:left}
  .return-submit{width:100%}
}


@media (max-width:900px){
  .page-home .section{padding-top:34px;padding-bottom:34px}
  .page-home .hero{padding-top:98px;padding-bottom:34px}
  .home-product-ribbon{padding:14px 18px;overflow:hidden}
  .home-product-ribbon__inner{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .home-product-ribbon__item{flex:0 0 112px;scroll-snap-align:start}
  .home-product-ribbon__item img{max-width:92px}
  .home-product-ribbon__title{font-size:20px}
  .home-product-ribbon__badge{font-size:13px}
}


@media (max-width:900px){
  .page-home .section{gap:0;padding:0}
  .page-home .hero{min-height:0;padding-top:66px;padding-bottom:0}
  .page-home .section>div:not(.image-card){padding:24px 18px}
  .page-home .image-card{min-height:0;padding:0}
  .page-home .image-card img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
  .home-product-ribbon{padding:0}
  .home-product-ribbon__inner{padding:12px 18px 8px}
}


@media (max-width:900px){
  .page-home .hero-overlap{padding:0;min-height:clamp(560px,92vh,760px)}
  .page-home .hero-overlap .hero-copy{padding:10px 18px 34px;min-height:clamp(560px,92vh,760px)}
  .page-home .hero-overlap .hero-main-image{height:clamp(560px,92vh,760px);min-height:clamp(560px,92vh,760px)}
  .page-home .hero-overlap .hero-main-image img{width:100vw;min-width:100vw;height:100%;object-fit:cover}
}

/* Нижний текстовый блок на главной */
@media (max-width:900px){
  .page-home .quote-final-section{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    padding:54px 18px!important;
    text-align:center!important;
  }

  .page-home .quote-final-section .quote-final-copy{
    width:100%;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    align-items:center!important;
    text-align:center!important;
  }

  .page-home .quote-final-section h2{
    width:100%;
    font-size:42px;
    margin:0 auto 18px;
    text-align:center!important;
  }

  .page-home .quote-final-section .text{
    width:100%;
    max-width:100%;
    font-size:16px;
    line-height:1.7;
    margin:0 auto 16px!important;
    text-align:center!important;
  }

  .page-home .quote-final-section .text:last-child{
    margin-bottom:0!important;
  }
}

/* Исправление положения увеличенного логотипа в мобильной шапке */
@media (max-width:900px){
  .header{
    height:110px;
    align-items:flex-start;
    padding:0 18px;
  }

  .header-logo{
    height:110px;
    align-self:flex-start;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    overflow:hidden;
  }

  .header-logo__image{
    width:160px;
    height:110px;
    object-fit:contain;
    object-position:center top;
    margin-top:0;
    transform:none;
  }

  .burger{
    align-self:flex-start;
    margin-top:28px;
  }

  .header-right{
    align-self:flex-start;
    padding-top:28px;
  }

  .mobile-menu{
    inset:110px 0 0 0;
    max-height:calc(100vh - 110px);
    max-height:calc(100dvh - 110px);
  }

  .page-home .hero{
    padding-top:110px;
  }
}

@media (max-width:420px){
  .header{
    height:110px;
    padding:0 14px;
    align-items:flex-start;
  }

  .header-logo{
    height:110px;
    align-self:flex-start;
    align-items:flex-start;
    overflow:hidden;
  }

  .header-logo__image{
    width:160px;
    height:110px;
    object-fit:contain;
    object-position:center top;
    margin-top:0;
    transform:none;
  }

  .burger{
    margin-top:28px;
  }

  .burger span:last-child{
    display:none;
  }

  .mobile-menu{
    inset:110px 0 0 0;
    max-height:calc(100vh - 110px);
    max-height:calc(100dvh - 110px);
  }

  .page-home .hero{
    padding-top:110px;
  }
}

/* Мобильный header ниже в 2 раза, логотип немного опущен */
@media (max-width:900px){
  .header{
    height:55px!important;
    min-height:55px!important;
    align-items:center!important;
    padding:0 18px!important;
  }

  .header-logo{
    height:55px!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    line-height:1!important;
  }

  .header-logo__image{
    width:90px!important;
    height:55px!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin-top:4px!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
  }

  .burger{
    align-self:center!important;
    margin-top:0!important;
  }

  .header-right{
    align-self:center!important;
    padding-top:0!important;
  }

  .mobile-menu{
    inset:55px 0 0 0!important;
    max-height:calc(100vh - 55px)!important;
    max-height:calc(100dvh - 55px)!important;
  }

  .page-home .hero{
    padding-top:55px!important;
  }
}

@media (max-width:420px){
  .header{
    height:55px!important;
    min-height:55px!important;
    padding:0 14px!important;
    align-items:center!important;
  }

  .header-logo{
    height:55px!important;
    align-self:center!important;
    align-items:center!important;
    overflow:visible!important;
  }

  .header-logo__image{
    width:90px!important;
    height:55px!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin-top:4px!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
  }

  .burger{
    align-self:center!important;
    margin-top:0!important;
  }

  .burger span:last-child{
    display:none!important;
  }

  .mobile-menu{
    inset:55px 0 0 0!important;
    max-height:calc(100vh - 55px)!important;
    max-height:calc(100dvh - 55px)!important;
  }

  .page-home .hero{
    padding-top:55px!important;
  }
}

/* Увеличение мобильного логотипа в 2 раза */
@media (max-width:900px){
  .header{
    height:55px!important;
    min-height:55px!important;
    align-items:center!important;
    overflow:visible!important;
    padding:0 18px!important;
  }

  .header-logo{
    height:55px!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    line-height:1!important;
    z-index:5!important;
  }

  .header-logo__image{
    width:180px!important;
    height:110px!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin-top:4px!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
  }

  .burger{
    align-self:center!important;
    margin-top:0!important;
    z-index:6!important;
  }

  .header-right{
    align-self:center!important;
    padding-top:0!important;
    z-index:6!important;
  }

  .mobile-menu{
    inset:55px 0 0 0!important;
    max-height:calc(100vh - 55px)!important;
    max-height:calc(100dvh - 55px)!important;
  }

  .page-home .hero{
    padding-top:55px!important;
  }
}

@media (max-width:420px){
  .header{
    height:55px!important;
    min-height:55px!important;
    padding:0 14px!important;
    align-items:center!important;
    overflow:visible!important;
  }

  .header-logo{
    height:55px!important;
    align-self:center!important;
    align-items:center!important;
    overflow:visible!important;
    z-index:5!important;
  }

  .header-logo__image{
    width:180px!important;
    height:110px!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin-top:4px!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
  }

  .burger{
    align-self:center!important;
    margin-top:0!important;
    z-index:6!important;
  }

  .burger span:last-child{
    display:none!important;
  }

  .mobile-menu{
    inset:55px 0 0 0!important;
    max-height:calc(100vh - 55px)!important;
    max-height:calc(100dvh - 55px)!important;
  }

  .page-home .hero{
    padding-top:55px!important;
  }
}

/* Каталог: мобильная версия полноширинного дополнительного блока */
@media (max-width:900px){
  .catalog-insert-block{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding:0!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    justify-content:stretch;
    align-items:stretch;
  }

  .catalog-insert-block__media{
    width:100%;
    margin:0;
    overflow:hidden;
  }

  .catalog-insert-block__media img{
    width:100%;
    height:auto;
    aspect-ratio:4/3;
    object-fit:cover;
  }

  .catalog-insert-block__text{
    width:100%;
    margin:0;
    padding:24px 18px!important;
    border:0!important;
  }

  .catalog-insert-block__text h2{
    font-size:42px;
  }
}

/* Каталог: мобильный верхний блок на всю ширину страницы */
@media (max-width:900px){
  .shop-hero{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:100px 0 34px!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
    justify-content:stretch!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }

  .shop-hero__text{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .shop-hero__media{
    width:100%!important;
    justify-content:flex-end!important;
    overflow:hidden!important;
  }

  .shop-hero__media img{
    width:100%!important;
    max-width:none!important;
    aspect-ratio:1500/998!important;
    object-fit:cover!important;
  }
}

/* Мобильный хедер: новый логотип из изображения */
@media (max-width:900px){
  .header{
    overflow:visible!important;
  }

  .header .header-logo{
    width:96px!important;
    height:70px!important;
    min-width:96px!important;
    min-height:70px!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background-image:url("../images/logo-new.webp")!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:contain!important;
    overflow:visible!important;
    z-index:7!important;
  }

  .header .header-logo__image{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }
}

@media (max-width:420px){
  .header .header-logo{
    width:92px!important;
    height:68px!important;
    min-width:92px!important;
    min-height:68px!important;
  }
}

/* Мобильное меню: левая боковая шторка */
@media (max-width:900px){
  .mobile-menu{
    position:fixed!important;
    inset:55px auto 0 0!important;
    width:min(320px, 84vw)!important;
    max-width:84vw!important;
    height:calc(100vh - 55px)!important;
    height:calc(100dvh - 55px)!important;
    max-height:calc(100vh - 55px)!important;
    max-height:calc(100dvh - 55px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    gap:20px!important;
    padding:36px 24px 32px!important;
    background:#ffffff!important;
    border-right:1px solid var(--line)!important;
    border-bottom:0!important;
    box-shadow:22px 0 60px rgba(0,0,0,.14)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    transform:translate3d(-105%,0,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    contain:none!important;
    transition:transform .32s cubic-bezier(.22,1,.36,1), opacity .18s ease, visibility 0s linear .32s!important;
  }

  .mobile-menu a{
    width:100%!important;
    text-align:left!important;
    font-size:34px!important;
    line-height:1!important;
    letter-spacing:.04em!important;
  }

  body.menu-open .mobile-menu{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:transform .32s cubic-bezier(.22,1,.36,1), opacity .18s ease, visibility 0s!important;
  }
}

@media (max-width:420px){
  .mobile-menu{
    width:min(300px, 88vw)!important;
    max-width:88vw!important;
    padding:34px 22px 30px!important;
  }

  .mobile-menu a{
    font-size:32px!important;
  }
}

/* Мобильная версия: слайд-шоу в блоке construction */
@media (max-width:900px){
  .home-slideshow{
    width:100%;
    min-height:420px;
    aspect-ratio:4/5;
  }

  .home-slideshow__slide{
    width:100%!important;
    height:100%!important;
    object-fit:cover;
  }
}

/* Мобильная версия: слайд-шоу методом смещения */
@media (max-width:900px){
  .home-slideshow{
    width:100%!important;
    min-height:420px!important;
    aspect-ratio:4/5!important;
    overflow:hidden!important;
  }

  .home-slideshow__track{
    width:1100%!important;
    height:100%!important;
    min-height:100%!important;
  }

  .home-slideshow__slide{
    flex:0 0 calc(100% / 11)!important;
    width:calc(100% / 11)!important;
    min-width:calc(100% / 11)!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* Мобильный хедер: принудительное центрирование логотипа */
@media (max-width:900px){
  .header{
    position:fixed!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    justify-content:stretch!important;
    overflow:visible!important;
  }

  .header-left{
    grid-column:1!important;
    justify-self:start!important;
    z-index:20!important;
  }

  .header-right{
    grid-column:3!important;
    justify-self:end!important;
    z-index:20!important;
  }

  .header .header-logo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    justify-self:auto!important;
    align-self:auto!important;
    width:96px!important;
    height:70px!important;
    min-width:96px!important;
    min-height:70px!important;
    z-index:7!important;
    background-position:center center!important;
    background-size:contain!important;
  }
}

@media (max-width:420px){
  .header .header-logo{
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:92px!important;
    height:68px!important;
    min-width:92px!important;
    min-height:68px!important;
    margin:0!important;
  }
}

/* Мобильная версия: логотип в хедере меньше и первое фото главной смещено влево */
@media (max-width:900px){
  .header .header-logo{
    width:74px!important;
    height:54px!important;
    min-width:74px!important;
    min-height:54px!important;
    max-width:74px!important;
    max-height:54px!important;
    background-size:contain!important;
    background-position:center center!important;
  }

  .page-home .hero-overlap .hero-main-image img{
    object-position:right center!important;
  }
}

@media (max-width:420px){
  .header .header-logo{
    width:72px!important;
    height:52px!important;
    min-width:72px!important;
    min-height:52px!important;
    max-width:72px!important;
    max-height:52px!important;
  }
}

/* Мобильная версия: ускорение смены кадров слайдера */
@media (max-width:900px){
  .home-slideshow__track{
    animation:bbConstructionSlideShift 22s ease-in-out infinite!important;
  }
}
/* Мобильная версия: слайдер без скачка в конце цикла */
@media (max-width:900px){
  .home-slideshow__track{
    animation:none!important;
    transition:transform .56s ease-in-out!important;
    will-change:transform;
  }

  .home-slideshow.is-resetting .home-slideshow__track{
    transition:none!important;
  }

  .home-slideshow__slide{
    animation:none!important;
    opacity:1!important;
  }
}

/* Каталог: корректный перенос длинных латинских названий на широких iPhone */
@media (max-width:520px){
  .product-title{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
  }

  .product-title h3{
    display:block!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto!important;
    font-size:clamp(42px,12vw,52px)!important;
    line-height:.95!important;
  }

  .product-title .badge,
  .badge{
    display:inline-flex!important;
    max-width:100%!important;
    margin-top:10px!important;
    white-space:normal!important;
  }
}

/* Мобильный хедер: логотип меньше на 20% и строго по центру по вертикали */
@media (max-width:900px){
  .header{
    align-items:center!important;
    overflow:visible!important;
  }

  .header .header-logo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:59px!important;
    height:43px!important;
    min-width:59px!important;
    min-height:43px!important;
    max-width:59px!important;
    max-height:43px!important;
    margin:0!important;
    align-self:auto!important;
    justify-self:auto!important;
    background-size:contain!important;
    background-position:center center!important;
  }
}

@media (max-width:420px){
  .header .header-logo{
    width:58px!important;
    height:42px!important;
    min-width:58px!important;
    min-height:42px!important;
    max-width:58px!important;
    max-height:42px!important;
  }
}


/* Collections architecture · mobile */
@media (max-width:900px){
  .catalog-collection-filter{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .catalog-collection-filter::-webkit-scrollbar{display:none}
  .catalog-collection-filter a{flex:0 0 auto;min-width:72vw;min-height:58px;padding:14px 18px}
  .brand-hero{grid-template-columns:1fr;min-height:0;padding-top:66px}
  .brand-hero__media{min-height:0;aspect-ratio:4/5;order:1}
  .brand-hero__copy{order:2;padding:42px 18px 54px}
  .brand-hero__copy h1{font-size:clamp(68px,22vw,104px)}
  .brand-intro,.brand-catalog-cta,.collab-placeholder{padding:64px 18px}
  .brand-intro h2,.brand-collections__head h2,.brand-catalog-cta h2,.collab-placeholder h2{font-size:48px}
  .brand-collections__head{padding:52px 18px 30px}
  .brand-collections__grid{grid-template-columns:1fr}
  .collection-tile{border-right:0;border-bottom:1px solid var(--line)}
  .collection-tile:last-child{border-bottom:0}
  .collection-tile__copy{padding:30px 18px 44px}
  .collection-tile__copy h3{font-size:48px}
  .collab-hero{grid-template-columns:1fr;min-height:0;padding-top:66px}
  .collab-hero__copy{padding:44px 18px 50px;order:2}
  .collab-hero__media{aspect-ratio:4/5;order:1}
  .collab-hero h1{font-size:clamp(54px,16vw,78px)}
}