/* Mobile chrome and footer refinements. Page typography and spacing are owned
   by typography-layout.css across every viewport. */
@media (max-width:760px) {
  /* Lighter action labels, with the existing full-size touch areas retained. */
  :is(#main,#footer,#overlay-root) .button { font-size:.8125rem!important; font-weight:650; padding:10px 14px; }
  #overlay-root :is(.quick-product h2,.modal h2,.bag-content h2) { font-size:1.375rem; line-height:1.25; letter-spacing:-.025em; }
  #footer .footer-newsletter h2 { font-size:var(--type-section,1.375rem); line-height:1.3; letter-spacing:-.025em; }

  /* Smaller artwork inside the existing touch targets. */
  :is(#header,#main,#footer,#overlay-root) :is(.button,.icon-button,.icon-btn,.product-save,.product-add,.mobile-filter-toggle,.shop-filter-close) > svg {
    width:18px; height:18px; min-width:18px;
  }
  :is(#header,#main) .explore-search-clear > svg,
  #overlay-root :is(.modal-close,.drawer-close,.shop-filter-close) > svg {
    width:16px; height:16px; min-width:16px;
  }

  /* Compact search chrome; editable text retains the zoom-safe input size. */
  #header .header-search { min-height:46px; border-radius:8px; }
  #header .header-search input {
    min-height:44px; padding:8px 44px 8px 38px!important; line-height:1.5;
  }
  #header .header-search input::placeholder,
  #main .explore-page-search input::placeholder { font-size:.8125rem; font-weight:400; opacity:1; }
  #header .header-search > svg { left:13px; width:16px; height:16px; }
  #header .header-search > button[type=submit] { top:0; right:0; width:44px; height:44px; padding:12px; }
  #header .header-search > button[type=submit] > svg { width:16px; height:16px; min-width:16px; }
  #header .header-search .explore-search-clear { top:0; right:44px; }
  #header .header-search:has(.explore-search-clear:not([hidden])) input { padding-right:88px!important; }
  :is(#header,#main) .search-suggestions [role=option] strong { font-size:.8125rem; }
  #overlay-root .mobile-nav-group > summary { font-size:.875rem; }

  /* Responsive footer layout is owned by footer.css. */
}