/* VDD_MOBILE_POLISH_V2: customer-facing phone layout, AFTER responsive-v1.css */
@media (max-width:600px) {
  /* Fully opaque header: content must never bleed through during scroll. */
  header { background: #f4f3ef !important; backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important; border-bottom: 1px solid #dedbd4;
    isolation: isolate; }
  header .wrap { background:#f4f3ef; }
  /* Keep a horizontal nav, but avoid the browser's distracting scrollbar. */
  .site-nav {scrollbar-width:none; -ms-overflow-style:none;
    scroll-snap-type:x proximity; padding-bottom:7px; }
  .site-nav::-webkit-scrollbar {display:none;}
  .site-nav a {scroll-snap-align:start;}
  /* On the catalog, the full-featured catalog search is immediately below. */
  body.vdd-catalog-mobile .head .search {display:none !important;}
  body.vdd-catalog-mobile .toolbar #search {grid-column:1/-1;}
  /* Collapsed mobile header keeps brand + cart; menu opens search and links. */
  header.vdd-mobile-compact .head {padding-top:7px;padding-bottom:7px;
    flex-wrap:nowrap;gap:8px;}
  header.vdd-mobile-compact .head .logo {font-size:19px;min-width:0;}
  header.vdd-mobile-compact .head .head-actions {margin-left:auto;}
  header.vdd-mobile-compact .head .head-actions .iconbtn {min-height:37px;padding:7px 10px;}
  header.vdd-mobile-compact .head .search,
  header.vdd-mobile-compact .site-nav {display:none !important;}
  .vdd-mobile-menu-toggle {display:none;min-height:37px;padding:7px 11px;
    align-items:center;gap:6px;border:1px solid #dedbd4;border-radius:12px;
    background:#fff;color:#163e34;font-size:12px;font-weight:800;cursor:pointer;}
  header.vdd-mobile-compact .vdd-mobile-menu-toggle {display:inline-flex;}
  header.vdd-mobile-compact.vdd-mobile-expanded .head {flex-wrap:wrap;}
  header.vdd-mobile-compact.vdd-mobile-expanded .site-nav {display:flex !important;}
  header.vdd-mobile-compact.vdd-mobile-expanded .head .search {display:block !important;
    order:3;flex:0 0 100%;width:100%;}
  header.vdd-mobile-compact.vdd-mobile-expanded .head .search input {min-height:44px;}
  header.vdd-mobile-compact.vdd-mobile-expanded + main {pointer-events:auto;}
  /* The catalog already has search, so don't show a redundant one in the menu. */
  body.vdd-catalog-mobile header.vdd-mobile-compact.vdd-mobile-expanded .head .search {display:none !important;}
  .vdd-mobile-menu-toggle:focus-visible {outline:3px solid #e5a23e;outline-offset:3px;}
}
@media(max-width:359px) {
  header.vdd-mobile-compact .head .logo {font-size:17px;}
  header.vdd-mobile-compact .head .head-actions .iconbtn {padding:7px 8px;}
  .vdd-mobile-menu-toggle {padding:7px 8px;}
}