/* ============ GLOBAL MOBILE & POLISH OVERRIDES ============ */
*, *::before, *::after { box-sizing: border-box; }
html, body { max-width: 100vw; overflow-x: hidden; }
img, video, iframe { max-width: 100%; height: auto; }

/* Common containers — keep them readable on small screens */
.container { width: 100%; max-width: 1320px; margin: 0 auto; padding-left: 16px; padding-right: 16px; }

/* Buttons / inputs: prevent iOS zoom on focus */
@media (max-width: 980px){
  input[type="text"], input[type="email"], input[type="password"],
  input[type="search"], input[type="tel"], input[type="number"],
  textarea, select { font-size: 16px !important; }
}

/* TABLET BREAK */


/* PHONE BREAK */


/* TINY phones */


/* hide breadcrumb scrollbar on mobile */
.breadcrumbs { -ms-overflow-style: none; scrollbar-width: none; }
.breadcrumbs::-webkit-scrollbar { display: none; }
@media (max-width: 640px){
  .breadcrumbs { overflow-x: auto; white-space: nowrap; }
}

/* ========== HEADER MOBILE FIX (avoid duplication w/ bottom mobile-nav) ========== */




/* Also hide catalog button on tablet — keep clean, since main-nav has Categories link & site is OK without */