/* SST Responsive - Spider style + navbar fix + no overlay */
@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}
  .cat-grid{grid-template-columns:repeat(4,1fr);gap:28px 14px}
  .cat-circle{width:130px;height:130px}.cat-circle svg{width:72px;height:72px}
}
@media(max-width:880px){
  .nav{height:70px}
  .hero{height:72vh;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:320px}
  .w-form{border-left:none;border-top:1px solid var(--line)}
  .page-top{padding:28px 0 24px}
}
@media(max-width:640px){
  .container{width:min(94vw,92vw)}
  .nav{height:66px;gap:10px}
  .brand-mark{width:38px;height:38px}.brand-mark-inner{width:28px;height:28px;font-size:.72rem}
  .brand-text strong{font-size:.9rem}.brand-text span{font-size:.58rem}
  .hero-copy{padding-top:0}
  .hero-copy h1{font-size:clamp(2rem,8vw,2.6rem)}
  .hero-badge{font-size:.62rem;letter-spacing:.2em}
  .type-wrap{font-size:1rem;min-height:32px}
  .hero-desc{font-size:.84rem;margin-bottom:16px}
  .hero-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hero-btns .btn{width:100%;padding:11px 10px;font-size:.78rem}
  .slider-ui{bottom:12px}.circle{width:36px;height:36px}
  .stats-inner{grid-template-columns:repeat(2,1fr)}
  .stat{padding:14px 8px}.stat strong{font-size:1.3rem}
  .why-grid{grid-template-columns:1fr 1fr;gap:8px}
  .cat-grid{grid-template-columns:repeat(3,1fr);gap:20px 10px}
  .cat-circle{width:108px;height:108px}.cat-circle svg{width:58px;height:58px}
  .cat-name{font-size:.82rem}.cat-sub{font-size:.7rem}
  .product-grid{grid-template-columns:1fr 1fr;gap:10px}
  .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:20px}.section-head h2{font-size:1.7rem}
  .wholesale>div{padding:20px 16px}.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:52px 0}section.pad-sm{padding:40px 0}
  /* Fix overlay - shift back to top left of stack, chatbot left */
  .float-stack{right:10px;bottom:84px}
  .fab.top{right:72px;bottom:20px}
  #sstChatbot{left:10px;bottom:10px;right:auto}
  .chat-panel{left:0;right:auto;width:92vw;height:68vh;bottom:60px}
  .mobile-menu a{font-size:1.35rem}
}
@media(max-width:380px){
  .hero-btns{grid-template-columns:1fr}
  .product-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
}