/* Styles of the buylist (index.html). */
:root{
  --bg:#1A1A1A;--sf:#212121;--sf2:#272727;--sf3:#2E2E2E;
  --bd:#3A3A3A;--bd2:#4A4A4A;
  --acc:#EB4235;--acc-d:rgba(235,66,53,.12);--acc-b:rgba(235,66,53,.30);
  --grn:#2ECC8A;--grn-d:rgba(46,204,138,.12);
  --red:#F06060;--amber:#F0B429;
  --tx:#FFFFFF;--tx2:#A0A0A0;--tx3:#8A8A8A;
  --r:6px;--rl:16px;--sh:0 12px 40px rgba(0,0,0,.6);
}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]){
  --bg:#F4F4F4;--sf:#FFFFFF;--sf2:#F0F0F0;--sf3:#E8E8E8;
  --bd:#E0E0E0;--bd2:#C8C8C8;
  --tx:#1A1A1A;--tx2:#666;--tx3:#737373;
  --sh:0 8px 32px rgba(0,0,0,.10);
  --acc:#EB4235;--acc-d:rgba(235,66,53,.10);--acc-b:rgba(235,66,53,.25);
}}
:root[data-theme="dark"]{
  --bg:#1A1A1A;--sf:#212121;--sf2:#272727;--sf3:#2E2E2E;
  --bd:#3A3A3A;--bd2:#4A4A4A;--tx:#FFFFFF;--tx2:#A0A0A0;--tx3:#8A8A8A;
}
:root[data-theme="light"]{
  --bg:#F4F4F4;--sf:#FFFFFF;--sf2:#F0F0F0;--sf3:#E8E8E8;
  --bd:#E0E0E0;--bd2:#C8C8C8;--tx:#1A1A1A;--tx2:#666;--tx3:#737373;
  --acc:#EB4235;--acc-d:rgba(235,66,53,.10);--acc-b:rgba(235,66,53,.25);
}
html{scroll-behavior:smooth;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Poppins',system-ui,sans-serif;background:var(--bg);color:var(--tx);font-size:14px;line-height:1.5;}

/* ── Announcement bar ── */

/* ── Site Nav ── */
.site-nav{position:sticky;top:0;z-index:100;height:60px;background:var(--sf);border-bottom:1px solid var(--bd);}
.nav-inner{height:100%;max-width:1440px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:12px;}
.logo{font-family:'Poppins',sans-serif;font-weight:800;font-size:15px;letter-spacing:-.03em;white-space:nowrap;color:var(--tx);text-transform:uppercase;flex-shrink:0;}
.logo b{color:var(--acc);}
.logo-img{height:38px;object-fit:contain;display:block;flex-shrink:0;}
.tabs{display:flex;gap:2px;flex:1;}
.game-switch{flex:none;gap:4px;margin-bottom:10px;padding:3px;background:var(--sf2);border:1px solid var(--bd);border-radius:calc(var(--r) + 2px);width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none;}
.game-switch .tab{padding:6px 14px;}
.game-switch .tab.on{background:var(--sf);color:var(--tx);box-shadow:0 1px 3px rgba(0,0,0,.25);}
.game-switch .tab.on .pip{box-shadow:0 0 0 3px rgba(255,255,255,.06);}
.tab{padding:5px 14px;border-radius:var(--r);border:none;background:transparent;color:var(--tx2);font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,color .12s;display:flex;align-items:center;gap:7px;letter-spacing:.02em;}
.tab:hover{background:var(--sf2);color:var(--tx);}
.tab.on{background:var(--acc-d);color:var(--acc);}
.pip{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.pip-p{background:#F5A523;}.pip-m{background:#E0504A;}.pip-r{background:#10B981;}
.nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center;}
.nav-anchor{font-size:12px;color:var(--tx2);text-decoration:none;font-weight:600;padding:5px 10px;border-radius:var(--r);transition:color .12s,background .12s;white-space:nowrap;}
.nav-anchor:hover{color:var(--tx);background:var(--sf2);}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.back-link{font-size:12px;color:var(--tx2);text-decoration:none;font-weight:600;white-space:nowrap;transition:color .12s;padding:5px 10px;border-radius:var(--r);}
.back-link:hover{color:var(--tx);background:var(--sf2);}
.icon-btn{width:32px;height:32px;border-radius:var(--r);border:1px solid var(--bd);background:transparent;color:var(--tx2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;}
.icon-btn:hover{background:var(--sf2);color:var(--tx);border-color:var(--bd2);}
.icon-btn svg{width:16px;height:16px;}
.icon-btn svg[hidden]{display:none;}

/* ── Hero ── */
.hero{background:radial-gradient(ellipse 70% 80% at 75% 50%,rgba(235,66,53,.10) 0%,transparent 65%),#111;padding:64px 24px 56px;}
.hero-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:center;}
.eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);margin-bottom:14px;}
.hero h1{font-size:clamp(32px,4.5vw,54px);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:#fff;text-wrap:balance;margin-bottom:16px;}
.hero-sub{font-size:16px;color:rgba(255,255,255,.58);line-height:1.65;max-width:460px;margin-bottom:32px;}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;}
.hero-free{display:flex;align-items:center;gap:7px;margin:-6px 0 14px;font-size:13px;color:rgba(255,255,255,.72);line-height:1.4;}
.hero-free svg{flex-shrink:0;color:#2ECC8A;}
/* Search straight from the hero: the first thing a visitor wants, also above the fold on a phone. */
.hero-search{display:flex;gap:8px;max-width:520px;margin:0 0 16px;}
.hero-search input{flex:1;min-width:0;padding:13px 14px;background:var(--sf2);border:1px solid var(--bd2);border-radius:var(--r);color:var(--tx);font-family:'Poppins',sans-serif;font-size:15px;outline:none;}
.hero-search input:focus{border-color:var(--acc);}
.hero-search .btn-hero-primary{flex-shrink:0;border:0;cursor:pointer;}
/* Filters fold away on phones behind one button, so the cards come first. */
.filter-toggle{display:none;}
@media(max-width:700px){
  .filter-toggle{display:inline-flex;}
  .filter-bar:not(.open)>:not(.filter-toggle){display:none;}
}
/* Terms fold away; links to #voorwaarden open them. */
.terms-details>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--bd2);border-radius:var(--r);font-weight:700;font-size:13px;color:var(--tx);margin-bottom:18px;}
.terms-details>summary::-webkit-details-marker{display:none;}
.terms-details>summary::after{content:'▾';color:var(--tx3);}
.terms-details[open]>summary::after{content:'▴';}
.terms-details>summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px;}
.btn-hero-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;background:var(--acc);color:#fff;border-radius:var(--r);font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;letter-spacing:.04em;text-decoration:none;border:none;cursor:pointer;transition:opacity .15s,transform .1s;}
.btn-hero-primary:hover{opacity:.88;}
.btn-hero-primary:active{transform:scale(.98);}
.btn-hero-sec{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:transparent;color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.2);border-radius:var(--r);font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s;}
.btn-hero-sec:hover{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.35);}
.hero-stats{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap;}
.hero-stat{display:flex;flex-direction:column;align-items:flex-start;}
.hero-stat-val{font-size:17px;font-weight:800;color:#fff;letter-spacing:-.04em;line-height:1.1;}
.hero-stat-lbl{font-size:11px;color:rgba(255,255,255,.4);font-weight:500;text-transform:uppercase;letter-spacing:.06em;}
.hero-stat-div{width:1px;height:28px;background:rgba(255,255,255,.12);}
.how-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:28px 30px;}
.how-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.35);margin-bottom:20px;}
.how-steps{list-style:none;display:flex;flex-direction:column;gap:18px;}
.how-step{display:flex;align-items:flex-start;gap:14px;}
.how-n{width:26px;height:26px;border-radius:50%;background:var(--acc);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.how-text{font-size:13px;color:rgba(255,255,255,.72);line-height:1.55;}

/* ── USPs ── */
.usps{padding:24px;background:var(--sf);border-bottom:1px solid var(--bd);}
.usps-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;}
.usp{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;}
.usp-ico{font-size:22px;flex-shrink:0;}
.usp-text strong{display:block;font-size:13px;font-weight:700;color:var(--tx);margin-bottom:2px;}
.usp-text span{font-size:11px;color:var(--tx2);line-height:1.4;}

/* ── Tool Section ── */
.tool-section{height:calc(100dvh - 60px);scroll-margin-top:60px;}
.shell{display:grid;grid-template-columns:1fr 360px;height:100%;}
/* Wider screens: the page itself scrolls through the results (no small inner frame); the search bar
   and the list on the right stay in view. Phones keep the full-screen tool with its bottom bar.
   Selectors start with .shell so they win over the base rules further down (overflow:hidden there
   would break the sticky search bar). */
@media(min-width:701px){
  .tool-section{height:auto;min-height:calc(100dvh - 60px);}
  .shell{height:auto;align-items:start;}
  .shell .col-search{overflow:visible;min-height:calc(100dvh - 60px);}
  .shell .col-search .searchbar{position:sticky;top:60px;z-index:30;}
  .shell .results{overflow:visible;}
  .shell .col-bl{position:sticky;top:60px;height:calc(100dvh - 60px);}
}

