/* ===== Nickel design layer (Apple-inspired redesign, 30.10.2026) =====
   Loaded after app.css. One typeface (Heebo, self-hosted), five type sizes, tone steps instead of lines, one radius
   family (12 controls / 20 tiles / 28 sheets, pills for buttons), no resting shadows, translucency only on floating
   chrome (header, phone bid bar). Navy + turquoise; text on turquoise is always navy. RTL throughout. */

@font-face{font-family:"Heebo";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/heebo-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/heebo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Heebo";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/heebo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
 --font:"Heebo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 /* Five sizes. */
 --fs-s:13px;--fs-b:17px;--fs-t:21px;--fs-h:clamp(26px,2.5vw,36px);--fs-d:clamp(40px,6vw,88px);
 /* Ground, tones, ink. */
 --paper:#fff;--surface:#fff;--tile:#f4f5f8;--tile-2:#e9ecf1;--tile-3:#dde1e8;
 --ink:#0f1a2e;--ink-2:#2c3850;--muted:#596377;
 --navy:#0c2d62;--navy-hover:#0a2350;--navy-soft:#eef1f7;--navy-ink:#c9d3e6;
 --accent:#0bd3b5;--accent-hover:#2bdcc2;--accent-soft:#e2f8f4;--accent-ink:#06705f;
 --line:transparent;--line-strong:#c8cfda;
 /* Radii and motion. */
 --r-s:12px;--r-m:20px;--r-l:28px;--pill:999px;
 --ease:cubic-bezier(.2,.8,.2,1);--ease-soft:cubic-bezier(.2,.8,.2,1);--t-fast:160ms;--t-med:240ms;--t-slow:320ms;
 --wrap:1240px;--gutter:clamp(16px,3vw,32px);
 --float:0 18px 50px rgba(0,0,0,.11),0 2px 8px rgba(0,0,0,.04);
 /* Silhouettes for listings without photos (art.js). */
 --art-d:#cdd3dc;--art-l:#e6e9ee;--art-m:#dadfe6;--art-g:#c4cad4;--art-s:#b8bfcb;--art-p:#eef0f4;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--fs-b);line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
::selection{background:var(--accent-soft);color:var(--navy)}
input,textarea{caret-color:var(--navy)}
h1,h2,h3,h4{color:var(--ink);text-wrap:balance}
h1{font-weight:600;letter-spacing:-.02em;line-height:1.08}
h2{font-weight:600;letter-spacing:-.015em;line-height:1.15}
h3{font-weight:600;letter-spacing:-.005em;line-height:1.3}
p{text-wrap:pretty}
a{color:var(--navy);text-underline-offset:3px;text-decoration-thickness:1px}
.muted{color:var(--muted)}
.small,small{font-size:var(--fs-s)}
.price,.timer,.ab-price .price,.sold-price,.owner-stat b,.quick-bid,.bid-main{font-variant-numeric:tabular-nums}
.tdg-on{direction:ltr;unicode-bidi:isolate;display:inline-block}
.ic{flex:none;vertical-align:-.2em}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-radius:var(--r-s)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--tile-3);border-radius:10px;border:2px solid var(--paper)}::-webkit-scrollbar-track{background:transparent}

/* ---- Containers: one pair of margins everywhere. */
.wrap{max-width:calc(var(--wrap) + 2*var(--gutter));padding-inline:var(--gutter);margin-inline:auto}

