/* Responsive preparation; not an iPhone Duo hardware/SDK certification.
   Native bounds and env() are combined with max(), never added twice. */
:root{
  --tw-safe-top:max(env(safe-area-inset-top,0px),var(--tw-native-safe-top,0px));
  --tw-safe-right:max(env(safe-area-inset-right,0px),var(--tw-native-safe-right,0px));
  --tw-safe-bottom:max(env(safe-area-inset-bottom,0px),var(--tw-native-safe-bottom,0px));
  --tw-safe-left:max(env(safe-area-inset-left,0px),var(--tw-native-safe-left,0px));
}
html[data-tw-native="ios"] .phone{
  width:100%;max-width:none;height:var(--tw-app-height,100dvh);min-height:0!important;
}
html[data-tw-native="ios"][data-experience="v2-reboot"] .topbar{
  min-height:calc(74px + var(--tw-safe-top))!important;
  padding:calc(10px + var(--tw-safe-top)) max(12px,var(--tw-safe-right)) 10px max(12px,var(--tw-safe-left))!important;
}
html[data-tw-native="ios"][data-experience="v2-reboot"] .scroll{
  min-height:0;min-width:0;width:100%;
  padding-left:max(16px,var(--tw-safe-left))!important;
  padding-right:max(16px,var(--tw-safe-right))!important;
}
/* Keep the same navigation on both sides of a resize instead of swapping
   between two different sets of controls at 768px. */
html[data-tw-native="ios"][data-experience="v2-reboot"] .topnav{display:none!important}
html[data-tw-native="ios"][data-experience="v2-reboot"] #profileBtn{display:grid!important}
html[data-tw-native="ios"][data-experience="v2-reboot"] #nav{
  position:fixed!important;left:max(10px,var(--tw-safe-left))!important;right:max(10px,var(--tw-safe-right))!important;
  bottom:max(8px,var(--tw-safe-bottom))!important;width:auto!important;max-width:580px!important;
  height:70px!important;min-height:70px!important;margin-inline:auto!important;transform:none!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;
  padding:6px!important;border:1px solid var(--line)!important;border-radius:22px!important;
  background:var(--nav)!important;overflow:hidden!important;z-index:50!important;
}
html[data-tw-native="ios"][data-experience="v2-reboot"] #nav button{
  position:relative!important;min-width:0!important;width:auto!important;min-height:56px!important;height:56px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  padding:4px 2px!important;border-radius:16px!important;gap:4px!important;
}
html[data-tw-native="ios"][data-experience="v2-reboot"] #nav button::before{display:none!important}
html[data-tw-native="ios"][data-experience="v2-reboot"] #nav button svg{
  position:static!important;width:22px!important;height:22px!important;margin:0!important;padding:0!important;transform:none!important;
}
html[data-tw-native="ios"][data-experience="v2-reboot"] #nav button span[data-t]{
  position:static!important;line-height:1.2!important;font-size:10px!important;
}
html[data-tw-native="ios"][data-experience="v2-reboot"] #nav button[data-s="sell"]{
  background:var(--brand-fill)!important;color:#fff!important;
}
html[data-tw-native="ios"][data-experience="v2-reboot"] #nav button[data-s="sell"] svg,
html[data-tw-native="ios"][data-experience="v2-reboot"] #nav button[data-s="sell"] span[data-t]{color:#fff!important}
html[data-tw-native="ios"][data-experience="v2-reboot"] #nav button.on:not([data-s="sell"]){
  background:var(--brand-soft)!important;color:var(--brand-text)!important;
}
html[data-tw-native="ios"][data-experience="v2-reboot"] .scroll{
  padding-bottom:calc(96px + var(--tw-safe-bottom))!important;
}
html[data-tw-native="ios"][data-tw-keyboard="true"] #nav{visibility:hidden!important;pointer-events:none!important}
html[data-tw-native="ios"][data-tw-keyboard="true"] .scroll{padding-bottom:20px!important}

/* Sheets, full-screen photos and onboarding stay inside the visible window,
   including a short landscape window or the on-screen keyboard. */
