/* DontHurtUs v6 — mobile-first auction UI */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --red:#c41e3a;--red-dark:#9a1830;--red-soft:#f4ecee;
  --blue:#1e90ff;--blue-dark:#1573cc;--blue-soft:#e8f2ff;
  --green:#0a9f4f;--green-soft:#e6f9ee;
  --bg:#fff;--bg-soft:#f4f6fa;--bg-muted:#e8ecf4;
  --text:#12151c;--text-soft:#2d3340;--line:#dde3ef;
  --shadow:0 2px 16px rgba(18,21,28,.06);
  --shadow-lg:0 12px 40px rgba(18,21,28,.1);
  --font:'DM Sans',system-ui,sans-serif;
  --display:'Fraunces',Georgia,serif;
  --radius:16px;--radius-sm:12px;
  --tap:48px;--nav-h:64px;--mob-nav-h:68px;
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-t:env(safe-area-inset-top,0px);
}
html{scroll-behavior:smooth;color-scheme:light;-webkit-text-size-adjust:100%}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;padding-top:var(--topbar-h,88px);padding-bottom:calc(var(--mob-nav-h) + var(--safe-b))}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
button,input,select,textarea{font:inherit}
main{min-height:50vh}
.wrap,.container{max-width:1180px;margin:0 auto;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}
.container{padding-top:1.25rem;padding-bottom:2rem}
.page-head{margin-bottom:1rem}
.page-head h1{font-family:var(--display);font-size:clamp(1.5rem,4vw,2rem);font-weight:800;line-height:1.15}
.lead{color:var(--text-soft);font-size:1rem;margin-top:.35rem}

/* Header */
/* topbar moved v22 */
.brand{grid-area:brand;display:flex;align-items:center;gap:.5rem;min-height:var(--tap)}
.brand-name{font-family:var(--display);font-size:1.15rem;font-weight:800;letter-spacing:-.02em}
.brand .accent{color:var(--red)}
.search-wrap{grid-area:search;position:relative;min-width:0}
.search{display:flex;align-items:center;gap:.45rem;background:var(--bg-soft);border:1.5px solid var(--line);border-radius:999px;padding:0 .85rem;min-height:44px;transition:.2s}
.search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,144,255,.12)}
.search svg{color:var(--text-soft);flex-shrink:0}
.search input{flex:1;border:0;background:transparent;padding:.65rem 0;font-size:16px;color:var(--text);outline:0;min-width:0}
.search-ac{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:60;max-height:280px;overflow-y:auto;display:none}
.search-ac a{display:block;padding:.85rem 1rem;border-bottom:1px solid var(--line);font-size:.92rem;color:var(--text)}
.search-ac a:hover,.search-ac a:active{background:var(--bg-soft)}



