/* Fashionista Global — phone optimisation (v20261005a). Applies on screens <= 700px only. Desktop unchanged. */
@media (max-width:700px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{-webkit-tap-highlight-color:rgba(201,168,76,.15)}
  img,video{max-width:100%}

  /* inputs at 16px stop iPhone auto-zoom when tapping a field */
  input,select,textarea{font-size:16px!important}

  /* small caps labels / eyebrows / headings -> 12px */
  .page-eyebrow,.founders-hero-eyebrow,.eyebrow,.section-eyebrow,.about-eyebrow,.ugc-eyebrow,.nl-eyebrow,
  .pd-eyebrow,.cs-eyebrow,.section-label,.foot-col-title,.opt-lbl,.share-lbl,.ugc-spots-lbl,.ob-row-label,
  .cs-cta-label,label,th,.ann,.hood-spec,.feat-meta,.ugc-step-txt,.ugc-step-num,.nl-note,.cs-footnote,
  .founder-title,.founder-text-role,.spec-pill,.pillar-num,.breadcrumb,.rating-count,.ln-col,.ca-legal,
  .foot-brand-sub,.foot-copy,.ln-badge,.soc,.p-usd,.trust-txt,.badge-item{font-size:12px!important}
  .ann{letter-spacing:1px!important;line-height:1.5}

  /* prices */
  .p-orig,.feat-orig{font-size:13px!important}

  /* badges, tiny UI bits */
  .card-badge{font-size:10.5px!important;padding:4px 8px!important}
  .logo-sub,.cart-count{font-size:10px!important}
  .currency-pill{font-size:11px!important}

  /* buttons: readable and thumb-sized */
  .card-btn-atc,.card-btn-buy,.overlay-btn,.filter-btn,.coupon-btn,.pay-tab,.submit-btn,.btn-gold,
  .btn-outline,.nl-btn,.ugc-cta-btn,.sh-btn,.sz-btn,.pg-btn,.tab-nav-btn,.btn-wish,.sg-link{font-size:12px!important;letter-spacing:1px!important}
  .card-btn-atc,.card-btn-buy,.filter-btn,.pay-tab,.submit-btn,.btn-gold,.btn-outline,.nl-btn,.sh-btn{min-height:44px}

  /* size chips: bigger tap targets */
  .sz,.sz-btn{font-size:12px!important;min-width:40px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}
  .sizes{gap:6px!important;flex-wrap:wrap}
  .card-name{font-size:14px!important}

  /* checkout payment tabs must wrap, not push the page sideways */
  .pay-tabs,.pay-tabs-row{flex-wrap:wrap}
  .pay-tab{min-width:0;flex:1 1 45%;white-space:normal;text-align:center}

  /* size-guide tables scroll inside themselves instead of widening the page */
  .size-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  table{max-width:100%}
  .size-table th,.size-table td{padding:10px 12px!important}

  /* checkout: grid column must be allowed to shrink */
  .co-page{grid-template-columns:minmax(0,1fr)!important}
  .co-page *{min-width:0}
  .pay-tabs{flex-wrap:wrap}
  .pay-tab{white-space:normal!important;line-height:1.35}

  /* coming-soon page (new-arrivals) */
  .cs-page{padding:48px 20px!important}
  .cs-inner{width:100%;min-width:0}
  .cs-specs{gap:8px}
  .spec-pill{white-space:normal;text-align:center}
  .cs-form{flex-wrap:wrap}
  .cs-form input{min-width:0;width:100%;flex:1 1 100%}
  .cs-form button{flex:1 1 100%;min-height:44px}

  .foot-social{flex-wrap:wrap}

  #free-ship-bar{font-size:12px!important;letter-spacing:1px!important;line-height:1.5}
  #free-ship-bar a{font-size:12px!important}

  /* inline-styled small text (promo bars, notes, badges) */
  [style*="font-size:8px"],[style*="font-size:9px"],[style*="font-size:10px"],[style*="font-size:11px"]{font-size:12px!important}
  button{font-size:max(12px,1em)}
  [style*="font-size: 8px"],[style*="font-size: 9px"],[style*="font-size: 10px"],[style*="font-size: 11px"]{font-size:12px!important}
  .cs-form button,.order-box span{font-size:max(12px,1em)}
  .cs-form button{font-size:12px!important}

  /* promo strip scrolls away instead of eating a third of the screen */
  #free-ship-bar{position:static!important;padding:8px 14px!important}
  .pay-tab:not(.active){background:transparent}
}
