@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
/* All styles scoped under #t206-checklist so this drops into a Shogun Custom Code
   element without colliding with the BigCommerce (Modern) theme. Palette + type
   per the T206Cards.com brand style guide. */
#t206-checklist{
  --navy:#2E375B; --navy2:#1A1A2E; --gold:#BBA347; --gold2:#C9A84C; --coral:#F95738;
  --ink:#2E2226; --paper:#F5F5F5; --white:#fff; --slate:#829EAA; --sale:#E74C3C; --have:#2f9e69; --need:#D33A2C;
  --muted:#5E637A; --line:#e6e3da; --r:4px; --shadow:0 1px 3px rgba(46,34,38,.12);
  --shadow-h:0 6px 18px rgba(46,34,38,.16);
  font-family:Poppins,Arial,Helvetica,sans-serif; color:var(--ink); background:var(--paper);
  line-height:1.5; max-width:1600px; margin:0 auto;
}
#t206-checklist *{box-sizing:border-box}
/* checklist.css loads only on the hub page. The theme caps content pages at width:66.667% (8/12 cols)
   via .page-content--centered on desktop; override to full width so the checklist matches the header/nav. */
.page-content--centered{max-width:none!important;width:100%!important}
#t206-checklist h1,#t206-checklist h2,#t206-checklist h3,#t206-checklist h4{margin:0;font-weight:700;line-height:1.2}
#t206-checklist a{color:var(--navy);text-decoration:none}
#t206-checklist a:hover{text-decoration:underline}
/* ---------- header band ---------- */
.t206-topbar{display:flex;align-items:flex-start;gap:20px;background:var(--navy);
  background:linear-gradient(120deg,#2E375B,#1A1A2E);padding:16px 22px;border-radius:var(--r) var(--r) 0 0;
  border-bottom:3px solid var(--gold)}
.t206-topbar .brand img{display:block;width:150px;height:auto}
.t206-titles h1{color:#fff;font-size:26px;font-weight:800;letter-spacing:.3px}
.t206-titles .sub{color:#cdd4e6;font-size:13px;font-weight:500;margin-top:6px;line-height:1.55;max-width:900px}
#t206-checklist .t206-titles .sub a.t206-guide{color:var(--gold2);font-weight:700;text-decoration:underline}
#t206-checklist .t206-titles .sub a.t206-guide:hover{color:#fff}
.t206-index{margin:18px auto 0;max-width:1100px;font-family:Poppins,Arial,Helvetica,sans-serif;color:#5E637A}
.t206-index summary{cursor:pointer;font-weight:700;color:#2E375B;padding:6px 0;font-size:13px}
.t206-index h2{font-size:15px;color:#2E375B;margin:8px 0}
.t206-index ol{columns:3;column-gap:26px;font-size:12.5px;line-height:1.6;margin:8px 0 0;padding:0 0 0 22px}
.t206-index li{break-inside:avoid;margin:0 0 2px}
.t206-index a{color:#2E375B;text-decoration:none}
.t206-index a:hover{text-decoration:underline}
.t206-wrap{padding:18px 22px 30px}
.t206-banner{background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);
  color:var(--muted);font-size:12.5px;padding:8px 12px;border-radius:var(--r);margin:0 0 14px}
.t206-banner b{color:var(--ink)}
/* ---------- controls ---------- */
.t206-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:var(--shadow)}
.t206-field{display:flex;flex-direction:column;gap:4px}
.t206-field label{font-size:10.5px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:700}
.t206-field input,.t206-field select{font-family:inherit;padding:8px 10px;border:1px solid var(--line);
  border-radius:var(--r);background:var(--white);font-size:14px;color:var(--ink);min-width:140px}
.t206-field input:focus,.t206-field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px rgba(187,163,71,.25)}
#t206-search{min-width:230px}
.t206-toggle{display:inline-flex;border:1px solid var(--navy);border-radius:var(--r);overflow:hidden}
.t206-toggle button{font-family:inherit;border:0;background:var(--white);padding:8px 15px;cursor:pointer;
  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--navy)}
.t206-toggle button.on{background:var(--navy);color:#fff}
.t206-reset{font-family:inherit;align-self:flex-end;margin-left:8px;background:none;border:1px solid var(--coral);border-radius:var(--r);
  padding:9px 16px;cursor:pointer;color:var(--coral);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.t206-reset:hover{background:var(--coral);color:#fff}
.t206-export{font-family:inherit;align-self:flex-end;margin-left:auto;background:var(--navy);border:1px solid var(--navy);border-radius:var(--r);
  padding:9px 16px;cursor:pointer;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.t206-export:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.t206-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;margin:14px 2px 10px;flex-wrap:wrap;gap:6px}
.t206-meta b{color:var(--ink)}
/* ---------- table ---------- */
table.t206-tbl{width:100%;border-collapse:collapse;background:var(--white);box-shadow:var(--shadow);border-radius:var(--r);overflow:hidden;font-size:14px}
.t206-tbl th{background:var(--navy);text-align:left;padding:11px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#fff;cursor:pointer;white-space:nowrap}
.t206-tbl th .arr{opacity:.55;font-size:10px}
.t206-tbl th.act .arr{opacity:1;color:var(--gold2)}
.t206-tbl td{padding:9px 11px;border-bottom:1px solid var(--line);vertical-align:top}
.t206-tbl tr:last-child td{border-bottom:0}
.t206-tbl tbody tr:hover td{background:#faf7ef}
.t206-tbl .num{color:var(--muted);font-variant-numeric:tabular-nums}
.t206-name{font-weight:600;cursor:pointer;color:var(--navy)}
.t206-name:hover{color:var(--coral);text-decoration:underline}
.t206-pose{color:var(--muted);font-size:12.5px}
.t206-backcount{font-variant-numeric:tabular-nums}
/* ---------- chips ---------- */
.t206-tags{display:flex;gap:5px;flex-wrap:wrap}
.t206-tag{font-size:10px;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px;font-weight:700}
.tag-hof{background:#F1E6C8;color:#7d6418}
.tag-southern{background:#E6EDF0;color:#46606C}
.tag-star{background:#EFE7CF;color:#7d6418}
.tag-error{background:#FCE3DD;color:#C23A22}
/* ---------- grid ---------- */
.t206-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:16px}
.t206-cardtile{background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);
  overflow:hidden;cursor:pointer;transition:transform .1s,box-shadow .1s,border-color .1s}
.t206-cardtile:hover{transform:translateY(-3px);box-shadow:var(--shadow-h);border-color:var(--gold)}
.t206-thumb{position:relative;aspect-ratio:5/7;background:var(--paper);display:flex;align-items:center;justify-content:center;
  color:var(--slate);font-size:13px;text-align:center;padding:10px;border-bottom:1px solid var(--line);overflow:hidden}
.t206-thumb img{width:100%;height:100%;object-fit:contain}
.t206-instock{position:absolute;top:6px;left:6px;z-index:2;background:var(--coral);color:#fff;font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:3px 6px;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.t206-instock-inline{position:static;display:inline-block;vertical-align:middle;margin-left:6px;box-shadow:none}
/* ---------- My Collection (owned / needed) ---------- */
.t206-collmark{position:absolute;top:6px;right:6px;z-index:2;font-size:9px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;padding:3px 6px;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.3);color:#fff}
.t206-collmark.owned{background:var(--have)}
.t206-collmark.needed{background:var(--need)}
.t206-collmark-inline{position:static;display:inline-block;vertical-align:middle;margin-left:6px;box-shadow:none}
.t206-track{display:flex;flex-direction:column;gap:6px}
.t206-trackrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 8px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.t206-trackrow.head{background:var(--paper);font-weight:600}
.t206-trackrow .lbl{font-size:12.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t206-trackbtns{display:inline-flex;gap:4px;flex:none}
.t206-trackbtns button{font:600 11px Poppins,Arial,sans-serif;cursor:pointer;border:1px solid var(--line)!important;background:#fff!important;color:var(--muted)!important;padding:3px 11px;border-radius:999px;line-height:1.4}
.t206-trackbtns button:hover{border-color:var(--slate)!important}
.t206-trackbtns button.own.on{background:var(--have)!important;border-color:var(--have)!important;color:#fff!important}
.t206-trackbtns button.need.on{background:var(--need)!important;border-color:var(--need)!important;color:#fff!important}
.t206-trackmore{margin-top:2px}
.t206-trackmore>summary{cursor:pointer;font-size:12px;color:var(--navy);font-weight:600;padding:4px 2px;list-style:none}
.t206-trackmore>summary::-webkit-details-marker{display:none}
.t206-trackmore>summary:before{content:'▸ ';font-size:10px}
.t206-trackmore[open]>summary:before{content:'▾ '}
.t206-trackmore .t206-track{margin-top:6px}
.t206-trackhint{font-size:11px;color:var(--muted);margin-top:7px}
.t206-collsum{color:var(--navy);font-weight:600;white-space:nowrap}
.t206-collsum .own{color:var(--have)}
.t206-collsum .need{color:var(--need)}
#t206-checklist.coll-out .t206-collfield{display:none}
.t206-signin{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.t206-signin p{margin:0 0 10px;font-size:13px;color:var(--ink)}
.t206-signin-btns{display:flex;gap:8px;flex-wrap:wrap}
.t206-trackedbacks{font-size:10.5px;line-height:1.35;margin-top:4px;color:var(--muted)}
.tb-owned{color:var(--have);font-weight:700}
.tb-needed{color:var(--need);font-weight:700}
.t206-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-top:2px}
.t206-mine-btn{font-family:inherit;background:var(--gold);border:1px solid var(--gold);border-radius:var(--r);padding:9px 16px;cursor:pointer;color:var(--navy);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.t206-mine-btn:hover{background:var(--navy);border-color:var(--navy);color:#fff}
#t206-checklist.coll-out .t206-mine-btn{display:none}
#t206-checklist.mine-mode .t206-controls{display:none}
.t206-mine-head{margin:2px 0 16px}
.t206-mine-head h2{font-size:22px;color:var(--navy);margin:8px 0 3px;font-weight:800}
.t206-mine-sub{font-size:13px}
.t206-mine-sec{margin:0 0 24px}
.t206-mine-h{font-size:15px;margin:0 0 12px;padding-bottom:6px;border-bottom:2px solid var(--line)}
.t206-mine-h.needed{color:var(--need);border-color:var(--need)}
.t206-mine-h.owned{color:var(--have);border-color:var(--have)}
.t206-tilebody{padding:9px 11px}
.t206-tilebody .nm{font-weight:700;font-size:14px;color:var(--navy)}
.t206-tilebody .ps{color:var(--muted);font-size:12px;margin-bottom:6px}
/* ---------- pager ---------- */
.t206-pager{display:flex;justify-content:center;align-items:center;gap:6px;margin:20px 0 4px;flex-wrap:wrap}
.t206-pager button{font-family:inherit;min-width:34px;height:34px;padding:0 10px;border:1px solid var(--line);
  background:var(--white);color:var(--navy);border-radius:var(--r);cursor:pointer;font-size:13px;font-weight:600}
.t206-pager button:hover:not(:disabled){border-color:var(--gold)}
.t206-pager button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.t206-pager button:disabled{opacity:.4;cursor:default}
.t206-pager .gap{color:var(--muted);padding:0 2px}
/* ---------- detail overlay ---------- */
.t206-overlay{position:fixed;inset:0;background:rgba(26,26,46,.6);display:none;align-items:flex-start;justify-content:center;padding:28px 16px;overflow:auto;z-index:99999}
.t206-overlay.open{display:flex}
.t206-detail{background:var(--paper);max-width:780px;width:100%;border-radius:var(--r);box-shadow:0 16px 50px rgba(0,0,0,.4);overflow:hidden}
/* The card overlay is re-parented to document.body on open so position:fixed anchors to the
   viewport even when a page builder (Shogun) wraps the embed in a transformed ancestor (which
   would otherwise re-anchor fixed elements to it, pushing the close button off-screen).
   Re-declare the brand variables/font/links/buttons scoped to .t206-overlay so it stays styled. */
.t206-overlay{--navy:#2E375B;--navy2:#1A1A2E;--gold:#BBA347;--gold2:#C9A84C;--coral:#F95738;--ink:#2E2226;--paper:#F5F5F5;--white:#fff;--slate:#829EAA;--sale:#E74C3C;--have:#2f9e69;--need:#D33A2C;--muted:#5E637A;--line:#e6e3da;--r:4px;--shadow:0 1px 3px rgba(46,34,38,.12);--shadow-h:0 6px 18px rgba(46,34,38,.16);font-family:Poppins,Arial,Helvetica,sans-serif;color:var(--ink)}
.t206-overlay *{box-sizing:border-box}
.t206-overlay a{color:var(--navy);text-decoration:none}
.t206-overlay a:hover{text-decoration:underline}
.t206-overlay h1,.t206-overlay h2,.t206-overlay h3,.t206-overlay h4{margin:0;font-weight:700;line-height:1.2}
.t206-overlay .t206-btn.primary{background:var(--navy);color:#fff}
.t206-overlay .t206-btn.gold{background:var(--gold);color:var(--ink)}
.t206-overlay .t206-btn.outline{background:var(--white);border:1.5px solid var(--navy);color:var(--navy)}
.t206-overlay .t206-sublink{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:600;color:var(--navy);cursor:pointer}
.t206-overlay .t206-subform{margin-top:10px;flex-direction:column;gap:7px;max-width:430px}
.t206-overlay .t206-subform label{font-size:11px;font-weight:600;color:var(--muted);display:flex;flex-direction:column;gap:3px;text-transform:uppercase;letter-spacing:.3px}
.t206-overlay .t206-subform select,.t206-overlay .t206-subform input,.t206-overlay .t206-subform textarea{font-family:inherit;font-size:13px;padding:7px 9px;border:1px solid var(--line);border-radius:4px;width:100%;background:#fff;color:var(--ink);text-transform:none;letter-spacing:0;font-weight:400}
.t206-overlay .t206-subintro{font-size:12.5px;color:var(--muted);margin:0 0 3px;line-height:1.45}
.t206-overlay .t206-sub-send{align-self:flex-start;cursor:pointer;border:0;padding:9px 18px}
.t206-overlay .t206-sub-hp{position:absolute;left:-9999px;width:1px;height:1px}
.t206-overlay .t206-sub-msg{font-size:12.5px;min-height:1px;color:var(--muted)}
.t206-overlay .t206-sub-msg.err{color:var(--sale)}
.t206-overlay .t206-subthanks{font-size:13px;color:var(--have);font-weight:600;margin:0}
.t206-dhead{background:linear-gradient(120deg,#2E375B,#1A1A2E);color:#fff;padding:18px 22px;position:relative;border-bottom:3px solid var(--gold)}
.t206-dhead .close{position:absolute;top:12px;right:14px;background:rgba(255,255,255,.14);border:0;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1}
.t206-dhead .close:hover{background:var(--coral)}
.t206-dhead h2{font-size:24px;font-weight:800;color:#fff !important}
.t206-dhead .pose{color:var(--gold2);font-size:15px;margin-top:2px;font-weight:600}
.t206-dhead .crumbs{font-size:11px;color:#aeb6cf;margin-bottom:7px;letter-spacing:.6px;text-transform:uppercase}
.t206-dbody{padding:20px 22px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.t206-dbody>*{min-width:0}  /* let grid items shrink to the panel; stops the wide pop table forcing the whole modal wider than mobile viewport */
.t206-detailimg{float:right;width:160px;margin:0 0 12px 18px;border-radius:var(--r);box-shadow:var(--shadow-h);background:#fff}
.t206-attrs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.t206-attr{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:8px 11px}
.t206-attr .k{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700}
.t206-attr .v{font-size:15px;font-weight:600}
.t206-sec h3{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--navy);border-bottom:2px solid var(--gold);padding-bottom:5px;margin-bottom:10px}
.t206-backchips{display:flex;flex-wrap:wrap;gap:6px}
.t206-bchip{font-size:12px;padding:3px 9px;border-radius:var(--r);border:1px solid var(--line);background:var(--white)}
.t206-bchip.scarce{border-color:var(--gold)}
.t206-bchip.rare{border-color:var(--gold2);background:#faf3e3}
.t206-bchip.very-rare{border-color:var(--coral);background:#fde9e4;color:var(--coral);font-weight:700}
.t206-placeholder{border:1px dashed var(--line);border-radius:var(--r);padding:14px;color:var(--muted);font-size:13px;background:var(--white)}
.t206-poptable-wrap{overflow-x:auto;margin-top:8px}
.t206-poptable{width:100%;border-collapse:collapse;font-size:12px;min-width:430px}
.t206-poptable th,.t206-poptable td{border:1px solid var(--line);padding:4px 5px;text-align:center;white-space:nowrap}
.t206-poptable th{background:var(--navy);color:#fff;font-weight:600;font-size:10.5px}
.t206-poptable td:first-child,.t206-poptable th:first-child{text-align:left}
.t206-poptable td:first-child{font-weight:700;color:var(--navy)}
.t206-btn{display:inline-block;font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.5px;
  font-size:12.5px;padding:10px 18px;border-radius:var(--r);cursor:pointer}
.t206-btn:hover{text-decoration:none;filter:brightness(1.06)}
/* prefixed with the ID so they beat `#t206-checklist a` link colour (specificity) */
#t206-checklist .t206-btn.primary{background:var(--navy);color:#fff}
#t206-checklist .t206-btn.gold{background:var(--gold);color:var(--ink)}
#t206-checklist .t206-btn.outline{background:var(--white);border:1.5px solid var(--navy);color:var(--navy)}
.t206-ebay-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.t206-reflink{font-size:13px;font-weight:600}
.t206-fineprint{font-size:11px;color:var(--muted);margin-top:8px}
.t206-empty{padding:48px;text-align:center;color:var(--muted);background:var(--white);border:1px solid var(--line);border-radius:var(--r)}
.t206-prodgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.t206-prod{display:block;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--white);color:var(--ink)}
.t206-prod:hover{text-decoration:none;box-shadow:var(--shadow-h);border-color:var(--gold)}
.t206-prodimg{aspect-ratio:1/1;background:var(--paper);display:flex;align-items:center;justify-content:center}
.t206-prodimg img{width:100%;height:100%;object-fit:cover}
.t206-prodname{font-size:12px;padding:6px 8px 0;line-height:1.25}
.t206-prodprice{font-size:13px;font-weight:700;color:var(--coral);padding:2px 8px 8px}
.t206-backgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:10px;margin-top:10px}
.t206-backthumb{margin:0;text-align:center}
.t206-backthumb img{width:100%;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow)}
.t206-backthumb figcaption{font-size:9.5px;line-height:1.2;color:var(--muted);margin-top:4px}
.t206-backthumb.noimg .ph{aspect-ratio:3/5;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:var(--r);font-size:10px;color:var(--muted);padding:4px;text-transform:capitalize}
.t206-popbacks-h{font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--navy);margin:16px 0 8px;text-transform:uppercase}
.t206-popbacks-h span{font-weight:500;text-transform:none;color:var(--muted);letter-spacing:0}
.t206-popbacks{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:10px}
.t206-popback{margin:0;text-align:center;display:flex;flex-direction:column}
.t206-popback .th img{width:100%;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow);display:block}
.t206-popback .th .ph{aspect-ratio:3/5;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:var(--r);font-size:9px;color:var(--muted);padding:4px}
.t206-popback figcaption{margin-top:5px;display:flex;flex-direction:column;gap:1px}
.t206-popback .bl{font-size:11px;line-height:1.2;font-weight:700;color:var(--navy)}
.t206-popback .bn{font-size:16px;font-weight:800;color:var(--navy);line-height:1.05}
.t206-popback .bg{font-size:8.5px;color:var(--muted);margin-top:1px}
.t206-popback .gr{display:flex;justify-content:space-between;align-items:baseline;font-size:10.5px;line-height:1.45;padding:0 3px}
.t206-popback .gr .gl{color:var(--muted);font-weight:700;letter-spacing:.3px}
.t206-popback .gr .gv{font-weight:800;color:var(--navy)}
.t206-foot{margin-top:24px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);text-align:center;line-height:1.5}
.t206-foot a{color:var(--navy);font-weight:600;text-decoration:none}
/* ---------- responsive ---------- */
/* >680px the columns flow fluidly via the auto-fill grid above; mobile (<=680px) is pinned to 2 cols below */
@media(max-width:680px){
  .t206-topbar{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}
  .t206-titles h1{font-size:21px}
  .t206-wrap{padding:14px 14px 26px}
  .t206-field{flex:1 1 calc(50% - 5px)}
  .t206-field input,.t206-field select{min-width:0;width:100%}
  #t206-search{min-width:0}
  .t206-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .t206-detailimg{float:none;width:140px;margin:0 auto 10px;display:block}
  .t206-tbl thead{display:none}
}