/* Comfortrek V326 — real mobile viewport/full-width repair.
   Fixes the shrunken inset storefront visible on narrow phones. No JS or schema changes. */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow-x:clip!important}
@media(max-width:600px){
  html{padding:0!important;scroll-padding-bottom:90px}
  body[class*="site-theme-"]{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0 0 calc(76px + env(safe-area-inset-bottom))!important;border-radius:0!important;outline:0!important;box-shadow:none!important;overflow-x:clip!important}
  body[class*="site-theme-"]::after{max-width:100vw!important;pointer-events:none!important}
  body[class*="site-theme-"]>.site-header,
  body[class*="site-theme-"]>.announcement-bar,
  body[class*="site-theme-"]>#storefront-home,
  body[class*="site-theme-"]>main,
  body[class*="site-theme-"]>.site-footer{width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;left:auto!important;right:auto!important;border-left:0!important;border-right:0!important}
  body[class*="site-theme-"] .announcement-bar{width:100%!important;max-width:none!important;margin:0!important;overflow:hidden!important;white-space:nowrap!important}
  body[class*="site-theme-"] .site-header{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;left:0!important;right:0!important}
  body[class*="site-theme-"] .site-header .header-inner{width:100%!important;max-width:none!important;margin:0!important;padding:10px 12px!important;grid-template-columns:38px minmax(0,1fr) auto!important;column-gap:8px!important}
  body[class*="site-theme-"] .site-header .logo{max-width:100%!important;min-width:0!important;font-size:clamp(17px,4.8vw,22px)!important;letter-spacing:-.04em!important}
  body[class*="site-theme-"] .mobile-header-actions{gap:4px!important}
  body[class*="site-theme-"] .mobile-header-actions a,body[class*="site-theme-"] .mobile-header-actions button{width:36px!important;height:36px!important;flex:0 0 36px!important}
  body[class*="site-theme-"] #storefront-home{padding:0!important;margin:0!important;overflow:clip!important}
  body[class*="site-theme-"] .ck-featured-hero{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;overflow:hidden!important}
  body[class*="site-theme-"] .ck-featured-hero__inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:22px!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;margin:0!important;padding:clamp(25px,7vw,34px) 20px 24px!important}
  body[class*="site-theme-"] .ck-featured-hero__copy{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}
  body[class*="site-theme-"] .ck-featured-hero .hero-eyebrow{max-width:100%!important;font-size:10px!important;letter-spacing:.14em!important;line-height:1.5!important;overflow-wrap:anywhere}
  body[class*="site-theme-"] .ck-featured-hero h1{max-width:12ch!important;font-size:clamp(38px,10.5vw,48px)!important;line-height:.98!important;letter-spacing:-.055em!important;overflow-wrap:normal!important;margin:16px 0 18px!important}
  body[class*="site-theme-"] .ck-featured-hero__copy p,body[class*="site-theme-"] .ck-featured-hero .sub{max-width:100%!important;font-size:clamp(15px,4vw,17px)!important;line-height:1.55!important;letter-spacing:-.025em!important;margin:0 0 20px!important;overflow-wrap:break-word!important}
  body[class*="site-theme-"] .ck-featured-hero .btn-primary{max-width:100%!important;min-height:50px!important;padding:14px 20px!important;font-size:14px!important;white-space:normal!important}
  body[class*="site-theme-"] .ck-featured-hero__products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;perspective:none!important}
  body[class*="site-theme-"] .ck-featured-card,body[class*="site-theme-"] .ck-featured-card--left,body[class*="site-theme-"] .ck-featured-card--center,body[class*="site-theme-"] .ck-featured-card--right{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:8px!important;transform:none!important;border-radius:15px!important;overflow:hidden!important}
  body[class*="site-theme-"] .ck-featured-card__image{width:100%!important;aspect-ratio:1/1!important;min-width:0!important;margin:0 0 8px!important;padding:5px!important;border-radius:11px!important;overflow:hidden!important}
  body[class*="site-theme-"] .ck-featured-card__image img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important}
  body[class*="site-theme-"] .ck-featured-card h3{font-size:clamp(10px,2.8vw,12px)!important;line-height:1.35!important;letter-spacing:-.02em!important;overflow-wrap:anywhere!important;margin:5px 0!important}
  body[class*="site-theme-"] .ck-featured-card .price{font-size:12px!important;line-height:1.3!important}
  body[class*="site-theme-"] .storefront-home>section:not(.ck-featured-hero),body[class*="site-theme-"] .home-experience-rail{width:calc(100% - 24px)!important;max-width:none!important;margin:16px 12px!important;padding:20px 14px!important;border-radius:18px!important}
  body[class*="site-theme-"] .storefront-home .section-heading,body[class*="site-theme-"] .storefront-home .product-grid{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
  body[class*="site-theme-"] .storefront-home .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body[class*="site-theme-"] .storefront-home .tag-card{width:100%!important;max-width:100%!important;min-width:0!important;padding:8px!important;border-radius:14px!important}
  body[class*="site-theme-"] .storefront-home .tag-image{width:100%!important;max-width:100%!important;aspect-ratio:1/1.08!important;margin:0!important;border-radius:10px!important;overflow:hidden!important}
  body[class*="site-theme-"] .storefront-home .tag-image img{width:100%!important;height:100%!important;object-fit:contain!important}
  /* Hide the vertical page-jump pill on phones; it covers product content. */
  body[class*="site-theme-"]>.cr-page-jump{display:none!important}
  /* Keep support chat above the fixed bottom navigation without covering the hero CTA. */
  body[class*="site-theme-"] :is(#comfortrek-support-chat,.support-chat-widget,.chat-widget,.cr-support-launcher,.support-chat-launcher){max-width:calc(100vw - 24px)!important}
  body[class*="site-theme-"] :is(.chat-widget-button,.support-chat-launcher,.cr-support-launcher){right:12px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}
  body[class*="site-theme-"] .mobile-store-nav{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;padding-bottom:env(safe-area-inset-bottom)!important}
}
@media(max-width:380px){
  body[class*="site-theme-"] .ck-featured-hero__inner{padding-inline:16px!important;gap:18px!important}
  body[class*="site-theme-"] .ck-featured-hero__products{gap:6px!important}
  body[class*="site-theme-"] .ck-featured-card{padding:6px!important}
  body[class*="site-theme-"] .ck-featured-card h3{font-size:10px!important}
}