/*
Theme Name: SlotCar Theme
Theme URI: https://slotcarguy.com
Author: Shivani
Author URI: https://slotcarguy.com
Description: Custom WordPress Theme for The Slot Car Guy
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: slotcar
*/

:root{--asphalt:#121212;--cream:#fff1d7;--paper:#f8ead1;--red:#e43b2f;--yellow:#ffd33d;--blue:#1b63d8;--green:#31b65b;--orange:#f47b20;--muted:#8e8171;--line:rgba(255,241,215,.16);--shadow:0 34px 105px rgba(0,0,0,.38);--ease:cubic-bezier(.19,1,.22,1)}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--asphalt);color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.container{width:min(1240px,calc(100% - 48px));margin-inline:auto}.topbar{background:repeating-linear-gradient(45deg,#000 0 18px,#fff 18px 36px);color:#000;text-align:center}.topbar span{display:inline-block;background:var(--yellow);padding:11px 22px;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.nav{position:sticky;top:0;z-index:80;background:rgba(18,18,18,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:14px}.logo{width:58px;height:58px;border-radius:18px;background:linear-gradient(90deg,transparent 0 43%,#222 43% 57%,transparent 57%),linear-gradient(180deg,#e43b2f 0 40%,#ffd33d 40% 62%,#1b63d8 62% 100%);box-shadow:0 18px 46px rgba(228,59,47,.24);position:relative}.logo:before,.logo:after{content:"";position:absolute;bottom:8px;width:13px;height:13px;background:#060606;border-radius:50%;box-shadow:inset 0 0 0 3px #333}.logo:before{left:12px}.logo:after{right:12px}.brand b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:.92;letter-spacing:-.055em}.brand small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.19em;margin-top:7px;font-weight:950}.nav-links{display:flex;align-items:center;gap:24px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900}.nav-links a{opacity:.66;transition:.25s var(--ease)}.nav-links a:hover{opacity:1;color:var(--yellow)}.btn{min-height:50px;padding:0 20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;background:linear-gradient(135deg,var(--red),#ff7a26);color:#fff;font-size:13px;font-weight:950;box-shadow:0 20px 56px rgba(228,59,47,.26);transition:.28s var(--ease);white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 30px 80px rgba(228,59,47,.34)}.btn.yellow{background:linear-gradient(135deg,var(--yellow),#fff1a5);color:#141414}.btn.light{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);box-shadow:none;color:#fff}.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--yellow);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.18em}.kicker:before{content:"";width:38px;height:1px;background:currentColor}.hero{position:relative;min-height:900px;overflow:hidden;background:radial-gradient(circle at 14% 14%,rgba(228,59,47,.28),transparent 30%),radial-gradient(circle at 86% 12%,rgba(255,211,61,.18),transparent 30%),linear-gradient(180deg,#151515,#0b0b0b 78%)}.hero:before{content:"";position:absolute;inset:0;opacity:.20;background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 72% 42%,black,transparent 72%)}.hero:after{content:"";position:absolute;right:-20%;bottom:-28%;width:900px;height:900px;border-radius:50%;border:90px solid rgba(255,255,255,.07);box-shadow:0 0 0 24px rgba(255,211,61,.06),inset 0 0 0 24px rgba(228,59,47,.09);transform:rotate(-18deg)}.hero-inner{position:relative;z-index:3;min-height:700px;padding:60px 0 60px;display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,7.6vw,122px);line-height:.84;letter-spacing:-.078em;margin:18px 0 24px}.hero h1 span{color:var(--yellow);text-shadow:0 0 26px rgba(255,211,61,.26)}.lead{font-size:17px;line-height:1.8;color:#d4c4af;max-width:560px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:34px}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:34px;max-width:800px}.proof{padding:15px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px)}.proof b{display:block;color:#fff;font-size:15px}.proof span{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.visual{position:relative;min-height:700px}.track-card{position:absolute;right:0;top:26px;width:min(650px,100%);height:640px;border-radius:48px;overflow:hidden;background:#1c1c1c;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow)}.track{position:absolute;inset:0;background:radial-gradient(ellipse at 52% 52%,#2f2f2f 0 19%,transparent 20%),radial-gradient(ellipse at 52% 52%,transparent 0 31%,#2b2b2b 32% 49%,transparent 50%),radial-gradient(ellipse at 52% 52%,transparent 0 56%,#2b2b2b 57% 75%,transparent 76%),linear-gradient(135deg,#232323,#101010)}.track:before{content:"";position:absolute;inset:54px;border-radius:50%;border:8px dashed rgba(255,255,255,.26)}.track:after{content:"";position:absolute;left:0;right:0;top:48%;height:58px;background:#303030;border-top:4px solid #c4c4c4;border-bottom:4px solid #c4c4c4;box-shadow:inset 0 0 0 2px #161616}.car{position:absolute;width:132px;height:58px;border-radius:19px 32px 18px 28px;box-shadow:0 18px 32px rgba(0,0,0,.35);z-index:3}.car:before,.car:after{content:"";position:absolute;bottom:-8px;width:24px;height:24px;border-radius:50%;background:#050505;box-shadow:inset 0 0 0 5px #333}.car:before{left:16px}.car:after{right:16px}.car i{position:absolute;left:44px;top:9px;width:42px;height:22px;border-radius:50%;background:rgba(255,255,255,.45);display:block}.car.red{background:linear-gradient(135deg,#f54235,#9f1714);left:82px;top:105px;transform:rotate(16deg)}.car.blue{background:linear-gradient(135deg,#2c7df3,#123e9d);right:96px;top:206px;transform:rotate(-12deg)}.car.yellow{background:linear-gradient(135deg,#ffd33d,#f47b20);left:230px;bottom:130px;transform:rotate(-22deg)}.car.green{background:linear-gradient(135deg,#50da76,#147b32);right:86px;bottom:86px;transform:rotate(20deg)}.display-case{position:absolute;left:0;bottom:74px;width:400px;border-radius:32px;padding:24px;background:rgba(20,20,20,.88);border:1px solid rgba(255,211,61,.2);box-shadow:var(--shadow);backdrop-filter:blur(18px);z-index:8}.display-case b{display:block;color:var(--yellow);font-size:12px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:10px}.display-case h3{font-family:Georgia,serif;font-size:38px;line-height:.98;letter-spacing:-.055em;margin-bottom:10px}.display-case p{color:#d4c4af;line-height:1.55;margin-bottom:0}.cash-badge{position:absolute;right:28px;bottom:30px;z-index:8;background:var(--yellow);color:#111;border-radius:999px;padding:16px 20px;font-weight:950;box-shadow:var(--shadow)}.section{padding:108px 0}.section-head{display:grid;grid-template-columns:.86fr 1.14fr;gap:44px;align-items:end;margin-bottom:44px}.section-head h2{font-family:Georgia,serif;font-size:clamp(40px,5vw,78px);line-height:.94;letter-spacing:-.064em;margin:10px 0 0}.section-head p{font-size:18px;line-height:1.72;color:#d4c4af;margin-bottom:6px}.sell{background:linear-gradient(180deg,#0b0b0b,#171412)}.sell-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch}.sell-card{border-radius:44px;padding:44px;background:linear-gradient(145deg,var(--red),#7e1712);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.sell-card h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,78px);line-height:.93;letter-spacing:-.064em}.sell-card p{color:#ffe0c9;font-size:18px}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reason{border-radius:28px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:24px;min-height:190px}.reason span{font-size:38px}.reason h3{font-size:24px;letter-spacing:-.04em;margin:12px 0 8px}.reason p{font-size:14px;color:#d4c4af;line-height:1.55;margin-bottom:0}.wanted{background:#171412}.wanted-board{border-radius:48px;background:var(--paper);color:#20160f;box-shadow:var(--shadow);padding:40px;position:relative;overflow:hidden}.wanted-board:before{content:"WANTED";position:absolute;right:-40px;top:20px;font-family:Georgia,serif;font-size:140px;color:rgba(228,59,47,.08);font-weight:800;transform:rotate(-6deg)}.wanted-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;position:relative;z-index:2}.wanted-item{background:#fff;border:1px solid rgba(32,22,15,.14);border-radius:28px;padding:24px;box-shadow:0 12px 34px rgba(32,22,15,.08);min-height:180px}.wanted-item b{display:block;color:var(--red);font-size:12px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:22px}.wanted-item h3{font-size:24px;letter-spacing:-.04em;margin-bottom:8px}.wanted-item p{color:#75604b;font-size:14px;line-height:1.55}.process{background:linear-gradient(180deg,#171412,#0b0b0b)}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{min-height:260px;border-radius:28px;padding:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);transition:.32s var(--ease)}.step:hover{transform:translateY(-7px);background:rgba(255,255,255,.09)}.step span{display:block;color:var(--yellow);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:950;margin-bottom:30px}.step h3{font-size:24px;line-height:1.05;letter-spacing:-.035em}.step p{font-size:14px;color:#d4c4af;line-height:1.55}.collection{background:#0b0b0b}.collection-card{border-radius:48px;overflow:hidden;display:grid;grid-template-columns:.95fr 1.05fr;min-height:590px;background:linear-gradient(135deg,#222,#111);border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow)}.case-visual{padding:38px;display:grid;place-items:center;background:linear-gradient(145deg,#2b2926,#111)}.slot-case{width:100%;max-width:520px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px;border-radius:22px;background:#2b241d;border:10px solid #5b4630;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),0 30px 70px rgba(0,0,0,.35)}.mini-car{height:54px;border-radius:14px;position:relative;background:var(--c);box-shadow:inset 0 -12px 20px rgba(0,0,0,.18)}.mini-car:before,.mini-car:after{content:"";position:absolute;bottom:-4px;width:12px;height:12px;background:#050505;border-radius:50%}.mini-car:before{left:10px}.mini-car:after{right:10px}.collection-copy{padding:56px;display:flex;flex-direction:column;justify-content:center}.collection-copy h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,78px);line-height:.93;letter-spacing:-.064em}.collection-copy p{color:#d4c4af;font-size:18px}.trust{background:#0b0b0b}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trust-card{border-radius:34px;padding:32px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);box-shadow:var(--soft)}.trust-card h3{font-size:28px;letter-spacing:-.04em}.trust-card p{color:#d4c4af;line-height:1.65}.cta{padding:0;background:#0b0b0b}.cta-box{border-radius:50px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;min-height:560px;background:linear-gradient(135deg,#e43b2f,#2a1110 58%,#0b0b0b);box-shadow:var(--shadow)}.cta-copy{padding:64px;display:flex;flex-direction:column;justify-content:center}.cta-copy h2{font-family:Georgia,serif;font-size:clamp(42px,5.4vw,82px);line-height:.92;letter-spacing:-.064em;margin:18px 0}.cta-copy p{font-size:18px;color:#ffe0c9}.cta-panel{padding:42px;background:rgba(255,255,255,.07);border-left:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column;justify-content:center}.cta-mini{padding:18px 0;border-top:1px solid rgba(255,255,255,.16)}.cta-mini b{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:12px;margin-bottom:6px;color:var(--yellow)}.cta-mini span,.cta-mini a{font-size:18px;color:#fff}.footer{background:#090909;padding:58px 0;border-top:1px solid rgba(255,255,255,.10)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}.footer h4{margin:0 0 14px;text-transform:uppercase;letter-spacing:.15em;font-size:12px;color:var(--yellow)}.footer p,.footer a{font-size:14px;color:#a99988;line-height:1.7}.reveal{opacity:0;transform:translateY(26px);transition:opacity .78s var(--ease),transform .78s var(--ease)}.reveal.in{opacity:1;transform:translateY(0)}@media(max-width:1100px){.hero-inner,.section-head,.sell-grid,.collection-card,.cta-box{grid-template-columns:1fr}.visual{min-height:720px}.track-card{right:50%;transform:translateX(50%)}.display-case{left:50%;transform:translateX(-50%);bottom:28px}.wanted-grid,.process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.container{width:min(100% - 30px,1240px)}.nav-links{display:none}.nav-inner{height:76px}.nav .btn{display:none}.brand b{font-size:23px}.hero h1{
font-family:Georgia,"Times New Roman",serif;
font-size:clamp(54px,5vw,82px);
line-height:.90;
letter-spacing:-.05em;
margin:12px 0 20px;
}.proof-grid,.reason-grid,.wanted-grid,.process-grid,.trust-grid,.footer-grid{grid-template-columns:1fr}.visual{min-height:560px}.track-card{height:540px;width:100%;top:0}.display-case,.cash-badge{display:none}.section{padding:76px 0}.cta-copy,.cta-panel,.collection-copy,.sell-card,.wanted-board{padding:34px 24px}.slot-case{grid-template-columns:repeat(3,1fr)}}/* ==========================
   SLOT CAR IMAGE FIX
========================== */