/* Search column */
.col-search{display:flex;flex-direction:column;overflow:hidden;background:var(--bg);}
.searchbar{padding:12px 18px 10px;border-bottom:1px solid var(--bd);background:var(--sf);}
.search-row{display:flex;gap:8px;align-items:center;}
.srch-wrap{position:relative;flex:1;}
.srch-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--tx3);pointer-events:none;}
.srch-in{width:100%;padding:9px 12px 9px 36px;background:var(--sf2);border:1px solid var(--bd2);border-radius:var(--r);color:var(--tx);font-family:'Poppins',sans-serif;font-size:13px;outline:none;transition:border-color .15s;}
.srch-in::placeholder{color:var(--tx3);}
.srch-in:focus{border-color:var(--acc);}
.srch-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--sf);border:1px solid var(--bd2);border-radius:var(--r);box-shadow:var(--sh);z-index:150;overflow:hidden;animation:fadeIn .1s ease;}
.srch-sug-item{display:flex;align-items:center;gap:10px;padding:9px 13px;cursor:pointer;transition:background .1s;font-size:13px;}
.srch-sug-item:hover,.srch-sug-item.active{background:var(--sf2);}
.srch-sug-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;}
.srch-sug-right{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.srch-sug-set{font-size:11px;color:var(--tx3);white-space:nowrap;}
.srch-sug-price{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--grn);font-weight:600;white-space:nowrap;}
.foil-avail-hint{font-size:11px;font-weight:600;color:var(--amber);letter-spacing:.03em;margin-top:1px;opacity:.8;}
.foil-toggle{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:var(--r);border:1px solid var(--bd2);background:var(--sf2);color:var(--tx2);cursor:pointer;white-space:nowrap;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:all .12s;flex-shrink:0;}
.foil-toggle:hover{border-color:var(--amber);color:var(--amber);}
.foil-toggle.on{background:rgba(240,180,41,.1);border-color:var(--amber);color:var(--amber);}
.foil-dot{width:8px;height:8px;border-radius:50%;background:conic-gradient(#FFD700,#FF69B4,#00BFFF,#FFD700);flex-shrink:0;}

.filter-bar{display:flex;align-items:center;gap:8px;padding:7px 18px 8px;border-bottom:1px solid var(--bd);background:var(--sf);flex-wrap:wrap;}
.filter-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--tx3);white-space:nowrap;}
.filter-chips{display:flex;gap:4px;flex-wrap:wrap;}
.chip{padding:4px 10px;border-radius:20px;border:1px solid var(--bd);background:transparent;color:var(--tx2);font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:all .12s;white-space:nowrap;}
.chip:hover{border-color:var(--bd2);color:var(--tx);}
.chip.on{background:var(--acc-d);border-color:var(--acc-b);color:var(--acc);}
.filter-sep{width:1px;height:14px;background:var(--bd);flex-shrink:0;align-self:center;}

.results{flex:1;overflow-y:auto;padding:14px 18px 24px;}
.meta{font-size:11px;color:var(--tx3);display:flex;justify-content:space-between;margin-bottom:12px;}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;}
.card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;cursor:pointer;transition:border-color .14s,transform .14s,box-shadow .14s;position:relative;}
.card:hover{border-color:var(--acc-b);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.3);}
.card-img{aspect-ratio:63/88;background:var(--sf2);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;}
.card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.card.is-sealed .card-img img{object-fit:contain;padding:8px;}
.card-img .ph{font-size:32px;color:var(--tx3);}
.card-img .ph-sealed{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:0 8px;}
.card-img .ph-sealed span{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tx2);}
.rarity{position:absolute;top:5px;right:5px;font-size:11px;font-weight:700;letter-spacing:.04em;padding:2px 5px;border-radius:4px;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);text-transform:uppercase;}
.rc{color:#9AA3C4;}.ru{color:#6BCFE0;}.rr{color:var(--amber);}.rur{color:#E879F9;}.rs{color:#F87171;}
.card-body{padding:9px 10px;}
/* Two lines: the version (Alt Art, Secret, promo number) decides the price and must not be cut off. */
.card-name{font-size:12px;font-weight:600;line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:2px;}
.card-set{font-size:11px;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;}
.card-cm{font-size:11px;color:var(--tx3);font-family:'JetBrains Mono',monospace;margin-bottom:4px;display:flex;align-items:center;gap:4px;}
.trend-badge{font-size:11px;font-weight:700;padding:1px 4px;border-radius:3px;line-height:1.2;}
.trend-badge.up{color:#22a06b;background:rgba(34,160,107,.12);}
.trend-badge.dn{color:#e03131;background:rgba(224,49,49,.10);}
.card-foot{display:flex;align-items:center;justify-content:space-between;}
.price{font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:700;color:var(--grn);}
.price.nil{font-family:'Poppins',sans-serif;font-size:11px;color:var(--tx3);}
.add-btn{width:22px;height:22px;border-radius:50%;border:none;background:var(--acc-d);color:var(--acc);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;transition:background .12s,color .12s;}
.add-btn:hover{background:var(--acc);color:#fff;}
.add4-btn{height:18px;padding:0 5px;border-radius:3px;border:1px solid var(--bd2);background:transparent;color:var(--tx2);cursor:pointer;font-size:11px;font-family:'JetBrains Mono',monospace;font-weight:600;letter-spacing:.04em;transition:background .1s,color .1s;white-space:nowrap;flex-shrink:0;}
.add4-btn:hover{background:var(--acc-d);color:var(--acc);border-color:var(--acc-b);}

@keyframes addFlash{0%{box-shadow:0 0 0 2px var(--grn),inset 0 0 0 9999px rgba(34,160,107,.12);}100%{box-shadow:none;}}
.card.add-flash{animation:addFlash .6s ease-out;}



.state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;gap:10px;color:var(--tx2);}
.state .ico{font-size:42px;color:var(--tx3);line-height:0}
.state h3{font-family:'Poppins',sans-serif;font-size:16px;color:var(--tx);font-weight:700;letter-spacing:-.03em;}
.state p{font-size:13px;max-width:280px;line-height:1.7;}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:var(--sf2);color:var(--tx);border:1px solid var(--bd2);border-radius:var(--r);font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s;}
.btn:hover{border-color:var(--acc);background:var(--sf3);}
.btn:disabled{opacity:.5;cursor:not-allowed;}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;}
.spin{width:28px;height:28px;border-radius:50%;border:2px solid var(--bd2);border-top-color:var(--acc);animation:spin .65s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* Buylist sidebar */
.col-bl{background:var(--sf);border-left:1px solid var(--bd);display:flex;flex-direction:column;overflow:hidden;}
.bl-hdr{padding:15px 18px 13px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.bl-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;}
.bl-sort-bar{padding:7px 18px;display:flex;gap:4px;align-items:center;border-bottom:1px solid var(--bd);background:var(--sf2);flex-shrink:0;}
.bl-filter-bar{padding:6px 14px;display:flex;gap:7px;align-items:center;border-bottom:1px solid var(--bd);background:var(--sf2);flex-shrink:0;}
.bl-filter-input{flex:1;background:var(--sf);border:1px solid var(--bd);border-radius:5px;padding:3px 8px;font-size:11px;font-family:'Poppins',sans-serif;color:var(--tx);outline:none;min-width:0;}
.bl-filter-input:focus{border-color:var(--acc);}
.bl-filter-input::placeholder{color:var(--tx3);}
.bl-filter-count{font-size:11px;font-weight:700;color:var(--tx3);white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;}
.bl-sort-lbl{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);margin-right:4px;}
.bl-sort-chip{padding:3px 8px;background:transparent;border:1px solid var(--bd);border-radius:4px;font-size:11px;font-family:'Poppins',sans-serif;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--tx3);cursor:pointer;transition:all .1s;white-space:nowrap;}
.bl-sort-chip.on,.bl-sort-chip:hover{background:var(--sf3);color:var(--tx);border-color:var(--bd2);}
.badge{font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;background:var(--acc-d);color:var(--acc);padding:2px 9px;border-radius:40px;}
.clear-btn{font-size:11px;font-weight:600;color:var(--tx3);background:transparent;border:none;cursor:pointer;padding:3px 6px;border-radius:4px;font-family:'Poppins',sans-serif;text-transform:uppercase;letter-spacing:.06em;transition:color .12s;margin-left:auto;}
.clear-btn:hover{color:var(--red);}
.bl-list{flex:1;overflow-y:auto;}
.bl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;gap:6px;color:var(--tx3);font-size:12px;padding:20px 16px;text-align:center;}
@keyframes bl-in{0%{background:rgba(46,204,138,.25);transform:translateX(-6px)}100%{background:transparent;transform:none}}
.bl-item.flash{animation:bl-in .5s cubic-bezier(.22,1,.36,1);}
.bl-item{display:grid;grid-template-columns:18px 40px 1fr auto;gap:8px;align-items:center;padding:10px 12px 10px 10px;border-bottom:1px solid var(--bd);transition:background .1s;}
.bl-item:hover{background:var(--sf2);}
.bl-chk-wrap{display:flex;align-items:center;justify-content:center;width:18px;opacity:0;transition:opacity .1s;cursor:pointer;}
.bl-item:hover .bl-chk-wrap,.bl-item.bl-sel .bl-chk-wrap{opacity:1;}
.bl-chk{width:13px;height:13px;cursor:pointer;accent-color:var(--acc);}
.bl-item.bl-sel{background:var(--acc-d);}
.bl-sel-bar{display:none;align-items:center;gap:10px;padding:7px 14px;background:var(--acc-d);border-bottom:1px solid var(--acc);flex-shrink:0;font-size:11px;font-weight:600;color:var(--acc);}
.bl-sel-bar.on{display:flex;}
.bl-thumb{width:40px;aspect-ratio:63/88;border-radius:4px;overflow:hidden;background:var(--sf3);}
.bl-thumb img{width:100%;height:100%;object-fit:cover;}
.bl-info{min-width:0;}
.bl-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bl-set-name{font-size:11px;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;line-height:1.3;}
.bl-wish-badge{font-size:11px;color:var(--acc);line-height:1;}
.bl-bonus-badge{font-size:11px;padding:1px 5px;border-radius:3px;background:rgba(46,204,138,.15);color:#2ecc87;font-weight:700;letter-spacing:.03em;}

.bl-game-hdr{display:flex;align-items:center;gap:6px;padding:7px 14px 5px;background:var(--sf2);border-bottom:1px solid var(--bd);cursor:pointer;user-select:none;}
.bl-game-hdr:hover{background:var(--sf3);}
.bl-sec-arrow{font-size:11px;color:var(--tx3);transition:transform .15s;flex-shrink:0;width:10px;text-align:center;}
.bl-game-hdr.collapsed .bl-sec-arrow{transform:rotate(-90deg);}
.bl-game-hdr-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--tx2);flex:1;}
.bl-game-hdr-meta{font-size:11px;color:var(--tx3);font-weight:600;}
.bl-set-num{opacity:.65;}
.bl-meta{display:flex;align-items:center;gap:5px;margin-top:2px;font-size:11px;color:var(--tx2);flex-wrap:wrap;}
.cond-badge{font-family:'JetBrains Mono',monospace;font-size:11px;padding:1px 5px;border-radius:3px;background:var(--sf3);color:var(--tx2);}