html[data-tw-native="ios"] .modal{
  top:var(--tw-visible-top,0px);bottom:auto;height:var(--tw-visible-height,100dvh);
  padding:var(--tw-safe-top) var(--tw-safe-right) var(--tw-safe-bottom) var(--tw-safe-left);
}
html[data-tw-native="ios"][data-experience="v2-reboot"] .modal:not(.image-viewer) .sheet{
  max-height:calc(var(--tw-visible-height,100dvh) - var(--tw-safe-top) - var(--tw-safe-bottom) - 12px)!important;
  overflow-y:auto;overscroll-behavior:contain;
}
html[data-tw-native="ios"] .modal.image-viewer{padding:0}
html[data-tw-native="ios"] .modal.image-viewer .sheet{height:var(--tw-visible-height,100dvh);max-height:none!important}
html[data-tw-native="ios"] .dt-lightbox{
  padding:max(12px,var(--tw-safe-top)) max(12px,var(--tw-safe-right)) max(14px,var(--tw-safe-bottom)) max(12px,var(--tw-safe-left));
}
.v2-language-choice{max-height:var(--tw-visible-height,100dvh);overflow-y:auto;overscroll-behavior:contain}
.v2-language-card{max-height:calc(var(--tw-visible-height,100dvh) - 48px - var(--tw-safe-top) - var(--tw-safe-bottom));overflow-y:auto}
html[data-tw-native="ios"] .mw-root{
  top:var(--mw-viewport-top,0px)!important;left:var(--mw-viewport-left,0px)!important;right:auto!important;bottom:auto!important;
  width:var(--mw-viewport-width,100vw)!important;height:var(--mw-viewport-height,100dvh)!important;max-width:none!important;margin:0!important;
}
html[data-tw-native="ios"][data-tw-layout="expanded"]{--v2-page-width:1040px}
.market-adaptive-filters{display:contents}
/* A wider window gains a filter side panel, not an oversized phone layout. */
html[data-tw-native="ios"][data-tw-layout="expanded"] #s-market.on{
  display:grid;grid-template-columns:minmax(220px,28%) minmax(0,1fr);gap:12px 16px;align-items:start;
  grid-template-areas:"title title" "search search" "filters results" "filters listings";
}
html[data-tw-native="ios"][data-tw-layout="expanded"] #s-market>.market-title-row{grid-area:title;margin:0}
html[data-tw-native="ios"][data-tw-layout="expanded"] #s-market>.market-search{grid-area:search;margin:0}
html[data-tw-native="ios"][data-tw-layout="expanded"] .market-adaptive-filters{grid-area:filters;display:flex;flex-direction:column;gap:12px;min-width:0}
html[data-tw-native="ios"][data-tw-layout="expanded"] .market-adaptive-filters>*{margin:0!important;min-width:0}
html[data-tw-native="ios"][data-tw-layout="expanded"] .market-adaptive-filters .v3-market-tools{grid-template-columns:1fr}
html[data-tw-native="ios"][data-tw-layout="expanded"] .market-category-quick #catChips .chip{min-width:0;flex:1 1 42%;padding-inline:7px}
html[data-tw-native="ios"][data-tw-layout="expanded"] #s-market>.listbar{grid-area:results;margin:0;min-width:0}
html[data-tw-native="ios"][data-tw-layout="expanded"] #s-market>#listGrid{grid-area:listings;min-width:0;margin:0}
html[data-tw-native="ios"][data-tw-layout="expanded"] #s-market>#listGrid .card{grid-template-columns:minmax(140px,34%) minmax(0,1fr)}
html[data-tw-native="ios"] #s-market #listGrid .card .thumb{width:100%;min-width:0;max-width:none;flex-basis:auto}
html[data-tw-native="ios"][data-tw-layout="expanded"] #s-market #listGrid .card{min-height:166px}
html[data-tw-native="ios"][data-tw-layout="expanded"] #s-market #listGrid .card .thumb{min-height:166px}
html[data-tw-native="ios"][data-tw-layout="expanded"] #s-market #listGrid .card .body{align-items:flex-start;text-align:start;padding:16px}
html[data-tw-native="ios"][data-tw-layout="expanded"] #s-market #listGrid .card .ttl{font-size:15px}
html[data-tw-native="ios"][data-tw-short="true"][data-experience="v2-reboot"] .topbar{
  min-height:calc(56px + var(--tw-safe-top))!important;
  padding-top:calc(4px + var(--tw-safe-top))!important;padding-bottom:4px!important;
}
html[data-tw-native="ios"][data-tw-short="true"][data-experience="v2-reboot"] .scroll{padding-top:10px!important}
html[data-tw-native="ios"][data-tw-short="true"] #s-market .market-title-row .sub{display:none}
html[data-tw-native="ios"][data-tw-short="true"] #s-market .market-title-row .h1{font-size:24px!important;margin:0}
html[data-tw-native="ios"][data-tw-short="true"] #s-market .market-search{height:44px}
@media(prefers-reduced-motion:reduce){
  html[data-tw-native="ios"] .phone,html[data-tw-native="ios"] #nav{transition:none!important}
}