/* Mobile product catalogue: comfortable tap targets and prevent iOS input zoom. */
@media (max-width: 800px) {
  body[data-page="products"] .catalog-brand-field select {
    font-size: 16px;
    min-height: 44px;
  }
  body[data-page="products"] .catalog-categories .catalog-category {
    min-width: 44px;
    min-height: 44px;
    justify-content: center;
  }
  body[data-page="products"] .catalog-reset {
    min-width: 44px;
    min-height: 44px;
  }
}

/* Keep primary navigation visible on tablets; stack the header on compact widths. */
@media (min-width: 601px) and (max-width: 1250px) {
  .site-header .desktop-nav, html[lang="th"] .site-header .desktop-nav {
    display:flex; min-width:0; gap:clamp(8px,1.5vw,18px); font-size:clamp(13px,1.5vw,14px);
  }
  .site-header .menu-toggle, html[lang="th"] .site-header .menu-toggle {display:none}
  .site-header .header-tools>.languages {display:none}
  .site-header .header-language-picker {display:block}
  .site-header .header-language-trigger {min-height:44px}
  .site-header .header-tools {margin-left:0; gap:10px; flex:none}
  .site-header {gap:clamp(10px,1.5vw,20px);padding-inline:clamp(16px,2.6vw,28px)}
  .site-header .brand {width:clamp(112px,15vw,156px)}
  .site-header .nav-group {padding:0}
  .site-header .nav-top {min-height:44px;padding:10px 0}
  .site-header .nav-dropdown {top:100%}
}
@media (min-width: 601px) and (max-width: 1023px) {
  .site-header .header-tools>.button {display:none}
}
@media (min-width: 601px) and (max-width: 899px) {
  .site-header {gap:6px;padding-inline:clamp(12px,2vw,18px)}
  .site-header .brand {width:clamp(88px,14vw,120px)}
  .site-header .desktop-nav,html[lang="th"] .site-header .desktop-nav {gap:clamp(5px,1vw,9px);font-size:clamp(12px,1.7vw,13px)}
  .site-header .header-tools {gap:0}
  .site-header .header-language-trigger {min-width:44px;padding-inline:5px}
}
@media (min-width: 1024px) and (max-width: 1599px) {
  html[lang="th"] .site-header .desktop-nav {display:flex}
  html[lang="th"] .site-header .menu-toggle {display:none}
}
/* The rightmost menu opens inward and never extends beyond the viewport. */
.site-header .nav-group:last-of-type .nav-dropdown{left:auto;right:0;max-width:calc(100vw - 32px)}