.cond-nm{background:rgba(46,204,138,.12);color:var(--grn);}

.foil-badge{font-size:11px;padding:1px 5px;border-radius:3px;background:rgba(240,180,41,.15);color:var(--amber);font-weight:600;}
.bl-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0;}

.qty-ctrl{display:flex;align-items:center;gap:5px;}
.qty-btn{width:18px;height:18px;border-radius:4px;border:1px solid var(--bd2);background:var(--sf2);color:var(--tx2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;transition:all .1s;}
.qty-btn:hover{background:var(--acc);border-color:var(--acc);color:#fff;}
.qty-n{font-family:'JetBrains Mono',monospace;font-size:11px;min-width:16px;text-align:center;font-variant-numeric:tabular-nums;}
.rm-btn{background:none;border:none;color:var(--tx3);cursor:pointer;font-size:12px;padding:2px;line-height:1;transition:color .1s;margin-top:1px;}
.rm-btn:hover{color:var(--red);}

/* Bulk section */
.bulk-section{border-top:1px solid var(--bd);}
.bulk-head{display:flex;align-items:center;gap:8px;padding:11px 16px;cursor:pointer;transition:background .1s;border:none;background:transparent;width:100%;color:var(--tx2);font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:left;}
.bulk-head:hover{background:var(--sf2);color:var(--tx);}
.bulk-head.open{color:var(--tx);}
.bulk-plus{font-size:14px;line-height:1;color:var(--acc);font-weight:800;}
.bulk-chev{margin-left:auto;transition:transform .2s;font-size:11px;color:var(--tx3);}
.bulk-head.open .bulk-chev{transform:rotate(180deg);}
.bulk-content{padding:0 16px 14px;}
.bulk-game-section{margin-bottom:14px;}
.bulk-game-section:last-child{margin-bottom:0;}
.bulk-game-lbl{font-size:11px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px;display:flex;align-items:center;gap:5px;padding-bottom:5px;border-bottom:1px solid var(--bd);}
.bulk-row{display:grid;grid-template-columns:1fr auto 58px auto;gap:6px;align-items:center;margin-bottom:5px;font-size:11px;}
.bulk-cat-lbl{color:var(--tx2);}
.bulk-ppu{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--tx3);white-space:nowrap;}
.bulk-qty-in{padding:4px 6px;background:var(--sf2);border:1px solid var(--bd);border-radius:var(--r);color:var(--tx);font-family:'JetBrains Mono',monospace;font-size:12px;text-align:center;outline:none;transition:border-color .15s;width:58px;}
.bulk-qty-in:focus{border-color:var(--acc);}
.bulk-sub{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--grn);white-space:nowrap;text-align:right;min-width:40px;}
.bulk-sub.zero{color:var(--tx3);}

/* Payment toggle */
.pay-opts{display:flex;gap:6px;margin-bottom:10px;}
.pay-opt{flex:1;padding:9px 8px;border-radius:var(--r);border:1px solid var(--bd);background:var(--sf2);cursor:pointer;text-align:center;transition:all .15s;font-family:'Poppins',sans-serif;}
.pay-opt:hover{border-color:var(--bd2);}
.pay-opt.bank.on{border-color:var(--grn);background:var(--grn-d);}
.pay-opt.credit.on{border-color:var(--amber);background:rgba(240,180,41,.10);}
.pay-opt-ico{font-size:14px;margin-bottom:2px;}
.pay-opt-lbl{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--tx3);display:block;margin-bottom:2px;}
.pay-opt.bank.on .pay-opt-lbl{color:var(--grn);}
.pay-opt.credit.on .pay-opt-lbl{color:var(--amber);}
.pay-opt-val{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--tx);font-variant-numeric:tabular-nums;display:block;}
.pay-opt.bank.on .pay-opt-val{color:var(--grn);}
.pay-opt.credit.on .pay-opt-val{color:var(--amber);}
.pay-opt-bonus{font-size:11px;color:var(--amber);font-weight:600;}
.tot-breakdown{margin-bottom:8px;}
.game-totals{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px;}
.game-total-chip{display:flex;align-items:center;gap:4px;padding:3px 8px;background:var(--sf2);border:1px solid var(--bd);border-radius:4px;font-size:11px;font-family:'JetBrains Mono',monospace;font-weight:500;}
.tot-row-s{display:flex;justify-content:space-between;font-size:11px;color:var(--tx2);margin-bottom:3px;}
.tot-row-s span:last-child{font-family:'JetBrains Mono',monospace;}
.tot-div{border:none;border-top:1px solid var(--bd);margin:6px 0;}

.bl-foot{padding:12px 14px;border-top:1px solid var(--bd);flex-shrink:0;}
.bl-foot-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}
.export-btn{padding:10px 12px;background:var(--sf2);color:var(--tx2);border:1px solid var(--bd2);border-radius:var(--r);font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .12s;flex-shrink:0;display:flex;align-items:center;gap:6px;}
.export-btn:hover{color:var(--tx);background:var(--sf3);}
.submit-btn{flex:1;padding:11px;background:var(--acc);color:#fff;border:none;border-radius:var(--r);font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;transition:opacity .14s,transform .1s;}
.submit-btn:hover{opacity:.88;}
.submit-btn:active{transform:scale(.99);}
.submit-btn:disabled{opacity:.35;cursor:not-allowed;}

/* Modals */
.card-zoom{position:fixed;pointer-events:none;z-index:300;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.8);transition:opacity .12s;opacity:0;max-width:200px;border:2px solid var(--bd2);}
.card-zoom.show{opacity:1;}
.card-zoom img{width:200px;display:block;}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease;}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.modal{background:var(--sf);border:1px solid var(--bd2);border-radius:var(--rl);width:100%;max-width:420px;box-shadow:var(--sh);overflow:hidden;animation:slideUp .2s cubic-bezier(.22,1,.36,1);}
@keyframes slideUp{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.modal-hdr{padding:20px 20px 0;display:flex;align-items:flex-start;gap:13px;}
.modal-close{margin-left:auto;background:none;border:none;color:var(--tx3);cursor:pointer;font-size:18px;padding:0;line-height:1;transition:color .1s;flex-shrink:0;}
.modal-close:hover{color:var(--tx);}
.modal-thumb{width:56px;aspect-ratio:63/88;border-radius:6px;overflow:hidden;background:var(--sf3);flex-shrink:0;}
.modal-thumb img{width:100%;height:100%;object-fit:cover;}
.modal-info{flex:1;min-width:0;}
.modal-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:16px;line-height:1.2;margin-bottom:3px;text-wrap:balance;letter-spacing:-.03em;}
.modal-sub{font-size:12px;color:var(--tx2);}
.modal-prices{margin-top:8px;display:flex;flex-direction:column;gap:3px;}
.trend-row,.foil-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--tx2);}
.trend-val{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--tx);font-weight:500;}
.foil-val{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--amber);font-weight:500;}
.modal-body{padding:16px 20px;}
.sect-lbl{font-size:11px;font-weight:600;color:var(--tx3);text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px;}
.foil-switch-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.foil-switch-lbl{font-size:13px;color:var(--tx2);display:flex;align-items:center;gap:8px;}
.foil-switch{width:36px;height:20px;border-radius:10px;background:var(--bd2);position:relative;cursor:pointer;transition:background .2s;border:none;}
.foil-switch.on{background:var(--amber);}
.foil-switch::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;}
.foil-switch.on::after{transform:translateX(16px);}

