/* Shared phone-first usability layer. */
html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
@media (max-width: 720px) {
  main { overflow: hidden; }
  img, video, iframe, canvas, svg { max-width: 100%; }
  input, select, textarea { font-size: 16px !important; max-width: 100%; }
  button, .btn, .add-cart, .icon-btn, .cart-btn { touch-action: manipulation; }
  .menu-btn, .header-actions .icon-btn, .header-actions .cart-btn { min-width: 40px; min-height: 40px; }
  .main-nav { max-height: calc(100dvh - 82px); overflow-y: auto; overscroll-behavior: contain; }
  .main-nav a { min-height: 48px; }
  .main-nav.open { animation: mobileMenuIn .18s ease-out; }
  .section-head, .insta-head, .cart-item, .wishlist-item, .account-content, .product-details, .product-info, .checkout-row, .address-item-card { min-width: 0; }
  .section-head { gap: 12px; align-items: flex-start; }
  .section-head a, .insta-head a { flex: 0 0 auto; min-height: 36px; display: inline-flex; align-items: center; }
  .product-title, .cart-item *, .wishlist-item *, .address-item-card * { overflow-wrap: anywhere; }
  table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (max-width: 390px) {
  .site-header { padding-left: 10px; padding-right: 10px; gap: 4px; }
  .brand { gap: 7px; }
  .brand-mark { width: 42px; height: 42px; }
  .brand-mark img { width: 29px; height: 29px; }
  .brand-copy strong { font-size: 14px; }
  .brand-copy small { font-size: 6px; letter-spacing: 1.35px; }
  .header-actions { gap: 1px; }
  .header-actions .icon-btn, .header-actions .cart-btn { min-width: 32px; width: 32px; min-height: 38px; height: 38px; }
  .menu-btn { min-width: 36px; width: 36px; }
}
@keyframes mobileMenuIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }