/*
Theme Name: The TCG Collector
Theme URI: https://www.thetcgcollector.com/
Author: Chipz Web Design
Description: Premium mobile-first marketplace theme for collectors who scan, catalog, trade, and sell trading cards.
Version: 1.2.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: tcgcoolections
*/
:root{--bg:#060b13;--surface:#0e1826;--surface2:#132238;--text:#eef7ff;--muted:#93a8ba;--line:#223851;--cyan:#20e1cf;--purple:#9c6cff;--gold:#ffcc5c;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 10% 0,rgba(32,225,207,.08),transparent 28%),radial-gradient(circle at 90% 12%,rgba(156,108,255,.10),transparent 28%)}a{color:inherit}img{max-width:100%;height:auto}.site-wrap{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(6,11,19,.86);border-bottom:1px solid rgba(64,92,121,.35);backdrop-filter:blur(18px)}.topbar{background:linear-gradient(90deg,#0bbcab,#8360df);color:#031312;text-align:center;padding:6px 12px;font-size:.72rem;font-weight:900;letter-spacing:.12em}.header-main{display:flex;align-items:center;min-height:76px;gap:26px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--purple));color:#07101c;font-weight:1000;box-shadow:0 0 30px rgba(32,225,207,.22)}.brand-copy{font-size:1.08rem;font-weight:950;letter-spacing:-.04em}.brand-copy i{color:var(--cyan);font-style:normal}.primary-nav{margin-left:auto}.primary-nav ul{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}.primary-nav a{color:#c1d0dd;text-decoration:none;font-size:.86rem;font-weight:800}.primary-nav a:hover{color:var(--cyan)}.header-actions{display:flex;gap:9px}.ui-btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 16px;border:1px solid #31506a;border-radius:11px;text-decoration:none;font-weight:900;font-size:.8rem;transition:.2s transform,.2s border-color}.ui-btn:hover{transform:translateY(-2px);border-color:var(--cyan)}.ui-btn.primary{color:#031816;background:linear-gradient(135deg,var(--cyan),#65f3b1);border-color:transparent}.ui-btn.scan{color:#fff;background:linear-gradient(135deg,#7b52da,#a86dff);border-color:transparent;box-shadow:0 10px 24px rgba(134,85,229,.23)}.menu-toggle{display:none;margin-left:auto;background:transparent;color:white;border:1px solid var(--line);border-radius:9px;padding:8px 11px}.hero{position:relative;overflow:hidden;padding:clamp(70px,10vw,128px) 0 80px}.hero:after{content:"";position:absolute;width:520px;height:520px;right:-120px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(156,108,255,.19),transparent 68%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:.71rem;font-weight:950;letter-spacing:.17em}.eyebrow:before{content:"";width:25px;height:2px;background:var(--cyan)}.hero h1{max-width:820px;font-size:clamp(3.1rem,7vw,6.7rem);line-height:.92;letter-spacing:-.07em;margin:18px 0 24px}.hero h1 em{display:block;color:transparent;font-style:normal;background:linear-gradient(90deg,var(--cyan),#80a9ff,var(--purple));background-clip:text;-webkit-background-clip:text}.hero-copy>p{max-width:650px;color:var(--muted);font-size:1.12rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:#a9bbc9;font-size:.78rem;font-weight:800}.trust-row span:before{content:"✓";color:var(--cyan);margin-right:7px}.vault-stage{position:relative;min-height:480px}.vault-glow{position:absolute;inset:8% 5%;border-radius:50%;background:radial-gradient(circle,rgba(32,225,207,.18),rgba(156,108,255,.08) 50%,transparent 70%);filter:blur(18px)}.display-card{position:absolute;overflow:hidden;width:220px;aspect-ratio:5/7;border:1px solid rgba(255,255,255,.17);border-radius:20px;background:linear-gradient(145deg,#1b314b,#0b1524);box-shadow:0 35px 70px rgba(0,0,0,.45);padding:18px}.display-card.one{left:12%;top:10%;transform:rotate(-12deg)}.display-card.two{left:35%;top:2%;z-index:2;background:linear-gradient(150deg,#3b285c,#131b31);transform:rotate(4deg)}.display-card.three{right:4%;top:23%;transform:rotate(13deg)}.display-card .art{display:grid;place-items:center;height:62%;border-radius:13px;background:radial-gradient(circle,#32577d,#0c1726 67%);font-size:4.5rem}.display-card.two .art{background:radial-gradient(circle,#7957b5,#201732 68%)}.display-card.three .art{background:radial-gradient(circle,#7b5c24,#1f190c 68%)}.display-card small{display:block;margin-top:16px;color:var(--cyan);font-weight:900;letter-spacing:.1em}.display-card b{display:block;margin-top:5px}.scan-float{position:absolute;bottom:10px;left:10%;z-index:4;padding:15px 22px;border:1px solid rgba(32,225,207,.35);border-radius:15px;background:rgba(8,20,31,.9);box-shadow:0 20px 50px rgba(0,0,0,.35);backdrop-filter:blur(12px)}.scan-float strong{display:block}.scan-float span{color:var(--cyan);font-size:.78rem}.section{padding:76px 0}.section.alt{background:linear-gradient(180deg,rgba(15,27,43,.65),rgba(8,14,23,.1));border-block:1px solid rgba(48,72,96,.25)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-head h2{margin:8px 0 0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.05em}.section-head p{max-width:520px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature{position:relative;overflow:hidden;min-height:250px;padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#132238,#0b1422)}.feature:after{content:"";position:absolute;width:130px;height:130px;right:-45px;bottom:-45px;border-radius:50%;background:rgba(32,225,207,.08)}.feature:nth-child(even):after{background:rgba(156,108,255,.11)}.feature-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:14px;background:#182f46;font-size:1.45rem}.feature h3{margin:22px 0 8px}.feature p{color:var(--muted);font-size:.9rem}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:steps}.step{counter-increment:steps;padding:30px;border-left:2px solid var(--cyan);background:rgba(15,27,43,.72);border-radius:0 16px 16px 0}.step:before{content:"0" counter(steps);color:var(--cyan);font-weight:950;letter-spacing:.12em}.step p{color:var(--muted)}.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.market-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.market-image{display:grid;place-items:center;aspect-ratio:1/1.08;background:radial-gradient(circle at 50% 30%,#243f5c,#09121e 68%)}.market-image img{width:100%;height:100%;object-fit:contain;padding:18px}.market-placeholder{font-size:3rem;font-weight:1000;color:#345069}.market-copy{padding:17px}.market-copy small{color:var(--cyan);font-weight:850}.market-copy h3{margin:5px 0}.market-copy p{color:var(--muted);font-size:.8rem}.market-price{font-size:1.22rem;font-weight:950}.join-banner{display:grid;grid-template-columns:1.3fr auto;align-items:center;gap:24px;padding:44px;border:1px solid rgba(32,225,207,.28);border-radius:24px;background:linear-gradient(120deg,rgba(24,64,71,.75),rgba(43,27,78,.77));box-shadow:0 28px 80px rgba(0,0,0,.25)}.join-banner h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:0 0 12px;letter-spacing:-.05em}.join-banner p{color:#bed0df;margin:0}.content-area{min-height:55vh;padding:56px 0}.entry-card{max-width:900px;margin:auto;padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.entry-card h1{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.05em}.site-footer{padding:54px 0 28px;border-top:1px solid var(--line);background:#04080e}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(2,1fr);gap:48px}.footer-copy{color:var(--muted);max-width:430px}.footer-menu{list-style:none;padding:0}.footer-menu li{margin:9px 0}.footer-menu a{color:var(--muted);text-decoration:none}.footer-menu a:hover{color:var(--cyan)}.copyright{display:flex;justify-content:space-between;gap:15px;color:#6e8294;font-size:.75rem;margin-top:40px;padding-top:20px;border-top:1px solid #172536}.mobile-scan{display:none}@media(max-width:980px){.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:20px;background:#08111d;border-bottom:1px solid var(--line)}.primary-nav.open{display:block}.primary-nav ul{align-items:stretch;flex-direction:column}.menu-toggle{display:block}.header-actions .ui-btn:not(.scan){display:none}.hero-grid{grid-template-columns:1fr;gap:26px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions,.trust-row{justify-content:center}.hero-copy>p{margin-inline:auto}.vault-stage{min-height:390px;max-width:650px;width:100%;margin:auto}.feature-grid,.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.site-wrap{width:min(100% - 22px,var(--max))}.header-main{min-height:66px;gap:8px}.brand-copy{font-size:.95rem}.brand-mark{width:36px;height:36px}.header-actions .scan{display:none}.hero{padding:58px 0 45px}.hero h1{font-size:clamp(3rem,17vw,4.5rem)}.vault-stage{min-height:300px}.display-card{width:145px;padding:10px;border-radius:14px}.display-card .art{font-size:3rem}.display-card small{font-size:.59rem;margin-top:8px}.display-card b{font-size:.72rem}.scan-float{padding:10px 14px}.feature-grid,.market-grid,.step-grid,.footer-grid{grid-template-columns:1fr}.section{padding:52px 0}.section-head{align-items:start;flex-direction:column}.feature{min-height:220px}.join-banner{grid-template-columns:1fr;padding:30px}.copyright{flex-direction:column;padding-bottom:70px}.mobile-scan{display:flex;position:fixed;z-index:80;left:14px;right:14px;bottom:12px;align-items:center;justify-content:center;min-height:55px;border-radius:15px;color:#041918;background:linear-gradient(135deg,var(--cyan),#60efb0);font-weight:1000;text-decoration:none;box-shadow:0 14px 42px rgba(0,0,0,.5)}}

.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.community-story{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 18px 48px rgba(0,0,0,.22)}.community-story img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.community-copy{padding:20px}.community-copy h3{margin:5px 0 8px}.community-copy p{color:var(--muted);font-size:.85rem;margin:0}.photo-label{color:var(--cyan);font-size:.65rem;font-weight:950;letter-spacing:.12em}@media(max-width:800px){.community-grid{grid-template-columns:1fr}.community-story img{aspect-ratio:16/9}}