.qty-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.qty-big{display:flex;align-items:center;gap:14px;}
.qty-big-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--bd2);background:var(--sf2);color:var(--tx);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:all .1s;}
.qty-big-btn:hover{background:var(--acc);border-color:var(--acc);color:#fff;}
.qty-big-val{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:500;min-width:30px;text-align:center;font-variant-numeric:tabular-nums;}
.modal-line-total{font-size:12px;color:var(--tx2);}
.modal-line-total strong{font-family:'JetBrains Mono',monospace;font-size:18px;color:var(--grn);}
.modal-foot{padding:0 20px 20px;display:flex;gap:9px;}
.btn-sec{flex:1;padding:10px;border-radius:var(--r);border:1px solid var(--bd2);background:var(--sf2);color:var(--tx2);font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .12s;}
.btn-sec:hover{color:var(--tx);}
.btn-pri{flex:2;padding:10px;border-radius:var(--r);border:none;background:var(--acc);color:#fff;font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity .12s;}
.btn-pri:hover{opacity:.87;}
.btn-pri:disabled{opacity:.38;cursor:not-allowed;}
.submit-modal{max-width:480px!important;}
.sub-payout-info{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--sf2);border:1px solid var(--bd2);border-radius:var(--r);font-size:12px;color:var(--tx2);margin-bottom:4px;}
.submit-modal .modal-body{padding:16px 20px;max-height:64vh;overflow-y:auto;}
.sub-section-lbl{font-size:11px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.1em;margin:10px 0 5px;}
.sub-items{margin-bottom:4px;}
.sub-item{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--bd);}
.sub-item:last-child{border-bottom:none;}
.sub-thumb{width:26px;aspect-ratio:63/88;border-radius:3px;overflow:hidden;background:var(--sf3);flex-shrink:0;}
.sub-thumb img{width:100%;height:100%;object-fit:cover;}
.sub-info{flex:1;min-width:0;}
.sub-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sub-meta{font-size:11px;color:var(--tx2);display:flex;gap:5px;align-items:center;flex-wrap:wrap;}
.sub-price{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--grn);flex-shrink:0;}
.sub-bulk-row{display:flex;justify-content:space-between;font-size:12px;color:var(--tx2);padding:4px 0;border-bottom:1px solid var(--bd);}
.sub-bulk-row:last-child{border-bottom:none;}
.sub-bulk-row span:last-child{font-family:'JetBrains Mono',monospace;color:var(--grn);}
.sub-payment{display:flex;gap:6px;margin:12px 0;}
.sub-pay-opt{flex:1;padding:10px 8px;border-radius:var(--r);border:1px solid var(--bd);background:var(--sf2);cursor:pointer;text-align:center;transition:all .12s;font-family:'Poppins',sans-serif;}
.sub-pay-opt.bank.on{border-color:var(--grn);background:var(--grn-d);}
.sub-pay-opt.credit.on{border-color:var(--amber);background:rgba(240,180,41,.10);}
.sub-pay-lbl{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tx3);display:block;margin-bottom:3px;}
.sub-pay-opt.bank.on .sub-pay-lbl{color:var(--grn);}
.sub-pay-opt.credit.on .sub-pay-lbl{color:var(--amber);}
.sub-pay-val{font-family:'JetBrains Mono',monospace;font-size:16px;color:var(--tx);display:block;font-variant-numeric:tabular-nums;}
.sub-pay-opt.bank.on .sub-pay-val{color:var(--grn);}
.sub-pay-opt.credit.on .sub-pay-val{color:var(--amber);}
.sub-pay-bonus{font-size:11px;color:var(--amber);font-weight:600;}
.form-f{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;}
.form-row{display:flex;gap:10px;}
.form-row .form-f{flex:1;min-width:0;}
.form-lbl{font-size:12px;font-weight:500;color:var(--tx2);}
.form-in{width:100%;min-width:0;box-sizing:border-box;padding:9px 12px;background:var(--sf2);border:1px solid var(--bd);border-radius:var(--r);color:var(--tx);font-family:'Poppins',sans-serif;font-size:13px;outline:none;transition:border-color .15s;}
.form-in:focus{border-color:var(--acc);}
.form-in::placeholder{color:var(--tx3);}
textarea.form-in{resize:vertical;min-height:60px;}

.wish-match-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.2);border-radius:var(--r);margin:0 0 8px;font-size:12px;color:var(--tx2);}
.done-steps{display:flex;flex-direction:column;gap:8px;margin:16px auto 0;max-width:300px;text-align:left;}
.done-step{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--tx2);}
.done-step-num{min-width:20px;height:20px;background:var(--acc);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px;}
/* MTG format legality */
.mtg-legal-row{display:flex;gap:3px;flex-wrap:wrap;margin:2px 0;}
.mtg-legal-badge{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;padding:1px 4px;border-radius:3px;background:rgba(34,160,107,.12);color:#22a06b;letter-spacing:.03em;}
/* max qty */
.max-qty-badge{font-size:11px;padding:1px 4px;border-radius:3px;background:rgba(240,96,96,.12);color:var(--red);font-weight:700;letter-spacing:.03em;}
.bl-item-maxq{opacity:.8;}
.qty-btn:disabled{opacity:.3;cursor:not-allowed;}
/* per-card notes */
.bl-note-row{display:flex;align-items:center;gap:4px;margin-top:3px;}
.bl-note-text{font-size:11px;color:var(--tx3);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;}
.bl-note-btn{width:16px;height:16px;border-radius:3px;border:1px solid var(--bd);background:transparent;color:var(--tx3);cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:all .1s;}
.bl-note-btn:hover{border-color:var(--acc);color:var(--acc);}
.bl-note-input{font-size:11px;font-family:'Poppins',sans-serif;background:var(--sf2);border:1px solid var(--acc);border-radius:3px;color:var(--tx);padding:2px 5px;outline:none;width:100%;min-width:0;}
/* saved lists modal */
.saved-list-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--r);background:var(--sf2);margin-bottom:6px;cursor:pointer;transition:background .1s;border:1px solid var(--bd);}
.saved-list-row:hover{background:var(--sf3);}
.saved-list-name{flex:1;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.saved-list-meta{font-size:11px;color:var(--tx3);white-space:nowrap;}
.saved-list-del{width:22px;height:22px;border-radius:4px;border:none;background:transparent;color:var(--tx3);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;padding:0;transition:color .1s;flex-shrink:0;}
.saved-list-del:hover{color:var(--red);}
/* import decklist modal */

/* Condition guide */
.cond-guide-modal{max-width:440px!important;}
.cond-guide-modal .modal-body{padding:16px 20px 4px;}

/* List paste modal */

.info-btn{background:none;border:none;color:var(--tx3);cursor:pointer;font-size:11px;padding:0 4px;line-height:1;transition:color .12s;font-family:'Poppins',sans-serif;text-decoration:underline;}
.info-btn:hover{color:var(--acc);}

/* Shipping progress bar */
.ship-progress-wrap{padding:10px 14px;background:var(--sf2);border-radius:var(--r);margin-bottom:10px;}
.ship-progress-label{font-size:11px;color:var(--tx2);margin-bottom:6px;}
.ship-progress-bar{height:5px;background:var(--bd);border-radius:3px;overflow:hidden;}
.ship-progress-fill{height:100%;background:var(--acc);border-radius:3px;transition:width .3s ease;}
.ship-progress-done{font-size:11px;color:var(--grn);font-weight:600;padding:6px 0 10px;display:flex;align-items:center;gap:5px;}

/* Collection estimator */
.estimator-section{padding:64px 24px;background:var(--sf);border-top:1px solid var(--bd);}
.estimator-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 480px;gap:64px;align-items:center;}
.estimator-left h2{font-size:clamp(22px,2.5vw,30px);font-weight:800;letter-spacing:-.04em;margin-bottom:12px;text-wrap:balance;}
.estimator-left p{font-size:14px;color:var(--tx2);line-height:1.7;max-width:380px;}
.estimator-card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:28px 28px 24px;box-shadow:var(--sh);}
.est-game-tabs{display:flex;gap:4px;margin-bottom:20px;}
.est-tab{flex:1;padding:7px;border-radius:var(--r);border:1px solid var(--bd);background:transparent;color:var(--tx2);font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:all .12s;text-align:center;}
.est-tab.on{background:var(--acc-d);border-color:var(--acc-b);color:var(--acc);}
.est-rows{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;}
.est-row{display:grid;grid-template-columns:1fr 90px;gap:12px;align-items:center;}
.est-row-label{font-size:12px;color:var(--tx2);}
.est-row-ppu{font-size:11px;color:var(--tx3);font-family:'JetBrains Mono',monospace;}
.est-in{padding:7px 10px;background:var(--sf2);border:1px solid var(--bd);border-radius:var(--r);color:var(--tx);font-family:'JetBrains Mono',monospace;font-size:13px;outline:none;transition:border-color .15s;text-align:center;width:90px;}
.est-in:focus{border-color:var(--acc);}
.est-result{border-top:1px solid var(--bd);padding-top:16px;display:flex;flex-direction:column;gap:8px;}
.est-total-row{display:flex;justify-content:space-between;align-items:center;}
.est-total-label{font-size:12px;color:var(--tx2);}
.est-total-val{font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:500;font-variant-numeric:tabular-nums;}
.est-total-val.bank{color:var(--grn);}
.est-total-val.credit{color:var(--amber);}
.est-cta{margin-top:4px;width:100%;padding:11px;background:var(--acc);color:#fff;border:none;border-radius:var(--r);font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .14s;letter-spacing:.04em;}
.est-cta:hover{opacity:.87;}
@media(max-width:1000px){
  .estimator-inner{grid-template-columns:1fr;}
  .estimator-left p{max-width:100%;}
}

.section-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:10px;}
.section-h2{font-size:clamp(20px,2.5vw,28px);font-weight:800;letter-spacing:-.04em;margin-bottom:32px;text-wrap:balance;}


/* Pokémon results that are no hit: compact list without images */
.bulk-results{margin-top:16px;border:1px solid var(--bd);border-radius:var(--rl);background:var(--sf);overflow:hidden;}
.bulk-results-head{display:flex;align-items:center;gap:10px;padding:12px 14px;flex-wrap:wrap;}
.bulk-results-title{font-size:12px;font-weight:700;color:var(--tx);}
.bulk-results-sub{font-size:11px;color:var(--tx2);line-height:1.5;margin-top:2px;}
.bulk-rows{border-top:1px solid var(--bd);max-height:420px;overflow-y:auto;}
.bulk-r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 14px;border-bottom:1px solid var(--bd);}
.bulk-r:last-child{border-bottom:none;}
.bulk-r-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bulk-r-set{font-size:11px;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bulk-r-num{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--tx2);white-space:nowrap;}

/* Price quality indicator on grid cards */
.wanted-badge{position:absolute;top:5px;left:5px;font-size:11px;font-weight:900;letter-spacing:.06em;padding:2px 6px;border-radius:4px;background:#e03131;color:#fff;text-transform:uppercase;animation:wantedPulse 2s ease-in-out infinite;}
.set-bonus-badge{position:absolute;top:5px;left:5px;font-size:11px;font-weight:900;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:#2ecc87;color:#fff;text-transform:uppercase;}

@keyframes wantedPulse{0%,100%{box-shadow:0 0 0 0 rgba(224,49,49,.4);}50%{box-shadow:0 0 0 4px rgba(224,49,49,0);}}

.card.in-list{border-color:rgba(34,160,107,.35)!important;}

.in-list-badge{position:absolute;bottom:5px;right:5px;font-size:11px;font-weight:700;padding:2px 5px;border-radius:3px;background:rgba(34,160,107,.85);color:#fff;backdrop-filter:blur(4px);display:flex;align-items:center;gap:1px;}
.in-list-badge.at-max{background:rgba(240,96,96,.85);}
.wish-btn{position:absolute;top:5px;right:5px;background:rgba(0,0,0,.45);border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;color:rgba(255,255,255,.55);transition:all .12s;opacity:0;backdrop-filter:blur(4px);}
.card:hover .wish-btn{opacity:1;}
.wish-btn.on{opacity:1!important;color:#F06060;}
.wish-btn:hover{color:#F06060;background:rgba(0,0,0,.65);}

/* ── Shipping guide ── */
.shipping-section{padding:64px 24px;background:var(--sf);border-top:1px solid var(--bd);}
.shipping-inner{max-width:860px;margin:0 auto;}
.shipping-steps{display:flex;flex-direction:column;gap:0;margin-bottom:28px;}
.shipping-step{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--bd);}
.shipping-step:last-child{border-bottom:none;}
.ship-num{width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--acc);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:2px;}
.ship-body{flex:1;}
.ship-title{font-weight:700;font-size:14px;margin-bottom:5px;}
.ship-desc{font-size:13px;color:var(--tx2);line-height:1.7;}
.ship-tip{display:flex;align-items:flex-start;gap:10px;background:rgba(235,66,53,.06);border:1px solid var(--acc-b);border-radius:var(--r);padding:14px 16px;font-size:13px;color:var(--tx2);line-height:1.6;}
.ship-tip-icon{font-size:18px;line-height:1;margin-top:1px;}

/* ── FAQ ── */
.faq-section{padding:72px 24px 80px;border-top:1px solid var(--bd);}
.faq-inner{max-width:760px;margin:0 auto;}
.faq-section h2{font-size:clamp(22px,3vw,32px);font-weight:800;letter-spacing:-.04em;text-wrap:balance;margin-bottom:8px;}
.faq-section .faq-sub{font-size:15px;color:var(--tx2);margin-bottom:40px;}
.faq-item{border-bottom:1px solid var(--bd);}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:18px 0;cursor:pointer;font-weight:600;font-size:14px;gap:16px;background:none;border:none;width:100%;text-align:left;color:var(--tx);font-family:'Poppins',sans-serif;transition:color .12s;}
.faq-q:hover{color:var(--acc);}
.faq-chev{flex-shrink:0;transition:transform .22s;color:var(--tx3);font-size:11px;}
.faq-item.open .faq-chev{transform:rotate(180deg);}
.faq-a{font-size:13px;color:var(--tx2);line-height:1.8;padding-bottom:18px;display:none;}
.faq-a a{color:var(--acc);text-decoration:none;}
.faq-a a:hover{text-decoration:underline;}
.faq-item.open .faq-a{display:block;}

/* ── Graded section ── */
.graded-section{padding:64px 24px;background:var(--bg);border-top:1px solid var(--bd);}
.graded-inner{max-width:860px;margin:0 auto;}

.grade-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap;}
.psa10{background:rgba(46,204,138,.12);color:var(--grn);border:1px solid rgba(46,204,138,.3);}
.psa9{background:rgba(16,185,129,.08);color:#10B981;border:1px solid rgba(16,185,129,.2);}
.psa8{background:rgba(235,66,53,.06);color:var(--acc);border:1px solid var(--acc-b);}
.psa7{background:var(--sf2);color:var(--tx2);border:1px solid var(--bd);}

.grade-note{font-size:12px;color:var(--tx3);line-height:1.7;}
.grade-note a{color:var(--acc);text-decoration:none;}

/* ── Footer ── */
.terms-section{padding:64px 24px 72px;background:var(--sf);border-top:1px solid var(--bd);}
.terms-inner{max-width:760px;margin:0 auto;}
.terms-h2{font-size:clamp(20px,2.5vw,28px);font-weight:800;letter-spacing:-.04em;margin-bottom:8px;text-wrap:balance;}
.terms-ver{font-size:13px;color:var(--tx2);line-height:1.7;margin-bottom:28px;max-width:65ch;}
.terms-list{list-style:none;counter-reset:t;display:grid;gap:22px;}
.terms-list>li{counter-increment:t;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:8px;}
.terms-list>li::before{content:counter(t) ".";grid-row:1 / span 2;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:500;color:var(--acc);padding-top:1px;}
.terms-list h3{font-size:15px;font-weight:700;margin-bottom:4px;}
.terms-list p{font-size:13.5px;color:var(--tx2);line-height:1.75;max-width:65ch;}
.terms-list a,.terms-foot a{color:var(--acc);text-decoration:none;}
.terms-foot{font-size:13px;color:var(--tx3);margin-top:28px;}
.agree-row{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:10px 12px;border:1px solid var(--bd2);border-radius:var(--r);background:var(--sf2);font-size:12px;color:var(--tx2);line-height:1.55;cursor:pointer;}
.agree-row input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--acc);flex-shrink:0;cursor:pointer;}
.agree-row a{color:var(--acc);}
.agree-row.err{border-color:var(--red);}
.remember-row{display:flex;gap:8px;align-items:center;margin-top:8px;font-size:12px;color:var(--tx2);cursor:pointer}
.remember-row input{width:15px;height:15px;margin:0;accent-color:var(--acc);flex-shrink:0;cursor:pointer}
.tp-hero{margin-top:18px;max-width:320px;min-height:24px}
/* The hero is dark in both themes, so its text colours are fixed */
.proof{margin-top:16px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:rgba(255,255,255,.72);line-height:1.5}
.proof a{color:rgba(255,255,255,.72);text-decoration:none}.proof a:hover{color:#fff}
.proof b{color:#fff;font-weight:700}
.tp-stars{display:inline-flex;gap:2px;vertical-align:-2px;margin-right:6px}.tp-stars i{width:16px;height:16px;background:#00B67A;display:inline-flex;align-items:center;justify-content:center}.tp-stars i.off{background:var(--bd2)}.tp-stars i.half{background:linear-gradient(90deg,#00B67A 50%,var(--bd2) 50%)}.tp-stars svg{width:11px;height:11px;fill:#fff}
.tp-faq{max-width:320px;min-height:150px;margin:-16px 0 32px}
.trustpilot-widget>a{font-size:13px;color:var(--tx2);text-decoration:underline}
.site-footer{background:var(--sf);border-top:1px solid var(--bd);padding:36px 24px;}
.footer-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.footer-copy{font-size:12px;color:var(--tx3);}
.footer-games a{color:var(--tx2);text-decoration:none}.footer-games a:hover{color:var(--acc)}
.footer-links{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;}
.footer-links a{font-size:13px;color:var(--tx2);text-decoration:none;font-weight:500;transition:color .12s;}
.footer-links a:hover{color:var(--tx);}

/* Toasts */
#toast-container{position:fixed;bottom:20px;right:20px;z-index:500;display:flex;flex-direction:column;gap:8px;pointer-events:none;}
.toast{background:var(--sf3);border:1px solid var(--bd2);border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px rgba(0,0,0,.3);animation:toastIn .25s cubic-bezier(.22,1,.36,1);pointer-events:auto;}
.toast.out{animation:toastOut .2s ease forwards;}
@keyframes toastIn{from{transform:translateX(110px);opacity:0}to{transform:none;opacity:1}}
@keyframes toastOut{to{transform:translateX(110px);opacity:0}}
.toast-thumb{width:24px;aspect-ratio:63/88;border-radius:3px;overflow:hidden;background:var(--sf2);flex-shrink:0;}
.toast-thumb img{width:100%;height:100%;object-fit:cover;}
.toast-undo-btn{background:var(--acc);color:#fff;border:none;border-radius:4px;padding:3px 9px;font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em;}
.toast-undo-btn:hover{opacity:.85;}
.toast-name{font-size:12px;font-weight:600;}
.toast-sub{font-size:11px;color:var(--tx2);}

/* ── Responsive ── */
@media(max-width:1200px){
  .usps-inner{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:1000px){
  .hero-inner{grid-template-columns:1fr;gap:36px;}
  .how-card{max-width:520px;}
  .usps-inner{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:700px){
  .hero{padding:44px 20px 40px;}
  .nav-inner{padding:0 16px;}
  .back-link{display:none;}
  .nav-links{display:none;}
  .nav-inner{gap:8px;}
  .logo-img{height:28px;}
  .game-switch{width:100%;}
  .game-switch .tab{flex:1;justify-content:center;padding:6px 8px;font-size:12px;}
  .how-card{display:none;}
  .usps-inner{grid-template-columns:1fr;}
  .shell{grid-template-columns:1fr;grid-template-rows:1fr 64px;}
  .col-bl{border-left:none;border-top:1px solid var(--bd);grid-row:2;flex-direction:row;align-items:center;padding:0 16px;gap:12px;height:64px;}
  .bl-hdr,.bl-list,.bl-foot{display:none;}
  .mob-bar{display:flex!important;align-items:center;gap:10px;flex:1;}
  .mob-total{font-family:'JetBrains Mono',monospace;font-size:15px;color:var(--grn);font-variant-numeric:tabular-nums;}
  .mob-submit{flex:1;padding:10px;background:var(--acc);color:#fff;border:none;border-radius:var(--r);font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;cursor:pointer;}
  .mob-submit:disabled{opacity:.4;cursor:not-allowed;}
  .mob-view{padding:10px 12px;background:var(--sf2);color:var(--tx);border:1px solid var(--bd2);border-radius:var(--r);font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;cursor:pointer;}
  .col-bl.mob-open{position:fixed;inset:0;z-index:180;height:auto;flex-direction:column;align-items:stretch;padding:0;gap:0;}
  .col-bl.mob-open .bl-hdr{display:flex;flex-wrap:wrap;gap:4px;}
  .col-bl.mob-open .bl-list{display:block;}
  .bl-clear{display:none;}
  .col-bl.mob-open .bl-clear{display:flex;}
  .col-bl.mob-open .bl-foot{display:block;max-height:55dvh;overflow-y:auto;}
  .col-bl.mob-open .mob-bar{display:none!important;}
  .col-bl.mob-open .mob-close{display:inline-flex;}
  .col-search{grid-row:1;overflow:hidden;}
  #toast-container{bottom:80px;}
  .faq-section{padding:48px 20px 56px;}
  .terms-section{padding:48px 20px 56px;}
  .footer-inner{flex-direction:column;align-items:flex-start;gap:16px;}
}
@media(min-width:701px){.mob-bar{display:none!important;}}
.menu-btn{display:none}
/* Card buttons: stepper once a card is on the list */
.card-act{display:flex;flex-direction:column;align-items:center;gap:4px}
.card-step{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid rgba(46,204,138,.35);border-radius:999px;background:var(--grn-d)}
.step-btn{width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:var(--tx);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.step-btn:hover:not(:disabled){background:var(--sf2)}
.step-btn:disabled{opacity:.35;cursor:default}
.step-n{min-width:16px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--grn)}
.card-foot{flex-wrap:wrap;gap:6px}
.card-cm{white-space:nowrap;overflow:hidden}
/* Fingers: bigger buttons, a bigger hit area for the heart */
@media(pointer:coarse){
  .card .add-btn{width:40px;height:40px;font-size:20px}
  .card .add4-btn{min-height:32px;min-width:40px}
  .step-btn{width:36px;height:36px;font-size:18px}
  .wish-btn::after{content:'';position:absolute;inset:-10px}
}
/* The 30-day trend needs its explanation, which only a mouse can show */
@media(hover:none){.trend-badge{display:none}}
.hs-lbl-m,.bl-sort-sel{display:none}
@media(max-width:700px){
  /* one search field: on a phone the hero button takes you to the search with the card list */
  #hero-srch{display:none}
  .hero-search .btn-hero-primary{flex:1;justify-content:center}
  .hs-lbl{display:none}.hs-lbl-m{display:inline}
  .hero-sub-more{display:none}
  .bl-sort-chip[data-bls]{display:none}
  .bl-sort-sel{display:block;flex:1;min-width:0;padding:5px 8px;border:1px solid var(--bd2);border-radius:var(--r);background:var(--sf2);color:var(--tx);font-family:'Poppins',sans-serif;font-size:12px}
}
/* List: delete-all under the cards, folded offer details */
.bl-clear{justify-content:flex-end;padding:2px 12px;flex-shrink:0}
.bl-clear .clear-btn{color:var(--tx3)}
.bl-clear .clear-btn:hover{color:var(--red)}
.tot-more{margin-bottom:8px}
.tot-more>summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--tx2);padding:4px 0 6px;list-style-position:inside}
.tot-more[open]>summary{margin-bottom:6px}
@media(max-width:700px){
  /* game tabs: all four fit; the number of cards is in the bar at the bottom */
  .game-switch .tab-cnt{display:none!important}
  /* list header on one line: Compact and Bewaren as icons */
  .col-bl.mob-open .bl-hdr{flex-wrap:nowrap}
  .col-bl.mob-open .bl-hdr .clear-btn{font-size:0!important;padding:8px}
  .col-bl.mob-open .bl-hdr .clear-btn .ic{width:16px;height:16px}
  /* a lower sticky search bar */
  .searchbar{padding:8px 14px}
  .game-switch{margin-bottom:6px}
  .game-switch .tab{padding:5px 6px}
}
/* USPs in two columns: the first one across, so no item is left on its own */
@media(max-width:700px){.usps-inner>.usp:first-child:nth-last-child(5){grid-column:1/-1}}
/* Labels: one pill shape, as on theupkeep.nl; colours keep their meaning */
.rarity,.set-bonus-badge,.wanted-badge,.foil-badge,.max-qty-badge,.bl-bonus-badge,.cond-badge,.in-list-badge,.mtg-legal-badge,.sub-pay-bonus,.pay-opt-bonus{border-radius:999px;font-weight:700;letter-spacing:.02em;line-height:1.35}
.rarity,.set-bonus-badge,.wanted-badge,.in-list-badge{padding:2px 8px}
/* Section bands: clearer alternation between sections */
:root{--band:#232323}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]){--band:#FFFFFF}}
:root[data-theme="dark"]{--band:#232323}:root[data-theme="light"]{--band:#FFFFFF}
.estimator-section,.shipping-section,.terms-section{background:var(--band)}
/* Hero: cards with our offer on coloured tiles */
.hero-side{display:flex;flex-direction:column;gap:18px}
.hero-fan{position:relative;height:250px;display:flex;justify-content:center;align-items:center}
.hero-fan[hidden]{display:none}
.fan-card{position:absolute;width:100px;padding:8px 8px 28px;border:none;border-radius:18px;cursor:pointer;transition:transform .18s ease;box-shadow:0 14px 30px rgba(0,0,0,.35);transform:translateX(var(--x)) translateY(var(--y)) rotate(var(--r))}
/* The hover lift keeps the card in its place in the fan; the hit area reaches below the card, so lifting it
   never moves it out from under the mouse (which made it flicker). */
.fan-card::after{content:'';position:absolute;left:0;right:0;top:0;bottom:-18px}
.fan-card img{display:block;width:100%;aspect-ratio:63/88;object-fit:cover;border-radius:6px;background:rgba(0,0,0,.15)}
.fan-price{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;color:#111}
.fan-0{background:#4BE07A;--x:-147px;--y:6px;--r:-7deg}
.fan-1{background:#F26A2B;--x:-49px;--y:-6px;--r:-2deg;z-index:2}
.fan-2{background:#9A4DF2;--x:49px;--y:-6px;--r:2deg;z-index:3}
.fan-2 .fan-price{color:#fff}
.fan-3{background:#F7D93A;--x:147px;--y:6px;--r:7deg}
.fan-card:hover,.fan-card:focus-visible{z-index:5;transform:translateX(var(--x)) translateY(calc(var(--y) - 12px)) rotate(0deg) scale(1.05)}
.fan-cap{position:absolute;bottom:-8px;left:0;right:0;text-align:center;font-size:12px;color:rgba(255,255,255,.55)}
.hero-side .how-card{padding:18px 22px}
.hero-side .how-title{margin-bottom:12px}
.hero-side .how-steps{gap:10px}
@media(max-width:1000px){.hero-fan{display:none}}
/* Card flying to the list */
.fly-img{position:fixed;z-index:400;border-radius:6px;pointer-events:none;transition:transform .55s cubic-bezier(.5,0,.75,0),opacity .55s ease;box-shadow:0 8px 24px rgba(0,0,0,.35)}
@keyframes cnt-bump{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
.badge.bump{animation:cnt-bump .35s ease-out}
@media(prefers-reduced-motion:reduce){.fan-card{transition:none}.badge.bump{animation:none}}
/* Skeleton cards while searching */
.sk-card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;padding-bottom:12px}
.sk-img{aspect-ratio:63/88;background:var(--sf2)}
.sk-line{height:10px;margin:10px 10px 0;border-radius:4px;background:var(--sf2)}
.sk-line.short{width:45%}
.sk-img,.sk-line{background:linear-gradient(90deg,var(--sf2) 25%,var(--sf3) 50%,var(--sf2) 75%);background-size:200% 100%;animation:sk 1.2s ease-in-out infinite}
@keyframes sk{from{background-position:200% 0}to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.sk-img,.sk-line{animation:none}}
/* Result cards: the heart only on hover with a mouse (always when saved) */
@media(hover:hover){.card .wish-btn:not(.on){opacity:0;transition:opacity .12s}.card:hover .wish-btn,.card:focus-within .wish-btn{opacity:1}}
/* FAQ groups */
.faq-groups{display:flex;flex-direction:column;gap:28px}
.faq-gh{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);margin-bottom:4px}
@media(min-width:1000px){.faq-inner{max-width:1100px}.faq-groups{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px;align-items:start}}
/* Footer */
.footer-brand{display:flex;flex-direction:column;gap:6px}
.footer-brand .logo-img{align-self:flex-start;margin-bottom:4px}
.ic{display:inline-block;vertical-align:-2px;flex-shrink:0}
.usp-ico{color:var(--acc)}
.state.start h3{margin-top:4px}
.buy-rules{max-width:480px;margin:10px auto 0;font-size:12px;color:var(--tx2);text-align:left}
.buy-rules summary{cursor:pointer;color:var(--tx2);list-style:none;text-align:center}
.buy-rules summary::-webkit-details-marker{display:none}
.buy-rules summary::after{content:' ▾';color:var(--tx3)}
.buy-rules[open] summary{color:var(--tx)}
.buy-rules p{margin-top:8px;line-height:1.55;font-size:11.5px}
.buy-rules a{color:var(--acc)}
.bl-howto{list-style:none;counter-reset:h;display:flex;flex-direction:column;gap:8px;padding:6px 2px 4px;margin:0}
.bl-howto li{counter-increment:h;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--tx2)}
.bl-howto li::before{content:counter(h);width:22px;height:22px;border-radius:50%;background:var(--sf2);border:1px solid var(--bd2);color:var(--tx);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
details.shipping-step{display:block;padding:0}
details.shipping-step summary{display:flex;align-items:center;gap:16px;padding:16px 0;cursor:pointer;list-style:none}
details.shipping-step summary::-webkit-details-marker{display:none}
details.shipping-step .ship-title{flex:1;margin:0}
details.shipping-step .ship-num{margin-top:0}
.ship-chev{color:var(--tx3);transition:transform .15s}
details.shipping-step[open] .ship-chev{transform:rotate(180deg)}
details.shipping-step .ship-body{padding:0 0 18px 48px}
.ship-tip-icon{color:var(--amber)}
/* Desktop: a compact hero and one row of benefits, so the tool starts on the first screen */
@media(min-width:701px){
  .hero{padding:40px 24px 36px;}
  .hero h1{font-size:clamp(30px,3.6vw,46px);}
  .hero-ctas{display:none;}
  .usps{padding:10px 24px;}
  .usps-inner{grid-template-columns:repeat(5,1fr);}
  .usp{padding:8px 10px;gap:10px;}
  .usp-text span{display:none;}
  .usp-text strong{margin:0;}
}
@media(prefers-reduced-motion:reduce){.ship-chev{transition:none}}
.vintage-note{margin-top:10px;padding:9px 12px;border-radius:6px;background:var(--sf2);border:1px solid var(--bd2);font-size:12px;color:var(--tx2);line-height:1.5;text-align:left}
.vintage-note a{color:var(--acc)}
@media(max-width:480px){.sub-payment{display:grid;grid-template-columns:1fr 1fr;}.sub-pay-opt.credit{grid-column:1/-1;}}
.help-line{margin-top:22px;font-size:12px;color:var(--tx3);}
.help-line a{color:var(--acc);font-weight:600;text-decoration:none;}
.guarantee{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:600;color:var(--grn);margin-top:8px;padding:5px 0;}
.nm-note{font-size:11px;color:var(--tx2);margin:10px 0 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.nm-checks{display:flex;flex-direction:column;gap:10px;}
.nm-check{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.45;}
.nm-check strong{display:block;color:var(--tx);font-size:13px;}
.nm-check span{color:var(--tx2);}
.nm-tick{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:rgba(46,204,138,.15);color:var(--grn);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;}
.search-notice{margin:0 0 10px;padding:9px 12px;border-radius:6px;background:rgba(240,180,41,.08);border:1px solid rgba(240,180,41,.3);font-size:12px;color:var(--tx2);line-height:1.5}
.search-notice a{color:var(--acc)}
.crumb-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.crumb-row .crumb{margin:0}
.view-sw{display:inline-flex;border:1px solid var(--bd2);border-radius:var(--r);overflow:hidden}
.view-sw button{background:transparent;border:none;color:var(--tx2);font:inherit;font-size:12px;font-weight:600;padding:6px 12px;cursor:pointer}
.view-sw button[aria-pressed="true"]{background:var(--sf2);color:var(--tx)}
.set-list{display:flex;flex-direction:column;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden}
.sl-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--bd);background:var(--sf)}
.sl-row:first-child{border-top:none}
.sl-row.on{background:rgba(46,204,138,.07)}
.sl-row.add-flash{animation:addFlash .6s ease-out}
.sl-num{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--tx3);font-variant-numeric:tabular-nums}
.sl-name{display:flex;flex-direction:column;min-width:0;font-size:13px;font-weight:600}
.sl-name span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sl-name small{font-size:11px;font-weight:500;color:var(--tx3)}
.sl-price{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--grn);text-align:right;font-variant-numeric:tabular-nums}
.sl-price.nil{color:var(--tx3);font-weight:500;font-size:11px}
.sl-step{display:flex;align-items:center;gap:6px}
.sl-step button{width:30px;height:30px;border-radius:var(--r);border:1px solid var(--bd2);background:var(--sf2);color:var(--tx);font-size:16px;line-height:1;cursor:pointer}
.sl-step button:hover:not(:disabled){border-color:var(--acc);color:var(--acc)}
.sl-step button:disabled{opacity:.3;cursor:not-allowed}
.sl-q{min-width:18px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.sl-row.on .sl-q{color:var(--grn)}
@media(pointer:coarse){.sl-step button{width:38px;height:38px}}
@media(max-width:420px){.sl-row{grid-template-columns:40px minmax(0,1fr) auto;row-gap:4px}.sl-step{grid-column:2/-1;justify-content:flex-end}.sl-price{grid-column:3;grid-row:1}}
.was-badge{font-size:11px;color:var(--amber);text-decoration:line-through;text-decoration-color:rgba(240,180,41,.5)}
button.modal-thumb{padding:0;border:none;cursor:zoom-in}
.add-modal.zoomed .modal-hdr{flex-wrap:wrap;position:relative}
.add-modal.zoomed .modal-thumb{flex:0 0 100%;width:100%;aspect-ratio:auto;background:none;display:flex;justify-content:center;cursor:zoom-out;order:-1}
.add-modal.zoomed .modal-thumb img{width:min(62%,250px);height:auto;aspect-ratio:63/88;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.add-modal.zoomed .modal-close{position:absolute;top:12px;right:12px}
.add-modal{max-height:calc(100dvh - 24px);overflow-y:auto}
@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.12)}100%{transform:scale(1)}}
.mob-tot-col.bump .mob-total{animation:bump .35s ease-out;display:inline-block}
@media(prefers-reduced-motion:reduce){.mob-tot-col.bump .mob-total,.sl-row.add-flash{animation:none}}
.mob-menu{position:absolute;top:60px;left:0;right:0;background:var(--sf);border-bottom:1px solid var(--bd);box-shadow:0 12px 30px rgba(0,0,0,.35);display:flex;flex-direction:column;padding:6px 0 10px}
.mob-menu[hidden]{display:none}
.mob-menu a{padding:13px 20px;color:var(--tx);text-decoration:none;font-size:15px;font-weight:600}
.mob-menu a:hover,.mob-menu a:focus-visible{background:var(--sf2)}
.mob-menu .mob-menu-shop{color:var(--tx2);font-weight:500;border-top:1px solid var(--bd);margin-top:6px;padding-top:15px}
.crumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tx3);margin:0 0 10px;flex-wrap:wrap}
.crumb button{background:none;border:none;padding:0;color:var(--acc);font:inherit;font-weight:600;cursor:pointer}
.crumb button:hover{text-decoration:underline}
.crumb span{color:var(--tx);font-weight:600}
.to-search{position:fixed;right:384px;bottom:20px;z-index:120;padding:10px 16px;border-radius:999px;border:1px solid var(--bd2);background:var(--sf);color:var(--tx);font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.to-search[hidden]{display:none}
.to-search:hover{border-color:var(--acc)}
.pop-wrap{margin-top:24px;width:100%;max-width:560px;text-align:left}
.pop-hdr{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tx3)}
.pop-all{background:none;border:none;color:var(--acc);font:inherit;font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;cursor:pointer;padding:0}
.pop-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.pop-card{display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--sf2);border:1px solid var(--bd);border-radius:var(--r);cursor:pointer;color:var(--tx);font:inherit;text-align:left;min-width:0}
.pop-card:hover,.pop-card:focus-visible{border-color:var(--acc)}
.pop-card img{width:100%;aspect-ratio:63/88;object-fit:cover;border-radius:4px;background:var(--sf)}
.pop-name{font-size:11px;line-height:1.25;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pop-price{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;color:var(--grn)}
@media(max-width:700px){.pop-row{grid-template-columns:repeat(3,1fr)}}
.mob-tot-col{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.mob-min{font-size:11px;color:var(--amber);white-space:nowrap}
.mob-min:empty{display:none}
/* Touch screens: bigger targets on the result cards and in the list */
@media(pointer:coarse){
  .add-btn{width:34px;height:34px;font-size:19px;}
  .add4-btn{min-height:28px;padding:0 9px;}
  .qty-btn{width:30px;height:30px;font-size:15px;}
}
@media(max-width:700px){
  /* Hero and the benefits row take less room, so the tool comes sooner */
  .hero{padding:28px 16px 30px;}
  .hero-ctas{margin-top:10px;}
  .hero-ctas .btn-hero-sec{padding:4px 0;border:none;background:none;font-size:13px;}
  .usps{padding:10px 16px;}
  .usps-inner{grid-template-columns:1fr 1fr;gap:2px 10px;}
  .usp{padding:8px 4px;gap:8px;}
  .usp-ico{font-size:17px;}
  .usp-text strong{font-size:12px;margin:0;}
  .usp-text span{display:none;}
  /* The send form fills the screen, with the send button always in view */
  .overlay:has(.submit-modal){padding:0;align-items:stretch;}
  .submit-modal{max-width:none!important;border-radius:0;border:none;height:100dvh;display:flex;flex-direction:column;}
  .submit-modal .modal-body{max-height:none;flex:1;min-height:0;}
  .submit-modal .modal-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--bd);}
  .submit-modal .modal-foot .btn-pri{flex:2;}
  .menu-btn{display:flex}
  /* The page scrolls, not a box inside it: search bar stays on top, the list bar at the bottom */
  .tool-section{height:auto;min-height:calc(100dvh - 60px);}
  .shell{display:block;height:auto;}
  .shell .col-search{overflow:visible;min-height:calc(100dvh - 60px);}
  .shell .col-search .searchbar{position:sticky;top:60px;z-index:30;}
  .shell .results{overflow:visible;padding-bottom:88px;}
  .shell .col-bl:not(.mob-open){position:fixed;left:0;right:0;bottom:0;z-index:150;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 20px rgba(0,0,0,.25);}
  body:not(.has-list) .shell .col-bl:not(.mob-open){display:none;}
  .to-search{right:16px;bottom:84px;}
  body:not(.has-list) .to-search{bottom:20px;}
}
.mob-close{display:none;align-items:center;justify-content:center;margin-left:auto;width:30px;height:30px;border-radius:var(--r);border:1px solid var(--bd2);background:var(--sf2);color:var(--tx);cursor:pointer;font-size:14px;}
.later-note{font-size:11px;color:var(--tx2);line-height:1.5;background:var(--bg3,rgba(255,255,255,.04));border:1px solid var(--bd,rgba(255,255,255,.08));border-radius:var(--r);padding:9px 12px;margin:2px 0 12px;}
.privacy-note{font-size:11px;color:var(--tx3);line-height:1.5;margin-top:8px;}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:4px;}

/* ── Recent searches bar ── */
.recent-bar{padding:6px 18px;border-bottom:1px solid var(--bd);background:var(--sf);display:flex;align-items:center;gap:8px;flex-wrap:wrap;display:none;}
.recent-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--tx3);white-space:nowrap;flex-shrink:0;}
.recent-chips{display:flex;gap:4px;flex-wrap:wrap;}
.recent-chip{padding:3px 9px;border-radius:20px;border:1px solid var(--bd);background:transparent;color:var(--tx3);font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:all .12s;white-space:nowrap;}
.recent-chip:hover{border-color:var(--acc-b);color:var(--acc);background:var(--acc-d);}
.recent-clear{font-size:11px;font-weight:600;color:var(--tx3);background:transparent;border:none;cursor:pointer;padding:2px 5px;border-radius:4px;font-family:'Poppins',sans-serif;transition:color .12s;margin-left:auto;flex-shrink:0;}
.recent-clear:hover{color:var(--red);}

/* ── Set browser panel ── */
.searchbar{position:relative;}
.set-panel{position:absolute;top:100%;left:0;right:0;background:var(--sf);border:1px solid var(--bd2);border-top:none;z-index:50;box-shadow:0 12px 32px rgba(0,0,0,.35);border-radius:0 0 var(--r) var(--r);}
.set-panel-inner{padding:14px 18px;max-height:300px;overflow-y:auto;}
.set-panel-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--tx3);margin-bottom:10px;}
.set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;}
.set-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r);border:1px solid var(--bd);background:var(--sf2);cursor:pointer;transition:all .12s;}
.set-item:hover{border-color:var(--acc-b);background:var(--acc-d);}
.set-item-logo{width:30px;height:20px;object-fit:contain;flex-shrink:0;filter:var(--logo-filter,none);}
.set-item-body{flex:1;min-width:0;}
.set-item-name{font-size:11px;font-weight:600;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.set-item-sub{font-size:11px;color:var(--tx3);}
.set-panel-close{display:block;text-align:center;padding:8px;font-size:11px;color:var(--tx3);cursor:pointer;border-top:1px solid var(--bd);transition:color .12s;}
.set-panel-close:hover{color:var(--tx);}

/* print trend badges */

/* compact mode */
.col-bl.bl-compact .bl-thumb{display:none!important;}
.col-bl.bl-compact .bl-item{grid-template-columns:18px 1fr auto!important;}

/* bl-item context menu */
.bl-ctx-menu{position:fixed;background:var(--sf);border:1px solid var(--bd2);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.22);z-index:9999;overflow:hidden;min-width:160px;animation:fadeIn .1s ease;}
.bl-ctx-item{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:600;color:var(--tx2);cursor:pointer;transition:background .08s;}
.bl-ctx-item:hover{background:var(--sf2);color:var(--tx);}
.bl-ctx-item.danger{color:var(--red);}
.bl-ctx-item.danger:hover{background:rgba(240,96,96,.1);}

