/* Stable responsive layout loaded after both the full and critical styles. */
@media (max-width:639px){
  html{scroll-padding-top:86px}
  body{overflow-x:hidden}
  .container{width:min(100% - 24px,1180px)}
  main>.section{padding-block:42px}
  .section-head,.offer-group-head,.world-inspiration-head{align-items:center!important;text-align:center}
  .section-head,.offer-group-head{flex-direction:column;gap:9px;margin-bottom:20px}
  .section-head h2,.offer-group-head h3{margin-block:4px;font-size:clamp(23px,7vw,31px)!important;line-height:1.55!important}
  .section-head>.pill,.section-head>.btn,.offer-group-head>span{width:100%;justify-content:center}
  .catalog-body .header .catalog-search,.catalog-body .header .actions{display:none!important}
  .catalog-body .header .nav{justify-content:center}

  /* The fallback has the same footprint as Swiper, preventing the tall-to-short jump. */
  .home-product-showcase:not(.swiper),
  .instagram-grid:not(.swiper),
  .seo-guide-grid:not(.swiper),
  .world-grid:not(.swiper){
    display:flex!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin-inline:-12px!important;
    padding:4px 12px 18px!important;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:12px;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .home-product-showcase:not(.swiper)::-webkit-scrollbar,
  .instagram-grid:not(.swiper)::-webkit-scrollbar,
  .seo-guide-grid:not(.swiper)::-webkit-scrollbar,
  .world-grid:not(.swiper)::-webkit-scrollbar{display:none}
  .home-product-showcase:not(.swiper)>.card,
  .instagram-grid:not(.swiper)>.instagram-card,
  .seo-guide-grid:not(.swiper)>article,
  .world-grid:not(.swiper)>.world-card{
    display:flex!important;
    flex:0 0 min(82vw,330px)!important;
    max-width:330px!important;
    scroll-snap-align:start;
  }
  .home-product-showcase:not(.swiper)>.card,
  .instagram-grid:not(.swiper)>.instagram-card,
  .world-grid:not(.swiper)>.world-card{flex-direction:column}
  .home-offer-group+.home-offer-group{margin-top:34px;padding-top:28px}
  .home-catalog-section{padding-bottom:44px!important}

  .category-links{flex-wrap:nowrap!important;overflow-x:auto;margin:0 -12px 22px!important;padding:2px 12px 8px;scroll-snap-type:x proximity;scrollbar-width:none}
  .category-links::-webkit-scrollbar{display:none}
  .category-links a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;scroll-snap-align:start}
  .catalog-growth-links{display:grid;grid-template-columns:1fr;width:100%}
  .catalog-growth-links .btn{width:100%}
  .world-inspiration{margin-block:32px 42px;padding-top:30px}
  .world-inspiration-head p{font-size:14px;line-height:2}
  .world-card-body{padding:15px}
  .world-actions{display:grid;grid-template-columns:1fr}
  .world-actions a,.world-actions button{min-height:44px;display:flex;align-items:center;justify-content:center;padding:9px 12px}
  .world-license{text-align:center;line-height:1.9}

  .pill,.btn,.catalog-search button,.rate-details-link,.text-link{min-height:44px;align-items:center}
  .social a,.header .pill,.product-modal-close{min-width:44px;min-height:44px}
  .growth-cta{text-align:center;padding:22px 16px}
  .growth-cta .actions,.product-share-row,.order-actions{display:grid!important;grid-template-columns:1fr;width:100%;gap:10px}
  .growth-cta .btn,.product-share-row .btn,.order-actions .btn{width:100%;min-height:48px}
  .product-page{padding-top:104px}
  .product-grid{gap:26px}
  .product-grid h1{font-size:clamp(27px,8vw,36px)!important;line-height:1.65!important}
  .product-grid .panel{padding:19px 16px}
  .form input,.form textarea,.form select{min-height:52px;font-size:16px}
  .terms-check{display:flex;align-items:flex-start;gap:9px;line-height:1.9}
  .terms-check input{flex:0 0 22px;width:22px!important;height:22px!important;min-height:22px;margin-top:4px}
  .product-modal{width:100%!important;height:100dvh!important}
  .product-modal-close{top:max(8px,env(safe-area-inset-top))!important;left:8px!important}
  .luxury-swiper .swiper-button-prev,.luxury-swiper .swiper-button-next{width:44px!important;min-width:44px!important;max-width:44px!important}
  .mobile-dock{height:68px;right:8px;left:8px;bottom:calc(7px + env(safe-area-inset-bottom))}
  .mobile-dock a{min-height:54px}
}

@media (max-width:340px){
  .hero h1{font-size:35px!important}
  .hero-copy{padding-inline:14px!important}
  .mobile-dock a{font-size:9px}
  .mobile-dock img{width:19px;height:19px}
}

@media (prefers-reduced-motion:reduce){
  .home-product-showcase,.instagram-grid,.seo-guide-grid,.world-grid{scroll-behavior:auto!important}
}