/* Ticker (ending-soon) — scroller only, no “Ending soon” lead tab */
.ticker-bar{
  background:#1a2332;color:#eef2f7;font-size:.78rem;height:36px;max-height:36px;
  overflow:hidden;display:flex;align-items:stretch;flex-shrink:0;
  border-bottom:1px solid rgba(0,0,0,.12)
}
.ticker-lead{display:none!important} /* label removed — wastes space */
.ticker-viewport{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}
.ticker-bar.is-static .ticker-viewport{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ticker-bar.is-static .ticker-viewport::-webkit-scrollbar{display:none}
.ticker-track{display:flex;flex-wrap:nowrap;align-items:center;gap:1.25rem;white-space:nowrap;width:max-content;min-width:100%;padding:0 .85rem}
.ticker-track.is-animating{animation:ticker-marquee 32s linear infinite}
.ticker-bar a.ticker-item{
  display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;
  color:#eef2f7;text-decoration:none;font-weight:600;line-height:1;white-space:nowrap
}
.ticker-bar a.ticker-item:hover{color:#fff}
.ticker-thumb{width:22px;height:22px;object-fit:cover;border-radius:4px;flex-shrink:0;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08)}
.ticker-title{white-space:nowrap;max-width:12rem;overflow:hidden;text-overflow:ellipsis}
.ticker-time{color:#f5a623;font-weight:700;white-space:nowrap;font-size:.74rem} /* amber time, not pink */
@media(max-width:600px){.ticker-title{max-width:8.5rem}}
@keyframes ticker-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* Buttons */
.btn,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1.4rem;min-height:var(--tap);background:var(--blue);color:#fff;border:0;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(30,144,255,.22);transition:.2s;text-align:center;text-decoration:none}
.buy-now-btn,.bin-btn{background:linear-gradient(#7cc142,#4b8f00)!important;color:#fff!important;border:1px solid #3a6f00!important;box-shadow:0 3px 10px rgba(75,143,0,.25)!important;font-weight:800}
.buy-now-btn:hover,.bin-btn:hover{filter:brightness(1.06)}
.btn:hover,.btn-primary:hover{background:var(--blue-dark)}
.btn-cherry{background:var(--red);color:#fff;box-shadow:0 4px 14px rgba(209,10,60,.22)}
.btn-cherry:hover{background:var(--red-dark)}
.btn-sm{padding:.55rem 1rem;font-size:.88rem;min-height:40px}
.btn-outline{background:#fff;color:var(--text);border:2px solid var(--line);box-shadow:none}
.btn-outline:hover{border-color:var(--blue);color:var(--blue)}
.btn-secondary{background:var(--bg-soft);color:var(--text);border:1.5px solid var(--line);box-shadow:none}
.btn-secondary:hover{border-color:var(--blue);color:var(--blue)}
.badge-link{position:relative}
.badge-link b{position:absolute;top:2px;right:2px;background:var(--red);color:#fff;font-size:.62rem;min-width:18px;height:18px;padding:0 5px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-weight:700}

/* Chips */
.chip-scroll{display:flex;gap:.5rem;overflow-x:auto;padding:.75rem max(1rem,env(safe-area-inset-left)) 1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.chip-scroll::-webkit-scrollbar{display:none}
.chip{flex-shrink:0;padding:.55rem 1rem;background:#fff;border:1.5px solid var(--line);border-radius:999px;font-size:.88rem;font-weight:600;color:var(--text);min-height:40px;display:inline-flex;align-items:center}
.chip:active,.chip:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}
.chip-hot{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}

/* Hero */
.hero{position:relative;background:linear-gradient(180deg,var(--bg-soft) 0%,#fff 100%);border-bottom:1px solid var(--line);overflow:hidden}
.hero-media{position:absolute;inset:0;opacity:.12;pointer-events:none}
.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-inner{position:relative;display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:center;padding:2rem 1rem 2.5rem;max-width:1180px;margin:0 auto}
.tag{display:inline-block;background:var(--green-soft);color:var(--green);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:.4rem .8rem;border-radius:99px;margin-bottom:.85rem}
.hero-copy{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}
.hero-copy h1{font-family:var(--display);font-size:clamp(1.75rem,6vw,3rem);line-height:1.08;margin-bottom:.85rem;font-weight:800}
.hero-copy h1 em{font-style:normal;color:var(--red)}
.hero-copy p{color:var(--text-soft);font-size:1rem;margin-bottom:1.25rem}
.hero-btns{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.25rem}
.hero-btns .btn,.hero-btns .btn-outline{width:100%}
.hero-feats{list-style:none;display:flex;flex-direction:column;gap:.65rem;font-size:.88rem;color:var(--text-soft);font-weight:600}
.hero-feats li{display:flex;align-items:center;gap:.5rem}
.hero-visual img{border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--line);width:100%}
@media(min-width:768px){
  .hero-inner{grid-template-columns:1.1fr .9fr;padding:3rem 1.5rem}
  .hero-btns{flex-direction:row;flex-wrap:wrap}
  .hero-btns .btn,.hero-btns .btn-outline{width:auto}
  .hero-feats{flex-direction:row;flex-wrap:wrap;gap:1rem}
}

/* Promo + stats */
.promo-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:.85rem 1rem;margin:1rem;max-width:1148px;margin-left:auto;margin-right:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);font-size:.88rem;color:var(--text-soft);text-align:center}
.promo-bar strong{color:var(--text)}
.promo-bar a{color:var(--red);font-weight:700}
.promo-dot{width:8px;height:8px;background:var(--green);border-radius:50%;animation:blink 1.5s infinite;flex-shrink:0}
@keyframes blink{50%{opacity:.4}}
.stats-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0 1rem 1.25rem;max-width:1180px;margin:0 auto}
.stat-pill{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;text-align:center;box-shadow:var(--shadow)}
.stat-pill strong{display:block;font-size:1.5rem;color:var(--red);font-family:var(--display);font-weight:800}
.stat-pill span{font-size:.78rem;color:var(--text-soft);font-weight:600}
@media(min-width:640px){.stats-bar{grid-template-columns:repeat(4,1fr)}}

/* Sections + grids */
.section{padding:1.75rem 0}
.section-muted{background:var(--bg-soft);border-block:1px solid var(--line)}
.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:0 1rem;gap:.5rem}
.sec-head h2{font-family:var(--display);font-size:1.25rem;font-weight:800}
.sec-head a{color:var(--blue);font-weight:700;font-size:.88rem;white-space:nowrap}
.live-pill{font-size:.65rem;background:var(--green-soft);color:var(--green);padding:.2rem .5rem;border-radius:99px;font-family:var(--font);font-weight:800;margin-left:.35rem;vertical-align:middle}
.hot-badge{background:var(--red);color:#fff;font-size:.6rem;padding:2px 6px;border-radius:99px;margin-left:4px;vertical-align:middle;font-weight:800}

.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0}
.grid-tight{gap:.6rem}
@media(min-width:540px){.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}}
@media(min-width:900px){.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}

.tile,.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow);display:flex;flex-direction:column}
.tile:active{transform:scale(.98)}
@media(hover:hover){.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:rgba(30,144,255,.3)}}
.tile-img,.card-img{aspect-ratio:1;background:var(--bg-muted);overflow:hidden}
.tile-img img,.card-img img{width:100%;height:100%;object-fit:cover}
.tile-body,.card-body{padding:.85rem;flex:1;display:flex;flex-direction:column}
.tile-body h3,.card-body h3{font-size:.88rem;font-weight:700;margin-bottom:.3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;color:var(--text)}
.tile-price,.price,.card-price{color:var(--green);font-weight:800;font-size:1.05rem;margin-top:auto}
.tile-meta,.meta{font-size:.75rem;color:var(--text-soft);margin-top:.25rem;font-weight:500}
.tile.flash-update{animation:flash .8s ease}
@keyframes flash{0%,100%{box-shadow:var(--shadow)}50%{box-shadow:0 0 0 3px var(--green-soft)}}
.countdown.urgent{color:var(--red);font-weight:700}
.featured-tile{position:relative}
.feat-badge{position:absolute;top:8px;left:8px;background:var(--red);color:#fff;font-size:.68rem;padding:4px 8px;border-radius:99px;z-index:2;font-weight:800}

.cats{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1rem}
.cat-pill{padding:.6rem 1rem;background:#fff;border:1.5px solid var(--line);border-radius:999px;font-size:.88rem;font-weight:600;color:var(--text);min-height:40px;display:inline-flex;align-items:center}
.cat-pill:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}

.steps-row{display:grid;grid-template-columns:1fr;gap:.75rem;padding:0 1rem}
@media(min-width:600px){.steps-row{grid-template-columns:repeat(3,1fr)}}
.step-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem}
.step-num{display:inline-flex;width:30px;height:30px;background:var(--red);color:#fff;border-radius:50%;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;margin-bottom:.5rem}
.step-card h3{font-size:.95rem;margin-bottom:.3rem;font-weight:700}
.step-card p{font-size:.85rem;color:var(--text-soft)}

.feature-row{display:grid;grid-template-columns:1fr;gap:1rem;padding:1.5rem 1rem 2.5rem;max-width:1180px;margin:0 auto}
@media(min-width:600px){.feature-row{grid-template-columns:repeat(3,1fr)}}
.feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.feature-card img{height:120px;width:100%;object-fit:cover}
.feature-card div{padding:1rem}
.feature-card h3{font-size:.95rem;margin-bottom:.25rem;color:var(--red);font-weight:700}
.feature-card p{font-size:.85rem;color:var(--text-soft)}

.empty{grid-column:1/-1;text-align:center;padding:2.5rem 1rem;color:var(--text-soft)}
.empty img{margin:0 auto 1rem;border-radius:var(--radius)}

/* Footer */
.foot{background:#000;border-top:0;padding:2rem 1rem 1.25rem;margin-top:1.5rem;color:#b8c0cc}
.foot a{color:#8ab4ff}
.foot a:hover{color:#fff;text-decoration:underline}
.foot-inner{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:1.1rem;padding-bottom:1.1rem;border-bottom:1px solid #222}
.foot-brand{display:flex;gap:.85rem;align-items:flex-start}
.foot-tagline{font-size:.9rem;color:#e8ecf2;margin:0 0 .25rem;font-weight:600;line-height:1.35}
.foot-sub{font-size:.78rem;color:#8b95a5;margin:0;line-height:1.4}
.foot-sub a{font-weight:700}
.foot-links{display:flex;flex-wrap:wrap;gap:.35rem .2rem}
.foot-links a{color:#c5cdd8;font-weight:600;font-size:.84rem;min-height:36px;display:inline-flex;align-items:center;padding:0 .65rem;border-radius:6px}
.foot-links a:hover{color:#fff;background:#000;outline:1px solid #444;text-decoration:none}
.foot-bottom{max-width:1180px;margin:0 auto;padding-top:.9rem}
.foot-theme{text-align:center;margin:0 0 .75rem}
.foot .theme-toggle{border-color:#333;color:#9aa3b0}
.foot .theme-toggle:hover{border-color:#8ab4ff;color:#fff}
.foot-trust{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .15rem;list-style:none;margin:0 auto .75rem;padding:0;font-size:.78rem;color:#8b95a5;text-align:center}
.foot-trust li{display:inline-flex;align-items:center;white-space:nowrap;padding:0 .55rem}
.foot-trust li+li::before{content:'';width:3px;height:3px;border-radius:50%;background:#444;margin-right:.55rem;display:inline-block}
.foot-trust a{color:#9ec1ff;font-weight:600}
.foot-copy{text-align:center;margin:0;font-size:.75rem;color:#6b7380}
.foot-copy a{color:#8ab4ff}
.foot .cf-brand-logo,.foot .foot-logo,.foot .brand-logo{filter:brightness(0) invert(1)}
.foot .cf-auction-badge{
  flex-shrink:0;padding:.18rem .5rem;border:0;border-radius:3px;
  font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#c62828;line-height:1.2
}

/* Mobile bottom nav */
.mob-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:.35rem max(.5rem,env(safe-area-inset-left)) calc(.35rem + var(--safe-b)) max(.5rem,env(safe-area-inset-right));z-index:180;display:flex;justify-content:space-around;align-items:flex-end;box-shadow:0 -4px 20px rgba(0,0,0,.06)}
.mob-link{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.35rem .5rem;color:var(--text-soft);font-size:.65rem;font-weight:700;min-width:56px;min-height:52px;justify-content:center;border-radius:10px}
.mob-link svg{opacity:.85}
.mob-link:active,.mob-link:hover{color:var(--blue);background:var(--blue-soft)}
.mob-sell{color:var(--blue);margin-top:-12px}
.mob-sell svg{background:var(--blue);color:#fff;border-radius:50%;padding:6px;stroke:#fff}
@media(min-width:900px){.mob-nav{display:none}body{padding-bottom:0}}

/* Inner pages */
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}
.data-table{width:100%;border-collapse:collapse;font-size:.88rem}
.data-table th,.data-table td{padding:.75rem .5rem;text-align:left;border-bottom:1px solid var(--line)}
.data-table th{color:var(--text-soft);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:640px){
  .data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .compare-scroll .data-table{display:table}
}
.filter-form{display:flex;flex-direction:column;gap:.65rem;padding:1rem;background:var(--bg-soft);border-radius:var(--radius);border:1px solid var(--line);margin:0 0 1rem}
.filter-form input,.filter-form select{padding:.75rem .85rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;font-size:16px;min-height:44px;width:100%}
@media(min-width:768px){.filter-form{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.filter-form input,.filter-form select{width:auto;flex:1;min-width:120px}}

.form-page label{display:block;margin-bottom:1rem;font-size:.88rem;font-weight:700;color:var(--text)}
.form-page input,.form-page select,.form-page textarea{width:100%;padding:.8rem .9rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-size:16px;background:#fff;color:var(--text);margin-top:.35rem;min-height:44px}
.form-page input:focus,.form-page select:focus,.form-page textarea:focus{border-color:var(--blue);outline:3px solid rgba(30,144,255,.12)}
.form-page textarea{min-height:120px}

.item-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}
@media(min-width:900px){
  .item-grid{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);gap:1.75rem 2rem;max-width:1100px}
}
/* Gallery: never giant on desktop */
.item-gallery{position:relative;min-width:0;max-width:100%}
.gallery-main{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  display:flex;align-items:center;justify-content:center;
  aspect-ratio:1;width:100%;max-height:min(440px,58vh);overflow:hidden
}
.gallery-main img,.item-gallery .gallery-main img{
  width:100%;height:100%;max-height:min(440px,58vh);object-fit:contain;object-position:center;
  border:0;border-radius:0;display:block;background:#fff
}
.item-gallery > img, .item-gallery img:not(.gallery-thumbs img){
  /* legacy fallback if structure differs */
}
.item-gallery img{border-radius:var(--radius)}
.gallery-thumbs{display:flex;gap:.45rem;margin-top:.55rem;overflow-x:auto;padding-bottom:.2rem;-webkit-overflow-scrolling:touch}
.gallery-thumbs img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:2px solid transparent;cursor:pointer;flex-shrink:0}
.gallery-thumbs img.active{border-color:var(--red)}
.item-info{min-width:0}
.item-info > h1{font-size:clamp(1.15rem,2.4vw,1.55rem);line-height:1.25;margin:0 0 .4rem;font-weight:800}
.item-info > .cat{font-size:.82rem;margin:0 0 .85rem}
@media(min-width:900px){
  .item-info{position:sticky;top:calc(var(--safe-t) + 72px);align-self:start}
  .item-page .btn,.item-page .btn-secondary,.item-page .btn-primary{width:auto;margin-top:0}
  .item-page .buy-box--ebay .buy-now-btn,
  .item-page .buy-box--ebay .bid-btn{width:100%}
  .item-page .share-row{display:flex;flex-wrap:wrap;gap:.4rem}
  .item-page .share-row .btn,.item-page .share-row .btn-outline{
    flex:0 0 auto;width:auto;min-width:0;padding:.45rem .7rem;font-size:.78rem;min-height:36px
  }
  .item-page .ask-seller-form button,
  .item-page .price-alert-form button{width:auto}
  .item-desc,.qa-section,.bid-history{max-width:1100px}
  .item-facts{max-width:100%}
  .current-price,.ebay-vi-price{font-size:1.65rem!important}
  .live-panel,.ebay-vi-panel{margin:.65rem 0 .85rem;padding:.9rem 1rem}
  .fee-breakdown{margin:.65rem 0;padding:.75rem .9rem;font-size:.84rem}
}
.live-panel{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin:1rem 0}
.current-price{font-size:clamp(1.75rem,6vw,2.4rem);color:var(--green);font-weight:800;font-family:var(--display)}
.bid-meta,.reserve-note{color:var(--text-soft);font-size:.9rem}
.reserve-note{color:var(--red);font-weight:700}
.social-proof{display:inline-block;background:var(--green-soft);color:var(--green);padding:.3rem .65rem;border-radius:99px;font-size:.8rem;font-weight:700;margin:.5rem 0}
.fee-breakdown{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin:1rem 0;font-size:.9rem}
.fee-breakdown .row{display:flex;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--line)}
.fee-breakdown .row:last-child{border:0;font-weight:800}
.fee-breakdown .seller-gets span:last-child{color:var(--green)}
.quick-bids{display:flex;gap:.4rem;flex-wrap:wrap;margin:.5rem 0}
.quick-bids button{padding:.55rem .85rem;background:#fff;border:1.5px solid var(--line);border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600;min-height:44px}
.quick-bids button:active{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}
.bid-form label{display:block;margin-bottom:.75rem;font-weight:700;font-size:.88rem}
.bid-form input{width:100%;padding:.8rem;font-size:16px;border:1.5px solid var(--line);border-radius:var(--radius-sm);min-height:48px;margin-top:.3rem}
.share-row{display:flex;gap:.4rem;flex-wrap:wrap;margin:.65rem 0}
.share-row .btn,.share-row .btn-outline{flex:0 1 auto;min-width:0}
.seller-box{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin-top:1rem}
.seller-box a{color:var(--text);font-weight:700}
.breadcrumb{font-size:.82rem;margin-bottom:1rem;color:var(--text-soft);padding:0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.breadcrumb a{color:var(--blue);font-weight:600}

/* Mobile sticky bid bar */
.mobile-bid-bar{display:flex;position:fixed;bottom:calc(var(--mob-nav-h) + var(--safe-b));left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:.65rem 1rem;gap:.75rem;align-items:center;z-index:170;box-shadow:0 -4px 20px rgba(0,0,0,.08)}
.mbb-price{flex:1;font-weight:800;font-size:1.2rem;color:var(--green)}
.mbb-btn{flex:1;max-width:200px;padding:.75rem 1rem!important;min-height:48px!important}
@media(min-width:900px){.mobile-bid-bar{display:none!important}}

.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin:1rem 0}
@media(min-width:600px){.stat-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}
.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;text-align:center}
.stat-card strong{display:block;font-size:1.35rem;color:var(--red);font-family:var(--display);font-weight:800}
.stat-card span{font-size:.72rem;color:var(--text-soft);text-transform:uppercase;font-weight:700;letter-spacing:.03em}
.sell-boast{background:var(--green-soft);border:1px solid #b8e6cc;border-radius:var(--radius);padding:1rem 1.15rem;margin:1rem 0;font-size:.95rem;color:var(--text)}
.action-box{background:#fff8e0;border:1.5px solid #f0d78c;border-radius:var(--radius);padding:1rem;margin:1rem 0}
.action-box ul{margin:.5rem 0 0 1.1rem;color:var(--text-soft)}
.action-box a{color:var(--red);font-weight:600}

/* account-layout moved v21 */

.account-nav{display:flex;flex-direction:row;overflow-x:auto;gap:.35rem;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.account-nav::-webkit-scrollbar{display:none}
@media(min-width:768px){.account-nav{flex-direction:column;overflow:visible}}
.account-nav a{padding:.65rem .85rem;border-radius:10px;color:var(--text-soft);font-weight:600;font-size:.88rem;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.account-nav a:hover,.account-nav a.active{background:var(--bg-soft);color:var(--blue)}

.haggle-modal{position:fixed;inset:0;background:rgba(18,21,28,.5);display:flex;align-items:flex-end;justify-content:center;z-index:300;padding:0}
.haggle-modal.hidden{display:none}
.haggle-inner{background:#fff;border-radius:var(--radius) var(--radius) 0 0;padding:1.25rem;width:100%;max-width:480px;max-height:85dvh;overflow-y:auto;box-shadow:var(--shadow-lg)}
@media(min-width:600px){.haggle-modal{align-items:center;padding:1rem}.haggle-inner{border-radius:var(--radius)}}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:400;display:flex;align-items:center;justify-content:center;padding:1rem}
.lightbox.hidden{display:none}
.lightbox img{max-width:100%;max-height:90dvh;border-radius:8px}

.toast-wrap{position:fixed;bottom:calc(var(--mob-nav-h) + var(--safe-b) + 12px);left:1rem;right:1rem;z-index:500;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}
@media(min-width:900px){.toast-wrap{bottom:1.5rem;left:auto;right:1.5rem;max-width:360px}}
.toast{background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:var(--radius-sm);padding:.85rem 1rem;box-shadow:var(--shadow-lg);font-size:.9rem;font-weight:600;pointer-events:auto;animation:toastIn .3s ease}
.toast.err{border-left-color:var(--red)}
@keyframes toastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.content-page .lead{color:var(--text-soft)}
.about-grid,.compare-box{margin:1.5rem 0}
.compare-table .win{color:var(--green);font-weight:800}
.compare-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px}
.code-block{background:var(--bg-soft);padding:1rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.82rem}

/* Auth pages keep auth.css */
.auth-page{min-height:calc(100vh - var(--mob-nav-h))}

@media print{.topbar,.foot,.mob-nav,.mobile-bid-bar,.ticker-bar,.toast-wrap{display:none!important}body{padding:0}}
@media(prefers-reduced-motion:reduce){*,.ticker-track.is-animating{animation:none!important;transition:none!important}}
.savings-calc{margin:1rem 0}.calc-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--line)}.calc-row .win{color:var(--green);font-weight:800}

.mob-sell svg{background:var(--blue);color:#fff;border-radius:50%;padding:8px;stroke:#fff;box-shadow:0 4px 12px rgba(30,144,255,.35)}

/* Text wordmark */
.brand{display:flex;align-items:center;min-height:48px}
.brand-logo{display:block;height:34px;width:auto;max-width:min(220px,58vw)}
.foot-logo{height:28px;max-width:200px}
@media(min-width:768px){.brand-logo{height:38px;max-width:none}}
.brand-name{display:none}

.video-showcase{padding-top:1rem}
.video-scroll{display:flex;gap:.85rem;overflow-x:auto;padding:0 1rem 1rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.video-card{flex:0 0 min(85vw,320px);scroll-snap-align:start;position:relative;border-radius:var(--radius);overflow:hidden;background:#000;border:1px solid var(--line);box-shadow:var(--shadow-lg)}
.video-card video{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.video-label{position:absolute;bottom:0;left:0;right:0;padding:.5rem .75rem;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;font-size:.78rem;font-weight:700}
.mood-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:0 1rem 2rem;max-width:1180px;margin:0 auto}
.mood-img{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line)}
@media(min-width:640px){.mood-strip{grid-template-columns:repeat(4,1fr)}.mood-img{height:140px}}
.discover-hero{position:relative;border-radius:var(--radius);overflow:hidden;margin:0 1rem 1.25rem;max-width:1148px;margin-left:auto;margin-right:auto}
.discover-hero video,.discover-hero img{width:100%;max-height:220px;object-fit:cover;display:block}
.discover-hero-cap{position:absolute;inset:0;display:flex;align-items:flex-end;padding:1.25rem;background:linear-gradient(transparent 40%,rgba(18,21,28,.55));color:#fff}
.discover-hero-cap h2{font-family:var(--display);font-size:1.35rem;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.cat-banner{margin:0 0 1.25rem;border-radius:var(--radius);overflow:hidden;max-height:160px}
.cat-banner img{width:100%;height:160px;object-fit:cover}

/* v10 mobile + fixes */
.row-between{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.75rem}
.notif-cards{list-style:none;display:flex;flex-direction:column;gap:.65rem}
.notif-card{display:flex;gap:.75rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}
.notif-card.unread{border-left:4px solid var(--red);background:var(--red-soft)}
.notif-badge{font-size:.68rem;font-weight:800;text-transform:uppercase;background:var(--bg-soft);padding:.25rem .5rem;border-radius:6px;color:var(--text-soft);flex-shrink:0}
.notif-body{flex:1;min-width:0}
.notif-msg{font-weight:600;font-size:.92rem;color:var(--text);display:block;margin-bottom:.25rem}
.notif-time{font-size:.75rem;color:var(--text-soft)}
.notif-read{font-size:.8rem;font-weight:700;color:var(--red);white-space:nowrap;padding:.4rem}
.empty-card{flex-direction:column;text-align:center}
.gallery-placeholder{width:100%;border-radius:var(--radius);aspect-ratio:1;object-fit:cover}
.breadcrumb{white-space:normal;line-height:1.4}
.item-page .bid-form .btn-primary{width:100%;font-size:1.05rem;padding:1rem}
.item-page .quick-bids button{flex:1}
.scroll-top{position:fixed;bottom:calc(var(--mob-nav-h) + var(--safe-b) + 70px);right:1rem;width:48px;height:48px;border-radius:50%;background:var(--red);color:#fff;border:0;font-size:1.25rem;box-shadow:var(--shadow-lg);z-index:160;display:none;cursor:pointer}
.scroll-top.show{display:flex;align-items:center;justify-content:center}
@media(min-width:900px){.scroll-top{bottom:1.5rem}}
.sell-steps{display:grid;grid-template-columns:1fr;gap:.5rem;margin:1rem 0}
.sell-step{background:var(--bg-soft);border-radius:10px;padding:.75rem 1rem;font-size:.88rem;font-weight:600}
.form-page .btn-primary,.form-page .btn-secondary{width:100%;margin-top:.5rem}
.filter-form .btn-primary,.filter-form .btn-secondary{flex:1;min-height:48px}
.mbb-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.item-desc,.qa-section,.bid-history{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}
.qa-list{list-style:none}
.qa-list li{padding:.85rem 0;border-bottom:1px solid var(--line);font-size:.92rem}
#ask-form,#msg-seller-form{display:flex;flex-direction:column;gap:.5rem}
#ask-form input,#msg-seller-form input{font-size:16px;min-height:48px;padding:.75rem;border:1.5px solid var(--line);border-radius:10px}
.skip-link{position:absolute;left:-9999px;top:0;z-index:999;padding:.75rem 1rem;background:var(--red);color:#fff}
.skip-link:focus{left:1rem;top:1rem}

/* wordmark grid removed v22 */

/* === Live Chat v12 === */
.chat-app{display:grid;grid-template-columns:minmax(280px,340px) 1fr;min-height:calc(100vh - 140px);max-height:calc(100dvh - 80px);background:var(--surface);border-top:1px solid var(--border)}
.chat-sidebar{border-right:1px solid var(--border);display:flex;flex-direction:column;background:#fff;min-height:0}
.chat-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .5rem}
.chat-sidebar-head h1{font-family:var(--font-display);font-size:1.35rem;margin:0}
.chat-notify-btn{border:1px solid var(--border);background:#fff;border-radius:50%;width:40px;height:40px;font-size:1.1rem;cursor:pointer}
.chat-notify-btn.on{background:var(--accent-soft);border-color:var(--accent)}
.chat-search-wrap{padding:0 1rem .75rem}
.chat-search-wrap input{width:100%;padding:.65rem .85rem;border:1px solid var(--border);border-radius:999px;font:inherit}
.chat-thread-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}
.chat-thread-list li{border-bottom:1px solid var(--border)}
.chat-thread-btn{width:100%;text-align:left;border:0;background:transparent;padding:.85rem 1rem;cursor:pointer;display:grid;grid-template-columns:44px 1fr auto;gap:.65rem;align-items:center}
.chat-thread-btn:hover,.chat-thread-btn.active{background:var(--accent-soft)}
.chat-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--blue-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}
.chat-thread-meta strong{display:block;font-size:.95rem}
.chat-thread-meta span{display:block;color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.chat-unread{background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:999px;min-width:1.2rem;text-align:center}
.chat-main{display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,#fafafa,#fff)}
.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--muted)}
.chat-empty-icon{font-size:3rem;margin-bottom:.5rem}
.chat-conversation{flex:1;display:flex;flex-direction:column;min-height:0}
.chat-conversation.hidden{display:none!important}
.chat-conv-head{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:2}
.chat-back{display:none;border:0;background:var(--accent-soft);width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer}
.chat-conv-meta strong{display:block}
.chat-listing-ref{font-size:.8rem;color:var(--accent);text-decoration:none}
.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;-webkit-overflow-scrolling:touch}
.chat-bubble{max-width:82%;padding:.65rem .85rem;border-radius:1rem;font-size:.95rem;line-height:1.45;word-break:break-word}
.chat-bubble.mine{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:.25rem}
.chat-bubble.theirs{align-self:flex-start;background:#eef0f3;color:var(--text);border-bottom-left-radius:.25rem}
.chat-bubble time{display:block;font-size:.68rem;opacity:.75;margin-top:.25rem}
.chat-compose{display:flex;gap:.5rem;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fff;align-items:flex-end}
.chat-compose textarea{flex:1;resize:none;border:1px solid var(--border);border-radius:1.25rem;padding:.75rem 1rem;font:inherit;max-height:120px;line-height:1.4}
.chat-send-btn{width:44px;height:44px;border-radius:50%;border:0;background:var(--accent);color:#fff;font-size:1.1rem;cursor:pointer;flex-shrink:0}
.chat-loading,.chat-no-threads{padding:1.5rem;text-align:center;color:var(--muted)}
.chat-fab{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));right:1rem;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:0;font-size:1.4rem;box-shadow:0 4px 20px rgba(0,0,0,.18);z-index:90;cursor:pointer;display:none}
.chat-fab b{position:absolute;top:-4px;right:-4px;background:var(--red);font-size:.65rem;padding:.1rem .35rem;border-radius:999px}
.header-chat-badge{background:var(--red);color:#fff;font-size:.65rem;padding:.1rem .35rem;border-radius:999px;margin-left:.25rem}
@media(max-width:768px){
  .chat-app{grid-template-columns:1fr;max-height:none;min-height:calc(100dvh - 56px)}
  .chat-sidebar{min-height:calc(100dvh - 120px)}
  .chat-main{display:none}
  .chat-app.thread-open .chat-sidebar{display:none}
  .chat-app.thread-open .chat-main{display:flex;min-height:calc(100dvh - 120px)}
  .chat-back{display:flex;align-items:center;justify-content:center}
  .chat-fab{display:flex;align-items:center;justify-content:center}
}

body.chat-page .chat-fab{display:none!important}
.dash-actions{margin:.5rem 0 1rem}

/* Chat v13 upgrades */
.chat-head-actions{display:flex;gap:.35rem}
.chat-status{font-size:.75rem;color:var(--muted)}
.chat-status.online{color:#16a34a}
.chat-status.online::before{content:'';display:inline-block;width:7px;height:7px;background:#16a34a;border-radius:50%;margin-right:4px}
.chat-conv-user{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit;flex:1;min-width:0}
.chat-listing-mini{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text);font-size:.75rem;max-width:42%;background:var(--accent-soft);padding:.35rem .55rem;border-radius:8px}
.chat-listing-mini img{width:36px;height:36px;object-fit:cover;border-radius:6px}
.chat-listing-mini span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-quick-replies{display:flex;gap:.4rem;padding:.5rem 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border);background:#fff}
.chat-quick-replies button{flex-shrink:0;border:1px solid var(--border);background:#fff;border-radius:999px;padding:.35rem .75rem;font-size:.78rem;cursor:pointer}
.chat-quick-replies button:hover{border-color:var(--accent);color:var(--accent)}
.chat-compose-field{flex:1;display:flex;flex-direction:column;min-width:0}
.chat-attach-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);cursor:pointer;font-size:1.1rem;flex-shrink:0}
.chat-preview img{max-height:80px;border-radius:8px;margin-bottom:.35rem}
.chat-preview .rm-att{font-size:.75rem;color:var(--accent);cursor:pointer;border:0;background:0}
.chat-bubble .chat-img{max-width:100%;border-radius:10px;margin:.25rem 0;display:block;cursor:pointer}
.chat-bubble .chat-file{display:inline-block;margin:.25rem 0;padding:.35rem .6rem;background:rgba(0,0,0,.08);border-radius:6px;font-size:.85rem;text-decoration:none}
.chat-bubble .chat-links a{color:inherit;text-decoration:underline}
.chat-receipt{font-size:.65rem;opacity:.7;margin-top:.15rem;text-align:right}
.chat-typing{padding:0 1rem .35rem;font-size:.8rem;color:var(--muted);min-height:1.2rem}
.chat-typing.active::before{content:'';display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;animation:chatPulse 1s infinite;margin-right:6px}
@keyframes chatPulse{0%,100%{opacity:.3}50%{opacity:1}}
.chat-thread-time{font-size:.7rem;color:var(--muted)}
.chat-hint{font-size:.85rem;color:var(--muted)}
.chat-mini{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));right:1rem;width:min(340px,calc(100vw - 2rem));height:380px;background:#fff;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.2);z-index:95;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border)}
.chat-mini.hidden{display:none!important}
.chat-mini-head{display:flex;justify-content:space-between;align-items:center;padding:.65rem .85rem;border-bottom:1px solid var(--border);background:var(--accent-soft)}
.chat-mini-head button{border:0;background:0;font-size:1.4rem;cursor:pointer;line-height:1}
.chat-mini-msgs{flex:1;overflow-y:auto;padding:.65rem;font-size:.88rem}
.chat-mini-compose{display:flex;border-top:1px solid var(--border);padding:.5rem;gap:.35rem}
.chat-mini-compose input{flex:1;border:1px solid var(--border);border-radius:999px;padding:.5rem .85rem;font:inherit}
.chat-mini-compose button{border:0;background:var(--accent);color:#fff;width:40px;border-radius:50%;cursor:pointer}
.chat-mini .chat-bubble{font-size:.85rem;padding:.45rem .65rem}
.notify-banner{position:fixed;top:56px;left:0;right:0;z-index:200;background:var(--accent);color:#fff;padding:.65rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.9rem;box-shadow:0 2px 12px rgba(0,0,0,.15)}
.notify-banner button{background:#fff;color:var(--accent);border:0;border-radius:999px;padding:.4rem .9rem;font-weight:600;cursor:pointer;white-space:nowrap}

/* v14 chat + mobile + PWA */
.mob-chat-link{position:relative}
.mob-chat-badge{position:absolute;top:2px;right:calc(50% - 22px);background:var(--red);color:#fff;font-size:.6rem;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 3px}
.chat-offer-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.6rem 1rem;background:linear-gradient(90deg,#fff7f5,#fff);border-bottom:1px solid var(--border);font-size:.85rem}
.chat-offer-bar.hidden{display:none!important}
.chat-offer-bar input{width:100px;padding:.4rem .6rem;border:1px solid var(--border);border-radius:8px;font:inherit}
.chat-offer-msg{background:#fff3cd;border-radius:10px;padding:.5rem .75rem;font-size:.88rem;border:1px solid #f0d78d}
.chat-offer-msg strong{color:var(--accent)}
.pwa-install{position:fixed;bottom:calc(140px + env(safe-area-inset-bottom));left:1rem;z-index:88;border:0;background:#000;color:#fff;padding:.55rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.2)}
.pwa-install.hidden{display:none!important}
.chat-day-divider{text-align:center;font-size:.72rem;color:var(--muted);margin:.75rem 0;position:relative}
.chat-day-divider span{background:var(--surface);padding:0 .5rem;position:relative;z-index:1}
.chat-day-divider::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border)}
@media(max-width:768px){
  .chat-offer-bar input{flex:1;min-width:80px}
  .notify-banner{top:48px;font-size:.82rem;padding:.5rem .75rem}
  .pwa-install{bottom:calc(78px + env(safe-area-inset-bottom));left:.75rem;font-size:.8rem}
}

/* v15 fixes + mobile polish */
:root{
  --accent:var(--red);--accent-soft:var(--red-soft);--accent-dark:var(--red-dark);
  --border:var(--line);--muted:var(--text-soft);--surface:var(--bg-soft);
  --font-display:var(--display);
}
.touch-target,button,.btn,.btn-primary,.btn-secondary,a.mob-link{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.mob-link.active{color:var(--blue)}
.mob-link.active svg{stroke:var(--blue)}
.mob-chat-badge{position:absolute;top:0;right:calc(50% - 26px)}
.notice{padding:.75rem 1rem;border-radius:var(--radius-sm);margin:.75rem 0;font-size:.92rem;font-weight:600}
.notice.success{background:var(--green-soft);border:1px solid #b8e6cc;color:var(--green)}
.notice.warn{background:#fff8e0;border:1px solid #f0d78c;color:#8a6d00}
.account-form label{display:block;margin-bottom:.85rem;font-weight:600;font-size:.9rem;color:var(--text)}
.account-form input[type=text],.account-form input[type=tel],.account-form input[type=email]{width:100%;padding:.75rem .85rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-size:16px;min-height:48px;margin-top:.35rem;background:#fff}
.account-form input:disabled{background:var(--bg-soft);color:var(--text-soft)}
.form-section{border:0;padding:0;margin:0 0 1.5rem}
.form-section legend{font-family:var(--display);font-size:1.1rem;font-weight:800;margin-bottom:.75rem;color:var(--text)}
.check-row{display:flex!important;align-items:center;gap:.65rem;font-weight:500!important;min-height:48px;cursor:pointer}
.check-row input{width:20px;height:20px;accent-color:var(--red);flex-shrink:0;margin:0}
.account-main{min-width:0}
.api-panel{margin-top:1.5rem}
.token-result{word-break:break-all;font-size:.82rem;color:var(--text-soft);margin-top:.5rem}
.follow-list{list-style:none;padding:0}
.follow-list li{padding:.5rem 0;border-bottom:1px solid var(--line)}
.follow-list a{color:var(--blue);font-weight:600}
.item-page .ask-seller-form textarea{width:100%;padding:.75rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-size:16px;min-height:80px;margin-top:.35rem}
.item-page .ask-seller-form{margin-top:.75rem}
.item-page .btn,.item-page .btn-secondary,.item-page .btn-primary{width:100%;margin-top:.5rem}
.item-page #chat-mini-open{margin-top:.5rem}
.breadcrumb{word-break:break-word}
.chip-scroll{background:var(--bg);margin:0;padding:0;border:0}
@media(max-width:899px){
  .chat-fab{bottom:calc(var(--mob-nav-h) + var(--safe-b) + 12px)}
  .scroll-top{bottom:calc(var(--mob-nav-h) + var(--safe-b) + 76px)}
  .pwa-install{bottom:calc(var(--mob-nav-h) + var(--safe-b) + 80px)}
  .toast-wrap{bottom:calc(var(--mob-nav-h) + var(--safe-b) + 70px)}
  body.chat-page .mob-nav{display:none}
  body.chat-page{padding-bottom:var(--safe-b)}
  body.chat-page .chat-fab{display:none!important}
}
@media(min-width:900px){
  .chat-fab{display:none!important}
  .chip-scroll{position:static;border:0}
}
.empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center;color:var(--text-soft)}
.empty img{opacity:.85;border-radius:var(--radius)}
.social-proof{font-size:.88rem;color:var(--text-soft);font-weight:600}
.hot-badge{font-size:.62rem;background:var(--red);color:#fff;padding:.15rem .45rem;border-radius:4px;vertical-align:middle;margin-left:.35rem}
.mood-strip{display:flex;gap:.5rem;overflow-x:auto;padding:0 1rem 1.5rem;-webkit-overflow-scrolling:touch}
.mood-img{width:140px;height:100px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}
.feature-card{display:flex;flex-direction:column;gap:.75rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.feature-card img{aspect-ratio:16/10;object-fit:cover}
.feature-card div{padding:1rem}
.feature-card h3{font-size:1rem;margin-bottom:.25rem}
.feature-card p{font-size:.88rem;color:var(--text-soft)}

.chip-active,.chip.chip-active{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}

/* v16 mobile + polish */
.sell-boast .big{font-family:var(--display);font-size:1.2rem;font-weight:800;color:var(--green);margin-bottom:.35rem}
.sell-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
@media(max-width:540px){.sell-steps{grid-template-columns:1fr}}
.sell-step{text-align:center}
.tile-compact .tile-body h3{font-size:.82rem}
.tile-compact .tile-price{font-size:.95rem}
.notif-card{flex-wrap:wrap}
.notif-msg{flex:1;min-width:0;font-weight:600;line-height:1.4}
.notif-time{font-size:.75rem;color:var(--text-soft);display:block;margin-top:.25rem}
.notif-read{flex-shrink:0;padding:.4rem .75rem;background:var(--bg-soft);border-radius:999px;font-size:.78rem;font-weight:700;color:var(--red)}
.notif-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-soft);padding:.2rem .45rem;border-radius:4px;font-weight:800;color:var(--text-soft);flex-shrink:0}
.empty-card{flex-direction:column;text-align:center;align-items:center}
.gallery-swipe{position:relative;touch-action:pan-y}
.gallery-dots{display:flex;justify-content:center;gap:.35rem;margin-top:.5rem}
.gallery-dots span{width:7px;height:7px;border-radius:50%;background:var(--line);transition:.2s}
.gallery-dots span.on{background:var(--red);width:20px;border-radius:999px}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:rgba(255,255,255,.92);border-radius:50%;font-size:1.2rem;cursor:pointer;box-shadow:var(--shadow);z-index:2;display:none}
@media(max-width:768px){.gallery-nav{display:flex;align-items:center;justify-content:center}}
.gallery-prev{left:.5rem}
.gallery-next{right:.5rem}
.photo-preview{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0}
.photo-preview img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:2px solid var(--line)}
.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}
@media(max-width:480px){.form-actions{grid-template-columns:1fr}}
.discover-hero{max-height:200px}
@media(max-width:768px){.discover-hero video,.discover-hero img{max-height:160px}}
.page-head.row-between .btn{flex-shrink:0}
.mob-sell span{color:var(--blue);font-weight:800}
.hero-feats{list-style:none;display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin-top:1rem;font-size:.88rem;font-weight:600;color:var(--text-soft)}
.hero-feats li{display:flex;align-items:center;gap:.4rem}
.section-muted{background:var(--bg-soft);padding:1.5rem 0;margin:0}
.section{padding:1.25rem 0}
.cats{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1rem}
.cat-pill{padding:.55rem 1rem;background:#fff;border:1.5px solid var(--line);border-radius:999px;font-size:.85rem;font-weight:600;min-height:40px;display:inline-flex;align-items:center}
.cat-pill:hover,.cat-pill:active{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}

/* Category browser — 100 flat cats */
.cat-browser{display:flex;flex-direction:column;gap:1.35rem;padding-bottom:2rem}
.cat-group h2{font-family:var(--display);font-size:1.05rem;font-weight:800;margin:0 0 .55rem;color:var(--text);padding-bottom:.3rem;border-bottom:2px solid var(--red-soft)}
.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
@media(min-width:540px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:768px){.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}}
@media(min-width:1024px){.cat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem}}
@media(min-width:1280px){.cat-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
.cat-tile{display:flex;align-items:center;justify-content:space-between;gap:.35rem;min-height:40px;padding:.5rem .65rem;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:.8rem;font-weight:600;color:var(--text);transition:.12s;min-width:0}
.cat-tile-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cat-tile-count{flex-shrink:0;font-size:.68rem;font-weight:700;color:var(--blue);background:var(--blue-soft);padding:.12rem .38rem;border-radius:999px;line-height:1.2}
.cat-tile:hover,.cat-tile:active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}
.cats-more{margin-top:.75rem}
.cats-more a{color:var(--red);font-weight:700;font-size:.92rem}
.sell-cat-select{max-height:none}
/* Categories page desktop polish */
.page-head{margin-bottom:1rem}
@media(min-width:900px){
  .page-head h1{font-size:1.6rem}
  .page-head .lead{font-size:.92rem;max-width:52rem}
  .cat-browser{gap:1.1rem}
}

/* Category browser — 100 flat cats */
.cat-browser{display:flex;flex-direction:column;gap:1.35rem;padding-bottom:2rem}
.cat-group h2{font-family:var(--display);font-size:1.05rem;font-weight:800;margin:0 0 .55rem;color:var(--text);padding-bottom:.3rem;border-bottom:2px solid var(--red-soft)}
.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
@media(min-width:540px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:768px){.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}}
@media(min-width:1024px){.cat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem}}
@media(min-width:1280px){.cat-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
.cat-tile{display:flex;align-items:center;justify-content:space-between;gap:.35rem;min-height:40px;padding:.5rem .65rem;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:.8rem;font-weight:600;color:var(--text);transition:.12s;min-width:0}
.cat-tile-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cat-tile-count{flex-shrink:0;font-size:.68rem;font-weight:700;color:var(--blue);background:var(--blue-soft);padding:.12rem .38rem;border-radius:999px;line-height:1.2}
.cat-tile:hover,.cat-tile:active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}
.cats-more{margin-top:.75rem}
.cats-more a{color:var(--red);font-weight:700;font-size:.92rem}
.sell-cat-select{max-height:none}
/* Categories page desktop polish */
.page-head{margin-bottom:1rem}
@media(min-width:900px){
  .page-head h1{font-size:1.6rem}
  .page-head .lead{font-size:.92rem;max-width:52rem}
  .cat-browser{gap:1.1rem}
}

/* v18 features */
.tile-img{position:relative}
.tile-badges{position:absolute;top:.45rem;left:.45rem;display:flex;flex-wrap:wrap;gap:.25rem;z-index:2}
.tile-badge{font-size:.62rem;font-weight:800;padding:.2rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}
.badge-feat{background:var(--red);color:#fff}
.badge-new{background:#000;color:#fff}
.badge-end{background:var(--red);color:#fff}
.badge-hot{background:var(--green);color:#fff}
.badge-bin{background:#fff;color:var(--text);border:1px solid var(--line)}
.compare-tray{position:fixed;bottom:calc(var(--mob-nav-h) + var(--safe-b) + 4px);left:50%;transform:translateX(-50%);z-index:175;background:#000;color:#fff;padding:.5rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 24px rgba(0,0,0,.25);max-width:calc(100vw - 2rem)}
.compare-tray.hidden{display:none!important}
.compare-tray a{color:#fff;text-decoration:underline}
.compare-tray button{background:transparent;border:0;color:#fff;font-size:1.1rem;cursor:pointer;padding:0 .25rem}
body.has-compare-tray .chat-fab{bottom:calc(var(--mob-nav-h) + var(--safe-b) + 56px)}
.search-ac .ac-cat{background:var(--bg-soft);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);pointer-events:none;padding:.5rem 1rem .25rem}
.dash-feature{font-size:.78rem;cursor:pointer;border:0;background:var(--bg-soft);padding:.25rem .5rem;border-radius:6px}
.dash-feature.on{background:var(--red-soft);color:var(--red);font-weight:700}

/* Page/header decorative banners — disabled sitewide for now */
.page-banner,
.cat-banner,
.discover-hero,
.login-hero-img,
.auth-benefits-img,
.hero-media,
.hero-visual{display:none!important}
.page-banner{margin:0 auto 1.25rem;max-width:1148px;border-radius:var(--radius);overflow:hidden}
.page-banner img{width:100%;max-height:200px;object-fit:cover;display:block}
.page-banner--sell img{max-height:180px;object-position:right center}
.page-banner--chat{margin:0 1rem 0;max-width:none}
@media(max-width:768px){.page-banner img{max-height:140px}}

/* Dashboard v20 */
.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;background:var(--red);color:#fff;font-size:.68rem;font-weight:800;border-radius:99px;line-height:1}
.dash-main{padding-bottom:2rem}
.dash-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.dash-greet{font-size:.85rem;color:var(--text-soft);font-weight:600;margin:0 0 .15rem}
.dash-head h1{margin:0}
.dash-head-cta{flex-shrink:0}
.dash-hero-stat{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,var(--green-soft),#fff);border:1.5px solid #b8e6cc;border-radius:var(--radius);padding:1.1rem 1.25rem;margin:1rem 0}
.dash-hero-num{font-family:var(--display);font-size:2rem;font-weight:800;color:var(--green);line-height:1}
.dash-hero-meta{display:flex;flex-direction:column;gap:.15rem}
.dash-hero-meta strong{font-size:.95rem}
.dash-hero-meta span{font-size:.78rem;color:var(--text-soft)}
.dash-stats{margin-top:.5rem}
.dash-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:1.25rem 0}
@media(min-width:600px){.dash-quick{grid-template-columns:repeat(6,1fr)}}
.dash-quick-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem .5rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);text-align:center;font-size:.75rem;font-weight:700;color:var(--text);min-height:44px}
.dash-quick-card:not(.dash-quick-card--primary):hover{border-color:var(--blue);color:var(--blue)}
.dash-quick-icon{font-size:1.25rem;line-height:1}
.dash-quick-badge{position:absolute;top:6px;right:8px;min-width:18px;height:18px;padding:0 5px;background:var(--red);color:#fff;font-size:.65rem;font-weight:800;border-radius:99px;display:flex;align-items:center;justify-content:center}
.dash-alerts{margin-bottom:1.25rem}
.dash-section{margin:1.5rem 0}
.dash-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}
.dash-section-head h2{margin:0;font-size:1.1rem}
.dash-section-head a{font-size:.82rem;font-weight:700;color:var(--blue)}
.dash-count{font-size:.78rem;color:var(--text-soft);font-weight:600}
.dash-filters{margin-bottom:1rem}
.dash-sales-list{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.dash-sales-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);font-size:.88rem}
.dash-sales-list li:last-child{border-bottom:0}
.dash-sales-list a{flex:1;min-width:140px;font-weight:600;color:var(--text)}
.dash-sales-amt{color:var(--green);font-weight:800}
.dash-sales-date{color:var(--text-soft);font-size:.78rem}
.status-badge{display:inline-block;padding:.2rem .55rem;border-radius:6px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.status-active{background:var(--green-soft);color:var(--green)}
.status-draft{background:var(--bg-soft);color:var(--text-soft)}
.status-sold{background:var(--blue-soft);color:var(--blue-dark)}
.status-ended{background:#fff0f0;color:var(--red)}
.dash-listings-cards{display:flex;flex-direction:column;gap:.75rem}
.dash-listings-table-wrap{display:none}
@media(min-width:900px){.dash-listings-cards{display:none}.dash-listings-table-wrap{display:block}}
.dash-listing-card{display:flex;gap:.85rem;padding:.85rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.dash-listing-thumb{flex-shrink:0;width:72px;height:72px;border-radius:10px;overflow:hidden;background:var(--bg-soft)}
.dash-listing-thumb img{width:100%;height:100%;object-fit:cover}
.dash-listing-body{flex:1;min-width:0}
.dash-listing-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}
.dash-listing-title{font-weight:700;font-size:.92rem;color:var(--text);line-height:1.3}
.dash-listing-meta{display:flex;flex-wrap:wrap;gap:.5rem .85rem;font-size:.78rem;color:var(--text-soft);margin-bottom:.55rem}
.dash-ending{color:var(--red);font-weight:700}
.dash-listing-actions{display:flex;flex-wrap:wrap;gap:.4rem}
.dash-listing-actions .btn,.dash-listing-actions .dash-feature{font-size:.75rem;padding:.35rem .65rem;min-height:36px}
.dash-td-thumb{width:48px;padding:.5rem .35rem!important}
.dash-td-thumb img{width:40px;height:40px;object-fit:cover;border-radius:8px}
.dash-td-actions{white-space:nowrap;font-size:.82rem}
.dash-td-actions .dash-feature{font-size:.78rem;cursor:pointer;border:0;background:var(--bg-soft);padding:.2rem .45rem;border-radius:6px}
.dash-td-actions .dash-feature.on{background:var(--red-soft);color:var(--red);font-weight:700}
.dash-empty{padding:2rem 1rem;text-align:center}
.dash-boast{margin-top:1.5rem}
.dash-table .status-badge{white-space:nowrap}
.page-banner--dash{margin:0 0 1rem;max-width:none}
.page-banner--dash img{max-height:140px}

.account-layout{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}
@media(min-width:900px){
  .account-layout{grid-template-columns:260px minmax(0,1fr);gap:2rem}
  .account-sidebar{grid-column:1;position:sticky;top:76px;max-height:calc(100vh - 90px);overflow-y:auto;padding-right:.25rem}
  .account-main{grid-column:2;min-width:0;width:100%}
}
.account-sidebar{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:.85rem}
.account-sell-cta{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.85rem 1rem;background:var(--blue);color:#fff;border-radius:var(--radius-sm);font-weight:800;font-size:.92rem;margin-bottom:.85rem;text-align:center}
.account-sell-cta:hover{background:var(--blue-dark);color:#fff}
.account-nav{display:flex;flex-direction:column;gap:.15rem}
.account-nav-label{margin:.65rem 0 .25rem;padding:0 .5rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft)}
.account-nav-label:first-child{margin-top:0}
.account-nav a{display:flex;align-items:center;gap:.35rem;padding:.6rem .75rem;border-radius:10px;color:var(--text-soft);font-weight:600;font-size:.86rem;min-height:40px}
.account-nav a:hover,.account-nav a.active{background:var(--bg-soft);color:var(--blue)}
@media(max-width:899px){
  .account-layout{gap:1rem}
  .account-sidebar{position:static;max-height:none;overflow:visible;padding:.65rem}
  .account-nav{flex-direction:row;flex-wrap:wrap;gap:.35rem}
  .account-nav-label{width:100%;margin:.5rem 0 0}
  .account-nav a{white-space:nowrap;font-size:.82rem;padding:.5rem .65rem;min-height:36px;background:var(--bg-soft)}
}
.container.browse-page{padding-top:.35rem;padding-bottom:2rem}
.browse-toolbar{margin-bottom:.35rem}
.browse-form{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:.4rem .5rem;margin:0}
.browse-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .35rem}
.browse-bar-meta{margin:0;flex:0 0 auto;display:flex;align-items:baseline;gap:.35rem;white-space:nowrap;line-height:1}
.browse-bar-name{font-family:var(--display);font-size:.95rem;font-weight:800;line-height:1}
.browse-count{font-size:.72rem;font-weight:600;color:var(--text-soft)}
.browse-count::before{content:'·';margin-right:.35rem;color:var(--line)}
.browse-inp{height:34px;min-height:34px;padding:0 .55rem;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:13px;color:var(--text);min-width:0}
.browse-inp--search{flex:1 1 9rem;min-width:7rem;max-width:14rem}
.browse-inp--cat{flex:0 1 8.5rem;min-width:6.5rem}
.browse-inp--sort{flex:0 0 auto;width:auto;min-width:6.5rem;padding-right:1.5rem}
.browse-go{height:34px;min-height:34px;padding:0 .85rem;font-size:.78rem;font-weight:700;white-space:nowrap;flex-shrink:0}
.browse-view-toggle{display:inline-flex;height:34px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;flex-shrink:0}
.browse-view-btn{display:flex;align-items:center;padding:0 .6rem;font-size:.72rem;font-weight:700;color:var(--text-soft);text-decoration:none;border-right:1px solid var(--line);line-height:1}
.browse-view-btn:last-child{border-right:0}
.browse-view-btn.is-active{background:var(--blue);color:#fff}
.browse-quick{display:flex;flex-wrap:nowrap;align-items:center;gap:.28rem;overflow-x:auto;padding:0;margin:0;flex:1 1 100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.browse-quick::-webkit-scrollbar{display:none}
.browse-quick-link{flex-shrink:0;padding:.22rem .55rem;border:1px solid var(--line);border-radius:999px;font-size:.7rem;font-weight:700;color:var(--text-soft);text-decoration:none;background:#fff;white-space:nowrap;line-height:1.35}
.browse-quick-link.is-active,.browse-quick-link:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}
.browse-form-refine{margin:.25rem 0 0}
.browse-form-refine>summary{cursor:pointer;font-size:.72rem;font-weight:700;color:var(--blue);padding:0;list-style:none;line-height:1.3}
.browse-form-refine>summary::-webkit-details-marker{display:none}
.browse-form-refine>summary::before{content:'+ ';font-weight:800}
.browse-form-refine[open]>summary::before{content:'− '}
.browse-form-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding-top:.35rem}
.browse-form-secondary .browse-inp{width:100%}
.browse-save{grid-column:1/-1;min-height:34px;font-size:.8rem}
@media(min-width:768px){
  .browse-bar{flex-wrap:nowrap;gap:.35rem}
  .browse-inp--search{flex:1 1 10rem;max-width:18rem}
  .browse-quick{flex:0 1 auto;min-width:0;margin-left:auto}
  .browse-form-secondary{grid-template-columns:repeat(4,minmax(0,1fr))}
  .browse-save{grid-column:auto}
}
@media(min-width:1024px){
  .browse-form{padding:.38rem .55rem}
  .browse-bar{gap:.4rem}
  .browse-bar-name{font-size:1rem}
  .browse-inp--search{max-width:15rem}
  .browse-form-secondary{grid-template-columns:1.1fr .7fr .7fr 1fr auto;align-items:center}
}
.browse-body.browse-layout{display:grid;grid-template-columns:1fr;gap:0;align-items:stretch;margin:0}
.browse-results{min-width:0}
.browse-cats-side--desk{display:none}
@media(min-width:1024px){
  .browse-body.browse-layout{grid-template-columns:196px minmax(0,1fr);gap:0 .85rem;align-items:stretch}
  .browse-cats-side.browse-cats-side--desk{
    display:flex;flex-direction:column;align-self:start;width:100%;
    position:sticky;top:calc(var(--topbar-h,64px) + 6px);
    height:calc(100vh - var(--topbar-h,72px) - var(--safe-b,0px) - 14px);
    min-height:calc(100vh - var(--topbar-h,72px) - var(--safe-b,0px) - 14px);
    max-height:calc(100vh - var(--topbar-h,72px) - var(--safe-b,0px) - 14px);
    overflow:hidden;
    background:var(--bg-soft);
    border:1px solid var(--line);border-radius:8px;
    padding:0;margin:0
  }
  .browse-cats-side.browse-cats-side--desk .browse-cat-scroll{
    flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;
    scrollbar-width:thin;scrollbar-color:var(--line) transparent
  }
  .browse-cat-scroll::-webkit-scrollbar{width:5px}
  .browse-cat-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}
  .browse-cats-title,.browse-cat-all{flex-shrink:0}
  .browse-cats-title{
    margin:0;padding:.5rem .55rem;
    font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;
    color:var(--text);background:#fff;
    border-bottom:1px solid var(--line);border-radius:8px 8px 0 0
  }
  .browse-cat-all{display:block;padding:.4rem .55rem .45rem;font-size:.76rem;font-weight:700;color:var(--blue);border-bottom:1px solid var(--line)}
  .browse-cat-all:hover{background:#fff;text-decoration:underline}
  .browse-cat-det{border:0;margin:0}
  .browse-cat-det>summary{
    list-style:none;cursor:pointer;display:flex;align-items:center;gap:.25rem;
    padding:.38rem .55rem;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;
    color:var(--text-soft);background:transparent;border-top:1px solid rgba(0,0,0,.04)
  }
  .browse-cat-det:first-of-type>summary{border-top:0}
  .browse-cat-det>summary::-webkit-details-marker{display:none}
  .browse-cat-det>summary::after{display:none}
  .browse-cat-det>summary:hover{color:var(--blue);background:rgba(255,255,255,.55)}
  .browse-cat-n{margin-left:auto;font-size:.58rem;font-weight:600;color:var(--text-soft)}
  .browse-cat-links{padding:.1rem 0 .4rem;margin:0;background:#fff}
  .browse-cat-link{display:block;padding:.3rem .55rem .3rem .65rem;font-size:.76rem;line-height:1.35;color:var(--text);font-weight:500}
  .browse-cat-link:hover{color:var(--blue);background:var(--blue-soft)}
  .browse-cat-link.active{color:var(--blue);font-weight:700;background:var(--blue-soft)}
}
.market-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1rem 0 1.5rem}
.market-action{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .75rem;background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);text-align:center;font-weight:700;font-size:.85rem;color:var(--text)}
.market-action:hover{border-color:var(--blue);color:var(--blue)}
.market-action span{font-size:1.5rem}
.sell-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0}
.sell-step{padding:.65rem .5rem;background:var(--bg-soft);border-radius:10px;text-align:center;font-size:.78rem;font-weight:700;color:var(--text-soft)}
.sell-step:first-child{background:var(--red-soft);color:var(--red)}

/* === Header v23 — account links in top bar (no extra subnav row) === */
.nav-sell-btn{padding:.35rem .85rem!important;border-radius:4px!important;background:linear-gradient(#7cc142,#4b8f00)!important;color:#fff!important;border:1px solid #3a6f00!important;font-weight:800!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)!important}
.nav-count-badge{display:inline-block;min-width:1.1rem;padding:0 .35rem;border-radius:999px;background:var(--red);color:#fff;font-size:.68rem;text-align:center;margin-left:.15rem;font-weight:700;vertical-align:middle}
.nav-sell-btn:hover{filter:brightness(1.05);text-decoration:none!important}
/* Item page — eBay vi (view item) buy column */
.ebay-vi-panel{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:.85rem}
.vi-price-label{font-size:.78rem;color:var(--text-soft);margin:0 0 .15rem;font-weight:600}
.ebay-vi-price{font-size:1.85rem;font-weight:800;margin:0 0 .5rem;line-height:1.1}
.buy-box--ebay{border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:#fff}
.buy-box--ebay .buy-now-btn{width:100%;margin-bottom:.65rem;font-size:1.05rem;padding:1rem}
.buy-box--ebay .bid-btn{width:100%;padding:1rem;font-size:1.05rem}
.buy-box-links{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem;align-items:center}
.buy-box-link{font-size:.8rem;font-weight:600;color:var(--blue);text-decoration:none}
.buy-box-link:hover{text-decoration:underline}
.mobile-bid-bar .mbb-actions{display:flex;gap:.45rem;flex:1;justify-content:flex-end}
.mobile-bid-bar .mbb-bin{font-size:.82rem;padding:.55rem .75rem;white-space:nowrap}
.mobile-bid-bar .mbb-btn{font-size:.82rem;padding:.55rem 1rem;white-space:nowrap}
.topbar{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding-top:var(--safe-t)}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:fixed;top:0;left:0;right:0;z-index:250;width:100%}
.trust-strip{
  display:block;border-top:1px solid var(--line);background:var(--bg-soft);padding:0;margin:0
}
.trust-strip-inner{
  max-width:1180px;margin:0 auto;
  padding:5px max(1rem,env(safe-area-inset-left)) 5px max(1rem,env(safe-area-inset-right));
  display:flex;align-items:center;justify-content:space-between;gap:8px 16px;min-height:28px;flex-wrap:nowrap
}
.trust-left,.trust-right{display:flex;align-items:center;margin:0;padding:0;font-size:11px;font-weight:600;color:var(--text-soft);line-height:1.2;white-space:nowrap;min-width:0}
.trust-left{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}
.trust-right{flex:0 0 auto}
.trust-home{color:var(--blue);font-weight:700;text-decoration:none}
.trust-home:hover{text-decoration:underline}
.trust-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:#c5ccd6;margin:0 8px;flex-shrink:0}
.trust-pill{display:inline-block;padding:1px 7px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:10px;font-weight:700;color:var(--text-soft)}
.trust-strip a{color:var(--blue);text-decoration:none;font-weight:700}
.trust-strip a:hover{text-decoration:underline}
@media(max-width:640px){
  .trust-desk{display:none}
  .trust-left,.trust-right{font-size:10px}
  .trust-dot{margin:0 6px}
}
.topbar-inner{max-width:1180px;margin:0 auto;padding:.55rem max(1rem,env(safe-area-inset-left)) .5rem max(1rem,env(safe-area-inset-right));display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand end" "search search";align-items:center;gap:.4rem .65rem}
.brand{grid-area:brand;min-width:0;display:flex;align-items:center;flex-shrink:0}
.brand--cf{max-width:min(52vw,220px)}
.cf-brand-lockup{display:inline-flex;align-items:center;gap:.35rem;min-width:0;max-width:100%}
.cf-brand-logo{display:block;height:auto;max-height:32px;width:auto;max-width:min(140px,48vw);object-fit:contain;flex-shrink:0}
.cf-auction-badge{
  flex-shrink:0;padding:.18rem .5rem;border:0;border-radius:3px;
  font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#c62828;line-height:1.2
}
.dhu-brand-lockup{display:inline-flex;align-items:center;gap:.5rem;min-width:0}

.brand-logo{display:block;height:30px;width:auto;flex-shrink:0}
.search-wrap{grid-area:search;position:relative;min-width:0}
.search{display:flex;align-items:center;gap:.5rem;background:var(--bg-soft);border:1.5px solid var(--line);border-radius:999px;padding:.55rem 1rem;transition:.2s}
.search:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(30,144,255,.1)}
.search input{flex:1;border:0;background:transparent;font-size:16px;min-width:0;color:var(--text)}
.search svg{flex-shrink:0;color:var(--text-soft)}
.topbar-end{grid-area:end;display:flex;align-items:center;gap:.35rem}
.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:#fff;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;padding:11px;flex-shrink:0}
.menu-toggle span{display:block;height:2px;background:var(--text);border-radius:2px;transition:.2s}
.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(18,21,28,.5);z-index:210}
.nav-overlay.open{display:block}
body.menu-open{overflow:hidden}
.nav-panel--desk{display:none}
.nav{position:fixed;top:0;right:0;width:min(300px,90vw);height:100vh;height:100dvh;max-height:100dvh;background:#fff;z-index:220;flex-direction:column;align-items:stretch;padding:0;padding-bottom:calc(1.5rem + var(--safe-b));overflow-y:auto;box-shadow:-6px 0 32px rgba(0,0,0,.12);transform:translateX(105%);transition:transform .25s ease;visibility:hidden}
.nav.open{transform:translateX(0);visibility:visible;display:flex}
.nav-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .75rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}
.nav-drawer-brand img,.nav-drawer-brand svg{height:26px}
.nav-close{width:44px;height:44px;border:0;background:var(--bg-soft);border-radius:12px;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--text)}
.nav-panel--mob{display:flex;flex-direction:column;padding:.5rem .75rem 1rem}
.nav-label{margin:1rem .75rem .35rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text-soft)}
.nav-label:first-child{margin-top:.5rem}
.nav-panel--mob a,.nav-panel--desk a{display:flex;align-items:center;padding:.8rem .85rem;border-radius:12px;font-weight:600;font-size:1rem;color:var(--text);min-height:44px}
.nav-panel--mob a:hover,.nav-panel--mob a:active{background:var(--bg-soft)}
.nav-sell-mob{background:var(--blue-soft)!important;color:var(--blue-dark)!important;font-weight:800}
.nav-join-mob{margin:.75rem;background:var(--blue)!important;color:#fff!important;justify-content:center;border-radius:12px}
.badge-link{position:relative}
.badge-link b{position:absolute;top:6px;right:8px;background:var(--red);color:#fff;font-size:.62rem;min-width:18px;height:18px;padding:0 5px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-weight:700}
@media(min-width:768px){
  .topbar-inner{grid-template-columns:auto minmax(180px,1fr) auto;grid-template-areas:"brand search end";gap:.5rem .85rem;padding:.55rem max(1rem,env(safe-area-inset-left)) .5rem max(1rem,env(safe-area-inset-right))}
  .brand--cf{max-width:none}
  .cf-brand-logo{max-height:36px;max-width:180px}
  .cf-auction-badge{font-size:.68rem;padding:.15rem .5rem}
  .brand-logo{height:32px}
}
@media(min-width:960px){
  .topbar-inner{gap:.65rem 1rem;padding:.6rem max(1.25rem,env(safe-area-inset-left)) .55rem max(1.25rem,env(safe-area-inset-right))}
  .brand-logo{height:34px}
  .cf-brand-logo{max-height:38px}
  .search{padding:.5rem .95rem}
  .menu-toggle{display:none}
  .nav{position:static;width:auto;height:auto;max-height:none;transform:none;visibility:visible;display:flex!important;flex-direction:row;align-items:center;box-shadow:none;padding:0;overflow:visible;background:transparent}
  .nav.open{transform:none}
  .nav-drawer-head,.nav-panel--mob{display:none!important}
  .nav-panel--desk{display:flex;align-items:center;gap:.05rem;flex-wrap:nowrap;max-width:min(62vw,720px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .nav-panel--desk::-webkit-scrollbar{display:none}
  .nav-panel--desk a{padding:.4rem .55rem;font-size:.8rem;font-weight:600;color:var(--text-soft);white-space:nowrap;min-height:36px;border-radius:8px;flex-shrink:0}
  .nav-panel--desk a:hover{color:var(--text);background:var(--bg-soft)}
  .nav-sell{background:var(--blue)!important;color:#fff!important;font-weight:800;padding:.45rem .95rem!important}
  .nav-sell:hover{background:var(--blue-dark)!important;color:#fff!important}
  .nav-join{background:var(--red)!important;color:#fff!important;padding:.45rem .95rem!important;font-weight:700}
  .nav-join:hover{background:var(--red-dark)!important;color:#fff!important}
  .nav-drop{position:relative}
  .nav-drop summary{list-style:none;cursor:pointer;padding:.45rem .75rem;border-radius:10px;color:var(--blue);font-weight:700;font-size:.86rem;min-height:40px;display:flex;align-items:center;gap:.25rem}
  .nav-drop summary::-webkit-details-marker{display:none}
  .nav-drop summary::after{content:"▾";font-size:.7rem;opacity:.7}
  .nav-drop[open] summary{background:var(--bg-soft)}
  .nav-drop-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px rgba(0,0,0,.1);padding:.35rem;z-index:60;display:flex;flex-direction:column}
  .nav-drop-menu a{padding:.6rem .85rem;font-size:.86rem;color:var(--text);border-radius:8px;white-space:nowrap}
  .nav-drop-menu a:hover{background:var(--bg-soft);color:var(--blue)}
  .nav-chat{padding-right:.55rem!important}
  .nav-panel--desk .badge-link b{position:static;display:inline-flex;margin-left:.15rem;transform:none;top:auto;right:auto}
}
@media(min-width:960px) and (max-width:1180px){
  .nav-panel--desk .nav-desk-mid{display:none}
  .nav-panel--desk a{padding:.4rem .45rem;font-size:.76rem}
}
@media(min-width:1181px){
  .nav-panel--desk{max-width:none;overflow:visible}
}


/* === Home v23 — layout + notify fix === */
.notify-banner{
  position:fixed;
  top:auto;
  bottom:calc(var(--mob-nav-h) + var(--safe-b) + 10px);
  left:max(1rem,env(safe-area-inset-left));
  right:max(1rem,env(safe-area-inset-right));
  max-width:420px;
  margin:0 auto;
  z-index:190;
  background:#000;
  color:#fff;
  padding:.75rem 1rem;
  border-radius:var(--radius);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  font-size:.85rem;
  box-shadow:0 8px 32px rgba(0,0,0,.28);
}
.notify-banner span{flex:1;min-width:0;line-height:1.35}
.notify-banner button{
  background:var(--red);
  color:#fff;
  border:0;
  border-radius:999px;
  padding:.45rem .9rem;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  flex-shrink:0;
}
@media(min-width:769px){
  .notify-banner{
    bottom:1.25rem;
    left:auto;
    right:1.25rem;
    max-width:360px;
  }
}

.home-strip{padding-top:1rem;padding-bottom:.5rem}
.home-strip .promo-bar{margin:0 0 1rem;max-width:none}
.promo-bar .promo-text{color:var(--text-soft)}
.home-strip .market-actions{margin:0 0 1rem}
.home-strip .stats-bar{padding:0}

.home-block{padding:1.5rem 0}
.home-block--muted{background:var(--bg-soft);border-block:1px solid var(--line)}
.home-block .sec-head{padding:0;margin-bottom:1rem}
.home-block .cats{padding:0}

.listing-track{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
  width:100%;
}
@media(min-width:480px){.listing-track{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.85rem}}
@media(min-width:900px){.listing-track{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:1rem}}
.listing-track--hot{max-width:100%}
.listing-track .tile{min-width:0;height:100%}
.home-empty{
  grid-column:1/-1;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:.75rem;
  padding:2rem 1rem;
  background:#fff;
  border:1px dashed var(--line);
  border-radius:var(--radius);
}

.hero-inner.wrap{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}
.market-action--sell{border-color:var(--green);background:var(--green-soft)}
.market-action--sell:hover{border-color:var(--green);color:var(--green)}
.promo-bar{justify-content:flex-start;text-align:left;gap:.65rem 1rem}
@media(max-width:640px){.promo-bar .promo-text{display:block;width:100%}}


/* === Sell product lookup v24 === */
.sell-page .product-lookup,.sell-page .image-panel{margin-bottom:1.25rem}
.sell-page .panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow)}
.sell-page .panel h3{font-family:var(--display);font-size:1.05rem;font-weight:800;margin:0 0 .5rem}
.lookup-hint{font-size:.85rem;color:var(--text-soft);margin:0 0 .85rem;line-height:1.45}
.lookup-grid{display:flex;flex-direction:column;gap:.75rem}
.lookup-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem}
.lookup-form{margin:0}
.lookup-row label{flex:1;min-width:180px;margin:0}
.lookup-row .btn{flex-shrink:0;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.lookup-status{min-height:1.25rem;font-size:.85rem;font-weight:600;margin:.65rem 0 0}
.lookup-status.ok{color:var(--green)}
.lookup-status.err{color:var(--red)}
.lookup-status.busy{color:var(--text-soft)}
.draft-restored{margin-top:.5rem}
.draft-actions{margin:.35rem 0 .5rem}
.draft-actions a{text-decoration:none}
.draft-saved{font-size:.78rem;color:var(--green);font-weight:600;margin:.25rem 0 0}
.recent-lookups{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.65rem 0 0}
.recent-lookups-label{font-size:.75rem;font-weight:700;color:var(--text-soft);margin-right:.15rem}
.recent-lookup-chip{font-size:.75rem;padding:.28rem .55rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--text);background:var(--bg-soft)}
.recent-lookup-chip:hover{border-color:var(--blue);color:var(--blue)}
.resume-draft{margin:.5rem auto 0;max-width:1148px;padding:0 1rem}
.resume-draft-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem 1rem;background:var(--green-soft);border:1px solid #b8e6cc;border-radius:var(--radius);font-size:.88rem}
.resume-draft-inner .btn,.resume-draft-inner .btn-outline{margin:0}
.browse-view-bar{display:flex;align-items:center;gap:.45rem;margin:.5rem 0 .65rem;flex-wrap:wrap}
.browse-view-label{font-size:.78rem;font-weight:700;color:var(--text-soft)}
.browse-view-link{font-size:.8rem;padding:.3rem .7rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--text)}
.browse-view-link.is-active{background:var(--blue);border-color:var(--blue);color:#fff}
.grid.grid--list{display:flex;flex-direction:column;gap:.55rem}
.grid.grid--list .card,.grid.grid--list .home-card{display:grid;grid-template-columns:88px 1fr;gap:.75rem;align-items:center;padding:.55rem}
.grid.grid--list .card-img,.grid.grid--list .home-card-img{aspect-ratio:1;max-height:88px}
.grid.grid--list .card-img img,.grid.grid--list .home-card-img img{height:88px;object-fit:cover}
.grid.grid--list .card-body h3,.grid.grid--list .home-card-body h3{font-size:.92rem;margin:0}
.grid.grid--list .home-card-meta,.grid.grid--list .meta{font-size:.78rem;margin:.15rem 0 0}
.item-page .share-row{flex-wrap:wrap;gap:.4rem}
.item-page .share-row .btn,.item-page .share-row .btn-outline{font-size:.78rem;padding:.35rem .6rem}
.url-add-label{margin-top:.75rem}
.label-note{font-weight:500;color:var(--text-soft);font-size:.78rem}
.upload-label{margin-top:.85rem}
.photo-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.65rem;margin-top:.85rem}
.photo-thumb{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--bg-soft);aspect-ratio:1}
.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.photo-thumb .photo-tag{position:absolute;left:4px;bottom:4px;font-size:.58rem;font-weight:800;text-transform:uppercase;padding:2px 5px;border-radius:4px;background:rgba(0,0,0,.72);color:#fff}
.photo-thumb .photo-rm{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:.9rem;line-height:1;cursor:pointer}
.photo-thumb.is-remote{border-color:var(--green)}
.photo-thumb.is-upload{border-color:var(--blue-dark)}
#image-url-input{width:100%;padding:.65rem .75rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-size:16px;min-height:64px;resize:vertical}
@media(min-width:700px){.lookup-grid{flex-direction:row}.lookup-grid .lookup-row{flex:1}}

.brand-logo-img{display:block;height:auto;max-height:100%;width:auto;max-width:min(220px,55vw);object-fit:contain}
.foot-logo.brand-logo-img{max-width:180px}
body.brand-calgaryfinder .topbar{border-bottom-color:#c8d4e8}
.home-cf-bridge{margin:0 auto .35rem;padding:0 1rem}
.home-cf-bridge-link{
  display:flex;align-items:center;justify-content:center;gap:.35rem;
  padding:.45rem .85rem;border:1px solid var(--line);border-radius:8px;
  background:var(--bg-soft);font-size:.78rem;font-weight:700;color:var(--blue);text-decoration:none
}
.home-cf-bridge-link:hover{border-color:var(--blue);background:var(--blue-soft)}
body.brand-calgaryfinder .home-cf-bridge-link{color:#0654ba;border-color:#c8d4e8;background:#f5f8fc}
body.brand-calgaryfinder .nav-cf-home{font-weight:700}


/* === Hero fix v26 — no giant random product shots === */
.hero{max-height:none}
.hero-inner{padding:1.5rem 1rem 2rem}
.hero-visual{display:none}
@media(min-width:900px){
  .hero-inner{grid-template-columns:1.15fr .85fr;align-items:center;padding:2.5rem 1.5rem}
  .hero-visual{display:block;max-width:320px;justify-self:end}
  .hero-visual img{max-height:240px;width:100%;object-fit:cover;object-position:center}
}
.hero-media{opacity:.08;max-height:320px}
.hero-copy{position:relative;z-index:1}
.mood-strip{display:none}
@media(min-width:768px){
  .mood-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1rem auto 1.5rem;max-width:1180px;padding:0 1rem}
  .mood-strip .mood-img{max-height:120px;width:100%;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line)}
}
.feature-card img{max-height:100px;object-fit:cover}


/* === Hero clean v27 — no fullscreen photos/video === */
.hero--clean{background:linear-gradient(180deg,var(--bg-soft) 0%,#fff 70%);border-bottom:1px solid var(--line)}
.hero--clean .hero-media,.hero--clean .hero-visual{display:none!important}
.hero--clean .hero-inner{padding:1.25rem 1rem 1.75rem;max-width:720px}
.hero--clean .hero-copy{padding:1.25rem 1.35rem}
.hero--clean .hero-copy h1{font-size:clamp(1.6rem,5vw,2.35rem)}
.tile-img img{object-fit:cover;object-position:center top}


/* === Home v30 — clean single-flow landing === */
.home-page{padding-bottom:2rem}
.home-page .wrap{max-width:1100px}

.home-hero{padding:1.75rem 1rem 2rem;text-align:center}
.home-eyebrow{margin:0 0 .5rem;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.home-hero h1{font-family:var(--display);font-size:clamp(2rem,7vw,3rem);font-weight:800;line-height:1.05;margin:0 0 .75rem}
.home-hero h1 em{font-style:normal;color:var(--red)}
.home-lead{margin:0 auto 1.35rem;max-width:32rem;color:var(--text-soft);font-size:1.05rem;line-height:1.5}
.home-cta{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin-bottom:1.75rem}
.home-cta .btn{min-width:10rem}
.home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:36rem;margin:0 auto;padding:0;list-style:none}
.home-stats>div{text-align:center;padding:.65rem .25rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}
.home-stats dt{font-family:var(--display);font-size:1.35rem;font-weight:800;color:var(--red);margin:0}
.home-stats dd{margin:.15rem 0 0;font-size:.7rem;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em}

.home-auctions{padding:0 1rem 2rem}
.home-section-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem 1rem;margin-bottom:1rem}
.home-section-head h2{font-family:var(--display);font-size:1.2rem;font-weight:800;margin:0;flex:1}
.home-section-head a{font-size:.85rem;font-weight:700;color:var(--red);white-space:nowrap}
.home-section-head .live-pill{font-size:.6rem;vertical-align:middle}

.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
@media(min-width:600px){.home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}
@media(min-width:900px){.home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.home-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;transition:box-shadow .2s,border-color .2s}
.home-card:hover{border-color:rgba(30,144,255,.35);box-shadow:var(--shadow-lg)}
.home-card-img{position:relative;aspect-ratio:1;background:var(--bg-muted);overflow:hidden}
.home-card-img img{width:100%;height:100%;object-fit:cover}
.home-card-img .tile-badges{position:absolute;top:.4rem;left:.4rem;z-index:2}
.home-card-body{padding:.75rem .85rem .85rem;flex:1;display:flex;flex-direction:column}
.home-card-body h3{margin:0 0 .35rem;font-size:.84rem;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-card-price{margin:0;font-size:1rem;font-weight:800;color:var(--green)}
.home-card-meta{margin:.2rem 0 0;font-size:.72rem;color:var(--text-soft)}

.home-empty{grid-column:1/-1;text-align:center;padding:2.5rem 1rem;border:1px dashed var(--line);border-radius:var(--radius);background:var(--bg-soft)}
.home-empty p{margin:0 0 1rem;color:var(--text-soft)}

.home-cats{padding:0 1rem 2rem}
.home-cat-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.home-cat-scroll::-webkit-scrollbar{display:none}
.home-cat{flex-shrink:0;padding:.55rem 1rem;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.84rem;font-weight:600;color:var(--text)}
.home-cat:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}

.home-steps{padding:1.5rem 1rem 2.5rem;background:var(--bg-soft);border-top:1px solid var(--line)}
.home-steps-list{margin:0;padding:0;list-style:none;display:grid;gap:.75rem}
@media(min-width:700px){.home-steps-list{grid-template-columns:repeat(3,1fr);gap:1rem}}
.home-steps-list li{padding:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm)}
.home-steps-list strong{display:block;font-size:.95rem;margin-bottom:.25rem}
.home-steps-list span{font-size:.82rem;color:var(--text-soft);line-height:1.45}
.home-steps-more{margin:1rem 0 0;text-align:center;font-size:.85rem}
.home-steps-more a{color:var(--red);font-weight:700}

/* Home strip — quick promo + shortcuts */
.home-strip{padding:0 1rem .5rem}
.home-strip .promo-bar{margin:0 0 .75rem}
.home-strip .market-actions{margin:0 0 1rem}
.home-page .mood-strip{display:none!important}



/* === Home hero media v31 === */
.home-hero-banner{position:relative;border-bottom:1px solid var(--line);background:#fff;overflow:hidden}
.home-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.home-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.18}
.home-hero-panel{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:center;padding:1.5rem 1rem 2rem}
.home-hero-copy{text-align:center}
.home-hero-visual{display:none}
.home-hero-visual img{width:100%;max-height:220px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-lg)}
@media(min-width:768px){
  .home-hero-panel{grid-template-columns:1.05fr .95fr;padding:2rem 1rem 2.5rem;text-align:left}
  .home-hero-copy{text-align:left}
  .home-hero-cta,.home-cta{justify-content:flex-start}
  .home-hero-visual{display:block}
  .home-hero-visual img{max-height:280px}
  .home-stats{margin:0}
}
@media(min-width:900px){
  .home-hero-bg img{opacity:.14}
  .home-hero-visual img{max-height:320px}
}
/* retire plain text-only hero */
.home-hero.wrap{display:none}
.home-hero-visual img.home-hero-logo{object-fit:contain;max-height:72px;padding:1.25rem;background:#fff}

.about-page .about-story{margin:1.5rem 0 2rem;max-width:42rem}
.about-page .about-story p{margin:0 0 1rem;line-height:1.65;color:var(--text-soft)}
.about-page .about-story h2,.about-founder h2,.about-network h2{font-family:var(--display);font-size:1.2rem;font-weight:800;margin:0 0 .75rem}
.about-founder,.about-network{margin:1.5rem 0;padding:1.1rem 1.25rem;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius)}
.about-founder p,.about-network p{margin:0 0 .75rem;color:var(--text-soft);line-height:1.6}
.about-founder-links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0}
.about-founder-links a{font-weight:700;color:var(--blue);font-size:.9rem}

/* === v33 — two-button palette (blue primary + cherry bid), hero video, mobile polish === */
/* Cherry "Place Bid" so both button colours appear (blue = buy/nav, cherry = bid) */
.bid-form .btn,.bid-form .btn-primary{background:var(--red);box-shadow:0 4px 14px rgba(209,10,60,.22)}
.bid-form .btn:hover,.bid-form .btn-primary:hover{background:var(--red-dark)}
.mbb-btn.mbb-bid{background:var(--red)}
.mbb-btn.mbb-bid:hover{background:var(--red-dark)}
.home-hero-copy h1 em{color:var(--green)}

/* Self-measuring sticky offsets (app.js sets --topbar-h from the live topbar height) */
@media(max-width:959px){.browse-form{margin-bottom:.45rem}}
:where([id]),#main-content{scroll-margin-top:calc(var(--topbar-h,88px) + var(--safe-t) + 8px)}

/* Keep the bottom mobile nav until the desktop nav takes over at 960 (closes the 900-959 dead band) */
@media(min-width:900px) and (max-width:959px){.mob-nav{display:flex}body{padding-bottom:calc(var(--mob-nav-h) + var(--safe-b))}}

/* Reserve room so the sticky mobile bid bar never covers item-page content */
@media(max-width:899px){body.item-page{padding-bottom:calc(var(--mob-nav-h) + var(--safe-b) + 66px)}}

/* Contained branded hero video on desktop; the background scrim video stays subtle */
.home-hero-video{width:100%;max-height:300px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-lg);display:block}
@media(max-width:767px){.home-hero-video{display:none}}
.home-hero-bg img{opacity:.16}
@media(min-width:900px){.home-hero-bg img{opacity:.12}}
.cat-tile--more{color:var(--blue);font-weight:700;border-style:dashed}
.cat-tile--more:hover{color:var(--blue-dark)}

/* Home v34 — richer landing: compact categories, why-band, sell CTA */
.home-cat-grid .cat-count{color:var(--text-soft);font-weight:600;font-size:.72rem;margin-left:.25rem}
.home-why{padding:1.75rem 1rem}
.home-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
@media(min-width:768px){.home-why-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}
.home-why-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem 1rem;box-shadow:var(--shadow)}
.home-why-ico{font-size:1.7rem;line-height:1;display:block;margin-bottom:.5rem}
.home-why-card h3{font-family:var(--display);font-size:1rem;font-weight:800;margin:0 0 .3rem}
.home-why-card p{font-size:.85rem;color:var(--text-soft);line-height:1.45;margin:0}
.home-sell-cta{padding:0 1rem 2.5rem}
.home-sell-inner{background:linear-gradient(135deg,var(--blue-soft),#fff);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem 1.5rem;text-align:center}
.home-sell-inner h2{font-family:var(--display);font-size:1.35rem;font-weight:800;margin:0 0 .35rem}
.home-sell-inner p{color:var(--text-soft);margin:0 0 1rem}
.home-sell-inner .home-cta{justify-content:center;margin-bottom:0}
.image-panel.drag-over{outline:2px dashed var(--blue);outline-offset:4px;background:var(--blue-soft);border-radius:var(--radius)}
.about-cta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}
.about-grid article h2{font-size:1rem}

/* Home v36 — featured + ending scroll rows */
.home-featured,.home-ending{padding:0 1rem 1.25rem}
.feat-pill{background:var(--blue-soft);color:var(--blue);font-size:.68rem;font-weight:800;padding:.2rem .55rem;border-radius:99px;text-transform:uppercase;letter-spacing:.04em}
.end-pill{background:var(--red-soft);color:var(--red);font-size:.68rem;font-weight:800;padding:.2rem .55rem;border-radius:99px;text-transform:uppercase;letter-spacing:.04em}
.home-featured-scroll,.home-ending-scroll{display:flex;gap:.75rem;overflow-x:auto;padding:.25rem .1rem 1rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.home-featured-scroll .home-card,.home-ending-scroll .home-card{flex:0 0 min(72vw,220px);scroll-snap-align:start}
@media(min-width:600px){.home-featured-scroll .home-card,.home-ending-scroll .home-card{flex-basis:200px}}
@media(min-width:900px){.home-featured-scroll .home-card,.home-ending-scroll .home-card{flex-basis:220px}}
.tile-badge.badge-feat{background:var(--blue);color:#fff}
.tile-badge.badge-hot{background:var(--red);color:#fff}
.tile-badge.badge-end{background:var(--red-soft);color:var(--red)}
.tile-badge.badge-bin{background:var(--green-soft);color:var(--green)}
.market-action small{display:block;font-size:.72rem;font-weight:500;color:var(--text-soft);margin-top:.15rem}

/* === Mobile hardening v38 — no horizontal overflow, tidy hero + bottom === */
html,body{overflow-x:hidden;max-width:100vw}
.home-page,.home-hero-banner,.home-hero-panel,.home-strip,.home-featured,.home-ending,.home-auctions,.home-cats,.home-why,.home-steps,.home-sell-cta,.container,.wrap{max-width:100%;min-width:0}
.home-hero-bg{overflow:hidden}
.home-hero-bg img{width:100%;height:100%;object-fit:cover}
@media(max-width:640px){
  .home-hero-panel{padding:1rem .85rem 1.1rem}
  .home-hero-copy{text-align:center;min-width:0;max-width:100%}
  .home-hero-copy h1,.home-hero h1{font-size:clamp(1.5rem,7vw,1.85rem);line-height:1.08;word-break:break-word;overflow-wrap:anywhere}
  .home-lead{font-size:.88rem}
  .home-stats--bar{grid-template-columns:repeat(2,1fr);gap:.4rem}
  .home-cta--bar{width:100%;flex-direction:column}
  .home-cta--bar .btn{width:100%;min-width:0}
  .home-stats{grid-template-columns:repeat(2,1fr);max-width:100%;gap:.5rem;margin:0}
  .home-cta{width:100%;flex-direction:column}
  .home-cta .btn,.home-cta .btn-outline{width:100%;min-width:0}
  .promo-bar{flex-direction:column;align-items:flex-start;gap:.35rem}
  .market-actions--6{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
  .market-action{flex-direction:column;align-items:center;text-align:center;gap:.2rem;padding:.65rem .4rem;min-height:4.25rem;justify-content:center}
  .market-action span{font-size:.82rem;line-height:1.2}
}
/* Declutter floating prompts on phones */
@media(max-width:900px){
  .pwa-install{display:none!important}
  .notify-banner{font-size:.8rem;padding:.6rem .85rem}
  .notify-banner button{padding:.4rem .75rem;font-size:.8rem}
}

/* === Unified listing cards (home / browse / category / similar) — consistent + nice === */
.similar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
@media(min-width:600px){.similar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}
.card,.home-card,.similar-grid>.tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}
.card:hover,.home-card:hover,.similar-grid>.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:rgba(30,144,255,.35)}
.card>.card-img,.home-card>.home-card-img,.similar-grid>.tile>.tile-img{position:relative;aspect-ratio:1;background:var(--bg-muted);overflow:hidden}
.card>.card-img img,.home-card>.home-card-img img,.similar-grid>.tile>.tile-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
@media(hover:hover){.card:hover>.card-img img,.home-card:hover>.home-card-img img,.similar-grid>.tile:hover>.tile-img img{transform:scale(1.06)}}
.card>.card-body,.home-card>.home-card-body,.similar-grid>.tile>.tile-body{padding:.7rem .8rem .85rem;flex:1;display:flex;flex-direction:column;gap:.12rem}
.card>.card-body h3,.home-card>.home-card-body h3,.similar-grid>.tile>.tile-body h3{font-size:.84rem;font-weight:700;line-height:1.32;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text)}
.card .price,.home-card .home-card-price,.similar-grid>.tile .tile-price{font-size:1.02rem;font-weight:800;color:var(--green);margin:.12rem 0 0}
.card .meta,.home-card .home-card-meta{font-size:.72rem;color:var(--text-soft);margin:.1rem 0 0}
@media(hover:hover){
  .card::after,.home-card::after,.similar-grid>.tile::after{content:"View";position:absolute;top:.5rem;right:.5rem;background:var(--blue);color:#fff;font-size:.66rem;font-weight:800;padding:.2rem .55rem;border-radius:99px;opacity:0;transform:translateY(-4px);transition:.18s;pointer-events:none;z-index:3;box-shadow:0 2px 8px rgba(30,144,255,.35)}
  .card:hover::after,.home-card:hover::after,.similar-grid>.tile:hover::after{opacity:1;transform:none}
}

/* === Seller tools + import + compact home (v44) === */
.seller-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:0 1rem 1rem}
@media(min-width:768px){.seller-tools-grid{grid-template-columns:repeat(4,1fr);gap:.85rem}}
.seller-tool-card{display:flex;flex-direction:column;gap:.35rem;padding:.9rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);min-height:0}
.seller-tool-card img{width:36px;height:36px;opacity:.9}
.seller-tool-card h3{font-size:.92rem;font-weight:800;margin:0}
.seller-tool-card p{font-size:.78rem;color:var(--text-soft);margin:0;line-height:1.4}
.seller-tool-card:hover{border-color:var(--blue);box-shadow:var(--shadow-lg)}
.market-actions--6{grid-template-columns:repeat(3,1fr)}
@media(min-width:640px){.market-actions--6{grid-template-columns:repeat(6,1fr)}}
.market-action--hot{border-color:var(--green);background:var(--green-soft)}
.promo-bar--compact{padding:.55rem .85rem;margin:.5rem 1rem;font-size:.82rem}
/* Home v50 — compact horizontal hero on desktop (no stacked waste) */
.ticker-bar+.home-page .home-hero-banner{margin-top:0}
.home-page .home-hero-banner{background:#fff;border-bottom:1px solid var(--line)}
.home-page .home-hero-panel{padding:1.1rem 1rem 1.25rem}
.home-page .home-hero-main{display:flex;flex-direction:column;gap:1.1rem;align-items:stretch}
.home-page .home-hero-copy h1{margin:0 0 .45rem}
.home-page .home-lead{margin:0;max-width:36rem}
.home-page .home-hero-foot{display:flex;flex-direction:column;gap:.85rem;align-items:stretch}
.home-page .home-cf-bridge{margin-bottom:.75rem}
.home-page .home-strip{margin-bottom:.5rem}
.home-page .home-featured,.home-page .home-ending,.home-page .home-auctions{margin-bottom:1rem}
.home-hero-copy{text-align:left}
.home-hero-copy h1{margin:0 0 .25rem;font-size:clamp(1.5rem,4vw,2rem);line-height:1.08}
.home-eyebrow{margin:0 0 .2rem}
.home-lead{margin:0;max-width:none;font-size:.92rem;line-height:1.45}
.home-stats--bar{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}
.home-stats--bar>div{text-align:center;padding:.5rem .35rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-soft)}
.home-stats--bar dt{font-size:1.15rem;margin:0}
.home-stats--bar dd{margin:.1rem 0 0;font-size:.65rem}
.home-cta--bar{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}
.home-cta--bar .btn{min-width:0;flex:1 1 8.5rem}
@media(min-width:640px){
  .home-page .home-hero-foot{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
  .home-page .home-stats--bar{flex:1 1 16rem;max-width:100%}
  .home-page .home-cta--bar{flex:0 0 auto;flex-direction:row;flex-wrap:wrap}
  .home-page .home-cta--bar .btn{flex:0 1 auto;min-width:9rem}
}
@media(min-width:900px){
  .home-page .home-hero-panel{padding:1.1rem 1.25rem 1.2rem}
  .home-page .home-hero-copy h1{font-size:1.65rem}
  .home-page .home-lead{font-size:.9rem;line-height:1.45}
  .home-strip{padding:.35rem 1rem .65rem}
  .home-strip .market-actions{margin:0}
  .market-actions--6{gap:.45rem}
  .market-action{padding:.55rem .4rem;font-size:.78rem}
  .market-action span{font-size:.82rem}
  .market-action small{font-size:.65rem}
}
@media(min-width:1100px){
  .home-page .home-hero-copy h1{font-size:1.85rem}
}
.home-why--compact{padding-top:1rem;padding-bottom:1rem}
.home-tools{padding:1rem 0}
.import-page .page-head{margin-bottom:.75rem}
.import-steps{display:grid;gap:.5rem;margin:0 0 1rem}
@media(min-width:700px){.import-steps{grid-template-columns:repeat(3,1fr)}}
.import-step{display:flex;gap:.65rem;align-items:flex-start;padding:.75rem;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm)}
.import-step-n{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.import-step strong{display:block;font-size:.88rem}
.import-step span{display:block;font-size:.78rem;color:var(--text-soft)}
.import-drop{padding:1rem}
.import-source-lbl{display:block;margin-bottom:.75rem;font-weight:700;font-size:.88rem}
.import-source-lbl select{width:100%;margin-top:.35rem;padding:.65rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-size:16px}
.import-file-zone{position:relative;border:2px dashed var(--line);border-radius:var(--radius);padding:1.5rem 1rem;text-align:center;margin-bottom:1rem;background:var(--bg-soft);transition:.2s}
.import-file-zone.drag-over{border-color:var(--blue);background:var(--blue-soft)}
.import-file-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.import-file-hint{margin:0;font-size:.9rem}
.import-file-name{margin:.35rem 0 0;font-size:.82rem;color:var(--green);font-weight:700}
.import-cols{margin:1rem 0}
.import-cols summary{cursor:pointer;font-weight:700;padding:.5rem 0}
.import-col-list{margin:.5rem 0 0 1.1rem;font-size:.82rem;color:var(--text-soft);columns:2;gap:1rem}
.import-col-list code{font-size:.78rem;background:var(--bg-soft);padding:.1rem .35rem;border-radius:4px}
.import-jobs-mobile{display:flex;flex-direction:column;gap:.5rem}
.import-jobs-table{display:none}
@media(min-width:768px){.import-jobs-mobile{display:none}.import-jobs-table{display:table;width:100%}}
.import-job-card{padding:.85rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}
.import-job-card h3{font-size:.9rem;margin:0 0 .25rem}
.import-job-stat{font-size:.78rem;color:var(--text-soft)}
.import-links{font-size:.85rem;color:var(--text-soft);margin-top:1rem}
.progress-bar{height:10px;background:var(--bg-muted);border-radius:99px;overflow:hidden;margin:.5rem 0}
.progress-bar>div{height:100%;background:var(--green);transition:width .3s}
@media(max-width:640px){
  .home-hero-banner .home-hero-panel{padding:1rem .85rem 1.25rem}
  .home-strip{padding:.25rem 0}
  .home-section-head{padding:0 .85rem;margin-bottom:.65rem}
  .home-section-head h2{font-size:1.1rem}
  .home-sell-cta .home-sell-inner{padding:1.25rem 1rem}
  .dash-head-cta{width:100%;text-align:center}
  .container{padding-top:.85rem}
}

/* === Modular square grid v51 — home, browse, category, classic + default === */
.listing-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.6rem;
  align-items:stretch;
  width:100%;
}
@media(min-width:540px){.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}}
@media(min-width:768px){.listing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}}
@media(min-width:1100px){.listing-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}}
.listing-grid--compact{max-width:100%}
@media(min-width:768px){.listing-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}}
.listing-grid--list{display:flex;flex-direction:column;gap:.55rem}
.listing-grid--list .listing-card,.listing-grid--list .home-card,.listing-grid--list .card{
  display:grid;grid-template-columns:88px 1fr;gap:.75rem;align-items:center;padding:.55rem .65rem
}
.listing-grid--list .home-card-img,.listing-grid--list .card-img,.listing-grid--list .tile-img{
  aspect-ratio:1;max-height:88px;border-radius:8px
}
.listing-grid--list .home-card-img img,.listing-grid--list .card-img img{height:88px;object-fit:cover}
.listing-card,.listing-grid>.home-card,.listing-grid>.card,.listing-grid>.tile{
  display:flex;flex-direction:column;height:100%;min-width:0;
  background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;
  box-shadow:0 1px 4px rgba(18,21,28,.05);transition:border-color .18s,box-shadow .18s,transform .18s
}
@media(hover:hover){
  .listing-card:hover,.listing-grid>.home-card:hover,.listing-grid>.card:hover{
    border-color:rgba(30,144,255,.35);box-shadow:var(--shadow-lg);transform:translateY(-2px)
  }
}
.listing-card .home-card-img,.listing-card>.card-img,.listing-card>.tile-img,
.listing-grid .home-card-img,.listing-grid .card-img,.listing-grid .tile-img{
  position:relative;aspect-ratio:1;width:100%;flex-shrink:0;background:var(--bg-muted);overflow:hidden
}
.listing-card img,.listing-grid .home-card-img img,.listing-grid .card-img img,.listing-grid .tile-img img{
  width:100%;height:100%;object-fit:cover;object-position:center center
}
.listing-card .home-card-body,.listing-grid .home-card-body,.listing-grid .card-body,.listing-grid .tile-body{
  flex:1;display:flex;flex-direction:column;gap:.15rem;padding:.65rem .7rem .75rem;min-height:4.6rem
}
.listing-card .home-card-body h3,.listing-grid h3{
  margin:0;font-size:.8rem;font-weight:700;line-height:1.32;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.listing-card .home-card-price,.listing-grid .home-card-price,.listing-grid .price,.listing-grid .tile-price{
  margin-top:auto;font-size:.98rem;font-weight:800;color:var(--green)
}
.listing-card .home-card-meta,.listing-grid .home-card-meta,.listing-grid .meta,.listing-grid .tile-meta{
  font-size:.7rem;color:var(--text-soft);margin:0
}
.home-page .home-featured,.home-page .home-ending,.home-page .home-auctions{padding:0 0 1.35rem}
.home-page .home-cats,.home-page .home-tools,.home-page .home-why,.home-page .home-sell-cta{padding-bottom:1.35rem}
.home-strip .market-actions{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;border:0
}
@media(min-width:640px){.home-strip .market-actions--6{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem}}
.market-action{
  min-height:4.5rem;justify-content:center;text-align:center;border-radius:8px;
  border:1px solid var(--line);background:#fff;box-shadow:0 1px 3px rgba(18,21,28,.04)
}
.market-action span{font-size:.88rem;font-weight:800;line-height:1.2}
.market-action small{margin-top:.1rem;line-height:1.25}
.home-cat-grid .cat-tile{
  min-height:3rem;border-radius:8px;justify-content:flex-start;padding:.6rem .75rem
}
.seller-tools-grid .seller-tool-card{min-height:8.5rem;border-radius:8px}
.home-why-grid .home-why-card{min-height:7.5rem;border-radius:8px}
.home-stats--bar>div{border-radius:8px}
.home-empty{grid-column:1/-1;border-radius:8px}

/* === Browse + page shell v52 — even grids sitewide === */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-shell{padding-top:1rem;padding-bottom:2rem}
.page-shell-head{margin:0 0 1rem}
.page-shell-head h1{font-family:var(--display);font-size:clamp(1.35rem,3.5vw,1.75rem);font-weight:800;margin:0;line-height:1.15}
.page-shell-head .lead{margin:.25rem 0 0;font-size:.9rem}
.page-shell-sub{font-size:1rem;font-weight:800;margin:1.25rem 0 .65rem}
.browse-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem;flex-wrap:wrap}
.browse-top-title{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;min-width:0}
.browse-top h1{font-family:var(--display);font-size:1.35rem;font-weight:800;margin:0;line-height:1.1}
.browse-search{display:block;min-width:0}
.browse-search input,.browse-field{width:100%;padding:.45rem .6rem;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px;min-height:34px;color:var(--text)}
.browse-results .listing-grid,.browse-results .grid,.page-shell .listing-grid,.account-main .listing-grid{padding:0;margin:0}
@media(min-width:900px){.browse-top h1{font-size:1.5rem}}
@media(max-width:767px){
  .browse-bar .browse-inp--search,.browse-bar .browse-inp--cat,.browse-bar .browse-inp--sort{flex:1 1 calc(50% - .2rem)}
  .browse-bar .browse-go,.browse-bar .browse-view-toggle{flex:0 0 auto}
  .browse-quick{flex:1 1 100%;padding-top:.15rem}
}
.listing-grid .empty,.listing-grid .home-empty{grid-column:1/-1}


/* === Item page desktop layout v53 === */
.item-page.container{max-width:1120px}
.item-page .item-grid{margin-bottom:.5rem}
.item-gallery{background:transparent}
.gallery-main{box-shadow:0 1px 4px rgba(18,21,28,.04)}
@media(min-width:900px){
  .item-page .share-row .btn-outline{background:#fff}
  .item-page .seller-box{margin-top:.85rem}
  .item-page .item-facts{margin:.75rem 0}
  .item-page .buy-box-secondary .btn-secondary{width:auto;flex:1 1 auto;min-width:calc(50% - .25rem)}
  .item-page .buy-box-links{gap:.5rem}
  .item-desc h2,.qa-section h2,.bid-history h2{font-size:1.1rem;margin:0 0 .65rem}
  .item-desc,.qa-section,.bid-history{
    background:#fff;border:1px solid var(--line);border-radius:10px;
    padding:1rem 1.15rem;margin-top:1rem;border-top:1px solid var(--line)
  }
  .similar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
}
@media(max-width:899px){
  .gallery-main{max-height:min(360px,55vh)}
  .gallery-main img{max-height:min(360px,55vh)}
}

/* === Density + responsive pack v64 — all themes: less wasted space === */
:root{
  --tap:42px;
  --nav-h:52px;
  --mob-nav-h:56px;
}

/* Use more of the viewport on large screens */
.wrap,.container,.foot-inner,.foot-bottom,.topbar-inner,
.ebay-util-inner,.ebay-logo-row-inner,.ebay-tabs-inner,
.ebay-home-layout.wrap,.ebay-home-layout{
  max-width:min(1320px,100%)!important;
}
.home-page .wrap{max-width:min(1320px,100%)!important}
.item-page.container{max-width:min(1180px,100%)}

/* Tighter page shell */
.wrap,.container{
  padding-left:max(.65rem,env(safe-area-inset-left))!important;
  padding-right:max(.65rem,env(safe-area-inset-right))!important;
}
.container{padding-top:.75rem!important;padding-bottom:1.25rem!important}
.page-shell{padding-top:.65rem!important;padding-bottom:1.25rem!important}
.page-shell-head{margin:0 0 .65rem!important}
.section{padding:1rem 0!important}
.sec-head{margin-bottom:.55rem!important;padding:0 .15rem!important}

/* Topbar denser */
.topbar-inner{
  padding:.35rem max(.65rem,env(safe-area-inset-left)) .35rem max(.65rem,env(safe-area-inset-right))!important;
  gap:.3rem .5rem!important;
}
.brand{min-height:40px!important;gap:.35rem!important}
.brand-logo{height:30px!important;max-width:min(180px,48vw)!important}
.search{min-height:38px!important;padding:0 .7rem!important}
.search input{padding:.4rem 0!important;font-size:15px!important}
.topbar-end{gap:.25rem!important}
.bell-link{width:36px!important;height:36px!important}

@media(min-width:900px){
  .topbar-inner{
    grid-template-columns:auto minmax(220px,1fr) auto!important;
    gap:.4rem .75rem!important;
    padding:.4rem max(1rem,env(safe-area-inset-left)) .4rem max(1rem,env(safe-area-inset-right))!important;
  }
  .brand-logo{height:32px!important}
}

/* Buttons — slightly shorter, still tappable */
.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-cherry{
  min-height:40px;
  padding:.55rem 1rem;
}
.btn-sm{min-height:34px;padding:.4rem .75rem;font-size:.84rem}

/* Grids: pack more cards, less gap */
.grid{gap:.5rem!important;padding:0!important}
.listing-grid{
  gap:.45rem!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
@media(min-width:480px){
  .listing-grid,.grid:not(.grid--list){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important}
}
@media(min-width:720px){
  .listing-grid,.grid:not(.grid--list){grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.55rem!important}
}
@media(min-width:1000px){
  .listing-grid,.grid:not(.grid--list){grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(min-width:1280px){
  .listing-grid,.grid:not(.grid--list){grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:.6rem!important}
}
.listing-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(min-width:540px){.listing-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:800px){.listing-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:1100px){.listing-grid--compact{grid-template-columns:repeat(5,minmax(0,1fr))!important}}

.listing-card .home-card-body,
.listing-grid .home-card-body,
.listing-grid .card-body{
  padding:.5rem .55rem .55rem!important;
}
.listing-card .home-card-body h3,
.listing-grid .home-card-body h3,
.listing-grid .card-body h3{
  font-size:.82rem!important;
  line-height:1.25!important;
  margin:0 0 .15rem!important;
}
.listing-grid .home-card-price,
.listing-grid .price{font-size:.95rem!important}

/* Home / sections tighter */
.home-page{padding-bottom:1rem!important}
.home-page .home-hero-panel{padding:.75rem .65rem .85rem!important}
.home-page .home-featured,
.home-page .home-ending,
.home-page .home-auctions{margin-bottom:.65rem!important}
.home-section-head{margin-bottom:.45rem!important}
.market-actions{gap:.4rem!important;padding:.4rem!important}
.market-action{min-height:3.5rem!important;padding:.4rem .3rem!important}
.cat-grid{gap:.4rem!important}
.cat-tile{padding:.45rem .55rem!important;min-height:0!important;font-size:.85rem}

/* Mobile nav thinner */
.mob-nav{
  padding:.2rem max(.25rem,env(safe-area-inset-left)) calc(.2rem + var(--safe-b)) max(.25rem,env(safe-area-inset-right))!important;
}
.mob-link{
  min-width:48px!important;
  min-height:46px!important;
  padding:.2rem .3rem!important;
  font-size:.6rem!important;
}
.mob-link svg{width:20px;height:20px}
.mob-sell{margin-top:-6px!important}
.mob-sell svg{padding:5px!important}

/* Item page — less empty air */
.item-grid{gap:.75rem!important}
@media(min-width:900px){
  .item-grid{
    grid-template-columns:minmax(240px,380px) minmax(0,1fr)!important;
    gap:1rem 1.25rem!important;
    max-width:none!important;
  }
  .item-info{position:sticky;top:calc(var(--topbar-h,56px) + 8px)}
  .gallery-main{max-height:min(400px,52vh)!important}
}
@media(max-width:899px){
  .gallery-main{max-height:min(320px,48vh)!important}
  .gallery-main img{max-height:min(320px,48vh)!important}
  .item-info > h1{font-size:1.1rem!important}
  .buy-box{padding:.75rem!important;margin:.65rem 0!important}
  .live-panel,.ebay-vi-panel{padding:.7rem .75rem!important;margin:.5rem 0!important}
  .current-price,.ebay-vi-price{font-size:1.4rem!important}
}

/* Browse denser */
.browse-top{margin-bottom:.4rem!important}
.browse-form,.browse-bar{padding:.4rem!important;gap:.35rem!important}
.browse-inp,.browse-search input,.browse-field{min-height:34px!important;padding:.35rem .5rem!important;font-size:14px!important}
.chip{min-height:32px!important;padding:.3rem .65rem!important;font-size:.8rem!important}
.chip-scroll{padding:.4rem 0 .55rem!important;gap:.35rem!important}

/* Footer denser */
.foot{padding:1.1rem .65rem .75rem!important;margin-top:1rem!important}
.foot-inner{gap:.65rem!important;padding-bottom:.65rem!important}
.foot-links a{min-height:28px!important;padding:0 .4rem!important;font-size:.8rem!important}
.foot-bottom{padding-top:.55rem!important}

/* Forms denser on mobile without fighting 16px zoom rule */
@media(max-width:767px){
  .form-page input,.form-page select,.form-page textarea,
  .filter-form input,.filter-form select{
    min-height:40px;
    padding:.55rem .65rem;
  }
  .panel{padding:.85rem!important}
  .account-nav a{min-height:38px!important;padding:.45rem .6rem!important}
  html{overflow-x:clip}
  body{overflow-x:hidden;max-width:100vw}
}

/* Desktop: use width, less side gutter */
@media(min-width:1100px){
  .wrap,.container{
    padding-left:1rem!important;
    padding-right:1rem!important;
  }
}

/* Chat / floating UI clear of thinner mob nav */
@media(max-width:899px){
  .chat-fab{bottom:calc(var(--mob-nav-h) + var(--safe-b) + 10px)!important}
  .scroll-top{bottom:calc(var(--mob-nav-h) + var(--safe-b) + 68px)!important}
  .toast-wrap{bottom:calc(var(--mob-nav-h) + var(--safe-b) + 58px)!important}
}


/* === Contrast: white text on solid blue/red/green CTAs & active states (all themes) === */
/* Covers :link :visited :hover :active so classic a{color:blue} never wins on filled chrome */
a.btn:not(.btn-outline):not(.btn-secondary),
a.btn:not(.btn-outline):not(.btn-secondary):link,
a.btn:not(.btn-outline):not(.btn-secondary):visited,
a.btn:not(.btn-outline):not(.btn-secondary):hover,
a.btn:not(.btn-outline):not(.btn-secondary):active,
a.btn-primary, a.btn-primary:link, a.btn-primary:visited, a.btn-primary:hover, a.btn-primary:active,
a.btn-cherry, a.btn-cherry:link, a.btn-cherry:visited, a.btn-cherry:hover,
a.buy-now-btn, a.buy-now-btn:link, a.buy-now-btn:visited, a.buy-now-btn:hover,
a.bin-btn, a.bin-btn:link, a.bin-btn:visited, a.bin-btn:hover,
a.bid-btn, a.bid-btn:link, a.bid-btn:visited, a.bid-btn:hover,
a.dash-head-cta, a.dash-head-cta:link, a.dash-head-cta:visited, a.dash-head-cta:hover,
a.dash-quick-card--primary, a.dash-quick-card--primary:link, a.dash-quick-card--primary:visited, a.dash-quick-card--primary:hover,
a.nav-sell, a.nav-sell:link, a.nav-sell:visited, a.nav-sell:hover,
a.nav-sell-btn, a.nav-sell-btn:link, a.nav-sell-btn:visited, a.nav-sell-btn:hover,
a.nav-join, a.nav-join:link, a.nav-join:visited, a.nav-join:hover,
a.nav-join-mob, a.nav-join-mob:link, a.nav-join-mob:visited, a.nav-join-mob:hover,
a.account-sell-cta, a.account-sell-cta:link, a.account-sell-cta:visited, a.account-sell-cta:hover,
a.ebay-sell-cta, a.ebay-sell-cta:link, a.ebay-sell-cta:visited, a.ebay-sell-cta:hover,
a.browse-view-btn.is-active, a.browse-view-btn.is-active:link, a.browse-view-btn.is-active:visited, a.browse-view-btn.is-active:hover,
a.browse-view-link.is-active, a.browse-view-link.is-active:link, a.browse-view-link.is-active:visited, a.browse-view-link.is-active:hover,
a.chip-active, a.chip.chip-active, a.chip-active:link, a.chip-active:visited, a.chip-active:hover,
button.btn:not(.btn-outline):not(.btn-secondary),
button.btn-primary, button.btn-cherry, button.bid-btn, button.buy-now-btn,
.btn-primary, .btn-cherry, .buy-now-btn, .bin-btn, .bid-btn, .dash-head-cta,
.dash-quick-card--primary, .nav-sell-btn, .nav-join, .nav-join-mob, .account-sell-cta,
.browse-view-btn.is-active, .browse-view-link.is-active,
.chip-active, .chip.chip-active,
.theme-opt-active, button.theme-opt-active,
.theme-opt-mini.theme-opt-active,
.import-step-n,
.ebay-tab--buy, a.ebay-tab--buy, a.ebay-tab--buy:visited, a.ebay-tab--buy:hover,
.nav-count-badge, .bell-badge, .badge-link b, .dash-quick-badge, .nav-badge,
.import-step-n, .import-step-n * {
  color:#fff!important;
}
/* Nested text on primary cards only (NOT section heads — light theme needs dark text) */
.dash-quick-card--primary span,
.dash-quick-card--primary .dash-quick-icon {
  color:#fff!important;
}
/* Soft blue backgrounds keep dark/blue text (not white) */
a.btn-outline, a.btn-secondary,
a.btn-outline:link, a.btn-outline:visited, a.btn-outline:hover,
a.btn-secondary:link, a.btn-secondary:visited, a.btn-secondary:hover,
.btn-outline, .btn-secondary {
  color:var(--text)!important;
}


/* === Dashboard List item: force white on blue (final) === */
a.dash-quick-card.dash-quick-card--primary,
a.dash-quick-card.dash-quick-card--primary:any-link,
a.dash-quick-card.dash-quick-card--primary:link,
a.dash-quick-card.dash-quick-card--primary:visited,
a.dash-quick-card.dash-quick-card--primary:hover,
a.dash-quick-card.dash-quick-card--primary:active,
a.dash-quick-card.dash-quick-card--primary span,
a.dash-quick-card.dash-quick-card--primary .dash-quick-icon,
a.btn.btn-primary.dash-head-cta,
a.btn.btn-primary.dash-head-cta:any-link,
a.btn.btn-primary.dash-head-cta:visited,
a.btn.btn-primary.dash-head-cta:hover {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
a.dash-quick-card.dash-quick-card--primary,
a.dash-quick-card.dash-quick-card--primary:any-link,
a.dash-quick-card.dash-quick-card--primary:hover {
  background:#0654ba!important;
  border-color:#054a9e!important;
}
a.btn.btn-primary.dash-head-cta,
a.btn.btn-primary.dash-head-cta:any-link,
a.btn.btn-primary.dash-head-cta:hover {
  background:#0654ba!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}


/* === FINAL: white text on filled CTAs all themes === */
a.btn:not(.btn-outline):not(.btn-secondary),
a.btn-primary, a.btn-cherry, a.buy-now-btn, a.bin-btn, a.bid-btn,
a.dash-head-cta, a.dash-quick-card--primary, a.dash-quick-card.dash-quick-card--primary,
a.nav-sell, a.nav-sell-btn, a.nav-join, a.nav-join-mob, a.account-sell-cta,
a.browse-view-btn.is-active, a.browse-view-link.is-active, a.chip-active,
.btn-primary, .btn-cherry, .buy-now-btn, .bin-btn, .bid-btn,
.dash-head-cta, .dash-quick-card--primary, .dash-quick-card--primary span,
.dash-quick-card--primary .dash-quick-icon,
.chip-active, .theme-opt-active, .browse-view-btn.is-active, .browse-view-link.is-active,
a.btn:not(.btn-outline):not(.btn-secondary):visited,
a.btn-primary:visited, a.dash-head-cta:visited, a.dash-quick-card--primary:visited,
a.dash-quick-card.dash-quick-card--primary:visited,
a.btn:not(.btn-outline):not(.btn-secondary):hover,
a.btn-primary:hover, a.dash-head-cta:hover, a.dash-quick-card--primary:hover {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
a.dash-quick-card.dash-quick-card--primary {
  background:#0654ba!important;
  border-color:#054a9e!important;
}
a.btn-outline, a.btn-secondary,
a.btn-outline:visited, a.btn-secondary:visited,
a.btn-outline:hover, a.btn-secondary:hover {
  color:var(--text)!important;
  -webkit-text-fill-color:var(--text)!important;
}



/* === Categories page redesign v71 — icons + denser findable grid === */
.categories-page-inner{padding-bottom:1.5rem}
.cat-page-head{margin-bottom:.75rem}
.cat-page-head .lead{max-width:40rem}
.cat-toolbar{
  display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;
  margin:0 0 .85rem;position:sticky;top:calc(var(--topbar-h,56px) + 2px);z-index:40;
  background:var(--bg,#fff);padding:.35rem 0;border-bottom:1px solid var(--line)
}
.cat-search-wrap{
  flex:1 1 14rem;display:flex;align-items:center;gap:.4rem;
  border:1.5px solid var(--line);border-radius:10px;background:#fff;padding:.15rem .65rem;min-height:40px
}
.cat-search-ico{font-size:1rem;line-height:1;opacity:.85}
.cat-search{
  flex:1;border:0;background:transparent;outline:0;font-size:15px;min-width:0;padding:.4rem 0;color:var(--text)
}
.cat-browse-all{flex:0 0 auto;min-height:40px;padding:.45rem .9rem}
.cat-filter-status{font-size:.85rem;color:var(--text-soft);margin:0 0 .75rem;font-weight:600}
.cat-jump{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 1rem;padding:0}
.cat-jump-pill{
  display:inline-flex;align-items:center;gap:.3rem;
  padding:.3rem .55rem;border:1px solid var(--line);border-radius:999px;
  background:#fff;font-size:.75rem;font-weight:700;color:var(--text);text-decoration:none;line-height:1.2
}
.cat-jump-pill:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}
.cat-jump-ico{font-size:1rem;line-height:1}
.cat-browser{display:flex;flex-direction:column;gap:1.15rem;padding-bottom:1.5rem}
.cat-group{scroll-margin-top:calc(var(--topbar-h,56px) + 56px)}
.cat-group-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;
  margin:0 0 .5rem;padding-bottom:.3rem;border-bottom:2px solid var(--line)
}
.cat-group-head h2{
  margin:0;font-family:var(--display);font-size:1.05rem;font-weight:800;
  display:flex;align-items:center;gap:.4rem;color:var(--text)
}
.cat-group-ico{font-size:1.2rem;line-height:1}
.cat-group-meta{font-size:.75rem;font-weight:700;color:var(--blue);white-space:nowrap}
.cat-group-meta--muted{color:var(--text-soft);font-weight:600}
.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
@media(min-width:540px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:800px){.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}}
@media(min-width:1100px){.cat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1320px){.cat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.cat-tile{
  display:flex;align-items:center;gap:.55rem;
  min-height:3.4rem;padding:.55rem .6rem;
  background:#fff;border:1px solid var(--line);border-radius:10px;
  text-decoration:none;color:var(--text);min-width:0;transition:border-color .12s,background .12s,box-shadow .12s
}
.cat-tile-ico{
  flex:0 0 auto;width:2.15rem;height:2.15rem;
  display:flex;align-items:center;justify-content:center;
  font-size:1.25rem;line-height:1;
  background:var(--bg-soft,#f4f6f8);border-radius:8px;border:1px solid var(--line)
}
.cat-tile-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}
.cat-tile-name{
  font-size:.82rem;font-weight:700;line-height:1.25;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)
}
.cat-tile-count{font-size:.68rem;font-weight:600;color:var(--blue);line-height:1.2}
.cat-tile-count--zero{color:var(--text-soft);font-weight:500}
.cat-tile:hover,.cat-tile:focus-visible{
  border-color:var(--blue);background:var(--blue-soft);outline:none;
  box-shadow:0 1px 6px rgba(6,84,186,.12)
}
.cat-tile:hover .cat-tile-name,.cat-tile:focus-visible .cat-tile-name{color:var(--blue)}
.cat-tile--empty{opacity:.88}
.cat-tile--more{border-style:dashed;color:var(--blue)}
.cat-tile--more .cat-tile-name{color:var(--blue)}
.cat-tile--more:hover{background:var(--blue-soft)}
.cat-tile[hidden],.cat-group[hidden]{display:none!important}
@media(max-width:540px){
  .cat-toolbar{position:static;border-bottom:0;padding:0;margin-bottom:.65rem}
  .cat-browse-all{width:100%}
  .cat-jump-lbl{max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cat-tile{min-height:3.15rem;padding:.45rem .5rem;gap:.4rem}
  .cat-tile-ico{width:1.9rem;height:1.9rem;font-size:1.1rem}
  .cat-tile-name{font-size:.78rem}
}
.home-cat-grid .cat-tile{min-height:3rem}



/* === Continuous polish pack v80 — all themes === */

/* Focus visible (keyboard) */
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}

/* Empty states */
.empty,.home-empty,.browse-empty,.cat-empty{
  text-align:center;padding:1.75rem 1rem;border:1px dashed var(--line);
  border-radius:12px;background:var(--bg-soft,#f7f8fa);color:var(--text-soft);margin:.5rem 0
}
.empty p,.home-empty p{margin:0 0 .75rem;font-weight:600;color:var(--text);font-size:.95rem}
.empty .btn,.home-empty .btn{margin:.15rem}

/* Listing cards — cleaner meta row */
.listing-card .home-card-meta,
.listing-grid .home-card-meta,
.listing-grid .meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .4rem;
  font-size:.72rem!important;line-height:1.25
}
.listing-card .bin-tag,
.home-card-meta .bin-tag{
  display:inline-block;padding:.08rem .35rem;border-radius:4px;
  background:var(--green-soft,#e8f7ee);color:var(--green,#177245);font-weight:800;font-size:.65rem
}
.price-label{display:block;font-size:.65rem;font-weight:600;color:var(--text-soft);text-transform:uppercase;letter-spacing:.03em}

/* Browse toolbar denser + sticky on desktop */
.browse-page{padding-bottom:1.25rem}
.browse-toolbar{margin-bottom:.65rem}
.browse-bar{
  display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;
  padding:.45rem;background:var(--bg-soft);border:1px solid var(--line);border-radius:10px
}
.browse-bar-meta{margin:0;flex:1 1 auto;min-width:6rem;font-size:.82rem}
.browse-bar-name{font-weight:800;margin-right:.35rem}
.browse-count{color:var(--text-soft);font-weight:600}
.browse-inp{min-height:34px;padding:.3rem .5rem;font-size:14px;border:1px solid var(--line);border-radius:8px;background:#fff}
.browse-inp--search{flex:1 1 10rem;min-width:8rem}
.browse-go{min-height:34px;padding:.35rem .85rem}
.browse-quick{display:flex;flex-wrap:wrap;gap:.25rem;width:100%;padding-top:.15rem}
.browse-quick-link{
  font-size:.72rem;font-weight:700;padding:.25rem .55rem;border:1px solid var(--line);
  border-radius:999px;background:#fff;color:var(--text);text-decoration:none
}
.browse-quick-link.is-active{background:var(--blue);border-color:var(--blue);color:#fff!important}
.browse-form-refine{margin-top:.35rem}
.browse-form-refine>summary{
  cursor:pointer;font-size:.8rem;font-weight:700;color:var(--blue);padding:.25rem 0;list-style:none
}
.browse-form-refine>summary::-webkit-details-marker{display:none}
.browse-form-secondary{display:flex;flex-wrap:wrap;gap:.35rem;padding:.4rem 0 0}

/* Pagination */
.pagination,.pager{
  display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;margin:1rem 0;padding:.25rem
}
.pagination a,.pager a,.page-link{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:2rem;height:2rem;padding:0 .45rem;border:1px solid var(--line);
  border-radius:6px;font-size:.8rem;font-weight:700;text-decoration:none;color:var(--text);background:#fff
}
.pagination a:hover,.pager a:hover{border-color:var(--blue);color:var(--blue)}
.pagination .current,.pagination a.is-active,.page-link.active,.pager .active{
  background:var(--blue);border-color:var(--blue);color:#fff!important
}

/* Item page polish */
.item-page .breadcrumb{margin:.35rem 0 .65rem}
.item-facts .fact-row{
  display:flex;justify-content:space-between;gap:.75rem;padding:.4rem 0;
  border-bottom:1px solid var(--line);font-size:.88rem
}
.item-facts .fact-row:last-child{border-bottom:0}
.item-facts .fact-row span{color:var(--text-soft);font-weight:600}
.item-facts .fact-row strong{text-align:right;font-weight:700}
.similar-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:.5rem 0 1.25rem
}
@media(min-width:600px){.similar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.similar-grid .tile,.similar-grid .listing-card{
  border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;text-decoration:none
}
.mbb-price{font-size:1.05rem!important}
.mobile-bid-bar .mbb-actions{display:flex;gap:.4rem;flex:1;justify-content:flex-end}
.mobile-bid-bar .mbb-actions .btn{min-height:40px;padding:.45rem .7rem;font-size:.85rem}

/* Category landing */
.cat-landing-head{
  display:flex;align-items:flex-start;gap:.75rem;margin:0 0 .85rem
}
.cat-landing-ico{
  width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;
  font-size:1.6rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft)
}
.cat-landing-head h1{margin:0 0 .2rem}
.cat-landing-head .lead{margin:0}

/* Tables denser */
.data-table th,.data-table td{padding:.5rem .4rem;font-size:.84rem}
.data-table th{background:var(--bg-soft)}

/* Forms */
.form-page label{margin-bottom:.65rem}
.notice{border-radius:8px}

/* Account / dash */
.dash-quick{gap:.4rem!important;margin:1rem 0!important}
.dash-quick-card{border-radius:10px;padding:.7rem .4rem!important}
.dash-section{margin:1.15rem 0!important}

/* Footer slightly tighter */
.foot{margin-top:1.25rem}

/* Scrollbars (webkit) */
.browse-cat-links::-webkit-scrollbar,.cat-jump::-webkit-scrollbar{height:6px;width:6px}
.browse-cat-links::-webkit-scrollbar-thumb,.cat-jump::-webkit-scrollbar-thumb{
  background:rgba(0,0,0,.18);border-radius:99px
}

/* Home ebay welcome denser on mobile */
@media(max-width:640px){
  .ebay-sell-banner-cta .btn{flex:1}
  .browse-bar{padding:.4rem}
  .browse-inp--cat,.browse-inp--sort{flex:1 1 calc(50% - .25rem)}
}

/* Skeleton-friendly image bg */
.home-card-img,.card-img,.tile-img,.listing-card .home-card-img{
  background:linear-gradient(180deg,#fafbfc,#f0f2f5)
}

/* Status badges consistency */
.status-badge{font-size:.68rem!important;padding:.15rem .45rem!important}

/* Auth pages stay full-width clean */
.auth-page .container{max-width:480px}

/* Sticky browse filters on wide screens */
@media(min-width:1024px){
  .browse-toolbar{
    position:sticky;top:calc(var(--topbar-h,56px) + 2px);z-index:30;
    background:var(--bg,#fff);padding-bottom:.35rem
  }
}



/* === Import real-time progress v81 === */
.import-progress{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft,#f7f8fa)}
.import-progress.hidden{display:none!important}
.import-progress-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem}
.import-progress-head strong{font-size:.95rem}
.import-pct{font-weight:800;font-size:1.1rem;color:var(--blue);font-variant-numeric:tabular-nums}
.import-progress-bar{height:14px!important;border-radius:8px!important;background:rgba(0,0,0,.08)!important;margin:.35rem 0 .55rem!important}
.import-progress-bar>#import-bar,
.import-progress-bar>div{
  background:linear-gradient(90deg,#3b86ea,#0654ba)!important;
  transition:width .25s ease!important;border-radius:8px
}
.import-progress--done .import-progress-bar>div{background:linear-gradient(90deg,#7cc142,#4b8f00)!important}
.import-progress--fail .import-progress-bar>div{background:linear-gradient(90deg,#e85,#c00)!important}
.import-status-line{margin:0 0 .65rem;font-size:.88rem;font-weight:600;color:var(--text)}
.import-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin:0 0 .5rem}
.import-stat{text-align:center;padding:.45rem .25rem;background:#fff;border:1px solid var(--line);border-radius:8px}
.import-stat-n{display:block;font-weight:800;font-size:1.05rem;color:var(--text);font-variant-numeric:tabular-nums}
.import-stat-l{display:block;font-size:.68rem;font-weight:600;color:var(--text-soft);text-transform:uppercase;letter-spacing:.03em}
.import-file-label{margin:0 0 .4rem;font-size:.8rem;color:var(--text-soft);word-break:break-all}
.import-log{margin:.4rem 0;padding:.5rem .65rem;max-height:120px;overflow:auto;font-size:.75rem;background:#fff;border:1px solid var(--line);border-radius:8px;white-space:pre-wrap}
.import-progress-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.import-mini-bar{height:6px;margin:.35rem 0}
.status-badge.status-processing{background:#e8f2ff;color:#0654ba}
.status-badge.status-queued{background:#fff8e0;color:#8a5b00}
.status-badge.status-done{background:#e2f6ea;color:#177245}
.status-badge.status-failed{background:#fde8e8;color:#c00}
.import-resume-btn{margin-top:.4rem}
@media(max-width:540px){
  .import-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Light theme: less candy-pink accents */
html:not([data-theme="classic"]):not([data-theme="dark"]){
  --red:#c41e3a;
  --red-dark:#9a1830;
  --red-soft:#f4ecee;
  --accent:var(--red);
  --accent-soft:var(--red-soft);
}
html:not([data-theme="classic"]) .ticker-lead{display:none!important}



/* === Home welcome + quicklinks — full desktop layout v83 === */
.home-page--ebay{padding:0 0 1.5rem}
.ebay-home-layout.wrap,
.ebay-home-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
  width:100%;
  max-width:min(1320px,100%);
  margin:0 auto;
  padding:0 max(.75rem,env(safe-area-inset-left)) 0 max(.75rem,env(safe-area-inset-right));
  box-sizing:border-box;
}
/* 2-col home rail only for classic — see v88 fix (light/dark hide cats) */
.ebay-home-main{min-width:0;width:100%}
.ebay-home-cats{min-width:0}

/* Welcome hero — full width of main column, not a skinny left stack */
.ebay-welcome{
  width:100%;
  margin:0 0 1rem;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(135deg,#f8fafc 0%,#fff 45%,#f0f7ff 100%);
  overflow:hidden;
  box-sizing:border-box;
}
.ebay-welcome-inner{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
  padding:1.15rem 1.25rem 1.25rem;
  width:100%;
  box-sizing:border-box;
}
@media(min-width:780px){
  .ebay-welcome-inner{
    grid-template-columns:minmax(0,1.4fr) minmax(220px,0.85fr);
    gap:1.5rem;
    align-items:stretch;
    padding:1.35rem 1.5rem;
  }
}
.ebay-welcome-copy{min-width:0}
.ebay-welcome-promo{
  display:flex;
  flex-direction:column;
  gap:.65rem;
  min-width:0;
}
.ebay-welcome h1{
  margin:0 0 .4rem;
  font-family:var(--display);
  font-size:clamp(1.45rem,2.6vw,1.95rem);
  font-weight:800;
  line-height:1.15;
  color:var(--text);
}

/* Welcome uses real wordmark (not blue eBay-style text) */
.ebay-welcome-title{
  display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .55rem;
  margin:0 0 .55rem;font-size:1.15rem;font-weight:700;line-height:1.2;color:inherit;
}
.ebay-welcome-prefix{font-size:1.35rem;font-weight:700;color:inherit}
.ebay-welcome-logo{display:block;height:40px!important;width:auto;max-width:min(280px,85vw)!important}
.ebay-welcome-logo.cf-brand-lockup,.ebay-welcome-title .cf-brand-lockup{display:inline-flex;align-items:center;gap:.4rem}
.ebay-welcome-title .cf-brand-logo{max-height:40px;max-width:200px}
/* Kill weird blue "logo" text if any leftover */
.ebay-brand-text{color:inherit!important;font-weight:800}
.ebay-brand-text{color:inherit;font-style:normal;font-weight:800}
.ebay-welcome-lead{
  margin:0 0 .85rem;
  font-size:.95rem;
  line-height:1.5;
  color:var(--text-soft);
  max-width:38rem;
}
.ebay-stats-line{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem .85rem;
  margin:0 0 1rem;
  padding:.55rem .75rem;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  font-size:.85rem;
  color:var(--text-soft);
  width:100%;
  box-sizing:border-box;
}
.ebay-stats-line strong{
  color:var(--text);
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.ebay-welcome-cta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem .65rem;
  margin:0;
}
.ebay-welcome-cta .btn,
.ebay-welcome-cta .btn-outline{
  width:auto!important;
  flex:0 0 auto;
  min-width:8.5rem;
}
.ebay-text-link{
  font-size:.88rem;
  font-weight:700;
  color:var(--blue);
  white-space:nowrap;
}
.ebay-promo-card{
  flex:1;
  padding:.85rem 1rem;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  box-shadow:0 1px 4px rgba(18,21,28,.04);
}
.ebay-promo-card strong{
  display:block;
  font-size:.92rem;
  font-weight:800;
  color:var(--text);
  margin:0 0 .3rem;
}
.ebay-promo-card p{
  margin:0 0 .45rem;
  font-size:.82rem;
  color:var(--text-soft);
  line-height:1.4;
}
.ebay-promo-card a{font-size:.82rem;font-weight:700;color:var(--blue)}
.ebay-promo-card--green{
  background:linear-gradient(180deg,#f3faf5,#fff);
  border-color:#c5e6d0;
}

/* Shop by interest — even grid, full width */
.ebay-quicklinks{
  width:100%;
  margin:0 0 1.15rem;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  box-sizing:border-box;
}
.ebay-quicklinks .ebay-box-head,
.ebay-box-head{
  margin:0;
  padding:.65rem 1rem;
  font-size:.95rem;
  font-weight:800;
  border-bottom:1px solid var(--line);
  background:var(--bg-soft);
}
.ebay-quick-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  padding:0!important;
  box-sizing:border-box;
}
@media(min-width:540px){
  .ebay-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(min-width:900px){
  .ebay-quick-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
.ebay-quick-grid a{
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:.15rem;
  width:auto!important;
  min-height:4.25rem;
  padding:.75rem .85rem!important;
  border:0!important;
  border-right:1px solid var(--line)!important;
  border-bottom:1px solid var(--line)!important;
  background:#fff!important;
  text-decoration:none!important;
  text-align:left!important;
  box-sizing:border-box;
}
.ebay-quick-grid a:hover{background:var(--blue-soft)!important}
.ebay-quick-grid span{
  display:block;
  font-weight:800;
  font-size:.88rem;
  color:var(--text);
}
.ebay-quick-grid small{
  display:block;
  font-size:.72rem;
  color:var(--text-soft);
  margin:0;
}
.ebay-section{width:100%;margin:0 0 1.25rem}
.ebay-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin:0 0 .65rem;
}
.ebay-section-head h2{margin:0;font-size:1.15rem;font-weight:800}
.ebay-section-head a{font-size:.85rem;font-weight:700;color:var(--blue);white-space:nowrap}

@media(max-width:779px){
  .ebay-welcome-cta .btn,
  .ebay-welcome-cta .btn-outline{flex:1 1 auto;min-width:0}
}
@media(max-width:959px){
  .ebay-home-cats{order:-1}
}



/* === Continuous polish v84 — themes core === */

/* Light section heads: readable dark titles + blue links */
html:not([data-theme="classic"]) .ebay-section-head{
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  margin:0 0 .7rem;padding:.15rem 0 .55rem;
  border-bottom:2px solid var(--line);background:transparent
}
html:not([data-theme="classic"]) .ebay-section-head h2{
  margin:0;font-size:1.2rem;font-weight:800;color:var(--text)!important
}
html:not([data-theme="classic"]) .ebay-section-head a,
html:not([data-theme="classic"]) .ebay-section-head a:visited,
html:not([data-theme="classic"]) .ebay-section-head a:hover{
  color:var(--blue)!important;text-decoration:none!important;font-weight:700;font-size:.88rem
}
html:not([data-theme="classic"]) .ebay-box-head{
  background:var(--bg-soft)!important;color:var(--text)!important;
  border-bottom:1px solid var(--line);padding:.7rem 1rem;font-size:.95rem;font-weight:800
}
html:not([data-theme="classic"]) .ebay-box-head *{color:inherit!important}

/* Live / ending pills */
.ebay-pill{
  display:inline-block;margin-left:.35rem;padding:.12rem .45rem;
  font-size:.68rem;font-weight:800;border-radius:999px;vertical-align:middle;
  background:var(--green-soft);color:var(--green);letter-spacing:.02em
}
.ebay-pill--red{background:var(--red-soft);color:var(--red)}

/* Why sell cards */
.ebay-why-grid{
  display:grid;grid-template-columns:1fr;gap:.65rem
}
@media(min-width:600px){.ebay-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:960px){.ebay-why-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}}
.ebay-why-card{
  padding:1rem 1.05rem;background:#fff;border:1px solid var(--line);
  border-radius:12px;min-height:100%;box-shadow:0 1px 4px rgba(18,21,28,.04)
}
.ebay-why-card h3{margin:0 0 .35rem;font-size:.95rem;font-weight:800;color:var(--text)}
.ebay-why-card p{margin:0;font-size:.84rem;color:var(--text-soft);line-height:1.45}

/* Sell banner — light-safe, no white-on-white CTAs */
.ebay-sell-banner{
  margin:1.25rem 0 0;padding:0;
  border:1px solid #c5d4eb;
  border-radius:12px;
  background:#f0f6ff;
  color:#0f172a;
  overflow:hidden
}
.ebay-sell-banner-inner{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:1rem 1.25rem;padding:1.1rem 1.2rem
}
.ebay-sell-kicker{
  margin:0 0 .25rem!important;
  font-size:.72rem!important;font-weight:800!important;
  text-transform:uppercase;letter-spacing:.06em;
  color:#0654ba!important;
}
.ebay-sell-banner h2,
.ebay-sell-banner #sell-banner-title{
  margin:0 0 .35rem!important;
  font-size:1.2rem!important;font-weight:800!important;
  color:#0f172a!important;
}
.ebay-sell-banner p{
  margin:0!important;font-size:.9rem!important;
  color:#334155!important;max-width:36rem;line-height:1.45
}
.ebay-sell-banner-cta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.ebay-sell-banner-cta .sell-banner-btn,
.ebay-sell-banner-cta a.sell-banner-btn{
  min-height:42px!important;padding:.55rem 1.1rem!important;
  font-weight:700!important;text-decoration:none!important;
  border-radius:8px!important;box-shadow:none!important;
}
.ebay-sell-banner-cta .sell-banner-btn--primary,
.ebay-sell-banner-cta a.sell-banner-btn--primary,
.ebay-sell-banner-cta a.sell-banner-btn--primary:link,
.ebay-sell-banner-cta a.sell-banner-btn--primary:visited,
.ebay-sell-banner-cta a.sell-banner-btn--primary:hover{
  background:#0654ba!important;
  color:#fff!important;
  border:1px solid #044a9e!important;
}
.ebay-sell-banner-cta .sell-banner-btn--primary:hover{
  background:#044a9e!important;color:#fff!important;
}
.ebay-sell-banner-cta .sell-banner-btn--secondary,
.ebay-sell-banner-cta a.sell-banner-btn--secondary,
.ebay-sell-banner-cta a.sell-banner-btn--secondary:link,
.ebay-sell-banner-cta a.sell-banner-btn--secondary:visited,
.ebay-sell-banner-cta a.sell-banner-btn--secondary:hover{
  background:#fff!important;
  color:#0f172a!important;
  border:1.5px solid #94a3b8!important;
}
.ebay-sell-banner-cta .sell-banner-btn--secondary:hover{
  border-color:#0654ba!important;color:#0654ba!important;background:#fff!important;
}

/* Home sidebar (classic uses; hidden on light) */
.ebay-box{margin-bottom:.75rem}
.ebay-cat-list,.ebay-side-links{list-style:none;margin:0;padding:.35rem 0 .5rem}
.ebay-cat-list a,.ebay-side-links a{
  display:block;padding:.35rem .75rem;font-size:.86rem;font-weight:600;color:var(--text)
}
.ebay-cat-list a:hover,.ebay-side-links a:hover{background:var(--blue-soft);color:var(--blue)}
.ebay-cat-n{color:var(--text-soft);font-weight:600;font-size:.78rem}

/* Listing cards polish */
.listing-card,.home-card{
  border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line);
  transition:border-color .15s,box-shadow .15s
}
.listing-card:hover,.home-card:hover{
  border-color:var(--blue);box-shadow:0 4px 16px rgba(30,144,255,.12)
}
.listing-card .home-card-body h3{color:var(--text)}
.listing-card:hover .home-card-body h3{color:var(--blue)}

/* Account shell */
.account-main{min-width:0;padding-bottom:1.5rem}
.account-layout{gap:1rem}

/* Breadcrumb */
.breadcrumb{font-size:.82rem;color:var(--text-soft);margin:.25rem 0 .75rem}
.breadcrumb a{color:var(--blue);font-weight:600}

/* Notice bars */
.notice{border-radius:10px;padding:.7rem .9rem}

/* Topbar light polish */
html:not([data-theme="classic"]) .topbar{
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.96)
}

/* Mobile bottom nav slightly tighter */
.mob-nav{backdrop-filter:blur(12px)}

/* Scrollbar thin (main) */
html{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25) transparent}



/* === v85 micro polish === */
/* Skip link usable */
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:9999;
  background:var(--blue);color:#fff!important;padding:.5rem .85rem;font-weight:700
}
.skip-link:focus{left:.5rem;top:.5rem}

/* Footer light cleaner */
html:not([data-theme="classic"]) .foot{
  background:#0b0f14;color:#a8b0bc;margin-top:1.5rem
}
html:not([data-theme="classic"]) .foot a{color:#c5d0e0}
html:not([data-theme="classic"]) .foot a:hover{color:#fff}
html:not([data-theme="classic"]) .foot-tagline{color:#d0d6e0}

/* Listing price row */
.home-card-price,.listing-grid .home-card-price{
  font-variant-numeric:tabular-nums;letter-spacing:-.01em
}

/* Image load fade-ish */
.home-card-img img,.card-img img,.listing-card img{
  background:#f0f2f5
}

/* Prevent horizontal overflow sitewide */
.home-page--ebay,.ebay-home-layout,.ebay-welcome,.ebay-quicklinks{overflow-x:clip}

/* Better active nav states */
.mob-link.active{color:var(--blue);font-weight:800}

/* Panel consistency */
.panel{border-radius:12px}

/* Status badges readable */
.status-badge{border:1px solid transparent}
.status-active{border-color:#b8e6cc}
.status-pending{border-color:#f0d78c}



/* ==========================================================================
   Product / item page layout v86 — clean desktop 2-col, no button wall
   ========================================================================== */
.item-page.container{
  max-width:min(1180px,100%)!important;
  width:100%;
  box-sizing:border-box;
  padding-left:max(.75rem,env(safe-area-inset-left))!important;
  padding-right:max(.75rem,env(safe-area-inset-right))!important;
}
.item-page .breadcrumb{
  margin:0 0 .85rem!important;
  white-space:normal!important;
  line-height:1.4
}

/* Core grid: gallery | buy column */
.item-page .item-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:1.15rem!important;
  width:100%!important;
  max-width:none!important;
  align-items:start!important;
  margin:0 0 1.25rem!important;
}
@media(min-width:900px){
  .item-page .item-grid{
    grid-template-columns:minmax(0,1fr) minmax(300px,380px)!important;
    gap:1.5rem 1.75rem!important;
  }
}

/* Gallery */
.item-page .item-gallery{
  position:relative;
  min-width:0;
  width:100%;
  max-width:100%;
}
.item-page .gallery-main{
  width:100%!important;
  max-width:100%!important;
  aspect-ratio:1!important;
  max-height:min(520px,62vh)!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  box-shadow:none!important;
}
.item-page .gallery-main img,
.item-page #gallery-main{
  width:100%!important;
  height:100%!important;
  max-height:min(520px,62vh)!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  display:block!important;
  margin:0 auto!important;
}
.item-page .gallery-thumbs{
  display:flex;
  gap:.4rem;
  margin-top:.5rem;
  overflow-x:auto;
  padding-bottom:.15rem
}
.item-page .gallery-thumbs img{
  width:52px!important;height:52px!important;
  object-fit:cover;border-radius:8px;
  border:2px solid var(--line)!important;
  cursor:pointer;flex-shrink:0;opacity:.9
}
.item-page .gallery-thumbs img.active,
.item-page .gallery-thumbs img:hover{
  border-color:var(--blue)!important;opacity:1
}
.item-page .gallery-nav{
  display:none;
  position:absolute;top:50%;transform:translateY(-50%);
  width:36px;height:36px;border:0;border-radius:50%;
  background:rgba(255,255,255,.95);box-shadow:0 1px 6px rgba(0,0,0,.12);
  z-index:3;cursor:pointer;align-items:center;justify-content:center;font-size:1.25rem
}
@media(max-width:899px){
  .item-page .gallery-nav{display:flex}
  .item-page .gallery-main{max-height:min(360px,50vh)!important}
  .item-page .gallery-main img,.item-page #gallery-main{max-height:min(360px,50vh)!important}
}
.item-page .gallery-prev{left:.5rem}
.item-page .gallery-next{right:.5rem}

/* Right column — purchase stack */
.item-page .item-info{
  min-width:0;
  width:100%;
  position:static!important;
  top:auto!important
}
@media(min-width:900px){
  .item-page .item-info{
    position:sticky!important;
    top:calc(var(--topbar-h,56px) + 12px)!important;
    align-self:start;
    max-height:calc(100vh - var(--topbar-h,56px) - 24px);
    overflow-y:auto;
    padding-right:2px
  }
}
.item-page .item-info > h1{
  font-size:clamp(1.15rem,2vw,1.45rem)!important;
  line-height:1.25!important;
  margin:0 0 .35rem!important;
  font-weight:800!important;
  color:var(--text)!important
}
.item-page .item-info > .cat{
  font-size:.8rem!important;
  margin:0 0 .75rem!important;
  color:var(--text-soft)
}
.item-page .item-info > .cat a{color:var(--blue);font-weight:600}

/* Price panel */
.item-page .live-panel,
.item-page .ebay-vi-panel{
  background:var(--bg-soft)!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  padding:.85rem 1rem!important;
  margin:0 0 .75rem!important
}
.item-page .vi-price-label{
  margin:0 0 .15rem;font-size:.72rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft)
}
.item-page .current-price,
.item-page .ebay-vi-price{
  font-size:1.75rem!important;
  font-weight:800!important;
  color:var(--text)!important;
  margin:0 0 .35rem!important;
  font-family:var(--font)!important;
  line-height:1.15!important
}
.item-page .bid-meta{margin:0;font-size:.85rem;color:var(--text-soft)}
.item-page .social-proof{
  display:inline-block;margin:.35rem 0 0;padding:.15rem .5rem;
  font-size:.75rem;border-radius:999px;background:var(--green-soft);color:var(--green);font-weight:700
}
.item-page .fee-breakdown{
  margin:.55rem 0 0!important;padding:.55rem .65rem!important;
  background:#fff!important;border:1px solid var(--line)!important;
  border-radius:8px!important;font-size:.8rem!important
}
.item-page .fee-breakdown .row{
  display:flex;justify-content:space-between;gap:.5rem;
  padding:.2rem 0;border:0!important;font-weight:500
}
.item-page .fee-breakdown .seller-gets{font-weight:700;color:var(--green)}

/* Buy box — primary actions only full width */
.item-page .buy-box,
.item-page .buy-box--ebay{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  margin:0 0 .75rem!important;
  padding:1rem!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  box-shadow:none!important
}
.item-page .buy-box .buy-now-btn,
.item-page .buy-box .bin-btn,
.item-page .buy-box .bid-btn,
.item-page .buy-box .btn-cherry,
.item-page .buy-box a.btn-cherry{
  width:100%!important;
  margin:0!important;
  min-height:46px!important;
  justify-content:center
}
.item-page .bid-form{display:flex;flex-direction:column;gap:.4rem;margin:0}
.item-page .bid-form label{margin:0!important;font-size:.82rem}
.item-page .bid-form input{
  width:100%!important;margin-top:.25rem!important;
  min-height:42px!important;padding:.55rem .65rem!important;
  font-size:16px!important;border-radius:8px!important
}
.item-page .quick-bids{display:flex;gap:.35rem;flex-wrap:wrap;margin:.15rem 0}
.item-page .quick-bids button,
.item-page .quick-bids .qb{
  flex:1 1 auto;min-width:3.5rem;min-height:36px!important;
  padding:.35rem .5rem!important;font-size:.8rem!important;
  border-radius:8px!important;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:600
}
.item-page .buy-box-secondary,
.item-page .buy-box-links{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:.4rem!important;
  margin-top:.15rem!important;
  width:100%
}
.item-page .buy-box-secondary .btn-secondary,
.item-page .buy-box-links .btn-secondary,
.item-page .buy-box-secondary a.btn-secondary{
  width:100%!important;margin:0!important;min-height:40px!important;
  font-size:.82rem!important;padding:.45rem .5rem!important
}
.item-page .buy-box-link{
  grid-column:1/-1;font-size:.8rem;font-weight:600;color:var(--blue);text-align:center
}

/* Kill global full-width on every item-page button (was the mess) */
.item-page .btn,
.item-page .btn-secondary,
.item-page .btn-primary,
.item-page .btn-outline{
  width:auto;
  margin-top:0
}
.item-page .ask-seller-form{
  margin:.65rem 0!important;
  display:flex;flex-direction:column;gap:.4rem
}
.item-page .ask-seller-form label{font-size:.82rem;font-weight:700}
.item-page .ask-seller-form textarea{
  width:100%!important;min-height:64px!important;margin:0!important;
  border-radius:8px!important;padding:.55rem!important;font-size:15px!important
}
.item-page .ask-seller-form button{
  width:auto!important;align-self:flex-start;min-height:38px!important
}
.item-page .price-alert-form{
  display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.5rem 0
}
.item-page .price-alert-form input{
  flex:1 1 10rem;min-height:38px;padding:.4rem .55rem;border:1px solid var(--line);border-radius:8px
}
.item-page .price-alert-form button{width:auto!important;min-height:38px!important}

/* Compact util links (replaces share-row button wall) */
.item-page .item-util-links,
.item-page .share-row{
  display:flex;flex-wrap:wrap;gap:.15rem .15rem;
  margin:.5rem 0 .85rem;padding:.35rem 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)
}
.item-page .item-util-link,
.item-page .share-row .btn,
.item-page .share-row .btn-outline,
.item-page .share-row a,
.item-page .share-row button{
  appearance:none;background:transparent!important;border:0!important;
  box-shadow:none!important;color:var(--blue)!important;
  font-size:.78rem!important;font-weight:600!important;
  padding:.3rem .45rem!important;min-height:0!important;min-width:0!important;
  width:auto!important;margin:0!important;cursor:pointer;
  text-decoration:none!important;border-radius:4px!important;line-height:1.3
}
.item-page .item-util-link:hover,
.item-page .share-row .btn:hover,
.item-page .share-row a:hover{background:var(--blue-soft)!important;text-decoration:underline!important}

/* Facts + seller */
.item-page .item-facts{
  margin:0 0 .75rem!important;border:1px solid var(--line)!important;
  border-radius:12px!important;overflow:hidden;background:#fff
}
.item-page .item-facts .fact-row{
  display:flex;justify-content:space-between;gap:1rem;
  padding:.5rem .85rem;font-size:.84rem;
  border-bottom:1px solid var(--line)
}
.item-page .item-facts .fact-row:last-child{border-bottom:0}
.item-page .item-facts .fact-row>span{color:var(--text-soft);flex-shrink:0;font-weight:600}
.item-page .item-facts .fact-row>strong{text-align:right;font-weight:600;color:var(--text)}
.item-page .seller-box{
  margin:0!important;padding:.85rem 1rem!important;
  border:1px solid var(--line)!important;border-radius:12px!important;
  background:var(--bg-soft)!important
}
.item-page .seller-box a{color:var(--blue)!important;font-weight:700;text-decoration:none}
.item-page .seller-box .feedback{margin:.25rem 0 0;font-size:.82rem;color:var(--text-soft)}
.item-page .badge.verified{
  display:inline-block;margin-top:.35rem;margin-right:.25rem;
  padding:.12rem .4rem;font-size:.68rem;font-weight:700;
  background:var(--blue-soft);color:var(--blue);border-radius:4px
}

/* Below: description / Q&A / bids full width under grid */
.item-page .item-below{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
  width:100%;
  max-width:100%;
  margin:0 0 1rem
}
@media(min-width:900px){
  .item-page .item-below{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
  .item-page .item-desc{grid-column:1/-1}
}
.item-page .item-desc,
.item-page .qa-section,
.item-page .bid-history{
  max-width:none!important;
  margin:0!important;
  padding:1rem 1.1rem!important;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px
}
.item-page .item-desc h2,
.item-page .qa-section h2,
.item-page .bid-history h2,
.similar-section h2{
  margin:0 0 .65rem!important;
  font-size:1.05rem!important;
  font-weight:800
}
.item-page .item-desc p{font-size:.92rem;line-height:1.55;margin:0 0 .5rem;color:var(--text)}
.item-page .qa-list,
.item-page #bid-history{list-style:none;margin:0;padding:0}
.item-page .qa-list li,
.item-page #bid-history li{
  padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.88rem
}
.item-page .qa-list li:last-child,
.item-page #bid-history li:last-child{border-bottom:0}
.item-page #ask-form{
  display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem
}
.item-page #ask-form input{
  flex:1 1 12rem;min-height:40px;padding:.45rem .65rem;
  border:1px solid var(--line);border-radius:8px
}
.item-page #ask-form button{width:auto!important;min-height:40px!important}

.similar-section{max-width:min(1180px,100%);margin:0 auto 1.5rem;padding:0 max(.75rem,env(safe-area-inset-left))}
.similar-section h2{margin:0 0 .65rem}

/* Mobile bid bar clean */
.mobile-bid-bar{
  display:flex;align-items:center;gap:.65rem;
  padding:.55rem .85rem calc(.55rem + env(safe-area-inset-bottom))
}
@media(min-width:900px){.mobile-bid-bar{display:none!important}}


/* ==========================================================================
   Product page v87 — dense modular mobile/desktop
   ========================================================================== */
.item-page.container{
  max-width:min(1120px,100%)!important;
  padding-top:.5rem!important;
  padding-bottom:.85rem!important;
  padding-left:max(.6rem,env(safe-area-inset-left))!important;
  padding-right:max(.6rem,env(safe-area-inset-right))!important;
}
.item-page .breadcrumb{
  font-size:.75rem!important;margin:0 0 .5rem!important;line-height:1.35!important;
  white-space:normal!important
}
.item-page .item-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:.65rem!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 .75rem!important;
  align-items:start!important
}
@media(min-width:860px){
  .item-page .item-grid{
    grid-template-columns:minmax(0,1.15fr) minmax(280px,340px)!important;
    gap:.85rem 1.1rem!important
  }
}
.item-page .item-gallery{min-width:0;width:100%}
.item-page .gallery-main{
  aspect-ratio:1!important;
  max-height:min(420px,48vh)!important;
  border-radius:10px!important;
  border:1px solid var(--line)!important;
  background:#fff!important
}
@media(min-width:860px){
  .item-page .gallery-main{max-height:min(480px,56vh)!important}
}
@media(max-width:859px){
  .item-page .gallery-main{max-height:min(300px,42vh)!important;border-radius:8px!important}
}
.item-page .gallery-main img,.item-page #gallery-main{
  max-height:inherit!important;object-fit:contain!important
}
.item-page .gallery-thumbs{gap:.3rem;margin-top:.35rem}
.item-page .gallery-thumbs img{
  width:44px!important;height:44px!important;border-radius:6px!important
}
.item-page .item-mod{
  margin:0 0 .5rem!important;
  padding:.65rem .75rem!important;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px
}
.item-page .item-mod--title{
  padding:.5rem .15rem .35rem!important;
  border:0!important;background:transparent!important;margin:0 0 .25rem!important
}
.item-page .item-mod--title h1{
  font-size:clamp(1.05rem,2.2vw,1.35rem)!important;
  line-height:1.25!important;margin:0 0 .3rem!important;font-weight:800!important
}
.item-page .item-meta-line{
  margin:0;font-size:.78rem;color:var(--text-soft);line-height:1.4;
  display:flex;flex-wrap:wrap;gap:.15rem .35rem;align-items:center
}
.item-page .item-meta-line a{color:var(--blue);font-weight:600}
.item-page .item-meta-line .dot{opacity:.45}
.item-page .item-mod--price{background:var(--bg-soft)!important;padding:.6rem .75rem!important}
.item-page .item-price-row{
  display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem
}
.item-page .vi-price-label{
  margin:0;font-size:.68rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;color:var(--text-soft)
}
.item-page .current-price,
.item-page .ebay-vi-price{
  font-size:1.55rem!important;font-weight:800!important;margin:0!important;
  color:var(--text)!important;font-family:var(--font)!important;line-height:1.1!important
}
.item-page .item-price-side{text-align:right;font-size:.8rem}
.item-page .item-price-side .bid-meta{margin:0 0 .15rem;color:var(--text-soft)}
.item-page .seller-gets-line{margin:.4rem 0 0;font-size:.78rem;color:var(--text-soft)}
.item-page .seller-gets-line strong{color:var(--green)}
.item-page .fee-breakdown--compact{
  margin:.4rem 0 0!important;padding:.35rem .5rem!important;
  font-size:.75rem!important;border-radius:6px!important
}
.item-page .item-mod--buy,
.item-page .buy-box--ebay{
  display:flex;flex-direction:column;gap:.4rem!important;
  padding:.65rem .7rem!important;margin:0 0 .5rem!important
}
.item-page .buy-box .buy-now-btn,
.item-page .buy-box .bin-btn,
.item-page .buy-box .bid-btn,
.item-page .buy-box a.bid-btn{
  width:100%!important;min-height:44px!important;margin:0!important;
  font-size:.95rem!important;padding:.55rem .75rem!important
}
.item-page .bid-fields{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
@media(max-width:380px){.item-page .bid-fields{grid-template-columns:1fr}}
.item-page .bid-form label{margin:0!important;font-size:.75rem!important;font-weight:700;display:block}
.item-page .bid-form input{
  width:100%!important;margin-top:.2rem!important;min-height:38px!important;
  padding:.4rem .5rem!important;font-size:16px!important;border-radius:8px!important
}
.item-page .quick-bids{display:flex;gap:.3rem;margin:0}
.item-page .quick-bids .qb{
  flex:1;min-height:32px!important;padding:.25rem!important;font-size:.75rem!important;
  border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer;font-weight:600
}
.item-page .buy-box-secondary{
  display:grid!important;grid-template-columns:1fr 1fr;gap:.35rem!important;margin:0!important
}
.item-page .buy-box-secondary .btn-secondary,
.item-page .buy-box-secondary a.btn-secondary{
  width:100%!important;min-height:38px!important;margin:0!important;
  font-size:.8rem!important;padding:.4rem .45rem!important
}
.item-page details.item-mod{padding:0!important}
.item-page details.item-mod > summary{
  list-style:none;cursor:pointer;font-size:.82rem;font-weight:700;
  padding:.55rem .75rem;color:var(--blue);user-select:none
}
.item-page details.item-mod > summary::-webkit-details-marker{display:none}
.item-page details.item-mod > summary::after{content:' ▾';opacity:.6;font-size:.7rem}
.item-page details.item-mod[open] > summary::after{content:' ▴'}
.item-page details.item-mod .ask-seller-form,
.item-page details.item-mod .price-alert-form,
.item-page details.item-mod .item-util-links{padding:0 .75rem .65rem;margin:0}
.item-page .ask-seller-form textarea{
  width:100%!important;min-height:56px!important;margin:0 0 .35rem!important;
  padding:.45rem!important;font-size:15px!important;border-radius:8px!important
}
.item-page .price-alert-form{display:flex;gap:.35rem;align-items:center;margin:0!important}
.item-page .price-alert-form input{
  flex:1;min-height:36px;padding:.35rem .5rem;border:1px solid var(--line);border-radius:8px;font-size:15px
}
.item-page .item-mod--facts,.item-page .item-facts{padding:0!important;overflow:hidden}
.item-page .item-facts .fact-row{
  display:grid;grid-template-columns:5.5rem 1fr;gap:.5rem;
  padding:.35rem .7rem!important;font-size:.8rem!important;
  border-bottom:1px solid var(--line);align-items:baseline
}
.item-page .item-facts .fact-row:last-child{border-bottom:0}
.item-page .item-facts .fact-row>span{color:var(--text-soft);font-weight:600}
.item-page .item-facts .fact-row>strong{text-align:left;font-weight:600}
.item-page .item-mod--seller,.item-page .seller-box{padding:.55rem .75rem!important}
.item-page .seller-name{font-weight:700;color:var(--blue)!important;font-size:.9rem}
.item-page .seller-box .feedback{margin:.15rem 0 0;font-size:.78rem}
.item-page .admin-bar{margin-top:.4rem!important;padding:.4rem .5rem!important;font-size:.78rem}
.item-page .item-util-links{
  display:flex;flex-wrap:wrap;gap:.1rem;border:0!important;padding:.15rem 0 .5rem!important;margin:0!important
}
.item-page .item-util-link{font-size:.75rem!important;padding:.25rem .4rem!important;color:var(--blue)!important}
.item-page .item-info{position:static!important;max-height:none!important;overflow:visible!important}
@media(min-width:860px){
  .item-page .item-info{
    position:sticky!important;
    top:calc(var(--topbar-h,52px) + 8px)!important;
    max-height:calc(100vh - var(--topbar-h,52px) - 16px)!important;
    overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin
  }
}
.item-page .item-below{
  display:flex!important;flex-direction:column!important;gap:.5rem!important;margin:0!important;width:100%
}
.item-page .item-desc,
.item-page .qa-section,
.item-page .bid-history{
  margin:0!important;padding:.7rem .8rem!important;
  border-radius:10px!important;border:1px solid var(--line);background:#fff
}
.item-page .item-desc h2,
.item-page .qa-section h2,
.item-page .bid-history h2{margin:0 0 .4rem!important;font-size:.95rem!important}
.item-page .item-desc p{font-size:.88rem!important;line-height:1.5;margin:0 0 .4rem}
.item-page .qa-list li,
.item-page #bid-history li{padding:.4rem 0!important;font-size:.82rem!important}
.similar-section{max-width:min(1120px,100%);margin:.25rem auto 1rem;padding:0 max(.6rem,env(safe-area-inset-left))}
.similar-section h2{font-size:.95rem!important;margin:0 0 .45rem!important}
.mobile-bid-bar{padding:.45rem .7rem calc(.45rem + env(safe-area-inset-bottom))!important;gap:.5rem!important}
.mobile-bid-bar .mbb-price{font-size:1rem!important}
.mobile-bid-bar .btn{min-height:40px!important;padding:.4rem .65rem!important;font-size:.85rem!important}
.item-page .notice{margin:0 0 .5rem!important;padding:.5rem .65rem!important;font-size:.82rem}
.item-page .live-panel{margin:0!important}



/* === Home layout fix v88 — full width when cats sidebar hidden ===
   Bug: desktop grid was 200px|1fr but light/dark hide .ebay-home-cats,
   so .ebay-home-main only filled the first 200px track (stuck left). */
.home-page--ebay{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.ebay-home-layout.wrap,
.ebay-home-layout{
  display:block!important; /* single column flow by default */
  width:100%!important;
  max-width:min(1320px,100%)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:max(.75rem,env(safe-area-inset-left))!important;
  padding-right:max(.75rem,env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
}
.ebay-home-main{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.ebay-home-cats{width:100%;box-sizing:border-box}

/* Light / dark: never reserve a left rail for a hidden sidebar */
html:not([data-theme="classic"]) .ebay-home-layout.wrap,
html:not([data-theme="classic"]) .ebay-home-layout{
  display:block!important;
  grid-template-columns:none!important;
}
html:not([data-theme="classic"]) .ebay-home-cats{display:none!important}
html:not([data-theme="classic"]) .ebay-home-main{
  width:100%!important;
  max-width:100%!important;
}

/* Classic: real 2-col only when sidebar is shown */
html[data-theme="classic"] .ebay-home-layout.wrap,
html[data-theme="classic"] .ebay-home-layout{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:.65rem!important;
}
@media(min-width:900px){
  html[data-theme="classic"] .ebay-home-layout.wrap,
  html[data-theme="classic"] .ebay-home-layout{
    grid-template-columns:180px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:start!important;
  }
  html[data-theme="classic"] .ebay-home-cats{display:block!important}
  html[data-theme="classic"] .ebay-home-main{width:auto!important;min-width:0!important}
}

/* Welcome + sections always full width of main */
.ebay-welcome,
.ebay-quicklinks,
.ebay-section,
.ebay-sell-banner,
.ebay-why,
.ebay-cf-bridge,
.ebay-home-main .listing-grid{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.ebay-welcome-inner{
  width:100%!important;
  box-sizing:border-box!important;
}
@media(min-width:780px){
  .ebay-welcome-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1.4fr) minmax(200px,0.85fr)!important;
    gap:1.25rem!important;
  }
}



/* ##########################################################################
   HOME FULL WIDTH HARD FIX v90 — last rules win
   ########################################################################## */
html body .home-page.home-page--ebay{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}
html body .home-page--ebay .home-shell,
html body .home-page--ebay .ebay-home-layout,
html body .home-page--ebay .ebay-home-layout.wrap,
html body .home-page--ebay .wrap.ebay-home-layout,
html body .home-page--ebay div.ebay-home-layout{
  display:block!important;
  width:100%!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:12px!important;
  padding-right:12px!important;
  box-sizing:border-box!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  float:none!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
}
html body .home-page--ebay .ebay-home-main,
html body .home-page--ebay div.ebay-home-main{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex:none!important;
  grid-column:auto!important;
  float:none!important;
  box-sizing:border-box!important;
}
html:not([data-theme="classic"]) body .home-page--ebay .ebay-home-cats{
  display:none!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  position:absolute!important;
  left:-9999px!important;
}
html body .home-page--ebay .ebay-welcome,
html body .home-page--ebay .ebay-quicklinks,
html body .home-page--ebay .ebay-section,
html body .home-page--ebay .ebay-sell-banner,
html body .home-page--ebay .ebay-why,
html body .home-page--ebay .ebay-home-main .listing-grid,
html body .home-page--ebay .ebay-welcome-inner{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
@media(min-width:780px){
  html body .home-page--ebay .ebay-welcome-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1.45fr) minmax(220px,.9fr)!important;
    gap:1.25rem!important;
  }
}
@media(min-width:900px){
  html[data-theme="classic"] body .home-page--ebay .home-shell,
  html[data-theme="classic"] body .home-page--ebay .ebay-home-layout{
    display:grid!important;
    grid-template-columns:180px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:start!important;
  }
  html[data-theme="classic"] body .home-page--ebay .ebay-home-cats{
    display:block!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
    position:static!important;
    left:auto!important;
  }
}



/* === Account page redesign v91 === */
.account-layout{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:.85rem!important;
  width:100%!important;
  max-width:min(1180px,100%)!important;
  margin:0 auto!important;
  padding:.65rem max(.65rem,env(safe-area-inset-left)) 1.25rem max(.65rem,env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
}
@media(min-width:860px){
  .account-layout{
    grid-template-columns:200px minmax(0,1fr)!important;
    gap:1.15rem!important;
    align-items:start!important;
  }
  .account-sidebar{
    position:sticky!important;
    top:calc(var(--topbar-h,56px) + 10px)!important;
    max-height:calc(100vh - var(--topbar-h,56px) - 20px)!important;
    overflow-y:auto!important;
    scrollbar-width:thin;
  }
  .account-main{min-width:0!important;width:100%!important}
}

.account-sidebar{
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:.65rem!important;
}
.account-sell-cta{
  display:flex!important;align-items:center;justify-content:center;
  padding:.65rem .75rem!important;margin-bottom:.55rem!important;
  background:var(--blue)!important;color:#fff!important;
  border-radius:8px!important;font-weight:800!important;font-size:.85rem!important;
  text-decoration:none!important
}
.account-sell-cta:hover,.account-sell-cta:visited{color:#fff!important}
.account-nav{display:flex;flex-direction:column;gap:.1rem}
.account-nav-label{
  margin:.55rem 0 .15rem!important;padding:0 .4rem!important;
  font-size:.65rem!important;font-weight:800;text-transform:uppercase;
  letter-spacing:.05em;color:var(--text-soft)
}
.account-nav-label:first-child{margin-top:0!important}
.account-nav a{
  display:flex!important;align-items:center;gap:.3rem;
  padding:.45rem .55rem!important;border-radius:8px!important;
  color:var(--text)!important;font-weight:600!important;font-size:.82rem!important;
  min-height:0!important;text-decoration:none!important;line-height:1.25
}
.account-nav a:hover{background:var(--blue-soft)!important;color:var(--blue)!important}
.account-nav a.active{
  background:var(--blue)!important;color:#fff!important
}
.account-nav a.active .nav-badge{background:#fff;color:var(--blue)}
@media(max-width:859px){
  .account-sidebar{padding:.5rem!important}
  .account-nav{flex-direction:row;flex-wrap:wrap;gap:.3rem}
  .account-nav-label{width:100%;margin:.35rem 0 0!important}
  .account-nav a{
    background:var(--bg-soft)!important;padding:.4rem .55rem!important;font-size:.78rem!important
  }
  .account-nav a.active{background:var(--blue)!important;color:#fff!important}
  .account-sell-cta{margin-bottom:.4rem!important}
}

/* Profile main */
.account-profile{min-width:0;width:100%}
.acct-head{
  display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;
  gap:.65rem;margin:0 0 .85rem
}
.acct-head h1{
  margin:0 0 .2rem;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:800;line-height:1.2
}
.acct-sub{margin:0;font-size:.88rem;color:var(--text-soft)}
.acct-sub strong{color:var(--text)}
.acct-email{display:inline-block;margin-left:.35rem;opacity:.85;font-size:.82rem}
.acct-head-actions{display:flex;flex-wrap:wrap;gap:.4rem}

.acct-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  margin:0 0 .75rem;
  overflow:hidden
}
.acct-card--muted{background:var(--bg-soft)}
.acct-card-head{
  padding:.7rem .9rem .55rem;
  border-bottom:1px solid var(--line);
  background:var(--bg-soft)
}
.acct-card-head h2{
  margin:0 0 .15rem;font-size:1rem;font-weight:800
}
.acct-card-head p{
  margin:0;font-size:.8rem;color:var(--text-soft)
}
.acct-card-body{padding:.85rem .9rem}

.acct-field-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:.65rem .75rem
}
@media(min-width:560px){
  .acct-field-grid{grid-template-columns:1fr 1fr}
  .acct-field--full{grid-column:1/-1}
}
.acct-field{
  display:flex;flex-direction:column;gap:.25rem;
  font-size:.8rem;font-weight:700;color:var(--text);margin:0!important
}
.acct-field input{
  width:100%;margin:0!important;min-height:40px!important;
  padding:.5rem .65rem!important;font-size:15px!important;font-weight:500;
  border:1.5px solid var(--line)!important;border-radius:8px!important;background:#fff;
  color:var(--text)
}
.acct-field input:focus{
  outline:none;border-color:var(--blue)!important;
  box-shadow:0 0 0 3px rgba(30,144,255,.12)
}
.acct-field input:disabled{background:var(--bg-soft)!important;color:var(--text-soft)!important}
.acct-hint{font-size:.72rem;font-weight:500;color:var(--text-soft)}

/* Toggle rows */
.acct-toggles{display:flex;flex-direction:column;gap:0;padding:.25rem 0!important}
.acct-toggle{
  display:flex!important;align-items:center;justify-content:space-between;gap:1rem;
  padding:.7rem .15rem;margin:0!important;border-bottom:1px solid var(--line);
  cursor:pointer;font-weight:500!important
}
.acct-toggle:last-child{border-bottom:0}
.acct-toggle-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.acct-toggle-text strong{font-size:.88rem;font-weight:700;color:var(--text)}
.acct-toggle-text small{font-size:.75rem;color:var(--text-soft);font-weight:500}
.acct-toggle input[type=checkbox]{
  width:1.15rem;height:1.15rem;flex-shrink:0;accent-color:var(--blue);margin:0
}

.acct-form-actions{
  display:flex;flex-wrap:wrap;gap:.5rem;margin:.15rem 0 1rem
}
.acct-form-actions .btn-primary{min-height:42px;padding:.55rem 1.25rem}

.acct-extra-grid{
  display:grid;grid-template-columns:1fr;gap:.75rem
}
@media(min-width:700px){
  .acct-extra-grid{grid-template-columns:1fr 1fr}
}
.token-result{
  margin:.55rem 0 0;font-size:.78rem;word-break:break-all;
  color:var(--text-soft);font-family:ui-monospace,monospace
}
.follow-list{list-style:none;margin:0;padding:0}
.follow-list li{padding:.4rem 0;border-bottom:1px solid var(--line)}
.follow-list li:last-child{border-bottom:0}
.follow-list a{color:var(--blue);font-weight:600;font-size:.88rem}

/* Legacy fieldset forms on other account pages still ok */
.account-form .form-section{border:0;margin:0 0 1rem;padding:0}


/* === Account nav streamline v92 === */
.account-nav-more{
  margin-top:.45rem;
  border-top:1px solid var(--line);
  padding-top:.35rem
}
.account-nav-more > summary{
  list-style:none;
  cursor:pointer;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--text-soft);
  padding:.4rem .55rem;
  user-select:none
}
.account-nav-more > summary::-webkit-details-marker{display:none}
.account-nav-more > summary::after{content:' \25BE';font-size:.65rem;opacity:.7}
.account-nav-more[open] > summary::after{content:' \25B4'}
.account-nav-more a{
  display:flex!important;
  padding:.4rem .55rem!important;
  font-size:.8rem!important;
  color:var(--text-soft)!important
}
.account-nav .nav-badge{
  margin-left:auto;
  min-width:1.1rem;
  height:1.1rem;
  padding:0 .3rem;
  border-radius:999px;
  background:var(--red);
  color:#fff;
  font-size:.65rem;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1
}
.account-nav a.active .nav-badge{
  background:rgba(255,255,255,.95);
  color:var(--blue)
}
.account-sidebar{padding:.55rem!important}
.account-nav-label{margin:.5rem 0 .1rem!important}
.account-nav a{padding:.42rem .55rem!important;font-size:.81rem!important}
@media(max-width:859px){
  .account-nav-more{width:100%;border-top:0;padding-top:0;margin-top:.25rem}
  .account-nav-more > summary{width:100%}
  .account-nav-more a{display:inline-flex!important;background:var(--bg-soft)!important;margin:.15rem .2rem .15rem 0}
}



/* === Continuous polish v93 — dashboard + account shells === */
.dash-main{padding-bottom:1.25rem!important}
.dash-head{margin-bottom:.75rem!important;gap:.65rem!important}
.dash-greet{font-size:.8rem!important;margin:0 0 .15rem!important;color:var(--text-soft);font-weight:600}
.dash-head h1{font-size:clamp(1.25rem,2.4vw,1.5rem)!important;margin:0!important}
.dash-lead{margin:.25rem 0 0!important;font-size:.85rem!important;color:var(--text-soft)}
.dash-head-cta{min-height:40px!important;padding:.5rem 1rem!important}

.dash-hero-stat{
  display:flex;align-items:center;gap:.85rem;
  padding:.75rem 1rem!important;margin:0 0 .75rem!important;
  border:1px solid var(--line);border-radius:12px;
  background:linear-gradient(135deg,#f3faf6,#fff)
}
.dash-hero-num{
  font-size:1.65rem!important;font-weight:800;color:var(--green);
  font-variant-numeric:tabular-nums;line-height:1
}
.dash-hero-meta strong{display:block;font-size:.9rem}
.dash-hero-meta span{font-size:.75rem;color:var(--text-soft)}

.dash-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.4rem!important;margin:0 0 .85rem!important
}
@media(min-width:600px){
  .dash-stats{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
.dash-stats .stat-card{
  padding:.55rem .35rem!important;border-radius:10px!important;
  border:1px solid var(--line);background:#fff;text-align:center
}
.dash-stats .stat-card strong{
  display:block;font-size:1.15rem;font-weight:800;
  font-variant-numeric:tabular-nums;color:var(--text)
}
.dash-stats .stat-card span{
  font-size:.68rem;font-weight:700;color:var(--text-soft);
  text-transform:uppercase;letter-spacing:.03em
}

.dash-quick{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.4rem!important;margin:0 0 .85rem!important
}
@media(min-width:700px){
  .dash-quick{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
.dash-quick-card{
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;
  gap:.2rem;padding:.65rem .35rem!important;min-height:4.25rem!important;
  border:1px solid var(--line)!important;border-radius:10px!important;
  background:#fff!important;color:var(--text)!important;
  text-decoration:none!important;font-size:.72rem!important;font-weight:700;
  position:relative
}
.dash-quick-card:hover{border-color:var(--blue)!important;color:var(--blue)!important}
.dash-quick-card--primary,
a.dash-quick-card.dash-quick-card--primary{
  background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important
}
a.dash-quick-card.dash-quick-card--primary:hover{background:var(--blue-dark)!important;color:#fff!important}
.dash-quick-card--primary span,
.dash-quick-card--primary .dash-quick-icon{color:#fff!important}
.dash-quick-icon{font-size:1.15rem;line-height:1}
.dash-quick-badge{
  position:absolute;top:4px;right:6px;min-width:16px;height:16px;
  padding:0 4px;border-radius:999px;background:var(--red);color:#fff;
  font-size:.62rem;font-weight:800;display:flex;align-items:center;justify-content:center
}

.dash-alerts{
  margin:0 0 .85rem!important;padding:.65rem .85rem!important;
  border-radius:10px;border:1px solid #f0d78c;background:#fffbf0
}
.dash-alerts strong{font-size:.88rem}
.dash-alerts ul{margin:.35rem 0 0 1.1rem;font-size:.84rem}
.dash-alerts a{color:var(--blue);font-weight:600}

.dash-section{margin:0 0 1rem!important}
.dash-section-head{
  display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  margin:0 0 .5rem
}
.dash-section-head h2{margin:0;font-size:1.05rem;font-weight:800}
.dash-section-head a{font-size:.82rem;font-weight:700;color:var(--blue)}
.dash-count{font-size:.78rem;color:var(--text-soft);font-weight:600}

.dash-listing-card{
  display:flex;gap:.65rem;padding:.65rem!important;
  border:1px solid var(--line);border-radius:10px;background:#fff;margin:0 0 .45rem
}
.dash-listing-thumb{
  flex:0 0 64px;width:64px;height:64px;border-radius:8px;overflow:hidden;
  background:var(--bg-soft);border:1px solid var(--line)
}
.dash-listing-thumb img{width:100%;height:100%;object-fit:cover}
.dash-listing-title{font-size:.88rem;font-weight:700;color:var(--text);line-height:1.3}
.dash-listing-meta{font-size:.75rem;color:var(--text-soft);gap:.35rem .65rem!important;margin:.25rem 0 .4rem!important}
.dash-listing-actions .btn{min-height:32px!important;padding:.25rem .55rem!important;font-size:.75rem!important}
.dash-table{font-size:.82rem}
.dash-td-thumb img{width:36px;height:36px;object-fit:cover;border-radius:6px}

/* Account pages shared empty/spacing */
.account-main > .empty{margin-top:.5rem}
.account-main .listing-grid{margin-top:.35rem}

/* Purchases/sales page density */
.account-main .page-head h1{font-size:1.35rem;margin:0 0 .2rem}
.account-main .page-head .lead{font-size:.88rem;margin:0}
.account-main .data-table{font-size:.84rem}



/* === Sell + buy flow polish v94 === */
.sell-page{max-width:720px;margin:0 auto;padding-bottom:5.5rem}
.sell-page h1{font-size:clamp(1.3rem,3vw,1.65rem);margin:0 0 .35rem}
.sell-intro{margin:0 0 .75rem;font-size:.92rem;color:var(--text-soft);line-height:1.45}
.sell-quick-steps{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;
  list-style:none;margin:0 0 1rem;padding:0
}
.sell-quick-steps li{
  display:flex;flex-direction:column;align-items:center;gap:.2rem;
  padding:.5rem .25rem;background:var(--bg-soft);border:1px solid var(--line);
  border-radius:10px;font-size:.72rem;font-weight:700;text-align:center;color:var(--text-soft)
}
.sell-quick-steps strong{
  display:flex;align-items:center;justify-content:center;
  width:1.4rem;height:1.4rem;border-radius:50%;background:var(--blue);color:#fff;font-size:.75rem
}
@media(max-width:520px){
  .sell-quick-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.sell-error{margin:0 0 .85rem}
.sell-page .product-lookup{margin-bottom:.85rem;padding:.85rem}
.sell-page .product-lookup h3{margin:0 0 .35rem;font-size:.95rem}
.sell-page .big-field{display:block;margin:0 0 .75rem;font-weight:700;font-size:.85rem}
.sell-page .big-field input,
.sell-page .big-field select,
.sell-page .big-field textarea{
  display:block;width:100%;margin-top:.3rem;min-height:42px;
  padding:.55rem .7rem;font-size:16px;font-weight:500;
  border:1.5px solid var(--line);border-radius:10px;background:#fff
}
.sell-page .image-panel{margin-bottom:.85rem}
.sell-page .image-panel h3{margin:0 0 .35rem;font-size:.95rem}
.sell-page .quick-pickup{display:flex;align-items:center;gap:.45rem;margin:0 0 .85rem;font-weight:600}
.sell-advanced{
  margin:0 0 1rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);padding:.15rem
}
.sell-advanced > summary{
  cursor:pointer;padding:.7rem .85rem;font-weight:700;font-size:.88rem;color:var(--blue);list-style:none
}
.sell-advanced > summary::-webkit-details-marker{display:none}
.sell-advanced[open] > summary{border-bottom:1px solid var(--line)}
.sell-advanced label{display:block;margin:.65rem .85rem;font-weight:600;font-size:.82rem}
.sell-advanced input,.sell-advanced select,.sell-advanced textarea{
  width:100%;margin-top:.25rem;min-height:40px;padding:.5rem .65rem;
  border:1px solid var(--line);border-radius:8px;font-size:15px;background:#fff
}
/* Collapsed product lookup — don't block first-time sellers */
.product-lookup.panel{padding:.65rem .9rem}
.product-lookup > summary.lookup-summary{
  cursor:pointer;list-style:none;font-weight:700;font-size:.95rem;line-height:1.35;
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;
}
.product-lookup > summary.lookup-summary::-webkit-details-marker{display:none}
.product-lookup > summary.lookup-summary::before{content:'▸ ';color:var(--muted,#666);font-weight:700}
.product-lookup[open] > summary.lookup-summary::before{content:'▾ '}
.product-lookup[open]{padding:1rem 1.1rem}
.product-lookup .lookup-hint{margin:.45rem 0 .65rem}

.sell-actions-bar{
  display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;
  position:sticky;bottom:calc(var(--mob-nav-h,56px) + .5rem);z-index:40;
  padding:.65rem;margin:1rem 0 .5rem;
  background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 4px 20px rgba(0,0,0,.08)
}
@media(min-width:900px){
  .sell-actions-bar{bottom:1rem}
}
.sell-actions-bar .btn-primary{flex:1 1 12rem;min-height:48px}
.sell-actions-bar .btn-secondary{min-height:48px}
.sell-reassure{text-align:center;font-size:.78rem;color:var(--text-soft);margin:.35rem 0 0}

/* Checkout */
.checkout-page{max-width:560px;margin:0 auto}
.checkout-lead{color:var(--text-soft);font-size:.9rem;margin:0 0 .85rem}
.checkout-summary{margin-bottom:.85rem;padding:1rem}
.checkout-summary h2{margin:0 0 .25rem;font-size:1.1rem;line-height:1.3}
.checkout-item-link{margin:0 0 .75rem;font-size:.82rem}
.checkout-item-link a{color:var(--blue);font-weight:600}
.fee-table{width:100%;border-collapse:collapse;font-size:.9rem;margin:0 0 .65rem}
.fee-table td{padding:.4rem 0;border-bottom:1px solid var(--line)}
.fee-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.fee-table .total td{border-bottom:0;padding-top:.55rem;font-size:1rem}
.seller-keeps{margin:0;font-size:.88rem;padding:.55rem .65rem;background:var(--green-soft);border-radius:8px;color:var(--text)}
.checkout-form{padding:1rem}
.checkout-form .big-field{display:block;margin:0 0 .85rem;font-weight:700}
.checkout-form select{
  display:block;width:100%;margin-top:.3rem;min-height:44px;padding:.5rem .65rem;
  border:1.5px solid var(--line);border-radius:10px;font-size:16px;background:#fff
}
.checkout-next{margin:0 0 1rem 1.1rem;font-size:.84rem;color:var(--text-soft);line-height:1.5}
.checkout-next a{color:var(--blue);font-weight:600}
.checkout-form .btn-primary{width:100%;min-height:48px}
.checkout-back{margin:.65rem 0 0;text-align:center;font-size:.85rem}
.checkout-back a{color:var(--blue);font-weight:600}
.just-listed{margin:0 0 .75rem}
.just-listed-actions{display:inline;margin-left:.35rem;font-weight:600}
.just-listed-actions a{margin:0 .1rem}

/* Receipt next-steps + empty states */
.receipt-next{margin:0 0 .85rem}
.receipt-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 2rem;align-items:center}
.receipt-actions .btn-primary,.receipt-actions .btn-secondary,.receipt-actions .btn-outline{min-height:42px}
.empty-state{padding:1.25rem 0;text-align:center}
.empty-state p{margin:.35rem 0}
.sell-error{position:sticky;top:0;z-index:5;margin-bottom:.75rem}
.order-status.order-pending{color:#b45309;font-weight:700}
.order-status.order-paid{color:#0369a1;font-weight:700}
.order-status.order-completed{color:#15803d;font-weight:700}


/* === ITEM PAGE DENSE v101 === */
/* Kill wasted space: gallery hugs image, modules stack tight, mobile+desktop */

.item-page.item-page--dense.container,
.item-page.container{
  max-width:min(1080px,100%)!important;
  padding-left:max(.5rem,env(safe-area-inset-left))!important;
  padding-right:max(.5rem,env(safe-area-inset-right))!important;
  box-sizing:border-box;
}

.item-page .item-crumb,
.item-page .breadcrumb{
  margin:0 0 .35rem!important;
  font-size:.75rem!important;
  line-height:1.25!important;
  color:var(--text-soft);
}
.item-page .bc-sep{margin:0 .22rem;opacity:.5}

/* Main layout: gallery | buy — never stretch columns */
.item-page .item-grid.item-layout,
.item-page .item-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:.5rem!important;
  align-items:start!important;
  margin:0 0 .55rem!important;
  width:100%!important;
  max-width:none!important;
}
@media(min-width:720px){
  .item-page .item-grid.item-layout,
  .item-page .item-grid{
    grid-template-columns:minmax(0,1.1fr) minmax(280px,.95fr)!important;
    gap:.55rem .75rem!important;
  }
}
@media(min-width:1024px){
  .item-page .item-grid.item-layout,
  .item-page .item-grid{
    grid-template-columns:minmax(0,1.2fr) minmax(300px,.82fr)!important;
    gap:.6rem .9rem!important;
  }
}

/* MEDIA — hug image, no square dead air under thumbs */
.item-page .item-gallery,
.item-page .item-col--media{
  position:relative;
  min-width:0;
  width:100%;
  max-width:100%;
  align-self:start!important;
  height:auto!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.3rem!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.item-page .gallery-main{
  width:100%!important;
  max-width:100%!important;
  aspect-ratio:auto!important;
  height:auto!important;
  max-height:min(380px,46vh)!important;
  min-height:0!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:.25rem!important;
  box-shadow:none!important;
  line-height:0!important;
}
@media(min-width:720px){
  .item-page .gallery-main{max-height:min(420px,52vh)!important}
}
@media(max-width:480px){
  .item-page .gallery-main{max-height:min(260px,40vh)!important;border-radius:6px!important;padding:.15rem!important}
}
.item-page .gallery-main img,
.item-page #gallery-main,
.item-page .gallery-placeholder{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:min(370px,44vh)!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  margin:0 auto!important;
  border:0!important;
  border-radius:0!important;
  vertical-align:top;
}
@media(min-width:720px){
  .item-page .gallery-main img,
  .item-page #gallery-main{max-height:min(410px,50vh)!important}
}
@media(max-width:480px){
  .item-page .gallery-main img,
  .item-page #gallery-main{max-height:min(250px,38vh)!important}
}
.item-page .gallery-thumbs{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:.25rem!important;
  margin:0!important;
  padding:0!important;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.item-page .gallery-thumbs img{
  width:40px!important;height:40px!important;
  object-fit:cover;border-radius:5px!important;
  border:2px solid var(--line)!important;
  cursor:pointer;flex-shrink:0;opacity:.9
}
.item-page .gallery-thumbs img.active,
.item-page .gallery-thumbs img:hover{border-color:var(--blue)!important;opacity:1}
.item-page .gallery-nav{
  display:none;position:absolute;top:42%;transform:translateY(-50%);
  width:32px;height:32px;border:0;border-radius:50%;
  background:rgba(255,255,255,.92);box-shadow:0 1px 4px rgba(0,0,0,.12);
  z-index:3;cursor:pointer;align-items:center;justify-content:center;font-size:1.1rem
}
@media(max-width:719px){.item-page .gallery-nav{display:flex}}
.item-page .gallery-prev{left:.35rem}
.item-page .gallery-next{right:.35rem}

/* BUY COLUMN */
.item-page .item-info,
.item-page .item-col--buy{
  min-width:0;width:100%;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.35rem!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  max-height:none!important;
  overflow:visible!important;
}
@media(min-width:720px){
  .item-page .item-info{
    position:sticky!important;
    top:calc(var(--topbar-h,52px) + 6px)!important;
    max-height:calc(100vh - var(--topbar-h,52px) - 12px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    padding-right:1px;
  }
}

.item-page .item-mod{
  margin:0!important;
  padding:.4rem .55rem!important;
  border:1px solid var(--line)!important;
  border-radius:7px!important;
  background:var(--bg,#fff)!important;
  box-sizing:border-box;
}
.item-page .item-mod--title{
  border:0!important;background:transparent!important;padding:.05rem 0 .05rem!important;
}
.item-page .item-mod--title h1{
  font-size:clamp(1rem,2.1vw,1.28rem)!important;
  line-height:1.2!important;margin:0 0 .2rem!important;font-weight:800!important;
}
.item-page .item-meta-line{
  margin:0!important;font-size:.74rem!important;line-height:1.3;color:var(--text-soft);
  display:flex;flex-wrap:wrap;align-items:center;gap:.1rem .15rem;
}
.item-page .item-meta-line .dot{opacity:.4;margin:0 .12rem}
.item-page .stock-pill{font-weight:700;color:var(--green,#15803d)}

.item-page .item-mod--commerce{
  padding:.45rem .55rem .5rem!important;
  background:var(--bg-soft,#f7f7f8)!important;
}
.item-page .item-price-row{
  display:flex;justify-content:space-between;align-items:flex-start;gap:.4rem;
  margin:0 0 .35rem!important;
}
.item-page .vi-price-label{
  margin:0!important;font-size:.65rem!important;text-transform:uppercase;
  letter-spacing:.04em;font-weight:700;color:var(--text-soft);
}
.item-page .current-price,
.item-page .ebay-vi-price{
  font-size:clamp(1.25rem,2.8vw,1.55rem)!important;
  font-weight:800!important;margin:.02rem 0 .15rem!important;line-height:1.08!important;
  color:var(--text)!important;
}
.item-page .seller-gets-line,
.item-page .fee-line{margin:0!important;font-size:.72rem!important;color:var(--text-soft);line-height:1.25}
.item-page .bid-meta{margin:0!important;font-size:.74rem!important;text-align:right;line-height:1.25}
.item-page .bin-tag{
  display:inline-block;font-weight:800;font-size:.68rem;padding:.1rem .35rem;
  border-radius:3px;background:var(--green-soft,#dcfce7);color:var(--green,#15803d);
}
.item-page .buy-box,
.item-page .buy-box--ebay{
  display:flex;flex-direction:column;gap:.3rem!important;
  margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
.item-page .buy-box .buy-now-btn,
.item-page .buy-box .bin-btn,
.item-page .buy-box .bid-btn,
.item-page .buy-box a.btn-cherry{
  width:100%!important;margin:0!important;min-height:42px!important;
  justify-content:center;font-size:.92rem!important;padding:.5rem .65rem!important;
}
.item-page .bid-fields{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}
@media(max-width:380px){.item-page .bid-fields{grid-template-columns:1fr}}
.item-page .bid-form input{min-height:38px!important;font-size:16px!important;margin-top:.12rem!important}
.item-page .quick-bids{gap:.25rem!important;margin:0!important}
.item-page .quick-bids .qb{min-height:30px!important;font-size:.72rem!important;padding:.2rem .3rem!important}
.item-page .buy-box-secondary{
  display:grid!important;grid-template-columns:1fr 1fr;gap:.3rem!important;margin:0!important;
}
.item-page .buy-box-secondary .btn-secondary,
.item-page .buy-box-secondary a.btn-secondary{
  width:100%!important;margin:0!important;min-height:36px!important;font-size:.78rem!important;
}
.item-page .seller-own{margin:.25rem 0 0!important;padding:.3rem .4rem!important;font-size:.78rem}

/* Facts 2-col chips */
.item-page .item-mod--facts,
.item-page .item-facts{
  padding:0!important;overflow:hidden;
  display:grid!important;grid-template-columns:1fr 1fr!important;
}
@media(max-width:360px){.item-page .item-facts{grid-template-columns:1fr!important}}
.item-page .item-facts .fact-row{
  display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;
  padding:.32rem .45rem!important;
  border-bottom:1px solid var(--line)!important;
  border-right:1px solid var(--line)!important;
  font-size:.74rem!important;margin:0!important;
}
.item-page .item-facts .fact-row:nth-child(2n){border-right:0!important}
.item-page .item-facts .fact-row:nth-last-child(-n+2){border-bottom:0!important}
.item-page .item-facts .fact-row>span{
  color:var(--text-soft);font-weight:600;font-size:.64rem;text-transform:uppercase;letter-spacing:.03em
}
.item-page .item-facts .fact-row>strong{
  text-align:left!important;font-weight:700;font-size:.78rem;line-height:1.2;word-break:break-word
}

.item-page .seller-box,
.item-page .item-mod--seller{padding:.35rem .5rem!important}
.item-page .seller-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.35rem;flex-wrap:wrap}
.item-page .seller-label{
  display:block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);margin:0 0 .05rem
}
.item-page .seller-name{font-size:.86rem!important}
.item-page .seller-box .feedback{margin:.05rem 0 0!important;font-size:.72rem!important}

/* Details / More actions — compact closed, clear open */
.item-page details.item-mod{
  padding:0!important;
  overflow:hidden;
}
.item-page details.item-mod>summary,
.item-page details.item-mod>.tools-sum{
  list-style:none!important;
  cursor:pointer;
  font-size:.78rem!important;
  font-weight:700;
  padding:.38rem .5rem!important;
  color:var(--blue);
  user-select:none;
  display:flex!important;
  align-items:center;
  gap:.35rem;
  line-height:1.2;
  min-height:34px;
  box-sizing:border-box;
}
.item-page details.item-mod>summary::-webkit-details-marker{display:none}
.item-page details.item-mod>summary::after,
.item-page details.item-mod>summary::before{content:none!important;display:none!important}

.item-page .tools-sum-ico{
  flex:0 0 1.05rem;width:1.05rem;height:1.05rem;
  border:1.5px solid currentColor;border-radius:3px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.72rem;line-height:1;font-weight:800;
}
.item-page .tools-sum-ico::before{content:'+'}
.item-page details[open]>.tools-sum .tools-sum-ico::before{content:'−'}
.item-page .tools-sum-txt{flex:0 0 auto}
.item-page .tools-sum-hint{
  flex:1 1 auto;font-weight:500;font-size:.68rem;color:var(--text-soft);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.item-page details:not([open]) .item-util-links,
.item-page details:not([open]) .ask-seller-form,
.item-page details:not([open]) .price-alert-form{display:none!important}

.item-page details.item-mod .ask-seller-form,
.item-page details.item-mod .price-alert-form,
.item-page details.item-mod .item-util-links{
  padding:.15rem .45rem .45rem!important;margin:0!important;
  border-top:1px solid var(--line);
}
.item-page .item-util-links{
  display:flex!important;flex-wrap:wrap!important;gap:.25rem!important;
}
.item-page .item-util-link{
  font-size:.72rem!important;padding:.22rem .4rem!important;min-height:0!important;
  margin:0!important;line-height:1.2!important;
  background:var(--bg-soft,#f4f4f5)!important;border:1px solid var(--line)!important;
  border-radius:999px!important;color:var(--text)!important;cursor:pointer;
  text-decoration:none!important;display:inline-flex;align-items:center;
}
.item-page .item-util-link:hover{border-color:var(--blue)!important;color:var(--blue)!important}
.item-page .ask-seller-form textarea{min-height:52px!important;margin:.25rem 0!important;font-size:16px}
.item-page .price-alert-form{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap}
.item-page .price-alert-form input{flex:1;min-width:8rem;min-height:36px;font-size:16px}

/* Below modules */
.item-page .item-below,
.item-page .item-detail-mods{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:.45rem!important;
  margin:0 0 .55rem!important;
  width:100%!important;
  align-items:start!important;
}
@media(min-width:860px){
  .item-page .item-below,
  .item-page .item-detail-mods{
    grid-template-columns:minmax(0,1.35fr) minmax(230px,.72fr)!important;
    gap:.5rem .65rem!important;
  }
}
.item-page .item-desc,
.item-page .item-mod--desc,
.item-page .qa-section,
.item-page .bid-history{
  margin:0!important;
  padding:.45rem .55rem!important;
  border:1px solid var(--line)!important;
  border-radius:7px!important;
  background:var(--bg,#fff)!important;
}
.item-page .item-desc h2,
.item-page .qa-section h2,
.item-page .bid-history h2,
.item-page .item-mod--desc h2,
.item-page .item-mod--qa h2,
.item-page .item-mod--bids h2{
  margin:0 0 .3rem!important;font-size:.84rem!important;font-weight:800!important;line-height:1.15
}
.item-page .item-desc-body,
.item-page .item-desc p{
  font-size:.84rem!important;line-height:1.4!important;margin:0 0 .3rem!important
}
.item-page .item-desc p:last-child{margin-bottom:0!important}
.item-page .item-detail-side{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.item-page .ask-form-row{display:flex;gap:.3rem;margin:0 0 .35rem!important}
.item-page .ask-form-row input{flex:1;min-height:36px;font-size:16px}
.item-page .qa-list{margin:0;padding:0;list-style:none}
.item-page .qa-list li{font-size:.78rem;line-height:1.3;padding:.28rem 0;border-bottom:1px solid var(--line)}
.item-page .qa-list li:last-child{border-bottom:0}
.item-page .qa-empty,.item-page .no-bids,.item-page .qa-signin{font-size:.76rem;color:var(--text-soft);margin:0}
.item-page .bid-history ul{margin:0;padding:0;list-style:none}
.item-page .bid-history li{font-size:.76rem;padding:.2rem 0;border-bottom:1px solid var(--line)}
.item-page .bid-history li:last-child{border-bottom:0}

.similar-section{
  max-width:min(1080px,100%)!important;
  margin:.1rem auto .75rem!important;
  padding:0 max(.5rem,env(safe-area-inset-left))!important;
}
.similar-section h2{font-size:.86rem!important;margin:0 0 .3rem!important}
.similar-section .listing-grid--compact{
  gap:.35rem!important;
  grid-template-columns:repeat(auto-fill,minmax(128px,1fr))!important;
}

.mobile-bid-bar{padding:.4rem .55rem!important;gap:.4rem!important}
.mobile-bid-bar .mbb-price{font-weight:800;font-size:.95rem}
@media(max-width:719px){
  body.item-page,body:has(.item-page){padding-bottom:calc(var(--mob-nav-h,56px) + var(--safe-b,0px) + 54px)}
}

.item-page .item-mod--tools .btn,
.item-page .seller-box .btn{width:auto!important;margin:.1rem .15rem 0 0!important}

/* Override older item CSS that forced huge square galleries / wrong col order */
.item-page .item-grid{grid-template-columns:1fr!important}
@media(min-width:720px){
  .item-page .item-grid{
    grid-template-columns:minmax(0,1.1fr) minmax(280px,.95fr)!important;
  }
}
.item-page .gallery-main{aspect-ratio:auto!important}

@media print{
  .item-page .item-mod--tools,
  .item-page .item-mod--msg,
  .item-page .item-mod--alert,
  .mobile-bid-bar{display:none!important}
  .item-page .item-info{position:static!important;max-height:none!important;overflow:visible!important}
}


/* === ITEM PAGE ACTIONS v102 — integrated, no More-actions dump === */
.item-page .item-info{gap:.3rem!important}
.item-page .item-mod{padding:.35rem .5rem!important}

/* kill old tools/details waste */
.item-page .item-mod--tools,
.item-page details.item-mod--tools{display:none!important}

/* Seller + message one card */
.item-page .seller-box{padding:.4rem .5rem!important}
.item-page .seller-row{margin:0 0 .3rem}
.item-page .seller-msg-inline,
.item-page .ask-seller-form.seller-msg-inline{
  display:flex!important;gap:.3rem!important;align-items:center;margin:.25rem 0 0!important;padding:0!important;border:0!important
}
.item-page .seller-msg-inline input[type="text"],
.item-page .seller-msg-inline input:not([type]),
.item-page .seller-msg-inline textarea{
  flex:1 1 auto;min-width:0;min-height:34px!important;margin:0!important;padding:.3rem .45rem!important;
  font-size:14px!important;border:1px solid var(--line);border-radius:6px;width:auto!important
}
.item-page .seller-msg-inline button{flex:0 0 auto;min-height:34px!important;margin:0!important;width:auto!important;padding:.3rem .55rem!important}
.item-page .seller-msg-cta{margin:.2rem 0 0!important;font-size:.75rem;color:var(--text-soft)}
.item-page .seller-msg-cta a{font-weight:700}

/* Always-visible action bar — dense text links */
.item-page .item-mod--actions,
.item-page .item-action-bar{
  display:flex!important;flex-wrap:wrap!important;gap:.2rem .15rem!important;
  padding:.28rem .35rem!important;margin:0!important;
  border:1px solid var(--line)!important;border-radius:7px!important;
  background:var(--bg-soft,#f6f6f7)!important;
  align-items:center;
}
.item-page .item-action-bar .ia{
  appearance:none;-webkit-appearance:none;
  display:inline-flex;align-items:center;justify-content:center;
  margin:0!important;padding:.2rem .42rem!important;
  min-height:0!important;min-width:0!important;
  border:0!important;background:transparent!important;
  border-radius:4px!important;
  font:inherit;font-size:.72rem!important;font-weight:650!important;
  line-height:1.2!important;color:var(--blue)!important;
  text-decoration:none!important;cursor:pointer;white-space:nowrap;
}
.item-page .item-action-bar .ia:hover,
.item-page .item-action-bar .ia:focus{
  background:rgba(0,0,0,.06)!important;outline:none
}
html[data-theme="dark"] .item-page .item-action-bar .ia:hover{background:rgba(255,255,255,.08)!important}

/* Price alert one-liner under tools */
.item-page .price-alert-inline,
.item-page .item-mod--alert.price-alert-form{
  display:flex!important;flex-wrap:wrap;align-items:center;gap:.3rem!important;
  padding:.3rem .45rem!important;margin:0!important;
  border:1px dashed var(--line)!important;border-radius:7px!important;
  background:transparent!important;
}
.item-page .price-alert-inline .pa-label{
  font-size:.72rem;font-weight:700;color:var(--text-soft);margin:0
}
.item-page .price-alert-inline input{
  width:5.5rem!important;min-height:32px!important;margin:0!important;
  padding:.25rem .4rem!important;font-size:14px!important;flex:0 0 auto
}
.item-page .price-alert-inline button{
  width:auto!important;min-height:32px!important;margin:0!important;padding:.25rem .5rem!important
}

/* Buy secondary already 2-col — tighten */
.item-page .buy-box-secondary{gap:.25rem!important}
.item-page .buy-box-secondary .btn-secondary{min-height:34px!important;font-size:.76rem!important}

/* Facts slightly denser */
.item-page .item-facts .fact-row{padding:.28rem .4rem!important}

@media(max-width:480px){
  .item-page .item-action-bar .ia{font-size:.7rem!important;padding:.18rem .34rem!important}
  .item-page .seller-msg-inline{flex-wrap:wrap}
  .item-page .seller-msg-inline input{flex:1 1 100%}
  .item-page .seller-msg-inline button{width:100%!important}
}


/* === polish v103 — cards + density === */
.home-card-img,.listing-card .home-card-img{position:relative}
.card-photo-n{
  position:absolute;right:6px;bottom:6px;z-index:2;
  font-size:.65rem;font-weight:800;letter-spacing:.02em;
  padding:.15rem .35rem;border-radius:999px;
  background:rgba(0,0,0,.62);color:#fff;line-height:1.1;
  pointer-events:none;
}
.listing-grid .home-card-body,.listing-grid--compact .home-card-body{padding:.4rem .45rem .5rem!important}
.listing-grid .home-card h3,.listing-grid--compact .home-card h3{
  font-size:.82rem!important;line-height:1.25!important;margin:0 0 .2rem!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.listing-grid .home-card-price,.listing-grid--compact .home-card-price{font-size:.95rem!important;margin:0 0 .15rem!important}
.listing-grid .home-card-meta,.listing-grid--compact .home-card-meta{font-size:.72rem!important;margin:0!important}
.home-page .listing-grid{gap:.45rem!important}
@media(max-width:480px){
  .listing-grid,.listing-grid--compact{gap:.35rem!important}
}
.mobile-bid-bar .mbb-actions .btn{min-height:40px!important}


/* === SHELL + TICKER UNIFY v105 === */
:root{
  --dhu-shell:1180px;
  --dhu-shell-pad:max(.75rem,env(safe-area-inset-left));
  --dhu-shell-pad-r:max(.75rem,env(safe-area-inset-right));
}
.wrap,.container,
.topbar-inner,
.ebay-util-inner,
.ebay-logo-row-inner,
.ebay-tabs-inner,
.ticker-inner,
.ebay-foot-cols,
.foot-inner,
.foot-bottom,
.hero-inner,
.stats-bar,
.feature-row,
.similar-section{
  max-width:var(--dhu-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}
.wrap,.container{
  padding-left:var(--dhu-shell-pad)!important;
  padding-right:var(--dhu-shell-pad-r)!important;
}

/* Ending-soon ticker: full-bleed bg, content matches site shell */
.ticker-bar{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box;
  background:#1a2332!important;
  color:#eef2f7!important;
  height:auto!important;
  min-height:34px!important;
  max-height:none!important;
  overflow:hidden!important;
  display:block!important;
  border-bottom:1px solid rgba(0,0,0,.12)!important;
}
.ticker-inner{
  display:flex!important;
  align-items:center!important;
  gap:.55rem!important;
  padding:4px var(--dhu-shell-pad)!important;
  min-height:34px;
  box-sizing:border-box;
}
.ticker-label{
  flex:0 0 auto;
  font-size:.68rem!important;
  font-weight:800!important;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#f5a623!important;
  white-space:nowrap;
  padding:2px 0;
}
.ticker-more{
  flex:0 0 auto;
  font-size:.75rem!important;
  font-weight:700!important;
  color:#9ec5ff!important;
  text-decoration:none!important;
  white-space:nowrap;
}
.ticker-more:hover{color:#fff!important;text-decoration:underline!important}
.ticker-viewport{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
}
.ticker-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:1rem!important;
  white-space:nowrap!important;
  width:max-content!important;
  min-width:0!important;
  padding:0!important;
}
.ticker-bar a.ticker-item{
  display:inline-flex!important;
  align-items:center!important;
  gap:.35rem!important;
  color:#eef2f7!important;
  text-decoration:none!important;
  font-weight:600!important;
  font-size:.78rem!important;
}
.ticker-bar a.ticker-item:hover,
.ticker-bar a.ticker-item:visited{color:#fff!important}
.ticker-time{color:#f5a623!important;font-weight:700!important}
.ticker-thumb{border-radius:3px!important}

/* Kill leftover full-bleed misalignment on home hardfixes */
.home-page--ebay .home-shell,
.home-page--ebay .listing-grid{
  max-width:100%!important;
}

/* CTA color locks — all themes (no dark text on colored buttons) */
a.btn-primary,a.btn-cherry,a.buy-now-btn,a.bin-btn,a.bid-btn,
a.btn-primary:link,a.btn-primary:visited,a.btn-primary:hover,
a.buy-now-btn:link,a.buy-now-btn:visited,a.buy-now-btn:hover,
a.bin-btn:link,a.bin-btn:visited,a.bin-btn:hover,
a.bid-btn:link,a.bid-btn:visited,a.bid-btn:hover,
button.btn-primary,button.btn-cherry,button.bid-btn,
.btn-primary,.btn-cherry,.buy-now-btn,.bin-btn,.bid-btn{
  color:#fff!important;
}


/* Checkout product image */
.checkout-product{
  display:flex;align-items:flex-start;gap:.85rem;margin:0 0 1rem;
}
.checkout-product-img-wrap{
  flex:0 0 96px;width:96px;height:96px;display:block;
  border:1px solid var(--line,#ddd);border-radius:8px;overflow:hidden;
  background:#fff;line-height:0;
}
.checkout-product-img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  display:block;margin:0;background:#fafafa;
}
.checkout-product-body{min-width:0;flex:1}
.checkout-product-title{
  margin:0 0 .35rem!important;font-size:1.05rem!important;line-height:1.3!important;
}
.checkout-product-title a{color:inherit;text-decoration:none;font-weight:800}
.checkout-product-title a:hover{text-decoration:underline;color:var(--blue,#06c)}
.checkout-seller{margin:0 0 .25rem;font-size:.85rem;color:var(--text-soft,#555)}
.checkout-seller a{font-weight:600}
.checkout-item-link{margin:0;font-size:.82rem}
@media(min-width:600px){
  .checkout-product-img-wrap{flex-basis:120px;width:120px;height:120px}
  .checkout-product-title{font-size:1.15rem!important}
}
html[data-theme="dark"] .checkout-product-img-wrap{
  background:#000!important;border-color:#444!important;
}
html[data-theme="dark"] .checkout-product-img{background:#111!important}
html[data-theme="dark"] .checkout-product-title a{color:#fff!important}
html[data-theme="dark"] .checkout-seller{color:#ccc!important}
html[data-theme="classic"] .checkout-product-img-wrap{
  border-radius:0!important;border:1px solid #999!important;
}
html[data-theme="classic"] .checkout-product-title a{color:#00c!important}


/* Sold / stock counts on item page */
.item-page .sold-pill{
  font-weight:800;color:var(--green,#15803d);
}
.item-page .sold-count{font-weight:800;color:var(--green,#15803d)}
.item-page .qty-of{font-weight:500;color:var(--text-soft,#666);font-size:.9em}
html[data-theme="dark"] .item-page .sold-pill,
html[data-theme="dark"] .item-page .sold-count{color:#86efac!important}
html[data-theme="classic"] .item-page .sold-pill,
html[data-theme="classic"] .item-page .sold-count{color:#060!important;font-weight:bold!important}

.dash-stock{font-weight:700;color:var(--green,#15803d)}
html[data-theme="dark"] .dash-stock{color:#86efac!important}
html[data-theme="classic"] .dash-stock{color:#060!important}


/* === sell banner lock v109 — all themes, no color fights === */
html:not([data-theme="classic"]) .ebay-sell-banner{
  background:#f0f6ff!important;
  border:1px solid #c5d4eb!important;
  color:#0f172a!important;
}
html:not([data-theme="classic"]) .ebay-sell-banner h2,
html:not([data-theme="classic"]) .ebay-sell-banner p,
html:not([data-theme="classic"]) .ebay-sell-kicker{
  /* set above */
}
html[data-theme="dark"] .ebay-sell-banner{
  background:#111!important;
  border:1px solid #444!important;
  color:#f2f2f2!important;
}
html[data-theme="dark"] .ebay-sell-banner h2,
html[data-theme="dark"] .ebay-sell-banner #sell-banner-title{
  color:#fff!important;
}
html[data-theme="dark"] .ebay-sell-banner p{
  color:#ddd!important;
}
html[data-theme="dark"] .ebay-sell-kicker{
  color:#8ec8ff!important;
}
html[data-theme="dark"] .ebay-sell-banner-cta .sell-banner-btn--primary,
html[data-theme="dark"] .ebay-sell-banner-cta a.sell-banner-btn--primary{
  background:#1e90ff!important;color:#fff!important;border-color:#1573cc!important;
}
html[data-theme="dark"] .ebay-sell-banner-cta .sell-banner-btn--secondary,
html[data-theme="dark"] .ebay-sell-banner-cta a.sell-banner-btn--secondary{
  background:#000!important;color:#fff!important;border-color:#666!important;
}



/* === home polish v110 — clear CTAs, denser, no light-theme mess === */
.ebay-welcome-cta .home-cta,
.ebay-welcome-cta a.home-cta{
  display:inline-flex!important;align-items:center;justify-content:center;
  min-height:42px!important;padding:.55rem 1.15rem!important;
  font-weight:700!important;text-decoration:none!important;
  border-radius:8px!important;box-shadow:none!important;width:auto!important;
}
.ebay-welcome-cta .home-cta--primary,
.ebay-welcome-cta a.home-cta--primary,
.ebay-welcome-cta a.home-cta--primary:link,
.ebay-welcome-cta a.home-cta--primary:visited,
.ebay-welcome-cta a.home-cta--primary:hover{
  background:#0654ba!important;color:#fff!important;border:1px solid #044a9e!important;
}
.ebay-welcome-cta .home-cta--primary:hover{background:#044a9e!important;color:#fff!important}
.ebay-welcome-cta .home-cta--sell,
.ebay-welcome-cta a.home-cta--sell,
.ebay-welcome-cta a.home-cta--sell:link,
.ebay-welcome-cta a.home-cta--sell:visited,
.ebay-welcome-cta a.home-cta--sell:hover{
  background:#16a34a!important;color:#fff!important;border:1px solid #15803d!important;
}
.ebay-welcome-cta .home-cta--sell:hover{
  background:#15803d!important;color:#fff!important;border-color:#166534!important;
}
.ebay-welcome-cta .ebay-text-link{
  color:#0654ba!important;font-weight:700!important;text-decoration:none!important;
}
.ebay-welcome-cta .ebay-text-link:hover{text-decoration:underline!important}

.ebay-stats-line{
  background:#f8fafc!important;border:1px solid #e2e8f0!important;
}
.ebay-promo-card{
  background:#fff!important;border:1px solid #e2e8f0!important;
}
.ebay-promo-card strong{color:#0f172a!important}
.ebay-promo-card p{color:#475569!important}
.ebay-promo-card a{color:#0654ba!important}
.ebay-promo-card--green{
  background:#f0fdf4!important;border-color:#bbf7d0!important;
}
.ebay-promo-card--green strong{color:#14532d!important}
.ebay-promo-card--green a{color:#15803d!important}

.ebay-why-card{
  background:#fff!important;border:1px solid #e2e8f0!important;
}
.ebay-why-card h3{color:#0f172a!important}
.ebay-why-card p{color:#475569!important}

.ebay-quicklinks{border-color:#e2e8f0!important}
.ebay-quick-grid a{background:#fff!important}
.ebay-quick-grid a:hover{background:#f0f6ff!important}
.ebay-quick-grid span{color:#0f172a!important}
.ebay-quick-grid small{color:#64748b!important}

.ebay-section-head h2{color:var(--text,#0f172a)!important}
.ebay-section-head a{color:#0654ba!important}

/* Denser home stack */
.ebay-section{margin:0 0 1rem!important}
.ebay-quicklinks{margin:0 0 .9rem!important}
.ebay-welcome{margin-bottom:.9rem!important}

/* Dark home */
html[data-theme="dark"] .ebay-welcome-cta a.home-cta--primary{
  background:#1e90ff!important;color:#fff!important;border-color:#1573cc!important;
}
html[data-theme="dark"] .ebay-welcome-cta a.home-cta--sell{
  background:#16a34a!important;color:#fff!important;border-color:#15803d!important;
}
html[data-theme="dark"] .ebay-welcome-cta a.home-cta--sell:hover{
  background:#15803d!important;color:#fff!important;border-color:#4ade80!important;
}
html[data-theme="dark"] .ebay-stats-line{
  background:#111!important;border-color:#333!important;color:#ccc!important;
}
html[data-theme="dark"] .ebay-stats-line strong{color:#fff!important}
html[data-theme="dark"] .ebay-promo-card{
  background:#111!important;border-color:#444!important;
}
html[data-theme="dark"] .ebay-promo-card strong{color:#fff!important}
html[data-theme="dark"] .ebay-promo-card p{color:#ccc!important}
html[data-theme="dark"] .ebay-promo-card a{color:#8ec8ff!important}
html[data-theme="dark"] .ebay-promo-card--green{
  background:#0a1a10!important;border-color:#1a4d2e!important;
}
html[data-theme="dark"] .ebay-promo-card--green strong{color:#86efac!important}
html[data-theme="dark"] .ebay-why-card{
  background:#111!important;border-color:#333!important;
}
html[data-theme="dark"] .ebay-why-card h3{color:#fff!important}
html[data-theme="dark"] .ebay-why-card p{color:#ccc!important}
html[data-theme="dark"] .ebay-quicklinks{background:#000!important;border-color:#333!important}
html[data-theme="dark"] .ebay-quick-grid a{background:#111!important;border-color:#333!important}
html[data-theme="dark"] .ebay-quick-grid a:hover{background:#1a1a1a!important}
html[data-theme="dark"] .ebay-quick-grid span{color:#fff!important}
html[data-theme="dark"] .ebay-quick-grid small{color:#bbb!important}
html[data-theme="dark"] .ebay-box-head,
html[data-theme="dark"] .ebay-quicklinks .ebay-box-head{
  background:#111!important;border-color:#333!important;color:#fff!important;
}

/* Classic home welcome CTAs */
html[data-theme="classic"] .ebay-welcome-cta a.home-cta--primary{
  background:#0654ba!important;color:#fff!important;border:1px solid #044a9e!important;border-radius:0!important;
}
html[data-theme="classic"] .ebay-welcome-cta a.home-cta--sell{
  background:#090!important;color:#fff!important;border:1px solid #060!important;border-radius:0!important;
}
html[data-theme="classic"] .ebay-welcome-cta a.home-cta--sell:hover{
  background:#060!important;color:#fff!important;
}
html[data-theme="classic"] .ebay-promo-card--green{background:#efe!important;border-color:#9c9!important}


/* === Fixed header (all themes) — stays on top while scrolling === */
.site-header,
#site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:250!important;
  box-sizing:border-box;
  background:#fff!important;
  box-shadow:0 1px 0 rgba(0,0,0,.08),0 4px 14px rgba(0,0,0,.06)!important;
}
html[data-theme="dark"] .site-header,
html[data-theme="dark"] #site-header{
  background:#000!important;
  box-shadow:0 1px 0 #222,0 4px 16px rgba(0,0,0,.55)!important;
}
html[data-theme="classic"] .site-header,
html[data-theme="classic"] #site-header{
  background:#fff!important;
  box-shadow:0 1px 0 #999!important;
}
/* Modern topbar inside fixed shell also fills width */
.site-header .topbar{
  position:static!important;
  top:auto!important;
  background:transparent!important;
  backdrop-filter:none!important;
  border-bottom:0!important;
}
/* Reserve space so content doesn't hide under fixed header */
body{
  padding-top:var(--topbar-h, 88px)!important;
}
/* Keep sticky offsets using measured header height */
:where([id]),#main-content{
  scroll-margin-top:calc(var(--topbar-h,88px) + var(--safe-t,0px) + 8px)!important;
}
/* Item/sidebar stickies sit below fixed header */
@media(min-width:900px){
  .item-info{
    top:calc(var(--topbar-h,88px) + 8px)!important;
  }
}
/* Notify banner under fixed header */
.notify-banner{
  top:var(--topbar-h,88px)!important;
}

/* Fixed header stacking: drawer above header */
.nav-overlay{z-index:260!important}
.nav{z-index:270!important}
.site-header .nav{z-index:270!important}