/*
Theme Name: EcoPro Detailing Black Edition
Theme URI: https://www.ecoprowash.org
Author: EcoPro Detailing
Description: Premium futuristic WordPress theme for EcoPro Detailing with Tesla-inspired clarity and Porsche Experience-style luxury presentation. Includes service sections, packages, memberships, reviews, gallery, booking flow, and WooCommerce/Stripe-ready checkout styling.
Version: 3.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: ecopro-black
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Orbitron:wght@500;600;700;800;900&display=swap');
:root{--black:#030305;--carbon:#08080d;--panel:rgba(255,255,255,.075);--panel2:rgba(255,255,255,.12);--line:rgba(255,255,255,.15);--white:#fff;--muted:#b7bbc8;--green:#39ff14;--purple:#6d28d9;--purple2:#9a5cff;--shadow:0 30px 90px rgba(0,0,0,.55);--glow:0 0 55px rgba(109,40,217,.42),0 0 26px rgba(57,255,20,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}body.admin-bar .nav{top:50px}.container{width:min(1200px,calc(100% - 38px));margin:0 auto}.bg-grid{position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 20% 15%,rgba(109,40,217,.28),transparent 30%),radial-gradient(circle at 80% 5%,rgba(57,255,20,.14),transparent 25%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 38%)}.bg-grid:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 72%)}
.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1200px,calc(100% - 28px));z-index:90;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--line);background:rgba(3,3,5,.72);backdrop-filter:blur(22px);border-radius:999px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.brand img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(57,255,20,.3))}.brand span{white-space:nowrap}.menu{display:flex;gap:22px;align-items:center;color:#edf0f8;font-size:14px;font-weight:800}.menu a{opacity:.86}.menu a:hover{opacity:1;color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,var(--purple),#25115a);color:white;border-radius:999px;padding:14px 23px;font-weight:900;box-shadow:var(--glow);transition:.25s ease;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 0 66px rgba(109,40,217,.55)}.btn.alt{background:rgba(255,255,255,.07);box-shadow:none}.btn.green{background:linear-gradient(135deg,#39ff14,#128704);color:#041004}.hero{min-height:100vh;display:grid;align-items:center;position:relative;padding:145px 0 85px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030305 0%,rgba(3,3,5,.84) 43%,rgba(3,3,5,.22)),url('assets/img/ecopro-logo.png') right 8% center/540px no-repeat;opacity:.52;z-index:-1}.car-silhouette{position:absolute;right:-8%;bottom:11%;width:760px;height:210px;border-radius:48% 52% 30% 30%;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 -55px 80px rgba(0,0,0,.75),0 0 110px rgba(109,40,217,.25);transform:skewX(-12deg);z-index:-1}.car-silhouette:before,.car-silhouette:after{content:"";position:absolute;bottom:-34px;width:92px;height:92px;border-radius:50%;border:12px solid rgba(255,255,255,.1);background:#040405;box-shadow:0 0 35px rgba(57,255,20,.12)}.car-silhouette:before{left:140px}.car-silhouette:after{right:150px}.eyebrow{display:inline-flex;gap:10px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.075);padding:10px 14px;border-radius:999px;color:#f2f3fa;font-weight:900;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}h1,h2,h3{font-family:Orbitron,Inter,sans-serif;margin:0}h1{font-size:clamp(50px,8vw,116px);line-height:.88;letter-spacing:.02em;text-transform:uppercase;margin-top:22px;max-width:1020px}.slogan{font-family:Orbitron,Inter,sans-serif;color:var(--green);font-size:clamp(18px,3vw,34px);font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin:17px 0;text-shadow:0 0 30px rgba(57,255,20,.38)}.lead{font-size:clamp(18px,2vw,24px);line-height:1.55;color:#dfe1e8;max-width:780px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:35px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:60px}.stat,.glass{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.04));backdrop-filter:blur(18px);border-radius:28px;box-shadow:var(--shadow)}.stat{padding:20px}.stat strong{display:block;font-family:Orbitron;font-size:28px;color:white}.stat span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section h2{font-size:clamp(34px,5vw,66px);text-transform:uppercase;line-height:1}.section p{color:var(--muted);line-height:1.65}.grid{display:grid;gap:20px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{position:relative;overflow:hidden;padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));border-radius:32px;box-shadow:var(--shadow);min-height:225px;transition:.28s ease}.card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(109,40,217,.4),transparent 45%,rgba(57,255,20,.2));opacity:0;transition:.28s ease;z-index:-1}.card:hover{transform:translateY(-8px);border-color:rgba(57,255,20,.35)}.card:hover:before{opacity:1}.icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:rgba(57,255,20,.1);border:1px solid rgba(57,255,20,.28);font-size:26px;box-shadow:0 0 26px rgba(57,255,20,.16)}.card h3{font-size:22px;margin:18px 0 10px}.tag{display:inline-block;padding:7px 10px;border-radius:99px;background:rgba(109,40,217,.2);border:1px solid rgba(109,40,217,.44);color:#eee4ff;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.price{font-family:Orbitron;font-size:42px;font-weight:900}.package ul{padding-left:18px;color:#e0e2ea;line-height:1.9}.package.featured{border-color:rgba(57,255,20,.45);box-shadow:var(--shadow),0 0 60px rgba(57,255,20,.14)}.split{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch}.steps{counter-reset:step}.step{display:flex;gap:16px;padding:20px;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:none}.step:before{counter-increment:step;content:"0"counter(step);font-family:Orbitron;color:var(--green);font-weight:900}.form{padding:30px}.form input,.form select,.form textarea{width:100%;margin:8px 0 14px;padding:15px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.075);color:white;outline:none}.form option{background:#08080d;color:white}.form input::placeholder,.form textarea::placeholder{color:#9da0aa}.form label{font-weight:900;color:#f2f2f4}.payrow{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 18px}.payrow span{border:1px solid var(--line);background:rgba(255,255,255,.065);padding:10px 12px;border-radius:12px;font-weight:900}.review{min-height:auto}.review .stars{color:var(--green);letter-spacing:.12em}.gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.showcase{min-height:430px;border-radius:36px;background:linear-gradient(135deg,rgba(109,40,217,.32),rgba(57,255,20,.13)),radial-gradient(circle at 55% 40%,rgba(255,255,255,.18),transparent 18%),linear-gradient(160deg,#101014,#020203);border:1px solid var(--line);position:relative;overflow:hidden}.showcase:after{content:"BLACK EDITION";position:absolute;left:30px;bottom:28px;font-family:Orbitron;font-weight:900;font-size:clamp(34px,5vw,72px);opacity:.82}.mini{display:grid;gap:20px}.final-cta{padding:72px 0;text-align:center}.final-cta .glass{padding:44px}.footer{padding:48px 0;border-top:1px solid var(--line);background:#030304}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.social a{display:block;color:var(--muted);line-height:1.9}.mobile-cta{display:none}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border-radius:999px!important;background:linear-gradient(135deg,var(--purple),#25115a)!important;color:white!important;font-weight:900!important;padding:14px 23px!important}.woocommerce div.product{padding-top:120px}.page-wrap{padding:140px 0 80px;min-height:70vh}.page-wrap h1{font-size:clamp(42px,7vw,88px)}@media(max-width:960px){.menu{display:none}.hero{padding-top:122px}.stats,.grid.three,.grid.four,.split,.gallery,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.mobile-cta{display:flex;position:fixed;left:16px;right:16px;bottom:14px;z-index:100}.mobile-cta .btn{width:100%}h1{font-size:54px}.hero:before{background:linear-gradient(180deg,#030305,rgba(3,3,5,.72)),url('assets/img/ecopro-logo.png') center 18%/300px no-repeat;opacity:.38}.car-silhouette{display:none}.brand span{font-size:13px}.nav{top:12px}.section{padding:72px 0}}