/* SND Wholesale - mobile layer (loaded last) */
@media (max-width: 820px){
  html,body{overflow-x:hidden!important;max-width:100%}
  img,video{max-width:100%}

  /* top bars */
  body .topbar .wrap{display:flex!important;flex-wrap:wrap;justify-content:center;text-align:center;align-items:center;gap:2px 10px;padding:6px 14px!important;font-size:12px!important}
  body .promo-strip{font-size:11px}

  /* header: logo / search / buttons */
  body .mainbar{padding:10px 0 12px!important}
  body .mainbar .wrap{display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:0 14px!important;align-items:center}
  body .mainbar .logo{flex:1 1 100%!important;order:1}
  body .mainbar .logo-mark{transform:scale(.85);transform-origin:left center}
  body .logo-text{font-size:22px!important}
  body .logo-text small{font-size:10px!important;letter-spacing:.1em!important}
  body .mainbar .account{order:2;flex:1 1 100%!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;justify-content:space-between}
  body .mainbar .account .btn{flex:1 1 0;min-width:0;text-align:center;justify-content:center;padding:9px 6px!important;font-size:12px!important;letter-spacing:.05em!important;white-space:nowrap}
  body .mainbar .account .btn:only-child{flex:1 1 100%}
  body .mainbar .search{order:3;flex:1 1 100%!important;width:100%!important;max-width:100%!important;min-width:0}
  body .mainbar .search input[type=search]{min-width:0;font-size:15px!important;width:100%}
  body .mainbar .search button{padding:0 8px!important;font-size:13px}

  /* country + policies + categories */
  body .countrynav{height:auto!important;overflow:visible!important}
  body .countrynav .wrap{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;height:auto!important;padding:10px 14px!important;overflow:visible!important;align-items:stretch}
  body .countrynav .countrynav-label{grid-column:1 / -1;font-size:11px!important;margin:0!important}
  body .countrynav .wrap > a{margin:0!important;width:auto!important;text-align:center;justify-content:center;display:flex!important;align-items:center;padding:9px 6px!important;font-size:13px!important;white-space:nowrap}
  html body .countrynav .hd-policies{margin-left:0!important;padding:9px 6px!important;grid-column:1}
  body .countrynav .wrap > a:not(.hd-policies){border:1px solid rgba(242,182,50,.35);border-radius:4px}
  body .cat-dd{grid-column:2;position:relative!important;margin:0!important;width:100%!important;order:99}
  body .cat-dd-btn{width:100%!important;height:100%;justify-content:center;padding:9px 6px!important;font-size:13px!important}
  body .cat-dd-menu,body .cat-dd-panel{max-width:calc(100vw - 28px)!important;left:0!important;right:auto!important}

  /* hero */
  body .tb-hero{grid-template-columns:1fr!important;gap:12px!important}
  body .tb-hero-tiles{grid-template-columns:1fr 1fr!important;gap:10px!important}
  body .tb-hero-tiles .tb-tile{padding:10px!important}

  /* marketplace strip */
  body .mk-strip{gap:10px 16px!important;padding:12px 10px!important;justify-content:center}
  body .mk-strip img{height:22px!important}

  /* category icon row: scroll sideways, no overlap */
  body .tb-icon-row{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding:8px 4px 10px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  body .tb-icon-row::-webkit-scrollbar{display:none}
  body .tb-icon-row .tb-icon{flex:0 0 84px!important;width:84px!important;font-size:11px!important;line-height:1.25;text-align:center;word-break:normal;overflow-wrap:break-word}
  body .tb-icon-row .tb-icon-more{display:none!important}

  /* headings + sections */
  body .tb-sec{padding:14px 12px!important;border-radius:14px!important}
  body h1{font-size:26px!important;line-height:1.2}
  body h2{font-size:22px!important}
  body .wrap{padding-left:14px;padding-right:14px}

  /* product cards */
  body .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body .card .title{font-size:13px!important;line-height:1.35}
  body .card .price{font-size:16px!important}
  body .card .btn,body .card .snd-add{font-size:12px!important;padding:8px 6px!important}

  /* footer */
  body .footer-grid{grid-template-columns:1fr!important;gap:18px!important}


  /* policies pill full width when alone */
  html body .countrynav .hd-policies{grid-column:1 / -1}
  html body .countrynav .wrap:has(.cat-dd) .hd-policies{grid-column:1}

  /* account pages */
  body .account-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  body .account-layout > *{min-width:0}
  body .sidenav{position:static!important}
  body .table-wrap,body .tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  body .tabs{display:flex;flex-wrap:nowrap;white-space:nowrap;gap:6px}
  body table{font-size:13px}
  body .stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  body .stat{padding:10px 8px!important}
  body .stat .num,body .stat b{font-size:20px!important}

  /* forms + generic two-column layouts */
  body form .row,body .form-row,body .form-grid,body .two-col,body .cols-2{grid-template-columns:1fr!important}
  body input,body select,body textarea{max-width:100%}
  body input[type=text],body input[type=email],body input[type=tel],body input[type=number],body input[type=password],body select,body textarea{font-size:16px!important}

  /* hero tiles a bit tighter */
  body .tb-hero-tiles .tb-tile{gap:8px!important;min-width:0}
  body .tb-hero-tiles .tb-tile > *{min-width:0}
  body .tb-hero-tiles .tb-tile .chev,body .tb-hero-tiles .tb-tile > svg:last-child{display:none!important}

  /* floating cart */
  body .snd-cart-fab{right:12px!important;bottom:12px!important;transform:scale(.9)}
}
@media (max-width: 400px){
  body .mainbar .account .btn{font-size:11px!important;padding:9px 4px!important}
  body .tb-icon-row .tb-icon{flex-basis:78px!important;width:78px!important}
}