/* ---- Buttons: pills. Primary turquoise with navy text; secondary a navy tone. Press = scale .97. */
.cta,.buy,.primary,.hero-ghost,.quick-bid,.util,.link-btn,.cat-tile,.notice-dismiss,.like,.compare-toggle,.cg-arrow,.pg-arrow,.icon-button,.a11y-button,.nicole-launch,.dash-stat{transition:transform var(--t-fast) var(--ease),background-color var(--t-fast) ease,color var(--t-fast) ease,opacity var(--t-fast) ease}
.cta{background:var(--accent);color:var(--navy);border:0;border-radius:var(--pill)!important;font-size:var(--fs-b);font-weight:600;padding:12px 24px;min-height:48px;box-shadow:none!important;letter-spacing:0}
.cta:hover:not(:disabled){background:var(--accent-hover);box-shadow:none!important;transform:none}
.buy{background:var(--navy-soft);color:var(--navy);border:0!important;border-radius:var(--pill)!important;font-size:var(--fs-b);font-weight:500;min-height:48px;padding:12px 22px;box-shadow:none!important}
.buy:hover{background:var(--tile-2)}
.primary{border-radius:var(--pill)!important;font-weight:600!important;box-shadow:none!important}
:is(.cta,.buy,.primary,.hero-ghost,.quick-bid,.util,.cat-tile,.like,.compare-toggle,.icon-button,.dash-stat,.notice-dismiss):active:not(:disabled){transform:scale(.97);box-shadow:none!important}
.cta:disabled,.buy:disabled{opacity:.5}
.link-btn{color:var(--navy);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.icon-button{border-radius:var(--pill);display:inline-grid;place-items:center;width:44px;height:44px;color:var(--ink)}
.icon-button:hover{background:var(--tile)}

/* ---- Fields: tone fill, no outline at rest; navy ring on focus. */
.field input,.field select,.field textarea,.bidrow input,.search input,input[type=text],input[type=email],input[type=number],input[type=password],input[type=search],select,textarea{border-color:transparent}
.field input,.field select,.field textarea,.bidrow input{background:var(--tile);border:1px solid transparent;border-radius:var(--r-s);font-size:var(--fs-b);padding:13px 16px;color:var(--ink);transition:background-color var(--t-fast) ease,border-color var(--t-fast) ease}
.field input:hover,.field select:hover,.field textarea:hover,.bidrow input:hover{background:var(--tile-2)}
.field input:focus,.field select:focus,.field textarea:focus,.bidrow input:focus{outline:none;background:#fff;border-color:var(--navy);box-shadow:none} /* taste-skill-ignore: overlay, floating chrome or focus ring */
.field>span,.field>label,.field .field-row label{font-size:var(--fs-s);font-weight:600;color:var(--ink-2)}
.field small,.field .muted,.form small.muted{font-size:var(--fs-s);line-height:1.5;color:var(--muted)}
::placeholder{color:var(--muted);opacity:1}
.check-line input,input[type=checkbox],input[type=radio]{accent-color:var(--navy)}

/* ---- Header: a translucent floating layer; the page scrolls under it. No rule underneath. */
body>header{background:rgba(255,255,255,.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:0!important;box-shadow:none!important;padding-top:10px;padding-bottom:10px;min-height:64px;z-index:200} /* taste-skill-ignore: overlay, floating chrome or focus ring */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body>header{background:#fff}} /* taste-skill-ignore: overlay, floating chrome or focus ring */
@media(prefers-reduced-transparency:reduce){body>header{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}} /* taste-skill-ignore: overlay, floating chrome or focus ring */
header .search{background:var(--tile)!important;border:0!important;border-radius:var(--pill)!important;overflow:hidden;min-height:44px}
header .search input{font-size:var(--fs-b);padding:10px 18px}
header .search button{background:transparent!important;color:var(--navy)!important;font-weight:600;font-size:var(--fs-b);padding:0 18px}
header .search button:hover{background:var(--tile-2)!important}
header .search:focus-within{outline:2px solid var(--navy)!important;outline-offset:0!important;box-shadow:none} /* taste-skill-ignore: overlay, floating chrome or focus ring */
header .primary{min-height:44px;padding:10px 20px!important;font-size:var(--fs-b)!important}
header .home-nav a{font-size:var(--fs-b);color:var(--ink-2);font-weight:500;text-decoration:none;padding:10px 12px;border-radius:var(--pill)}
header .home-nav a:hover{background:var(--tile);color:var(--navy)}
#account,#signup-btn{font-size:var(--fs-b);font-weight:500;color:var(--ink);border-radius:var(--pill)}
#account:hover,#signup-btn:hover{background:var(--tile)}
.inbox-badge{background:var(--accent)!important;color:var(--navy)!important;font-size:var(--fs-s)!important;font-weight:700;min-width:20px;height:20px;line-height:20px;border-radius:var(--pill);box-shadow:0 0 0 2px #fff!important} /* taste-skill-ignore: overlay, floating chrome or focus ring */
.back-bar{background:transparent!important;border:0!important}
.back-btn{font-size:var(--fs-b);color:var(--navy);font-weight:500;border-radius:var(--pill);padding:8px 12px}
.back-btn:hover{background:var(--tile)}

/* ---- Bell: the short list (messages + the team's notices). It floats, so it may carry a shadow. */
.inbox-drop{background:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:0!important;border-radius:var(--r-m)!important;box-shadow:var(--float)!important;padding:8px!important;max-height:min(70vh,640px);overflow:auto;transform-origin:top center;animation:drop-in var(--t-med) var(--ease)} /* taste-skill-ignore: overlay, floating chrome or focus ring */
@keyframes drop-in{from{opacity:0;transform:translateY(-6px) scale(.98)}}
.inbox-drop-head{padding:10px 12px 6px;border:0!important}
.inbox-drop-head b{font-size:var(--fs-t);font-weight:600}
.inbox-row{border:0!important;border-radius:var(--r-s);padding:12px!important}
.inbox-row:hover{background:var(--tile)}
.inbox-all{border:0!important;border-radius:var(--pill);background:var(--navy-soft);color:var(--navy);font-weight:500;margin:6px 4px 4px;width:calc(100% - 8px);padding:12px}
.inbox-cat,.inbox-time,.inbox-preview{font-size:var(--fs-s)}
.inbox-title{font-size:var(--fs-b);font-weight:600}
.inbox-flag{font-size:var(--fs-s);background:var(--accent-soft);color:var(--accent-ink);border-radius:var(--pill);padding:1px 8px}
/* Notices: one list, tone rows, no colored side rule. */
.notice-list{display:grid;gap:6px;margin:4px 0 8px}
.notice{background:var(--tile)!important;border:0!important;border-radius:var(--r-s)!important;padding:14px 16px!important;box-shadow:none!important;gap:12px!important}
.notice-text b{font-size:var(--fs-b);font-weight:600;color:var(--ink)}
.notice-text p{font-size:var(--fs-s);color:var(--ink-2)!important}
.notice-actions .cta,.notice-actions .buy{min-height:40px;padding:8px 16px!important;font-size:var(--fs-s)!important}
.notice-dismiss{font-size:var(--fs-s);color:var(--muted);text-decoration:none;border-radius:var(--pill);padding:8px 10px}
.notice-dismiss:hover{background:var(--tile-2);color:var(--ink)}
.inbox-drop .notice{flex-direction:column;align-items:stretch!important}
.inbox-drop .notice-actions{justify-content:flex-start}
.notice-page{margin:0 0 24px}
[data-notices] .notice[data-dash-duplicate]{display:none}
@media(min-width:621px){.notice-page .notice{flex-direction:row}}

/* ---- Footer: the brand's navy, the name returns. */
.site-footer{background:var(--navy)!important;color:var(--navy-ink)!important;margin-top:120px!important;padding:56px 0 calc(40px + env(safe-area-inset-bottom))!important}
.site-footer a{color:#fff!important;text-decoration:none;font-size:var(--fs-b)}
.site-footer a:hover,.site-footer a:focus-visible{text-decoration:underline}
.footer-cols h2{color:#fff!important;font-size:var(--fs-s)!important;font-weight:600!important}
.footer-brand .footer-about{color:var(--navy-ink)!important;font-size:var(--fs-b)!important;line-height:1.6}
.footer-copy{color:var(--navy-ink)!important;border:0!important;font-size:var(--fs-s)!important}
.footer-in>*{border-color:transparent!important}

/* ---- Floating buttons: one corner (the line-end corner in RTL: bottom left), smaller, never over text starts.
   Nicole's widget logic is untouched; only its container moves and its bubble mirrors with it. */
.a11y-button{left:20px!important;right:auto!important;bottom:88px!important;width:44px!important;height:44px!important;background:#fff!important;color:var(--navy)!important;box-shadow:0 6px 20px rgba(0,0,0,.11)!important} /* taste-skill-ignore: overlay, floating chrome or focus ring */
.a11y-button svg{width:22px;height:22px}
.a11y-button:hover{background:#fff!important;transform:none!important}
.nicole-launch{left:18px!important;right:auto!important;bottom:20px!important;width:56px!important;height:56px!important;border-width:2px!important;box-shadow:0 8px 24px rgba(0,0,0,.13)!important;animation:none!important} /* taste-skill-ignore: overlay, floating chrome or focus ring */
.nicole-dot{left:auto!important;right:2px}
.nicole-hello{left:10px!important;right:auto!important}
.nicole-tag{left:86px!important;right:auto!important;border:0!important;border-radius:16px 16px 16px 4px!important}
.nicole-tag::after{right:auto!important;left:-6px!important;border:0!important;transform:rotate(45deg)!important}
@media(min-width:621px){.nicole-panel{left:18px!important;right:auto!important;border:0!important}}
body.bid-bar-on .nicole-launch{bottom:96px!important}
body.bid-bar-on .a11y-button{bottom:164px!important}
.nicole-launch{bottom:calc(var(--cookie-banner-h,0px) + 20px)!important}
.a11y-button{bottom:calc(var(--cookie-banner-h,0px) + 88px)!important}
body.has-tray .a11y-button{bottom:150px!important}body.has-tray .nicole-launch{bottom:86px!important}
@media(max-width:768px){
 .a11y-button{left:12px!important;bottom:72px!important;width:40px!important;height:40px!important}
 .a11y-button svg{width:20px;height:20px}
 .nicole-launch{left:10px!important;bottom:14px!important;width:48px!important;height:48px!important}
 .nicole-tag{left:66px!important}
 body.bid-bar-on .nicole-launch{bottom:88px!important}
 body.bid-bar-on .a11y-button{bottom:146px!important}
 /* Room at the end of the page so the corner never sits on the last line. */
 .site-footer{padding-bottom:calc(132px + env(safe-area-inset-bottom))!important}
}

/* ---- Cookie notice: a floating sheet. */
.cookie-banner{border:0!important;border-radius:var(--r-m)!important;box-shadow:var(--float)!important;background:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)} /* taste-skill-ignore: overlay, floating chrome or focus ring */
.cookie-banner p{font-size:var(--fs-b)!important}
.cookie-close{border-radius:var(--pill);color:var(--muted)}

/* ---- Dialogs and sheets float: radius 28, the one soft shadow. */
.shell-dialog,dialog.ask,.cam-dialog,.similar-sheet,.compare-tray,.suggest{border:0!important;box-shadow:var(--float)!important} /* taste-skill-ignore: overlay, floating chrome or focus ring */
.shell-dialog,dialog.ask,.cam-dialog{border-radius:var(--r-l)!important} /* taste-skill-ignore: overlay, floating chrome or focus ring */
.dialog-head{border:0!important}
#shell-backdrop{background:rgba(15,26,46,.32)!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)} /* taste-skill-ignore: overlay, floating chrome or focus ring */
.side-menu .menu-list button{border-radius:var(--r-s);font-size:var(--fs-b)}
.side-menu .menu-list button:hover{background:var(--tile)}
.side-menu h2{font-size:var(--fs-s);color:var(--muted);font-weight:600;letter-spacing:0;text-transform:none}
.suggest{border-radius:var(--r-m)!important}
#toast{background:var(--navy)!important;color:#fff;border-radius:var(--pill)!important;font-size:var(--fs-b);padding:12px 20px!important;box-shadow:var(--float)} /* taste-skill-ignore: overlay, floating chrome or focus ring */

/* ===================== Product card: one card everywhere =====================
   A large picture on a soft neutral field, the name, one line for price and time. The whole card opens the product.
   No border, no shadow, no button; at most one quiet mark. Save and compare stay on the photo, quiet. */
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 20px!important}
.grid-lite{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{position:relative;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;cursor:pointer;display:flex;flex-direction:column;transform:none!important}
.card .pic{position:relative;height:auto!important;aspect-ratio:1/1;background:var(--tile)!important;border:0!important;border-radius:var(--r-m);overflow:hidden;display:grid;place-items:center;padding:0;font-size:0;transition:background-color var(--t-med) ease}
.card .pic>.product-photo,.card .pic .cg{position:absolute;inset:0;width:100%;height:100%}
.card .pic .product-photo{object-fit:contain;padding:8%;transition:transform var(--t-slow) var(--ease)}
.card .pic>.product-illustration{width:58%;height:auto;max-width:200px;filter:none!important;transition:transform var(--t-slow) var(--ease)}
@media(hover:hover) and (pointer:fine){
 .card:hover .pic{background:var(--tile-2)!important}
 .card:hover .pic .product-photo.on,.card:hover .pic>.product-photo,.card:hover .pic>.product-illustration{transform:scale(1.03)}
}
.card:active .pic{transform:scale(.985);transition:transform var(--t-fast) var(--ease)}
.card .cardbody{padding:14px 2px 0!important;display:grid;gap:4px}
.card .card-title{margin:0;font-size:var(--fs-b);font-weight:600;line-height:1.35;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.card .card-link{color:var(--ink);text-decoration:none}
.card .card-link:focus-visible{outline:none}
.card:has(.card-link:focus-visible) .pic{outline:2px solid var(--navy);outline-offset:3px}
@supports not selector(:has(*)){.card:focus-within .pic{outline:2px solid var(--navy);outline-offset:3px}}
.card .card-line{margin:0;display:flex;align-items:baseline;gap:6px 10px;flex-wrap:wrap;font-size:var(--fs-b);line-height:1.4}
.card .card-line .price{font-size:var(--fs-b)!important;font-weight:600;color:var(--navy);margin:0!important;letter-spacing:0}
.card .card-bids{font-size:var(--fs-s);color:var(--muted)}
.card .card-line .timer{margin-inline-start:auto;font-size:var(--fs-s)!important;font-weight:500;color:var(--muted)!important;border:0!important;padding:0!important}
.card .card-line .timer.red{color:var(--navy)!important;font-weight:600}
.card .place{font-size:var(--fs-s);color:var(--muted);display:flex;align-items:center;gap:4px}
.card .chips,.card .lite-cta,.card .lite-label,.card .lite-meta,.card .lite-promo{display:none!important}
/* The one mark: top start of the photo. Empty (no end in sight) = not shown. */
.card-mark{position:absolute;top:12px;inset-inline-start:12px;z-index:2;font-size:var(--fs-s);font-weight:500;line-height:1;padding:7px 10px;border-radius:var(--pill);background:rgba(255,255,255,.94);color:var(--navy)}
.card-mark:empty{display:none}
.card-mark.tension-flag{background:var(--navy);color:#fff}
/* Save and compare: small round controls on the photo's end corner; on a mouse they appear with hover or focus,
   and stay when they are on. On touch the heart stays (quietly); compare lives on the product page. */
.card .like,.card .compare-toggle{position:absolute;z-index:3;top:10px;inset-inline-end:10px;inset-inline-start:auto!important;width:38px;height:38px;border-radius:var(--pill)!important;background:rgba(255,255,255,.88)!important;border:0!important;box-shadow:none!important;display:grid;place-items:center;color:var(--navy);padding:0!important;}
.card .compare-toggle{top:54px;font-size:0;gap:0}
.card .compare-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.card .compare-toggle svg{width:18px;height:18px}
.card .like svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.card .like[aria-pressed=true] svg{fill:var(--navy)}
.card .compare-toggle[aria-pressed=true]{background:var(--navy)!important;color:#fff}
@media(hover:hover) and (pointer:fine){
 .card .like:not([aria-pressed=true]),.card .compare-toggle:not([aria-pressed=true]){opacity:0;transform:scale(.92)}
 .card:hover .like,.card:hover .compare-toggle,.card:focus-within .like,.card:focus-within .compare-toggle{opacity:1;transform:none}
}
@media(hover:none),(pointer:coarse){.card .compare-toggle:not([aria-pressed=true]){display:none}}
/* Card photo gallery (card-gallery.js): quiet arrows and dots. */
.cg-arrow{width:34px!important;height:34px!important;border-radius:var(--pill)!important;background:rgba(255,255,255,.88)!important;border:0!important;box-shadow:none!important;color:var(--navy)}
.cg-dots{background:transparent!important}
.cg-dot:before{background:rgba(12,45,98,.28)!important}.cg-dot.on:before{background:var(--navy)!important}
/* The silhouette for listings without photos, everywhere. */
.product-illustration{filter:none!important}
.card.skel{background:transparent!important;border:0!important}
.card.skel .pic{background:var(--tile)!important}
.card.featured,.card.promo-slot{border:0!important;box-shadow:none!important}

/* ===================== Sections and headings ===================== */
.sectionhead{border-top:0!important;padding-top:0!important;margin:0 0 24px!important;align-items:baseline!important;gap:16px}
.sectionhead h1,.sectionhead h2,.home-h2{font-size:var(--fs-h)!important;font-weight:600!important;letter-spacing:-.02em!important;margin:0!important}
.sectionhead .muted{font-size:var(--fs-b)}
.more-row{margin-top:40px;display:flex;justify-content:center}
.more-row .buy{width:auto}

/* ===================== Home ===================== */
body.is-home #app{padding-top:0}
.home-hero{background:var(--paper)!important;color:var(--ink)!important;padding:56px 0 96px!important;margin:0!important;border-radius:0!important;overflow:visible!important}
.home-hero:after,.home-hero:before{display:none!important}
.home-hero .hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"title title" "body feature";column-gap:clamp(32px,5vw,80px);row-gap:36px;align-items:start;padding-top:0;padding-bottom:0}
.home-hero:not(.has-feature) .hero-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "body";justify-items:start}
.home-hero h1{grid-area:title;font-size:var(--fs-d)!important;font-weight:500!important;line-height:1.02!important;letter-spacing:-.025em!important;color:var(--navy)!important;margin:0!important;max-width:none!important}
.home-hero .hero-body{grid-area:body;display:grid;gap:28px;align-content:start;max-width:620px}
.home-hero .hero-sub{font-size:var(--fs-t)!important;line-height:1.5!important;color:var(--ink-2)!important;margin:0!important;max-width:34ch}
.hero-search{position:relative;display:flex;align-items:center;background:var(--tile)!important;border:0!important;border-radius:var(--pill)!important;height:64px!important;padding:6px!important;padding-inline-start:20px!important;box-shadow:none!important;max-width:none!important;margin:0!important;gap:10px;transition:background-color var(--t-fast) ease,box-shadow var(--t-fast) ease}
.hero-search:hover{background:var(--tile-2)!important}
.hero-search:focus-within{background:#fff!important;outline:2px solid var(--navy);outline-offset:0} /* taste-skill-ignore: overlay, floating chrome or focus ring */
.hero-search>.ic{color:var(--muted)}
.hero-search input{flex:1;min-width:0;border:0!important;background:transparent!important;font-size:var(--fs-b)!important;padding:0!important;height:100%;outline:none;color:var(--ink)}
.hero-search button{flex:none;height:52px;min-height:0!important;padding:0 26px!important;border-radius:var(--pill)!important;background:var(--navy)!important;color:#fff!important;font-weight:600;font-size:var(--fs-b)!important;box-shadow:none!important}
.hero-search button:hover{background:var(--navy-hover)!important}
.hero-search:before{display:none!important}
.home-hero .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:0!important;justify-content:flex-start!important}
.home-hero .hero-ctas .cta,.home-hero .hero-ghost{min-height:52px;height:auto;padding:0 28px!important;font-size:var(--fs-b)!important;font-weight:600!important;border-radius:var(--pill)!important;min-width:0!important}
.home-hero .hero-ghost{background:var(--navy-soft)!important;color:var(--navy)!important;border:0!important}
.home-hero .hero-ghost:hover{background:var(--tile-2)!important}
.hero-activity{margin:0!important;display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--fs-b);color:var(--muted)}
.hero-activity:empty{display:none!important}
.hero-activity b{color:var(--navy);font-weight:600}
.hero-activity .live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:none!important;animation:none!important}
/* The real listing beside the search: the same card, larger. */
.hero-feature{grid-area:feature;margin:0;align-self:stretch}
.hero-feature .pic{aspect-ratio:4/3.4;border-radius:var(--r-l)}
.hero-feature .card-title{font-size:var(--fs-t)}
.hero-feature .card-line .price{font-size:var(--fs-t)!important}
/* What just sold: the strongest proof, right under the hero, on a tone field. */
.sold-band{background:var(--tile);padding:72px 0 80px;margin:0}
.sold-band .sectionhead{margin-bottom:32px!important}
.sold-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px 32px}
.sold-band .sold-list li a,.past-results .sold-list li a{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:16px;row-gap:2px;align-items:center;text-decoration:none;color:var(--ink);background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:var(--r-m)}
.sold-pic{grid-row:1/4;width:72px;height:72px;border-radius:var(--r-s);background:#fff;display:grid;place-items:center;overflow:hidden}
.sold-pic img{width:100%;height:100%;object-fit:contain;padding:6px}
.sold-pic .product-illustration{width:70%;height:auto}
.sold-band .sold-title{font-size:var(--fs-b);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sold-band .sold-price{font-size:var(--fs-b);color:var(--ink-2)}
.sold-band .sold-price b{display:block;font-size:var(--fs-h);font-weight:600;color:var(--navy);letter-spacing:-.02em;line-height:1.15}
.sold-band .muted.small{font-size:var(--fs-s)}
.sold-band .sold-list li a:hover .sold-title{text-decoration:underline;text-underline-offset:3px}
.home{padding-top:96px!important;padding-bottom:0!important}
.home>section{margin:0 0 120px!important}
.home>section:last-child{margin-bottom:0!important}
/* How it works: one statement and three short lines, on the brand's navy. */
.how3{background:var(--navy)!important;color:#fff;padding:96px 0 104px!important;margin:0 0 120px!important;border:0!important;border-radius:0!important;text-align:start!important}
.how3 .home-h2{color:var(--navy-ink)!important;font-size:var(--fs-b)!important;font-weight:500!important;letter-spacing:0!important;margin:0 0 20px!important}
.how3-lead{font-size:var(--fs-h)!important;line-height:1.3!important;font-weight:400!important;color:#fff!important;max-width:28ch;margin:0 0 64px!important;letter-spacing:-.015em}
.how3-steps{list-style:none;margin:0;padding:0;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 48px;counter-reset:none}
.how3-steps li{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;text-align:start!important;display:block!important;border-radius:0!important}
.how3-steps li:before,.how3-steps li:after{display:none!important}
.how3-steps h3{color:#fff!important;font-size:var(--fs-t)!important;font-weight:600;margin:0 0 8px!important}
.how3-steps p{color:var(--navy-ink)!important;font-size:var(--fs-b)!important;line-height:1.55;margin:0!important}
.how3-links{display:flex;gap:24px;flex-wrap:wrap;margin:48px 0 0!important;justify-content:flex-start!important}
.how3-link,.how3 .link-btn{color:var(--accent)!important;font-size:var(--fs-b)!important;font-weight:500}
.how3-icon,.how3-num{display:none!important}
/* Categories: words, not icon tiles. */
.cat-tiles{display:flex!important;flex-wrap:wrap;gap:10px!important;grid-template-columns:none!important}
.cat-tile{display:inline-flex!important;align-items:center;min-height:48px;padding:10px 22px!important;border:0!important;border-radius:var(--pill)!important;background:var(--tile)!important;color:var(--ink)!important;font-size:var(--fs-b)!important;font-weight:500;box-shadow:none!important;flex-direction:row!important;gap:8px;text-align:start;width:auto!important;height:auto!important;aspect-ratio:auto!important}
.cat-tile svg{display:none!important}
.cat-tile:hover{background:var(--tile-2)!important}
.cat-tile.selected,.cat-tile[aria-pressed=true]{background:var(--navy)!important;color:#fff!important}
.cats .cat-tile{font-size:var(--fs-t)!important;min-height:60px;padding:12px 28px!important}
.cats .sectionhead .link-btn{font-size:var(--fs-b)}
.cat-tiles.compact{margin:0 0 24px!important}
.cat-tiles.compact .cat-tile{min-height:40px;padding:8px 16px!important;font-size:var(--fs-s)!important}
/* Seller invitation: a tone field, the statement, the action, Nicole on the far side. */
.sell-band{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;background:var(--tile)!important;color:var(--ink)!important;border:0!important;border-radius:var(--r-l)!important;padding:56px clamp(24px,5vw,72px) 0!important;overflow:hidden;box-shadow:none!important}
.sell-band>div{padding-bottom:56px}
.sell-band h2{font-size:var(--fs-h)!important;font-weight:600;color:var(--navy)!important;margin:0 0 12px!important}
.sell-band p{font-size:var(--fs-b)!important;color:var(--ink-2)!important;max-width:46ch;margin:0 0 28px!important}
.sell-band .cta{width:auto}
.sell-band-art{width:clamp(140px,16vw,220px);height:auto;align-self:end;display:block}
.near-invite{background:var(--tile)!important;border:0!important;border-radius:var(--r-m)!important}
.empty,.empty-auctions{background:var(--tile)!important;border:0!important;border-radius:var(--r-m)!important;color:var(--ink-2)!important}

/* ===================== Product page ===================== */
.item{padding-top:32px!important}
.item .detail{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;grid-template-areas:"media panel" "info panel";gap:48px clamp(32px,4vw,64px)!important;align-items:start}
.item-media{grid-area:media;min-width:0}
.item .panel{grid-area:panel;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;position:sticky;top:calc(var(--header-h,64px) + 24px)}
.item-info{grid-area:info;min-width:0}
.item .gallery{background:var(--tile)!important;border:0!important;border-radius:var(--r-l)!important;min-height:0!important;aspect-ratio:1/1;max-height:calc(100vh - 140px);display:block!important;position:relative;overflow:hidden;font-size:0}
.item .gallery>.gallery-main,.item .gallery>.product-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6%}
.item .gallery>.product-illustration{width:56%;height:auto;inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;max-width:360px}
.item .gallery .pg{position:absolute;inset:0;display:flex;flex-direction:column}
.item .gallery .pg-stage{position:relative;flex:1;min-height:0;background:transparent!important;border:0!important}
.item .gallery .pg-stage .gallery-main{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6%}
.pg-arrow{width:44px!important;height:44px!important;border-radius:var(--pill)!important;background:rgba(255,255,255,.86)!important;border:0!important;box-shadow:none!important;color:var(--navy);}
.pg-arrow:hover{background:#fff!important}
.pg-count{font-size:var(--fs-s)!important;background:rgba(255,255,255,.88)!important;color:var(--navy)!important;border-radius:var(--pill)!important;padding:5px 12px!important;font-weight:500}
.item .gallery-thumbs{display:flex;gap:8px;padding:0 16px 16px!important;border:0!important;background:transparent!important;justify-content:center;overflow-x:auto;scrollbar-width:none}
.item .gallery-thumbs button{flex:none;width:64px;height:64px;border-radius:var(--r-s)!important;border:0!important;background:#fff!important;padding:4px;opacity:.55;transition:opacity var(--t-fast) ease,transform var(--t-fast) var(--ease);box-shadow:none!important;outline:0}
.item .gallery-thumbs button.on,.item .gallery-thumbs button:hover{opacity:1}
.item .gallery-thumbs img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.item .gallery.multi{aspect-ratio:auto;height:min(calc(100vh - 140px),760px)}
.item-title{font-size:var(--fs-h)!important;font-weight:600!important;letter-spacing:-.02em!important;line-height:1.15!important;margin:0 0 6px!important;overflow-wrap:anywhere}
.item-sub{margin:0 0 24px;font-size:var(--fs-b);color:var(--muted)}
/* Price and time. */
.auction-box{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0 0 20px!important;box-shadow:none!important}
.auction-box .ab-row{display:flex!important;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;border:0!important;padding:0!important}
.ab-label{display:block;font-size:var(--fs-s)!important;font-weight:500;color:var(--muted)!important;letter-spacing:0!important;text-transform:none!important;margin-bottom:2px}
.ab-price .price{position:relative;isolation:isolate;display:inline-block;font-size:var(--fs-h)!important;font-weight:600!important;color:var(--navy)!important;letter-spacing:-.02em!important;line-height:1.1!important;margin:0!important}
.ab-time{text-align:end}
.ab-time .timer{display:inline-block;font-size:var(--fs-h)!important;font-weight:400!important;color:var(--ink)!important;letter-spacing:-.01em;line-height:1.1;transition:color var(--t-slow) ease,font-weight var(--t-slow) ease}
/* The last minutes: the time gets heavier and navy, once. No red, no flashing. */
.ab-time .timer.red,.auction-box[data-t=soon] .ab-time .timer,.auction-box[data-t=final] .ab-time .timer{color:var(--navy)!important;font-weight:600!important}
.tension-flag{font-size:var(--fs-s)!important;color:var(--navy)!important;font-weight:500;background:transparent!important;padding:0!important;animation:none!important}
.ab-time .tension-flag{display:block;margin-top:4px}
.ab-time .tension-flag:empty{display:none}
.auction-box[data-t] .ab-time,.auction-box[data-t] .ab-price{background:transparent!important;border:0!important;animation:none!important}
.ab-meta{font-size:var(--fs-s)!important;color:var(--muted)!important;margin:12px 0 0!important;border:0!important;padding:0!important}
.ab-new{font-size:var(--fs-s)!important;margin-top:4px;color:var(--muted)}
.ab-saving{background:var(--accent-soft)!important;color:var(--accent-ink)!important;border-radius:var(--pill);padding:2px 8px;font-size:var(--fs-s)!important;border:0!important}
.ab-extended{font-size:var(--fs-s)!important;color:var(--navy)!important;background:transparent!important;border:0!important;padding:0!important;display:flex;align-items:center;gap:6px;margin:10px 0 0!important}
.ab-help{margin-top:10px!important;border:0!important}
.ab-help summary,.bid-custom summary,.bid-auto summary,.trust-item summary{font-size:var(--fs-s)!important;color:var(--ink-2)!important;font-weight:500;cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}
.ab-help summary::-webkit-details-marker,.bid-custom summary::-webkit-details-marker,.bid-auto summary::-webkit-details-marker,.trust-item summary::-webkit-details-marker{display:none}
.ab-help summary:after,.bid-custom summary:after,.bid-auto summary:after,.trust-item summary:after{content:"";width:7px;height:7px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-inline-start:4px;margin-top:-3px;transition:transform var(--t-fast) var(--ease)}
details[open]>summary:after{transform:rotate(-135deg);margin-top:3px}
.ab-help p{font-size:var(--fs-s)!important;color:var(--ink-2);line-height:1.6}
/* The bid. */
.bidbox{border:0!important;margin:0!important;padding:0!important;display:grid;gap:12px}
.bid-main{width:100%;min-height:56px!important;font-size:var(--fs-t)!important;font-weight:600!important;letter-spacing:-.01em;margin:0!important}
.bid-more{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0!important;border:0!important}
.bid-more .muted{font-size:var(--fs-s)!important}
.quick-bids{display:flex;gap:8px;flex:1}
.quick-bid{flex:1;min-height:44px;border:0!important;border-radius:var(--pill)!important;background:var(--navy-soft)!important;color:var(--navy)!important;font-weight:600;font-size:var(--fs-b)!important;padding:8px 14px!important;box-shadow:none!important}
.quick-bid:hover{background:var(--tile-2)!important}
.bid-custom,.bid-auto{border:0!important;background:var(--tile)!important;border-radius:var(--r-s)!important;padding:12px 16px!important;margin:0!important}
.bid-custom[open],.bid-auto[open]{padding-bottom:16px!important}
.bid-custom .bidrow,.bid-auto .bidrow{margin-top:12px;display:flex;gap:8px}
.bid-custom .bidrow input,.bid-auto .bidrow input{background:#fff}
.bid-custom .bidrow .cta,.bid-auto .bidrow .buy{width:auto;margin:0!important;min-height:46px;flex:none}
.bid-auto p{font-size:var(--fs-s)!important;line-height:1.6;margin:8px 0 0}
.buy-now{width:100%;margin:0!important;background:var(--navy-soft)!important;color:var(--navy)!important;font-weight:600!important}
.bid-note{font-size:var(--fs-b)!important;background:var(--tile)!important;border:0!important;border-radius:var(--r-s)!important;color:var(--ink-2)!important;padding:14px 16px!important}
/* Leading / outbid: tone panels that change gently. */
.bid-status{border:0!important;border-radius:var(--r-s)!important;padding:14px 16px!important;display:grid;gap:2px;box-shadow:none!important;margin:0!important}
.bid-status b{font-size:var(--fs-b)!important;display:flex;align-items:center;gap:6px}
.bid-status span{font-size:var(--fs-s)!important;color:var(--ink-2)!important}
.bid-status.leading{background:var(--accent-soft)!important;color:var(--accent-ink)!important}
.bid-status.leading b{color:var(--accent-ink)!important}
.bid-status.outbid{background:var(--navy-soft)!important;color:var(--navy)!important}
.bid-status.outbid b{color:var(--navy)!important}
/* Trust: always in view under the bid. */
.trust-strip{list-style:none;margin:20px 0 0;padding:16px 0 0;display:grid;gap:10px}
.trust-strip li{display:flex;align-items:flex-start;gap:10px;font-size:var(--fs-s);color:var(--ink-2);line-height:1.5}
.trust-strip .ic{color:var(--accent-ink);margin-top:1px}
/* Utilities: one quiet row. */
.item-utils{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:20px 0 0;padding:0}
.util,.item-utils .report-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 12px!important;border:0!important;border-radius:var(--pill)!important;background:transparent!important;color:var(--ink-2)!important;font-size:var(--fs-s)!important;font-weight:500;width:auto!important;margin:0!important;box-shadow:none!important;text-decoration:none!important}
.util:hover,.item-utils .report-link:hover{background:var(--tile)!important;color:var(--navy)!important}
.util[aria-pressed=true]{color:var(--navy)!important}
.util[aria-pressed=true] .ic-heart{fill:var(--navy)}
.util svg{width:18px;height:18px}
.item-utils .report-slot{display:contents}
.item-utils .report-status{flex-basis:100%;font-size:var(--fs-s);margin:4px 0 0;color:var(--muted)}
/* Facts, delivery, the long trust texts. */
.price-facts{margin:28px 0 0!important;padding:0!important;border:0!important;display:grid;gap:0;background:var(--tile);border-radius:var(--r-m)}
.price-facts>div{display:flex;justify-content:space-between;gap:12px;padding:12px 16px!important;border:0!important;margin:0!important}
.price-facts dt{font-size:var(--fs-s);color:var(--muted);margin:0}
.price-facts dd{font-size:var(--fs-s);margin:0;text-align:end}
.price-facts dd b{font-weight:600;color:var(--ink)}
.reserve-line{font-size:var(--fs-s)!important;color:var(--ink-2)!important;margin:10px 0 0!important;display:flex;align-items:center;gap:6px;background:transparent!important;border:0!important;padding:0!important}
.delivery-info{list-style:none;margin:16px 0 0!important;padding:0!important;display:grid;gap:8px;border:0!important;background:transparent!important}
.delivery-info li{font-size:var(--fs-s)!important;color:var(--ink-2);display:flex;gap:8px;align-items:flex-start;line-height:1.5;border:0!important;padding:0!important;background:transparent!important}
.delivery-info b{font-weight:600}
.delivery-info .ic{color:var(--muted);margin-top:2px}
.trust-block{margin:16px 0 0!important;padding:0!important;border:0!important;background:transparent!important;display:grid;gap:4px}
.trust-item{border:0!important;background:transparent!important;padding:6px 0!important;border-radius:0!important}
.trust-item summary .trust-ok{display:inline-grid;place-items:center;color:var(--accent-ink);background:transparent!important;width:auto;height:auto}
.trust-item p{font-size:var(--fs-s)!important;color:var(--ink-2)!important;line-height:1.65;margin:8px 0 4px}
/* Seller: the alias, the facts, and the privacy promise. */
.panel .seller{margin:28px 0 0!important;padding:20px!important;border:0!important;background:var(--tile)!important;border-radius:var(--r-m)!important;display:flex;gap:14px;align-items:flex-start}
.seller-name{font-size:var(--fs-b);font-weight:600;overflow-wrap:anywhere}
.seller .muted{font-size:var(--fs-s)!important;margin:2px 0 0}
.seller-rating{font-size:var(--fs-s);color:var(--navy);display:inline-flex;align-items:center;gap:3px}
.seller-rating .ic{fill:var(--navy)}
.seller-type{font-size:var(--fs-s)!important;background:transparent!important;padding:0!important;color:var(--ink-2)!important;border:0!important}
.seller-biz,.seller-type-note{font-size:var(--fs-s)!important;overflow-wrap:anywhere}
.seller-privacy{margin:12px 0 0!important;display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-s);color:var(--ink-2);line-height:1.5}
.seller-privacy .ic{color:var(--accent-ink);margin-top:1px}
/* Details under the gallery. */
.item-info{background:transparent!important;border:0!important;padding:0!important;max-width:760px}
.item-info h2{font-size:var(--fs-t)!important;margin:0 0 12px!important}
.item-info h3{font-size:var(--fs-b)!important;margin:32px 0 12px!important}
.item-info .chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.item-info .chip{font-size:var(--fs-s)!important;background:var(--tile)!important;color:var(--ink-2)!important;border-radius:var(--pill)!important;padding:6px 12px!important;border:0!important}
.sku-line{font-size:var(--fs-s)!important;color:var(--muted);margin:0;font-family:inherit!important}
.desc-text{font-size:var(--fs-b)!important;line-height:1.65!important;color:var(--ink)!important;white-space:pre-line;max-width:68ch;margin:20px 0 0}
.bid-history{display:grid;gap:0;background:var(--tile);border-radius:var(--r-m);padding:4px 16px}
.bid-history .muted{margin:12px 0;font-size:var(--fs-s)}
.bid-line{font-size:var(--fs-s)!important;margin:0!important;padding:10px 0!important;border:0!important}
.bid-auto-badge{font-size:var(--fs-s)!important;background:transparent!important;color:var(--accent-ink)!important;padding:0!important;display:inline-flex;align-items:center;gap:3px}
/* Owner view. */
.owner-panel{background:var(--tile)!important;border:0!important;border-radius:var(--r-m)!important;padding:20px!important;margin:8px 0 0!important;box-shadow:none!important}
.owner-head h2{font-size:var(--fs-t)!important;margin:0}
.owner-state{font-size:var(--fs-s)!important;background:var(--accent-soft)!important;color:var(--accent-ink)!important;border-radius:var(--pill)!important;padding:4px 10px!important;border:0!important}
.owner-stats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px!important;margin:16px 0!important}
.owner-stat{background:#fff!important;border:0!important;border-radius:var(--r-s)!important;padding:10px 4px!important;text-align:center;box-shadow:none!important}
.owner-stat b{display:block;font-size:var(--fs-t)!important;font-weight:600;color:var(--navy)}
.owner-stat span{font-size:var(--fs-s)!important;color:var(--muted)}
.owner-reserve{font-size:var(--fs-s)!important;display:flex;align-items:center;gap:6px;color:var(--ink-2)!important;background:transparent!important;border:0!important;padding:0!important;margin:0 0 12px!important}
.owner-actions{display:grid!important;gap:8px!important}
.owner-actions .buy{margin:0!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff!important}
.owner-actions .owner-delete{color:#9b2c2c!important;background:#fff!important;border:0!important}
.owner-status,.owner-notice,.upgrade{border:0!important;border-radius:var(--r-m)!important;box-shadow:none!important}
.owner-status{background:var(--navy-soft)!important;padding:14px 16px!important}
.upgrade{background:var(--accent-soft)!important;padding:16px!important;margin-bottom:20px}
.upgrade-option{border:0!important;border-radius:var(--r-s)!important;background:#fff!important;box-shadow:none!important}
.upgrade-close{border-radius:var(--pill)}
.sale-state{border:0!important;border-radius:var(--r-m)!important;background:var(--tile)!important;padding:16px!important;box-shadow:none!important;margin:0 0 16px!important}
.sale-state.won{background:var(--accent-soft)!important}
/* Phone bid bar: a translucent floating layer. */
.bid-bar{background:rgba(255,255,255,.8)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:0!important;box-shadow:0 -8px 30px rgba(0,0,0,.07)!important;padding:10px 16px calc(10px + env(safe-area-inset-bottom))!important;transition:transform var(--t-med) var(--ease),opacity var(--t-med) ease!important} /* taste-skill-ignore: overlay, floating chrome or focus ring */
.bid-bar .bb-info b{font-size:var(--fs-t)!important;color:var(--navy);font-weight:600}
.bid-bar .bb-time{font-size:var(--fs-s)!important;color:var(--muted)}
.bid-bar .cta{min-height:48px;padding:0 22px!important}
@media(prefers-reduced-transparency:reduce){.bid-bar{background:#fff!important;backdrop-filter:none;-webkit-backdrop-filter:none}} /* taste-skill-ignore: overlay, floating chrome or focus ring */
@media(max-width:900px){
 .item .detail{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"media" "panel" "info";gap:28px!important}
 .item .panel{position:static}
 .item .gallery{aspect-ratio:1/1;max-height:none}
 .item .gallery.multi{height:auto;aspect-ratio:1/1.08}
}
@media(max-width:620px){
 .item{padding-top:12px!important}
 .item .gallery{border-radius:var(--r-m)!important}
 .item .gallery-thumbs{display:none}
 .owner-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .bid-more{display:grid;gap:8px}
}

/* ===================== Sell form ===================== */
.wrap>form.form{max-width:760px;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;display:grid;grid-template-columns:auto minmax(0,1fr) auto;row-gap:0;align-items:start}
.wrap>form.form>*{grid-column:1/-1}
.wrap>form.form>h1{font-size:var(--fs-h)!important;margin:8px 0 6px!important}
.wrap>form.form>p.muted{font-size:var(--fs-b);margin:0 0 20px}
/* Steps: one compact line with the three names; the current one in navy. */
.step-nav{margin:0 0 16px!important;padding:0!important;border:0!important;background:transparent!important}
.step-progress{display:flex!important;gap:6px!important;counter-reset:none;border:0!important;padding:0!important}
.step-progress span{flex:1;display:flex!important;flex-direction:column;gap:8px;font-size:var(--fs-s)!important;color:var(--muted)!important;font-weight:500;background:transparent!important;border:0!important;padding:0!important;position:relative}
.step-progress span:before{content:"";display:block;height:4px;border-radius:var(--pill);background:var(--tile-2);transform-origin:right center;transition:background-color var(--t-med) ease}
.step-progress span.done:before,.step-progress span.on:before{background:var(--navy)}
.step-progress span.on{color:var(--navy)!important;font-weight:600}
.step-progress b{display:none!important}
.draft-status{font-size:var(--fs-s)!important;color:var(--muted)!important;margin:0 0 8px!important;min-height:0}
.draft-status:empty{display:none}
.draft-banner{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--navy-soft)!important;border:0!important;border-radius:var(--r-m)!important;padding:12px 12px 12px 12px!important;padding-inline-start:18px!important;margin:0 0 16px!important;box-shadow:none!important}
.draft-banner p{margin:0;font-size:var(--fs-s)!important;color:var(--ink-2)}
.draft-banner p b{font-weight:600;color:var(--navy)}
.draft-actions{display:flex;gap:8px}
.draft-actions .cta,.draft-actions .buy{min-height:40px;padding:8px 16px!important;font-size:var(--fs-s)!important;margin:0!important;width:auto!important;background:#fff}
.draft-actions .cta{background:var(--accent)!important}
/* Nicole's tip: one quiet line. */
.nicole-tip{display:flex!important;align-items:center;gap:10px!important;background:transparent!important;border:0!important;padding:0!important;margin:0 0 20px!important;box-shadow:none!important}
.nicole-tip img{width:32px!important;height:32px!important;border-radius:50%;background:var(--accent-soft);flex:none}
.nicole-tip p{margin:0!important;font-size:var(--fs-s)!important;color:var(--ink-2)!important;line-height:1.5}
.nicole-tip:before,.nicole-tip:after{display:none!important}
.wrap>form.form .fields{gap:20px 16px!important;margin:0}
.wrap>form.form .field>span small,.wrap>form.form .field>span .muted{font-weight:400;color:var(--muted)}
/* Prev / next always in the same place: back at the start, forward (and publish) at the end, one row. */
.step-buttons{display:contents!important}
.step-buttons .step-back{grid-column:1;grid-row:30;justify-self:start;width:auto!important;margin:32px 0 0!important}
.step-buttons .step-next,.wrap>form.form>button.cta:not(.step-next){grid-column:3;grid-row:30;justify-self:end;width:auto!important;min-width:160px;margin:32px 0 0!important}
.wrap>form.form>button.cta:not(.step-next){min-width:200px}
/* Photos step. */
.photos-field>span{font-size:var(--fs-b)!important;color:var(--ink)!important}
.photo-grid{gap:10px!important}
.photo-grid .photo{border:0!important;border-radius:var(--r-s)!important;background:var(--tile)!important;box-shadow:none!important;overflow:hidden}
.photo-grid .photo.main{box-shadow:none!important;outline:2px solid var(--navy);outline-offset:-2px}
.photo-badge{font-size:var(--fs-s)!important;background:var(--navy)!important;color:#fff!important;border-radius:var(--pill)!important}
.photo-remove{border-radius:var(--pill)!important;background:rgba(255,255,255,.9)!important;color:var(--ink)!important;box-shadow:none!important;border:0!important;display:grid;place-items:center}
.photo-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important}
.photo-add{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:132px;border:0!important;border-radius:var(--r-m)!important;background:var(--tile)!important;color:var(--navy)!important;font-weight:600;font-size:var(--fs-b)!important;box-shadow:none!important;transition:background-color var(--t-fast) ease,transform var(--t-fast) var(--ease)!important}
.photo-add:hover{background:var(--tile-2)!important}
.photo-add:active{transform:scale(.98)}
.pa-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--navy);font-size:0!important}
.photo-draft-btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none!important;font-size:var(--fs-s)!important;color:var(--navy)!important;padding:8px 0}
.photos-field>small.muted{font-size:var(--fs-s)!important;line-height:1.6}
@media(max-width:420px){.photo-actions{grid-template-columns:1fr}}
/* Pickers, seller type, declaration. */
.pick-list button,.pick{border:0!important;background:var(--tile)!important;border-radius:var(--pill)!important;box-shadow:none!important;font-size:var(--fs-s)!important}
.pick-list button:hover{background:var(--tile-2)!important}
.pick-list button[aria-pressed=true],.pick-list button.on{background:var(--navy)!important;color:#fff!important}
.seller-as label,.seller-as .sa-card,.dchoice span{border:0!important;background:var(--tile)!important;border-radius:var(--r-m)!important;box-shadow:none!important}
.seller-as input:checked+span,.dchoice input:checked+span{box-shadow:none!important;outline:2px solid var(--navy);outline-offset:-2px}
.declare-field{background:var(--tile)!important;border:0!important;border-radius:var(--r-m)!important;padding:16px!important}
.declare-field .check-line{font-size:var(--fs-s)!important;line-height:1.6}
.delivery-note{display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-s)!important;background:transparent!important;border:0!important;padding:0!important}
.price-hint{background:var(--accent-soft)!important;border:0!important;border-radius:var(--r-m)!important}
.help-tip{border-radius:var(--pill)!important;border:0!important;background:var(--tile)!important;color:var(--navy)!important}
.help-pop{border:0!important;box-shadow:var(--float)!important;border-radius:var(--r-s)!important} /* taste-skill-ignore: overlay, floating chrome or focus ring */
@media(max-width:620px){
 .step-buttons .step-back,.step-buttons .step-next,.wrap>form.form>button.cta:not(.step-next){margin-top:24px!important;min-width:0}
 .step-buttons .step-next,.wrap>form.form>button.cta:not(.step-next){min-width:140px}
}

/* ===================== Login and signup: the same light world ===================== */
.auth-screen{background:var(--paper)!important;min-height:calc(100dvh - 64px)!important;padding:56px 16px 96px!important;color:var(--ink)!important}
.auth-screen:before,.auth-screen:after{display:none!important}
.auth-card{background:var(--tile)!important;color:var(--ink)!important;border:0!important;border-radius:var(--r-l)!important;box-shadow:none!important;max-width:440px!important;padding:36px 32px!important}
.auth-card :is(h1,h2,.auth-title){color:var(--ink)!important;font-size:var(--fs-h)!important;font-weight:600!important;letter-spacing:-.02em}
.auth-card :is(p,.auth-sub,label,.field-row label,small,.auth-terms,.handle-hint,.check-line span){color:var(--ink-2)!important}
.auth-card .auth-sub{font-size:var(--fs-b)!important}
.auth-card a,.auth-card .link-btn{color:var(--navy)!important}
.auth-card input:not([type=checkbox]):not([type=radio]){background:#fff!important;color:var(--ink)!important;border:1px solid transparent!important;border-radius:var(--r-s)!important;min-height:52px;font-size:var(--fs-b)!important;box-shadow:none!important}
.auth-card input:not([type=checkbox]):not([type=radio]):focus{border-color:var(--navy)!important;box-shadow:none!important} /* taste-skill-ignore: overlay, floating chrome or focus ring */
.auth-card input:-webkit-autofill{-webkit-text-fill-color:var(--ink)!important;box-shadow:0 0 0 60px #fff inset!important} /* taste-skill-ignore: overlay, floating chrome or focus ring */
.auth-card .pw-toggle{color:var(--muted)!important}
.auth-tabs{background:var(--tile-2)!important;border:0!important;box-shadow:none!important;border-radius:var(--pill)!important}
.auth-tabs button{color:var(--ink-2)!important;font-weight:500}
.auth-tabs button[aria-selected=true]{color:var(--navy)!important;font-weight:600}
.auth-tab-ind{background:#fff!important;box-shadow:none!important;border-radius:var(--pill)!important}
.auth-cta{border-radius:var(--pill)!important;min-height:52px!important}
.auth-ghost,.auth-card .buy{background:#fff!important;color:var(--navy)!important;border:0!important;border-radius:var(--pill)!important}
.auth-card .form-error{color:#9b2c2c!important}
.auth-card .social-btn,.auth-card .oauth-btn{background:#fff!important;color:var(--ink)!important;border:0!important;border-radius:var(--pill)!important}
.auth-card hr,.auth-card .auth-or:before,.auth-card .auth-or:after{background:var(--tile-3)!important;border-color:transparent!important}
body.auth-mode>header{background:rgba(255,255,255,.78)!important}
.auth-continue{display:flex;align-items:center;gap:14px;background:#fff;border-radius:var(--r-m);padding:10px;margin:0 0 24px}
.auth-continue-pic{width:56px;height:56px;flex:none;border-radius:var(--r-s);background:var(--tile);display:grid;place-items:center;overflow:hidden}
.auth-continue-pic img{width:100%;height:100%;object-fit:contain}
.auth-continue-pic .product-illustration{width:70%;height:auto}
.auth-continue p{margin:0;display:grid;gap:0;min-width:0}
.auth-continue p span{font-size:var(--fs-s);color:var(--muted)!important}
.auth-continue p b{font-size:var(--fs-b);font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:901px){.auth-logo{display:none}}

/* ===================== Account, inbox and the other app pages: the same materials ===================== */
.panel,.form,.cart-summary,.dash-card,.saved-item,.message-view,.ticket-view{border:0!important;box-shadow:none!important}
.dash-card,.cart-summary,.saved-item{background:var(--tile)!important;border-radius:var(--r-m)!important}
.form:not(.wrap>form.form){background:var(--tile)!important;border-radius:var(--r-l)!important}
.dash-stat{background:var(--tile)!important;border:0!important;border-radius:var(--r-m)!important;box-shadow:none!important}
.dash-stat:hover{background:var(--tile-2)!important;box-shadow:none!important}
.dash-list li,.dash-todo li{border-color:transparent!important}
.dash-nav a,.dash-nav button{border-radius:var(--pill)!important;border:0!important}
.dash-new{border-radius:var(--pill)!important}
.inbox-list.big{background:var(--tile);border-radius:var(--r-m);padding:6px;border:0!important}
.inbox-list.big .inbox-row:hover{background:#fff}
.inbox-tools .buy{width:auto;margin:0}
table{border-collapse:collapse}
.chip{border:0!important}

/* ===================== Motion =====================
   Short and gentle, no bounce: ease-out (--ease), 160–320ms. Transform and opacity only. Content is never hidden
   when scripts fail (the reveal class is added by motion.js). Reduced motion keeps every state, drops the travel. */
@keyframes rise{from{opacity:0;transform:translateY(16px)}}
@keyframes fade-in{from{opacity:0}}
@keyframes fade-out{to{opacity:0}}
.home-hero h1{animation:rise 560ms var(--ease) both}
.home-hero .hero-body{animation:rise 560ms 80ms var(--ease) both}
.home-hero .hero-feature{animation:rise 640ms 160ms var(--ease) both}
.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--t-slow) var(--ease),transform 420ms var(--ease)!important;transition-delay:var(--reveal-delay,0ms)!important}
.reveal.in{opacity:1;transform:none}
#app.page-in>*{animation:page-in 280ms var(--ease) both!important}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}}
/* Timer digits: a short vertical roll per changed digit (down for the countdown, up for a rising price). */
.tdg{display:inline-block}
.tdg.roll{animation:tdg-down 260ms var(--ease)}
.tdg.roll-up{animation:tdg-up 300ms var(--ease)}
@keyframes tdg-down{from{opacity:0;transform:translateY(-.45em)}}
@keyframes tdg-up{from{opacity:0;transform:translateY(.5em)}}
/* A new price: a soft tone behind it that fades (opacity only). */
.price.live-new,.price.bump{animation:none!important;background:transparent!important;box-shadow:none!important}
.ab-price .price:after{content:"";position:absolute;inset:-4px -10px;border-radius:12px;background:var(--accent-soft);z-index:-1;opacity:0;pointer-events:none}
.ab-price .price.live-new:after,.ab-price .price.bump:after{animation:price-glow 1400ms var(--ease) both}
@keyframes price-glow{0%{opacity:1}35%{opacity:1}100%{opacity:0}}
/* Leading / outbid arrive gently. */
.bid-status.live-new,.bid-status.confirm{animation:status-in var(--t-slow) var(--ease) both!important;background-image:none!important}
.bid-status.confirm b{animation:none!important}
@keyframes status-in{from{opacity:0;transform:translateY(6px)}}
.bid-main.hello{animation:none!important}
.like.burst svg{animation:heart-in 260ms var(--ease)!important}
.like.burst:after{display:none!important}
@keyframes heart-in{from{transform:scale(.8)}}
.inbox-badge.changed{animation:badge-in 220ms var(--ease)!important}
@keyframes badge-in{from{opacity:0;transform:scale(.7)}}
.shell-dialog{transition:opacity var(--t-med) var(--ease),transform var(--t-med) var(--ease)!important}
.bid-bar{transform:translateY(110%);opacity:0}
.bid-bar.show{transform:none;opacity:1}
@media(prefers-reduced-motion:reduce){
 .home-hero h1,.home-hero .hero-body,.home-hero .hero-feature,#app.page-in>*{animation:fade-in 200ms ease both!important}
 .reveal{transform:none!important;transition:opacity 200ms ease!important}
 .tdg.roll,.tdg.roll-up,.inbox-drop,.bid-status.live-new,.bid-status.confirm,.like.burst svg,.inbox-badge.changed{animation:none!important}
 .card .pic .product-photo,.card .pic>.product-illustration{transition:none!important;transform:none!important}
 .bid-bar{transition:opacity 200ms ease!important;transform:none}
 :is(.cta,.buy,.primary,.hero-ghost,.quick-bid,.util,.cat-tile,.like,.compare-toggle,.icon-button,.dash-stat):active{transform:none!important}
}
html.a11y-motion .home-hero :is(h1,.hero-body,.hero-feature){animation:none!important}

/* ===================== Phones ===================== */
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
 .home-hero .hero-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "body" "feature"}
 .home-hero .hero-body{max-width:none}
 .hero-feature{max-width:520px;width:100%}
 .how3-steps{grid-template-columns:minmax(0,1fr)}
 .grid,.grid-lite{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 :root{--fs-h:26px;--fs-t:19px}
 .home-hero{padding:28px 0 56px!important}
 .home-hero h1{font-size:clamp(32px,9.6vw,44px)!important;letter-spacing:-.02em!important}
 .home-hero .hero-in{row-gap:20px}
 .home-hero .hero-body{gap:20px}
 .home-hero .hero-sub{font-size:var(--fs-b)!important}
 .hero-search{height:56px!important;padding-inline-start:16px!important}
 .hero-search button{height:44px;padding:0 18px!important}
 .home-hero .hero-ctas .cta,.home-hero .hero-ghost{flex:1;padding:0 16px!important}
 .sold-band{padding:48px 0 56px}
 .sold-list{grid-template-columns:minmax(0,1fr);gap:20px}
 .home{padding-top:56px!important}
 .home>section{margin-bottom:72px!important}
 .how3{padding:64px 0 72px!important;margin-bottom:72px!important}
 .how3-lead{margin-bottom:40px!important}
 .grid,.grid-lite{gap:28px 12px!important}
 .card .card-line{font-size:var(--fs-s)}
 .card .card-line .price{font-size:var(--fs-b)!important}
 .card .card-bids{display:none}
 .card-mark{top:8px;inset-inline-start:8px;padding:6px 8px}
 .card .like{top:6px;inset-inline-end:6px;width:34px;height:34px}
 .sell-band{grid-template-columns:minmax(0,1fr);padding:36px 24px 0!important;gap:0}
 .sell-band>div{padding-bottom:8px}
 .sell-band-art{justify-self:end;width:132px;margin-top:-8px}
 .cats .cat-tile{font-size:var(--fs-b)!important;min-height:48px;padding:10px 20px!important}
 .sectionhead{flex-wrap:wrap;margin-bottom:16px!important}
 .site-footer{margin-top:72px!important}
}

/* ===== Round 1 fixes ===== */
.inbox-badge{direction:ltr;unicode-bidi:isolate} /* taste-skill-ignore: overlay, floating chrome or focus ring */
.hero-activity{font-size:var(--fs-b)!important;color:var(--muted)!important;margin:0!important}
.hero-activity b{color:var(--navy)!important}
.sold-band .sold-price{font-weight:400;color:var(--ink-2)}
.item .gallery .gallery-thumbs,.item .gallery .pg-stage{background:transparent!important}
/* Owner: one panel, no tiles inside it. */
.owner-panel{background:transparent!important;padding:0!important;margin:4px 0 0!important}
.owner-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.owner-stats{background:var(--tile);border-radius:var(--r-m);padding:14px 8px!important}
.owner-stat{background:transparent!important;padding:2px!important}
.owner-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
.owner-actions .buy{background:var(--navy-soft)!important;font-size:var(--fs-s)!important;min-height:44px;padding:8px 10px!important}
.owner-actions .owner-delete{background:#fbeeee!important}
.step-progress span{align-items:stretch!important}
/* How it works: the heading is the large line; the statement under it reads as the lead. */
.how3 .home-h2{color:#fff!important;font-size:var(--fs-h)!important;font-weight:600!important;letter-spacing:-.02em!important;margin:0 0 16px!important}
.how3-lead{font-size:var(--fs-t)!important;line-height:1.5!important;color:var(--navy-ink)!important;max-width:44ch!important;margin:0 0 56px!important;text-align:start!important;letter-spacing:0}
.how3-steps,.how3-steps li{background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important}
.how3-steps li{display:block!important;padding:0!important}
.how3-steps li h3{margin:0 0 6px!important}
@media(max-width:620px){.how3-steps{gap:28px!important}.how3-steps p{font-size:var(--fs-b)!important}.how3-lead{font-size:var(--fs-b)!important;margin-bottom:36px!important}}
/* Product page, round 2: labels sit inline with their numbers; running text at the body size. */
.ab-price,.ab-time{display:flex!important;align-items:baseline;gap:4px 10px;flex-wrap:wrap}
.ab-time{justify-content:flex-end}
.ab-price .ab-label,.ab-time .ab-label{display:inline;margin:0}
.ab-new,.ab-time .tension-flag{flex-basis:100%}
.ab-time .tension-flag{text-align:end}
.trust-strip li,.price-facts dt,.price-facts dd,.delivery-info li,.trust-item summary,.ab-help summary,.bid-custom summary,.bid-auto summary,.reserve-line,.seller-privacy,.ab-meta{font-size:var(--fs-b)!important}
.trust-item p,.ab-help p,.bid-auto p{font-size:var(--fs-b)!important;max-width:60ch}
.item-info .bid-line{font-size:var(--fs-b)!important}
.item .gallery-thumbs button.on{box-shadow:none!important;outline:2px solid var(--navy);outline-offset:-2px;opacity:1}
/* Entrance: the gallery settles, the panel's parts follow in a short stagger. */
.item .gallery{animation:fade-in 420ms var(--ease) both}
.item .panel>*{animation:rise 420ms var(--ease) both}
.item .panel>*:nth-child(2){animation-delay:40ms}.item .panel>*:nth-child(3){animation-delay:80ms}.item .panel>*:nth-child(4){animation-delay:120ms}.item .panel>*:nth-child(5){animation-delay:160ms}.item .panel>*:nth-child(6){animation-delay:200ms}.item .panel>*:nth-child(n+7){animation-delay:240ms}
.item-info{animation:rise 420ms 200ms var(--ease) both}
@media(prefers-reduced-motion:reduce){.item .gallery,.item .panel>*,.item-info{animation:fade-in 200ms ease both!important}}
html.a11y-motion :is(.item .gallery,.item .panel>*,.item-info){animation:none!important}
/* Tablets and phones: the name first, then the gallery, then the price and the bid (the panel's parts join the page grid). */
@media(max-width:900px){
 .item .detail{grid-template-areas:none!important;display:grid!important;row-gap:20px!important}
 .item .panel{display:contents}
 .item .panel>*,.item-media,.item-info{grid-area:auto!important;grid-column:1!important;min-width:0}
 .item-media{display:block!important}
 .item .panel>.price-facts{display:grid!important}
 .item .panel>*{order:3}
 .item .panel>.item-title{order:1;margin:0!important}
 .item .panel>.item-sub{order:1;margin:-14px 0 0!important}
 .item-media{order:2}
 .item-info{order:4;margin-top:24px}
 .item .panel>.auction-box,.item .panel>.bidbox,.item .panel>.trust-strip,.item .panel>.item-utils,.item .panel>.price-facts{margin:0!important}
 .item .panel>.trust-strip{padding-top:0}
}
/* Phones: while the bid area is on screen, the floating corner steps aside (it returns above the bid bar). */
/* Phones, a live product page: the corner never sits on the price, the time or the bid. It waits at the end of the
   page (and on every other page as usual); the accessibility settings are also in the menu. */
@media(max-width:768px){body:is(.bid-in-view,.bid-bar-on):not(.nicole-open):not(.at-end) :is(.a11y-button,.nicole-launch,.nicole-tag,.nicole-hello):not(:focus-visible){transform:translateY(calc(100% + 40px));opacity:0;pointer-events:none}}
/* Phones: the mark instead of the wordmark keeps the header on one row (menu, mark, new sale, login). */
@media(max-width:430px){
 header .logo img:not(.logo-mark){display:none!important}
 header .logo .logo-mark{display:block!important;height:32px;width:32px}
 header .primary{padding:8px 16px!important;min-height:44px}
 .cookie-banner{padding:14px 16px!important;gap:10px!important}
 .cookie-banner p{font-size:var(--fs-s)!important;line-height:1.5!important}
 .cookie-banner-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr}
 .cookie-banner-actions .cta,.cookie-banner-actions .buy{min-height:44px;padding:8px 12px!important;font-size:var(--fs-s)!important}
}
/* Sold: the price leads, the name and the count follow. */
.sold-band .sold-list li a{grid-template-rows:auto auto auto}
.sold-band .sold-price{grid-column:2;font-size:var(--fs-s)!important;color:var(--muted)!important;display:flex;align-items:baseline;gap:8px}
.sold-band .sold-price b{display:inline!important;font-size:var(--fs-h)!important}
.sold-band .sold-title{grid-column:2}
@media(max-width:900px){.sold-band .sold-price b{font-size:var(--fs-t)!important}.sold-list{row-gap:28px}}
.cookie-banner p{padding-inline-end:32px}
:root{--fs-h:clamp(32px,2.5vw,36px)}
/* Round 2: what sold, with presence: the picture on its own white field, the price large, then the name. */
@media(min-width:901px){
 .sold-band .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:48px;align-items:start}
 .sold-band .sectionhead{margin:0!important}
 .sold-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
 .sold-band .sold-list li a{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px}
 .sold-band .sold-pic{width:100%;height:auto;aspect-ratio:4/3;border-radius:var(--r-m);margin-bottom:14px}
 .sold-band .sold-pic img{padding:8%}
 .sold-band .sold-pic .product-illustration{width:46%}
}
.sold-band{padding:80px 0 88px}
body.is-home #account:not(.has-user){border:0!important;background:var(--navy-soft)!important;border-radius:var(--pill)!important;min-height:44px!important;font-weight:600!important;color:var(--navy)!important}
body.is-home header:has(#account:not(.has-user)) .home-signup{border-radius:var(--pill)!important;min-height:44px!important;font-weight:600}
#account:not(.has-user){border-radius:var(--pill)!important}
.hero-search input:focus,.hero-search input:focus-visible,header .search input:focus-visible{outline:none!important}
/* Break-ui round: long names, huge prices, ended and sold states, the filter bar. */
.item-title.long{font-size:var(--fs-t)!important;line-height:1.3!important;letter-spacing:-.01em!important}
.ab-time{margin-inline-start:auto}
.card-mark.tension-flag{background:var(--navy)!important;color:#fff!important;padding:7px 10px!important}
.card-mark.tension-flag:empty{display:none!important}
.sale-state{display:block!important}
.sale-state .cta{margin-top:12px;width:auto}
.filter-bar{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
.filter-bar :is(input,select){background:var(--tile)!important;border:1px solid transparent!important;border-radius:var(--r-s)!important;min-height:44px;font-size:var(--fs-b)}
.filter-bar :is(input,select):focus{border-color:var(--navy)!important;outline:none}
.fb-chip,.af-chip{border:0!important;background:var(--tile)!important;border-radius:var(--pill)!important;font-size:var(--fs-s)!important;min-height:36px}
.fb-chip[aria-pressed=true],.fb-chip.on{background:var(--navy)!important;color:#fff!important}
@media(max-width:620px){
 .cat-tiles.compact{flex-wrap:nowrap!important;overflow-x:auto;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);scrollbar-width:none;scroll-snap-type:x proximity}
 .cat-tiles.compact::-webkit-scrollbar{display:none}
 .cat-tiles.compact .cat-tile{flex:none;white-space:nowrap;scroll-snap-align:start}
 .hero-activity .stat{white-space:nowrap}
}
.guide-count{font-weight:500!important;color:var(--muted)!important}
.bd-commit{border:0!important;border-radius:var(--r-s)!important;padding:12px 14px!important;font-weight:500!important}
.bd-amount{color:var(--navy)!important}
.ic-star{fill:currentColor}
.stars-static{color:var(--navy)!important;letter-spacing:0!important;display:inline-flex;gap:2px;align-items:center}
.stars-static .off{color:var(--tile-3)!important;display:inline-flex;gap:2px}
.star-pick label{color:var(--tile-3)}
.sold-pic{position:relative}
.sold-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.product-photo,.gallery-main{background:transparent!important}
.auth-card b{color:var(--ink)!important}
.form:not(.wrap>form.form) :is(.field input,.field select,.field textarea){background:#fff}
.sectionhead .buy,.sectionhead .cta{width:auto!important;margin:0!important}
.owner-actions{display:flex!important;flex-wrap:wrap}
.owner-actions .buy{flex:0 1 auto;width:auto!important}
.item .gallery .pg{background:transparent!important}
.draft-status[data-state=choose]{display:none}
.back-bar{padding:0!important;min-height:0}
.back-bar-in{padding-block:6px!important}
@media(max-width:420px){.photo-actions{grid-template-columns:1fr 1fr!important}.photo-add{min-height:112px;font-size:var(--fs-s)!important}}
@media(max-width:340px){.photo-actions{grid-template-columns:1fr!important}}
.avatar-letter{font-size:var(--fs-b)!important}
.seller .avatar-letter{font-size:var(--fs-t)!important}
.item .pg-count{top:14px!important;bottom:auto!important}
.sold-band .muted.small{grid-column:2}
.picker{background:transparent!important;border:0!important;padding:0!important;border-radius:0!important}
.picker>span{font-size:var(--fs-s)!important;font-weight:600!important;color:var(--ink-2)!important}
@media(max-width:620px){
 .item .gallery,.item .gallery.multi{aspect-ratio:4/3.3!important;height:auto}
 .owner-actions{grid-template-columns:minmax(0,1fr)}
}

/* ===================== Round 2: apple.com bands =====================
   The home page is a run of full-bleed bands, each with one dominant thing: navy hero with one product,
   light "what sold", white picks, navy "how it works", white categories, light seller band, navy footer. */
.band{margin:0!important;padding:96px 0!important;border-radius:0!important}
.band-navy{background:var(--navy)!important;color:#fff}
.band-light{background:#f5f5f7!important}
.band-white{background:#fff!important}
body.is-home .site-footer{margin-top:0!important}
/* Hero: centred type on navy, the search, two actions, then one large product. */
.home-hero.band{padding:80px 0 0!important;overflow:hidden;text-align:center}
.home-hero .hero-in{display:flex!important;flex-direction:column;align-items:center;gap:0}
.home-hero h1{color:#fff!important;font-size:clamp(44px,6.6vw,100px)!important;font-weight:500!important;line-height:1.02!important;letter-spacing:-.03em!important;margin:0!important;text-align:center}
.home-hero .hero-sub{color:var(--navy-ink)!important;font-size:var(--fs-t)!important;line-height:1.5!important;max-width:40ch!important;margin:24px auto 36px!important;text-align:center}
.home-hero .hero-search{width:min(680px,100%);background:#fff!important}
.home-hero .hero-search:hover{background:#fff!important}
.home-hero .hero-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.home-hero .hero-ctas{justify-content:center!important;margin-top:20px!important}
.home-hero .hero-ghost{background:rgba(255,255,255,.12)!important;color:#fff!important}
.home-hero .hero-ghost:hover{background:rgba(255,255,255,.2)!important}
.home-hero .hero-activity{justify-content:center;margin-top:24px!important;color:var(--navy-ink)!important}
.home-hero .hero-activity b{color:#fff!important}
.hero-product{display:block;margin-top:56px;width:min(860px,94%);line-height:0}
.hero-product img{width:100%;height:auto;display:block;user-select:none}
.home-hero .hero-in>*{animation:rise 600ms var(--ease) both}
.home-hero .hero-in>.hero-sub{animation-delay:60ms}.home-hero .hero-in>.hero-search{animation-delay:120ms}.home-hero .hero-in>.hero-ctas{animation-delay:160ms}.home-hero .hero-in>.hero-activity{animation-delay:200ms}
.home-hero .hero-in>.hero-product{animation:hero-product 900ms 160ms var(--ease) both}
@keyframes hero-product{from{opacity:0;transform:translateY(40px) scale(.98)}}
@media(prefers-reduced-motion:reduce){.home-hero .hero-in>*{animation:fade-in 200ms ease both!important}}
html.a11y-motion .home-hero .hero-in>*{animation:none!important}
/* What sold: the light band. */
.sold-band.band{padding:96px 0!important}
.sold-band .sold-pic{background:#fff}
/* Picks: white, the grid leads. */
.picks.band .sectionhead{margin-bottom:40px!important}
.picks .more-row{margin-top:56px}
/* How it works: navy again, its own composition (statement + three lines). */
.how3.band{padding:120px 0!important;margin:0!important}
/* Categories: white, centred words. */
.cats.band{text-align:center}
.cats .home-h2{margin:0 0 40px!important}
.cats .cat-tiles{justify-content:center}
.cats-all{display:inline-block;margin-top:32px;font-size:var(--fs-b)}
/* Seller band: light, the statement and the action, Nicole standing on the band's floor. */
.sell-band.band{display:block!important;background:#f5f5f7!important;padding:96px 0 0!important;overflow:hidden}
.sell-band .sell-in{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px}
.sell-band>.sell-in{padding-bottom:0!important}
.sell-band .sell-in>div{padding-bottom:96px}
.sell-band h2{font-size:var(--fs-h)!important}
.sell-band-art{width:clamp(160px,18vw,260px)!important}
/* Product stage: a neutral field with generous room around the product; the silhouette fills it with presence. */
.card .pic>.product-illustration{width:80%!important;max-width:340px!important}
:root{--art-d:#c5ccd7;--art-l:#e2e6ec;--art-m:#d3d9e1;--art-g:#bcc4cf;--art-s:#aeb7c4}
.card .pic .product-photo{padding:12%!important}
.item .gallery>.gallery-main,.item .gallery .pg-stage .gallery-main{padding:9%!important}
@media(max-width:620px){
 .band{padding:64px 0!important}
 .home-hero.band{padding:36px 0 0!important}
 .home-hero h1{font-size:clamp(34px,10.2vw,44px)!important}
 .home-hero .hero-sub{font-size:var(--fs-b)!important;margin:16px auto 24px!important}
 .home-hero .hero-ctas{width:100%}
 .hero-product{margin-top:36px;width:100%}
 .sold-band.band{padding:56px 0!important}
 .how3.band{padding:72px 0!important}
 .sell-band.band{padding-top:56px!important}
 .sell-band .sell-in{grid-template-columns:minmax(0,1fr);gap:0}
 .sell-band .sell-in>div{padding-bottom:12px}
 .sell-band-art{justify-self:end;width:140px!important}
 .cats .home-h2{margin-bottom:24px!important}
}

/* ===================== Round 3 ===================== */
/* "למה Nickel": one quiet line under the hero search (from branch hero-why), in the navy hero's colours. */
.home-hero .why-line{margin:18px 0 0!important;gap:6px 24px!important;font-size:var(--fs-b)!important;font-weight:500!important;color:var(--navy-ink)!important;animation-delay:140ms}
.home-hero .why-line svg{color:var(--accent)}
.home-hero .why-line+.hero-ctas{margin-top:28px!important}
@media(max-width:620px){.home-hero .why-line{font-size:var(--fs-s)!important;gap:4px 14px!important;margin-top:14px!important}.home-hero .why-line+.hero-ctas{margin-top:20px!important}}
/* Phones: search is an icon in the header; it opens the same field as a row under the header. */
.search-toggle{display:none!important}
@media(max-width:620px){
 body>header .search-toggle{display:inline-grid!important;width:44px;height:44px;place-items:center;color:var(--ink)}
 body>header:not(.search-open) .header-center .search{display:none!important}
 body>header.search-open .header-center .search{display:flex!important;order:3;flex-basis:100%;width:100%;margin:6px 0 4px!important;animation:drop-in var(--t-med) var(--ease)}
 body>header.search-open .search-toggle{color:var(--navy);background:var(--tile)}
}
/* Phones, product page: the price, the time and the bid button inside the first screen at 390 and 360. */
@media(max-width:620px){
 .item .detail{row-gap:14px!important}
 .item .panel>.item-title{font-size:var(--fs-h)!important;line-height:1.2!important}
 .item .panel>.item-title.long{font-size:var(--fs-t)!important;line-height:1.3!important}
 .item .panel>.item-sub{margin:-10px 0 0!important;font-size:var(--fs-s)}
 .item .gallery,.item .gallery.multi{aspect-ratio:4/3!important}
 .auction-box .ab-row{flex-wrap:nowrap!important;gap:12px}
 .ab-price .price,.ab-time .timer{font-size:28px!important}
 .ab-time{flex-wrap:nowrap!important;white-space:nowrap}
 .ab-price{min-width:0}
 .ab-meta{margin-top:6px!important;font-size:var(--fs-s)!important}
 .ab-help{margin-top:4px!important}
 .ab-help summary{font-size:var(--fs-s)!important}
 .item .panel>.bidbox{gap:10px}
}
/* App pages in the same world: tone surfaces without nested boxes, readable legal measure, quiet notes. */
.statement{max-width:76ch;margin-inline:auto}
body .wrap article.form.statement,body .wrap>article.form{background:transparent!important;border-radius:0!important;padding:8px 0 0!important;border:0!important;box-shadow:none!important}
.statement h1{font-size:var(--fs-h)!important;margin:0 0 12px!important}
.statement h2{font-size:var(--fs-t)!important;margin:40px 0 10px!important}
.statement p,.statement li{font-size:var(--fs-b);line-height:1.75}
.draft-note,.pay-note,.dsc-notice{background:var(--tile)!important;border:0!important;color:var(--ink-2)!important;border-radius:var(--r-s)!important;font-weight:500!important}
.doc-toc{display:block!important;background:var(--tile)!important;border:0!important;border-radius:var(--r-m)!important;padding:20px 24px!important}
.doc-toc>*:first-child{margin-top:0}
.doc-toc a{text-decoration:none}
.doc-toc a:hover{text-decoration:underline}
/* Order: the steps as one quiet progress line in navy. */
.order-steps li{border-top:3px solid var(--tile-2)!important;color:var(--muted)!important}
.order-steps .on,.order-steps .done{border-color:var(--navy)!important;color:var(--navy)!important}
.order-steps b{background:var(--tile-2)!important;color:var(--ink)!important}
.order-steps .on b,.order-steps .done b{background:var(--navy)!important;color:#fff!important}
.form .form,.dash-card .dash-card,.form .dash-card{background:transparent!important;padding:0!important}
/* Compare: the pictures stay inside their tiles; tone header, no outline. */
.compare-pic{overflow:hidden;position:relative;background:var(--tile)!important;border-radius:var(--r-s)!important;height:140px!important}
.compare-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8%}
.compare-table,.compare-wrap{border:0!important;box-shadow:none!important;border-radius:var(--r-m)!important}
.compare-table tr.section th{background:var(--tile)!important}
@media(max-width:620px){.compare-pic{height:72px!important}}
/* Saved items, orders list, tickets: tone rows without inner frames. */
.saved-item,.order-row,.ticket-row{border:0!important;box-shadow:none!important}
.empty,.no-results .empty{text-align:start}

/* Phones: the header row holds menu, mark, new sale, search, bell and account without wrapping. */
@media(max-width:430px){
 body>header .primary{font-size:var(--fs-s)!important;padding:8px 12px!important;min-height:40px}
 body>header .header-user-area{gap:2px!important}
 body>header :is(.search-toggle,#inbox-btn){width:40px!important;height:40px!important}
 body>header{column-gap:6px!important}
}
/* Questions on content pages: tone rows with the same chevron as the product page. */
.statement details{background:var(--tile);border:0!important;border-radius:var(--r-s);padding:14px 18px!important;margin:8px 0!important}
.statement details>summary{list-style:none;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px}
.statement details>summary::-webkit-details-marker{display:none}
.statement details>summary:after{content:"";width:8px;height:8px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex:none;transition:transform var(--t-fast) var(--ease)}
.statement details[open]>summary:after{transform:rotate(-135deg)}
.statement details>*:not(summary){margin-bottom:0}
.photo-credit{margin:10px 4px 0;font-size:13px;line-height:1.5;color:var(--muted)}.photo-credit a{color:inherit;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:2px}.photo-credit a:hover{color:var(--ink)}

/* ---------- Promotions (promotions.js / promote.js / promo-rotation.js) ---------- */
/* Home: the promoted places' stop control, quiet next to the count. With promoted places the grid has 10 cards: 9 show
   at three columns, all 10 at two (a third promoted at most, and the last row whole). */
.picks .sectionhead .rot-toggle{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;font-size:var(--fs-s)!important;color:var(--muted)!important;text-decoration:none;min-height:44px;min-width:44px;padding:0 8px;border-radius:var(--pill)}
.picks .sectionhead .rot-toggle[hidden]{display:none}
.picks .sectionhead .rot-toggle:hover{color:var(--navy)!important}
.picks .sectionhead .rot-toggle:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.picks .sectionhead .rot-toggle[aria-pressed="true"]{color:var(--navy)!important}
@media(min-width:901px){.picks .grid-lite>.card:nth-child(10){display:none}}
/* Sell form, last step: options per plan and length, priced by the server's quote. */
/* #plan-options is itself a .plans grid in index.html; the estimate and note sit above the inner grid. */
#plan-options.plans{display:block}
.plan-value{margin:0 0 2px;font-size:var(--fs-b);color:var(--navy)}
.plan-value b{font-variant-numeric:tabular-nums}
.plan-note{margin:0 0 14px;font-size:var(--fs-s)}
.plan-alert{margin:0 0 12px;padding:10px 14px;border-radius:var(--r-s,10px);background:var(--accent-soft);color:var(--navy);font-size:var(--fs-s);font-weight:600}
.plans.plans-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.plan-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.plan-beta{display:inline-block;font-size:var(--fs-s);font-weight:700;line-height:1;padding:6px 10px;border-radius:var(--pill);background:var(--accent);color:var(--navy)}
.plan:has(input:checked) .plan-body{border-color:var(--navy)}
.plan-durs{display:grid;gap:6px;margin:8px 0 2px}
.plan-dur{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--r-s,10px);background:#fff;cursor:pointer;transition:border-color .15s}
.plan-dur:hover{border-color:var(--navy)}
.plan-dur:has(input:checked){border-color:var(--navy);outline:2px solid var(--navy);outline-offset:-1px}
.plan-dur:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
.pd-label{font-weight:600;color:var(--navy);white-space:nowrap}
.pd-price{font-size:var(--fs-s);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.pd-price.pd-now{font-weight:800;color:var(--navy);font-size:var(--fs-b)}
@media(max-width:768px){.plans.plans-2{grid-template-columns:minmax(0,1fr)}}
/* Product page upgrade offer (seller only): a plan per row, its lengths as buttons. */
.upgrade-option{grid-template-columns:minmax(0,1fr)!important;gap:4px!important;cursor:default}
.upgrade-durs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.upgrade-dur{min-height:44px;font-size:var(--fs-s);font-weight:600;color:var(--navy);background:var(--accent-soft);border-radius:var(--pill);padding:7px 12px;font-variant-numeric:tabular-nums}
.upgrade-dur:hover{background:var(--accent)}
.upgrade-dur:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
/* Seller dashboard: the listing's promotion results. */
.dash-promo{color:var(--navy)}
.dash-promo-note{margin:10px 0 0;font-size:var(--fs-s);color:var(--muted)}