.track-card{
    overflow:hidden;
    position:relative;
}

.car{
    display:none !important;
}

/* Common */

.car-photo{
    position:absolute;
    width:120px;
    height:auto;
    object-fit:contain;
    z-index:5;
    filter:drop-shadow(0 12px 18px rgba(0,0,0,.45));
    transition:.3s;
}

.car-photo:hover{
    transform:scale(1.08);
}

/* Green */

.car1{
    top:58px;
    left:55px;
    width:118px;
    transform:rotate(-28deg);
}

/* Blue */

.car2{
    top:58px;
    right:52px;
    width:122px;
    transform:rotate(24deg);
}

/* Red */

.car3{
    bottom:42px;
    right:72px;
    width:118px;
    transform:rotate(18deg);
}

/* Truck */

.car4{
    bottom:82px;
    left:58px;
    width:125px;
    transform:rotate(-18deg);
}
/* ================= HERO FIX ================= */

.hero-inner{
    grid-template-columns:1fr 1fr !important;
    gap:70px !important;
    align-items:center !important;
}

.hero h1{
    font-size:72px !important;
    line-height:0.92 !important;
    letter-spacing:-3px !important;
    max-width:520px !important;
    margin-bottom:20px !important;
}

.hero .lead{
    font-size:18px !important;
    line-height:1.8 !important;
    max-width:560px !important;
}

.visual{
    min-height:520px !important;
}

.track-card{
    width:100% !important;
    height:430px !important;
    border-radius:30px !important;
}

.actions{
    margin-top:30px !important;
}
.hero h1{
    font-size:clamp(58px,5vw,82px) !important;
    line-height:.92 !important;
    letter-spacing:-2px;
}
.hero .lead{
    max-width:520px;
    font-size:18px;
    line-height:1.75;
}