/* SOLA v2.9.4 — complete mobile responsive pass */
html,body,#root{max-width:100%;overflow-x:hidden}
*{box-sizing:border-box}
img,video,iframe{max-width:100%}
.mobile-nav-actions-v294{display:none}

@media (max-width:1024px){
  :root{--mobile-gutter:16px}
  body{min-width:0!important;overflow-x:hidden!important}
  .container-wide,.container-narrow,.product-shell-v280{width:calc(100% - 32px)!important;max-width:none!important}

  /* Header / navigation: keep the hamburger visible and move account actions into menu */
  .site-nav{position:sticky!important;top:0!important;z-index:1400!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(16px)!important}
  .nav-inner{width:calc(100% - 24px)!important;height:72px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;position:relative!important}
  .nav-logo{min-width:0!important;overflow:hidden!important}
  .nav-logo .logo-lockup{min-width:0!important;max-width:100%!important}
  .nav-actions{display:flex!important;align-items:center!important;gap:8px!important}
  .nav-actions>.login-link,.nav-actions>.contact-pill{display:none!important}
  .menu-btn{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:13px!important;background:#f4f6f9!important;color:#071638!important;z-index:3!important}
  .desktop-nav{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;padding:10px!important;border:1px solid rgba(8,25,58,.08)!important;border-radius:18px!important;background:rgba(255,255,255,.99)!important;box-shadow:0 22px 54px rgba(9,24,61,.18)!important;max-height:calc(100dvh - 92px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;z-index:1450!important}
  .desktop-nav.open{display:flex!important}
  .desktop-nav>a{display:flex!important;align-items:center!important;min-height:45px!important;padding:11px 13px!important;border-radius:12px!important;font-size:14px!important;margin:0!important;color:#17243f!important}
  .desktop-nav>a.active,.desktop-nav>a:hover{background:#fff5dc!important;color:#071638!important}
  .desktop-nav>a:after{display:none!important}
  .mobile-nav-actions-v294{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:7px!important;padding-top:10px!important;border-top:1px solid #edf0f4!important}
  .mobile-nav-actions-v294>a,.mobile-customer-v294{min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:12px!important;font-size:13px!important;font-weight:900!important}
  .mobile-account-link-v294,.mobile-customer-v294{background:#f4f6f9!important;color:#10203d!important}
  .mobile-contact-v294{grid-column:1/-1!important;background:linear-gradient(135deg,#ffc72c,#f2aa00)!important;color:#081733!important}

  /* Global sections */
  .section{padding:64px 0!important}
  .section-head,.promo-head{gap:14px!important}
  .section-head h2,.why-copy-wrap h2,.promo-head h2{max-width:100%!important;overflow-wrap:anywhere!important}

  /* Home hero */
  .hero-section.hero-static-v281{min-height:0!important;overflow:hidden!important}
  .hero-static-v281 .hero-slider-shell,.hero-static-v281 .hero-media{height:390px!important;min-height:390px!important}
  .hero-static-v281 .hero-content{padding:330px 0 34px!important;min-height:0!important;align-items:flex-start!important}
  .hero-static-v281 .hero-copy{width:100%!important;max-width:none!important;margin:0!important;padding:24px!important;border-radius:24px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 18px 44px rgba(9,24,61,.1)!important}
  .hero-title-v281{max-width:none!important;font-size:clamp(46px,8vw,70px)!important;line-height:.98!important}
  .hero-copy p{max-width:none!important}
  .hero-trust{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  /* Home portfolio / why / promo */
  .brand-portfolio.refined,.why-layout,.promo-stage{grid-template-columns:1fr!important}
  .portfolio-copy,.portfolio-image{width:100%!important;min-width:0!important}
  .portfolio-image{height:auto!important;min-height:0!important;aspect-ratio:16/10!important}
  .portfolio-image img{width:100%!important;height:100%!important;object-fit:cover!important}
  .why-poster-card{width:100%!important;min-height:0!important;aspect-ratio:4/3!important}
  .promo-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Product catalog */
  .product-hero-v280{min-height:315px!important}
  .product-hero-inner-v280{padding:44px 0 62px!important}
  .product-hero-copy-v280{max-width:100%!important;text-align:center!important;margin:auto!important}
  .product-hero-v280 p{margin-left:auto!important;margin-right:auto!important}
  .product-trust-v280{justify-content:center!important;gap:16px!important}
  .product-discovery-wrap-v280{margin-top:-24px!important}
  .product-grid-v280{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .product-card-v280{min-width:0!important}
  .product-cart-v280{max-width:100vw!important}

  /* About */
  .about-story-grid-v250,.about-map-grid-v250,.about-mv-grid-v250{grid-template-columns:1fr!important}
  .about-story-copy-v250,.about-map-copy-v250{min-width:0!important}
  .about-story-image-frame-v250{height:auto!important;aspect-ratio:4/3!important}
  .about-map-stage-v250{min-height:460px!important}

  /* Store locator */
  .sola-outlet-layout{grid-template-columns:1fr!important;gap:16px!important}
  .sola-outlet-list{height:440px!important;max-height:52vh!important;min-height:320px!important}
  .sola-outlet-map-wrap{height:500px!important}

  /* Generic pages/forms */
  .contact-grid{grid-template-columns:1fr!important}
  .auth-box,.page-shell,.contact-grid>*{max-width:100%!important}
  input,select,textarea,button{max-width:100%}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:700px){
  :root{--mobile-gutter:12px}
  .container-wide,.container-narrow,.product-shell-v280{width:calc(100% - 24px)!important}
  .section{padding:48px 0!important}

  /* Header */
  .nav-inner{width:calc(100% - 20px)!important;height:66px!important}
  .desktop-nav{top:calc(100% + 6px)!important;border-radius:16px!important;padding:9px!important}
  .menu-btn{width:42px!important;height:42px!important;flex-basis:42px!important}
  .logo-lockup{gap:7px!important;max-width:calc(100vw - 78px)!important}
  .logo-lockup img{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .logo-lockup strong{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .logo-lockup span{font-size:7px!important;white-space:nowrap!important}

  /* Home hero */
  .hero-static-v281 .hero-slider-shell,.hero-static-v281 .hero-media{height:285px!important;min-height:285px!important}
  .hero-static-v281 .hero-content{padding:238px 0 24px!important}
  .hero-static-v281 .hero-copy{padding:18px 16px!important;border-radius:20px!important}
  .hero-title-v281{font-size:40px!important;line-height:1!important;letter-spacing:-.045em!important}
  .hero-copy p{font-size:14px!important;line-height:1.6!important}
  .hero-cta{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .hero-cta .magnetic-wrap,.hero-cta a{width:100%!important}
  .hero-trust{grid-template-columns:1fr!important;gap:7px!important}
  .hero-trust>div{min-width:0!important}

  /* Home sections */
  .section-head h2,.why-copy-wrap h2,.promo-head h2{font-size:34px!important;line-height:1.04!important}
  .portfolio-copy{padding:20px 16px!important;border-radius:22px!important}
  .portfolio-copy h3{font-size:28px!important}
  .portfolio-products{grid-template-columns:1fr!important}
  .portfolio-image{aspect-ratio:4/3!important;border-radius:22px!important}
  .stats-grid.simplified{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .why-poster-card{border-radius:22px!important}
  .why-list-card{padding:15px!important}
  .promo-card-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important;padding-bottom:8px!important;scrollbar-width:none!important}
  .promo-card-grid::-webkit-scrollbar{display:none!important}
  .promo-card-grid>*{flex:0 0 84%!important;scroll-snap-align:start!important}

  /* Products */
  .product-hero-v280{min-height:330px!important}
  .product-hero-inner-v280{padding:38px 0 58px!important}
  .product-hero-v280 h1{font-size:38px!important;line-height:1!important}
  .product-hero-v280 p{font-size:12.5px!important;max-width:96%!important}
  .product-trust-v280{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
  .product-trust-v280>div{display:flex!important;min-width:0!important;justify-content:center!important;text-align:left!important}
  .product-discovery-v280{padding:10px!important}
  .product-search-v280{grid-template-columns:auto minmax(0,1fr)!important;height:44px!important}
  .product-search-v280 button{display:none!important}
  .product-categories-v280{overflow-x:auto!important;overscroll-behavior-x:contain!important}
  .product-grid-v280{grid-template-columns:1fr!important}
  .product-card-media-v280{height:210px!important}
  .product-options-v280{grid-template-columns:1fr 1fr!important}
  .product-floating-cart-v280{right:12px!important;bottom:12px!important;max-width:calc(100vw - 24px)!important}
  .product-cart-v280{width:100vw!important;max-width:100vw!important}
  .product-cart-head-v280,.product-cart-foot-v280{padding-left:14px!important;padding-right:14px!important}
  .product-cart-body-v280{padding-left:12px!important;padding-right:12px!important}

  /* About */
  .about-hero-v250{padding:46px 0 44px!important}
  .about-hero-v250 h1{font-size:38px!important}
  .about-story-v250,.about-map-section-v250,.about-mv-section-v250,.about-values-section-v250,.about-why-section-v250{padding:48px 0!important}
  .about-story-copy-v250 h2,.about-map-copy-v250 h2,.about-center-head-v250 h2{font-size:32px!important}
  .about-story-image-frame-v250{aspect-ratio:1/1!important;border-radius:22px!important}
  .about-map-card-v250{padding:8px!important;border-radius:20px!important}
  .about-map-stage-v250{min-height:370px!important;border-radius:15px!important}
  .about-map-stats-v250{grid-template-columns:1fr 1fr!important}
  .about-values-grid-v250,.about-why-grid-v250{grid-template-columns:1fr!important}

  /* Store locator */
  .sola-outlet-hero{padding:46px 0 40px!important}
  .sola-outlet-hero h1{font-size:38px!important}
  .sola-outlet-hero p{font-size:14px!important;padding:0 4px!important}
  .sola-outlet-section{padding:22px 0 48px!important}
  .sola-outlet-search{padding:8px 10px!important;gap:8px!important}
  .sola-outlet-search input{min-width:0!important;font-size:14px!important}
  .sola-outlet-count{display:none!important}
  .sola-outlet-list{height:390px!important;max-height:50vh!important;border-radius:16px!important}
  .sola-outlet-card{padding:13px!important;gap:10px!important}
  .sola-outlet-card-top{flex-direction:row!important;align-items:flex-start!important;gap:7px!important}
  .sola-outlet-card h3{font-size:14px!important}
  .sola-outlet-tag{font-size:10px!important}
  .sola-outlet-directions{font-size:11px!important;padding:8px 10px!important}
  .sola-outlet-map-wrap{height:400px!important;border-radius:16px!important}
  .sola-outlet-map-head{min-height:66px!important;padding:12px 14px!important}

  /* Footer/forms */
  .footer-grid{grid-template-columns:1fr!important;gap:24px!important}
  .footer-col.brand-col{grid-column:auto!important}
  .auth-page{padding:24px 0!important}
  .auth-box{width:calc(100% - 24px)!important;margin:auto!important;padding:20px 16px!important}
}

@media (max-width:430px){
  .container-wide,.container-narrow,.product-shell-v280{width:calc(100% - 20px)!important}
  .mobile-nav-actions-v294{grid-template-columns:1fr!important}
  .mobile-contact-v294{grid-column:auto!important}
  .hero-static-v281 .hero-slider-shell,.hero-static-v281 .hero-media{height:250px!important;min-height:250px!important}
  .hero-static-v281 .hero-content{padding-top:208px!important}
  .hero-title-v281{font-size:36px!important}
  .product-trust-v280{grid-template-columns:1fr!important}
  .product-trust-v280>div{justify-content:flex-start!important}
  .product-options-v280{grid-template-columns:1fr!important}
  .about-map-stats-v250{grid-template-columns:1fr!important}
  .sola-outlet-map-wrap{height:350px!important}
}

@media (hover:none),(pointer:coarse){
  .product-card-v280:hover,.brand-card:hover,.why-list-card:hover,.about-value-card-v250:hover,.about-why-card-v250:hover{transform:none!important}
}