/* SST Responsive - Mobile First Premium Fix */
@media(max-width:1180px){
  .nav-links{display:none !important}
  .hamburger{display:grid !important}
  .stats-inner{grid-template-columns:repeat(3,1fr)}
  .why-grid{grid-template-columns:repeat(3,1fr)}
  .product-grid{grid-template-columns:repeat(3,1fr)}
  .tail-grid{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr;gap:20px}
  .topbar .container{justify-content:center;text-align:center}
}
@media(max-width:880px){
  .nav{height:74px}
  .hero{height:calc(100svh - 108px);min-height:520px}
  .about-grid{grid-template-columns:1fr !important}
  .contact-grid,.faq,.u-panel,.wholesale{grid-template-columns:1fr !important}
  .g-grid{grid-template-columns:repeat(6,1fr)}
  .g-item.w-4,.g-item.w-8,.g-item.w-6,.g-item.w-3{grid-column:span 6}
  .testi-track{grid-auto-columns:86%}
  .f-grid{grid-template-columns:1fr !important}
  .u-media{min-height:340px}
  .w-form{border-radius:0 0 28px 28px !important}
  .page-top{padding:32px 0 28px}
}
@media(max-width:640px){
  .container{width:min(94vw,92vw)}
  .nav{height:68px;gap:10px}
  .brand-mark{width:42px;height:42px}.brand-mark-inner{width:34px;height:34px;font-size:.8rem}
  .brand-text strong{font-size:.86rem}.brand-text span{font-size:.6rem}
  .hero-copy{padding-top:6px}
  .hero-copy h1{font-size:clamp(2.1rem,9vw,3rem)}
  .hero-badge{font-size:.62rem;padding:6px 10px;letter-spacing:.14em}
  .type-wrap{font-size:1.05rem;min-height:32px}
  .hero-desc{font-size:.88rem;margin-bottom:16px}
  .hero-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hero-btns .btn{width:100%;padding:12px 12px;font-size:.84rem}
  .slider-ui{bottom:14px}.circle{width:38px;height:38px}
  .stats{margin-top:-18px}.stats-inner{grid-template-columns:repeat(2,1fr);border-radius:18px}
  .stat{padding:16px 10px}.stat strong{font-size:1.4rem}
  .why-grid{grid-template-columns:1fr 1fr;gap:8px}
  .why-card{padding:14px 12px;border-radius:14px}.why-card p{font-size:.78rem}
  .product-grid{grid-template-columns:1fr 1fr;gap:10px}
  .p-body h4{font-size:.88rem}.p-meta span{font-size:.62rem}
  .tail-grid{grid-template-columns:1fr;gap:10px}
  .g-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .g-item.w-4,.g-item.w-8,.g-item.w-6,.g-item.w-3{grid-column:span 2}
  .section-head{margin-bottom:22px}.section-head h2{font-size:1.8rem}
  .wholesale>div{padding:22px 18px}.wholesale-list{grid-template-columns:1fr}
  .faq{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  section.pad{padding:56px 0}section.pad-sm{padding:44px 0}
  .chat-panel{width:94vw;height:72svh;bottom:70px;right:3vw;left:3vw}
  .float-left{right:10px;bottom:86px;left:auto}
  .fab.top{right:76px;bottom:28px;left:auto}
  #sstChatbot{left:10px;bottom:10px;right:auto}
  .chat-panel{left:3vw;right:3vw;bottom:70px}
  .mobile-menu a{font-size:1.45rem}
}
@media(max-width:380px){
  .hero-btns{grid-template-columns:1fr}
  .product-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
}