.bl-ctx-sep{height:1px;background:var(--bd);margin:3px 0;}

/* recent customers chips */

@media print{
  /* hide everything except the print view */
  body>*:not(#print-view){display:none!important;}
  #print-view{display:block!important;}
  @page{margin:1.8cm 1.6cm;size:A4 portrait;}
}

/* print view, hidden on screen */
#print-view{display:none;}
#print-view *{box-sizing:border-box;}
#print-view{font-family:'Poppins',system-ui,sans-serif;color:#111;background:#fff;font-size:10pt;line-height:1.45;}
.pv-hdr{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:14px;}
.pv-hdr-left .pv-store{font-size:16pt;font-weight:800;letter-spacing:-.04em;color:#111;}
.pv-hdr-left .pv-tagline{font-size:8pt;color:#666;margin-top:2px;letter-spacing:.06em;text-transform:uppercase;}
.pv-hdr-right{text-align:right;}
.pv-hdr-right .pv-title{font-size:13pt;font-weight:700;letter-spacing:-.02em;color:#111;}
.pv-hdr-right .pv-meta{font-size:8pt;color:#555;margin-top:3px;}
.pv-customer{font-size:9pt;margin-bottom:12px;padding:7px 10px;border:1px solid #ddd;border-radius:4px;background:#f9f9f9;}
.pv-customer strong{color:#111;}
.pv-table{width:100%;border-collapse:collapse;}
.pv-table th{font-size:8pt;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#555;border-bottom:1px solid #ccc;padding:5px 8px;text-align:left;}
.pv-table th:last-child,.pv-table td:last-child{text-align:right;}
.pv-table th:nth-child(4),.pv-table td:nth-child(4),
.pv-table th:nth-child(5),.pv-table td:nth-child(5){text-align:center;}
.pv-table td{font-size:9pt;padding:5px 8px;border-bottom:1px solid #eee;vertical-align:middle;}
.pv-table tr:last-child td{border-bottom:none;}
.pv-game-row td{background:#f3f3f3;font-size:8pt;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#444;padding:5px 8px;}
.pv-badge{display:inline-block;font-size:7pt;font-weight:700;padding:1px 5px;border-radius:3px;letter-spacing:.04em;}
.pv-cond-nm{background:#e6f4ea;color:#2e7d32;}

.pv-foil{background:#e8f4fd;color:#1565c0;}
.pv-mono{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;}
.pv-totals{margin-top:14px;border-top:2px solid #111;padding-top:10px;}
.pv-tot-row{display:flex;justify-content:space-between;font-size:9pt;padding:3px 0;}
.pv-tot-row.grand{font-size:11pt;font-weight:800;margin-top:4px;padding-top:5px;border-top:1px solid #ccc;}
.pv-footer{margin-top:20px;font-size:7.5pt;color:#999;border-top:1px solid #eee;padding-top:8px;display:flex;justify-content:space-between;}
.pv-payment{font-size:9pt;color:#444;margin-top:5px;}

/* NM grading guide */
.nm-help-link{font-size:11px;color:var(--tx3);background:transparent;border:none;cursor:pointer;font-family:'Poppins',sans-serif;text-decoration:underline dotted;text-underline-offset:2px;padding:0;margin-top:5px;display:inline-block;transition:color .12s;}
.nm-help-link:hover{color:var(--acc);}

/* first-visit search hint */

/* back-to-top button */
.back-top{position:fixed;bottom:76px;right:16px;width:36px;height:36px;background:var(--sf);border:1px solid var(--bd);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;color:var(--tx2);opacity:0;pointer-events:none;transition:opacity .2s,background .12s;z-index:90;box-shadow:0 2px 8px rgba(0,0,0,.18);}
.back-top.show{opacity:1;pointer-events:auto;}
.back-top:hover{background:var(--sf2);color:var(--tx);}
@media(min-width:769px){.back-top{bottom:24px;right:24px;}}