/* Layout follows viewport width; phone styles remain the baseline. */
.detail-overview,.detail-purchase{display:contents}
@media (min-width:768px){
  .app{width:100%;max-width:none}
  .screen{padding:20px 28px 32px}
  .grid,.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .card{min-width:0}
  .card h3{overflow-wrap:anywhere}
  .market-row{margin:28px 0 8px}
  .market-row-title{padding:0 0 14px}
  .listing-rail{padding:4px 0 18px;gap:20px;scrollbar-width:thin}
  .listing-rail::-webkit-scrollbar{display:block;height:8px}
  .listing-rail .card{flex-basis:calc((100% - 40px)/3)}
  .card img,.placeholder,.listing-rail .card img,.listing-rail .placeholder{height:auto;aspect-ratio:4/3;object-fit:cover}
  .live-hero{min-height:300px;padding:32px}
  .hero-content{max-width:560px}
  .live-hero h1{font-size:38px}
  #sell,#profileSettingsView,#safety{max-width:960px;margin-inline:auto}
}
@media (min-width:1024px){
  :root{--desktop-gutter:clamp(28px,3vw,64px)}
  body{font-size:16px}
  .app,.detail-bidding .app{padding-top:76px;padding-bottom:32px;box-shadow:none;backdrop-filter:none}
  #bottomNav{top:0;bottom:auto;left:0;transform:none;width:100%;height:76px;border-radius:0;padding:10px var(--desktop-gutter);display:flex;justify-content:flex-end;gap:12px;background:#091422f5}
  #bottomNav button{display:flex;align-items:center;justify-content:center;gap:10px;width:auto;min-width:116px;height:54px;padding:10px 18px;font-size:14px}
  #bottomNav button b{display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1}
  #bottomNav #navBack{margin-right:auto}
  #bottomNav .nav-sell{transform:none;background:linear-gradient(135deg,#ff5966,#dc263c)}
  #bottomNav .nav-sell b{width:auto;height:auto;margin:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:26px}
  #appHeader{top:76px;display:grid;grid-template-columns:minmax(240px,1fr) minmax(360px,2fr);gap:32px;padding:18px var(--desktop-gutter);transform:none;background:#091422f5}
  #appHeader.header-collapsed{transform:none}
  #appHeader .header-brand{max-height:none;min-width:0}
  #appHeader .search{margin:0;min-width:0}
  #appHeader .search input{font:inherit;min-height:48px}
  .screen{padding:24px var(--desktop-gutter) 40px}
  .grid,.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
  .listing-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;overflow:visible}
  .listing-rail .card{width:100%}
  .card h3{font-size:16px}
  .card .meta,.card .location-line{font-size:13px}
  .card .price{font-size:22px}
  .live-hero{min-height:320px;padding:40px}
  .live-hero h1{font-size:44px}
  .promoted-story-row,.story-row{gap:20px}
  .filter-sheet{top:50%;bottom:auto;transform:translate(-50%,-50%);width:640px;max-height:85dvh;border-radius:24px;padding:24px;animation:none;overflow-y:auto}
  .filter-actions{bottom:-24px;margin:20px -24px -24px;padding:16px 24px}
  .filter-backdrop{z-index:80}.filter-sheet{z-index:81}
  #profile{max-width:1100px;margin-inline:auto}
  #profile .profile-card{text-align:left;padding:32px}
  #profile .profile-card .avatar{margin:0}
  #profile .menu{display:grid;grid-template-columns:1fr 1fr}
  #profile .menu button{min-width:0;gap:16px}
  #myListings,#transactionList,#adminUsers,#pendingListings,#pendingIdentities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  #myListings>*,#transactionList>*,#adminUsers>*{min-width:0}
  .screen#detail{padding:0 var(--desktop-gutter) 40px}
  .listing-detail-page{padding:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}
  .listing-detail-page>*{min-width:0;margin-top:0}
  .listing-detail-page .detail-topbar{grid-column:1/-1;position:relative;top:auto;margin:0;padding:10px 0;z-index:20;background:transparent;backdrop-filter:none}
  .detail-topbar .detail-icon{color:#fff;background:#ffffff10}
  .detail-menu{top:64px;right:0}
  .detail-overview{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}
  .detail-overview>*{min-width:0}
  .detail-purchase{display:block;position:sticky;top:190px}
  .detail-purchase .listing-offer-card{margin-top:0;padding:24px}
  .listing-offer-card strong{font-size:36px}
  .next-bid-card{padding:24px;color:#111827}
  .next-bid-card span{color:#5d6878;font-size:14px}
  .listing-photo-stage{scrollbar-width:thin}
  .listing-photo-stage .detail-img{height:clamp(360px,34vw,620px);object-fit:contain;flex-basis:100%}
  .detail-no-photo{height:400px}
  .listing-title-wrap{padding:24px}
  .listing-title-wrap h1{font-size:30px;overflow-wrap:anywhere}
  .detail-section{padding:24px}
  .description-section{grid-column:1}
  .seller-profile-row{grid-column:2;padding:24px}
  .listing-detail-page>.price-editor,.listing-detail-page>#promoteBtn{grid-column:1/-1}
  .listing-detail-page>.related-section{grid-column:1/-1}
  .related-rail{gap:20px;padding:4px 0 14px;scrollbar-width:thin}
  .related-rail .card{flex-basis:calc((100% - 60px)/4)}
  .related-rail .card img,.related-rail .placeholder{height:auto;aspect-ratio:4/3}
  .related-rail .card h3{font-size:16px}.related-rail .price{font-size:22px}
  .detail-action-dock{display:none}
  .toast{bottom:24px;max-width:calc(100% - 48px)}
  .auth-wrap{padding:40px var(--desktop-gutter)}
  .auth-card{width:min(1240px,100%);padding:32px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:48px;align-items:start}
  .auth-card>*{min-width:0;grid-column:2}
  .auth-card .auth-brand{grid-column:1;grid-row:1;margin:0}
  .auth-card .auction-intro{grid-column:1;grid-row:2/7;height:100%;min-height:420px;margin:18px 0 0}
  .auth-card .welcome-copy{grid-column:2;grid-row:1;text-align:left;padding:0}
  .auth-card .tabs{grid-row:2}
  .auth-card #authForm{grid-row:3}
  .auth-card #forgot{grid-row:4;justify-self:start}
  .auth-card #authMessage{grid-row:5}
  .auth-card .welcome-copy h1{font-size:36px}
}
@media (min-width:1600px){
  .grid,.category-grid,.listing-rail{grid-template-columns:repeat(5,minmax(0,1fr))}
  .related-rail .card{flex-basis:calc((100% - 80px)/5)}
}