/*
Theme Name: 5Rand Neon AI Store
Theme URI: https://5randstore.co.za
Author: AD Design Studio + ChatGPT
Description: Dark neon futuristic WooCommerce theme for 5Rand Store, inspired by AI shopping marketplace mockup. Includes fallback product cards so the homepage looks full while products are being imported.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: five-rand-neon-ai-store
*/

:root{--bg:#02040b;--panel:#080d18;--panel2:#0d1425;--line:rgba(100,150,255,.2);--text:#fff;--muted:#a9b4c7;--orange:#ff6a00;--pink:#ff267a;--cyan:#00e5ff;--purple:#8b2cff;--green:#35ff57;--gold:#ffc400;}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 55% 20%,rgba(12,78,180,.35),transparent 30%),radial-gradient(circle at 75% 10%,rgba(255,52,111,.18),transparent 22%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden} a{color:inherit;text-decoration:none}.container{width:min(1540px,94vw);margin:auto}.topbar{height:42px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;font-size:14px;color:#fff;background:#03050a}.topbar .container{display:flex;justify-content:space-between;gap:20px}.topbar span{margin-right:36px}.site-header{background:rgba(3,5,12,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:30}.head-main{display:grid;grid-template-columns:160px 160px 1fr 460px;gap:22px;align-items:center;padding:18px 0}.logo{font-weight:950;font-size:42px;line-height:.8;font-style:italic;letter-spacing:-3px}.logo .five{background:linear-gradient(90deg,#ff5a00,#ff2d63);-webkit-background-clip:text;color:transparent}.logo small{display:block;font-size:13px;letter-spacing:10px;color:#fff;margin-top:10px;font-style:normal}.powered{border:1px solid rgba(255,106,0,.35);background:linear-gradient(135deg,rgba(255,106,0,.12),rgba(5,9,20,.8));border-radius:12px;padding:10px 16px;color:#ff7b00;font-weight:800}.powered small{display:block;color:#ffad7b;font-size:11px}.search{display:flex;background:#0a1020;border:1px solid rgba(120,150,255,.22);border-radius:999px;overflow:hidden;box-shadow:0 0 30px rgba(0,136,255,.08)}.search input{flex:1;background:transparent;border:0;color:#fff;padding:17px 24px;font-size:15px;outline:none}.search button{width:58px;border:0;border-radius:999px;background:linear-gradient(135deg,#ff6a00,#ff1c80);color:#fff;font-size:24px;box-shadow:0 0 30px rgba(255,72,0,.6)}.head-actions{display:flex;justify-content:flex-end;gap:12px}.action{min-width:95px;text-align:center;padding:9px 10px;border-left:1px solid rgba(255,255,255,.1);position:relative;color:#fff}.action b{display:block;font-size:13px}.bubble{position:absolute;top:2px;right:18px;background:#ff254f;color:#fff;width:19px;height:19px;border-radius:50%;font-size:12px;font-weight:900}.ai-pill{display:flex;align-items:center;gap:10px;border:1px solid rgba(124,80,255,.45);border-radius:14px;padding:8px 14px;background:linear-gradient(135deg,rgba(124,80,255,.18),rgba(0,0,0,.25))}.bot{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#7a32ff,#00d9ff);display:grid;place-items:center}.nav{border-top:1px solid rgba(255,255,255,.05)}.nav .container{display:flex;align-items:center;gap:42px;height:52px}.catbtn{background:linear-gradient(90deg,#ff6200,#8d20ff);padding:12px 22px;border-radius:10px;font-weight:800;box-shadow:0 0 20px rgba(255,67,0,.35)}.nav a{font-weight:700;color:#fff}.nav a.active{color:#ff9900;border-bottom:2px solid #ff7b00;padding-bottom:16px}.hero{position:relative;padding:38px 0 18px;min-height:520px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url('assets/images/reference-hero.png') center/cover no-repeat;opacity:.34;filter:saturate(1.15) contrast(1.1);z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02040b 0%,rgba(2,4,11,.85) 22%,rgba(2,4,11,.22) 58%,#02040b 100%);z-index:-1}.hero-grid{display:grid;grid-template-columns:42% 58%;align-items:center}.badge{display:inline-flex;border:1px solid rgba(255,0,220,.55);color:#00f2ff;background:rgba(0,0,0,.35);border-radius:999px;padding:8px 16px;font-weight:900;font-size:13px}.hero h1{font-size:76px;line-height:.94;margin:20px 0 20px;letter-spacing:-4px}.hero h1 span{display:block;background:linear-gradient(90deg,#ff7400,#ff216d);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.6;color:#fff;max-width:570px}.btnrow{display:flex;gap:18px;margin:28px 0}.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 28px;border-radius:12px;font-weight:900;border:1px solid rgba(255,255,255,.15)}.btn.primary{background:linear-gradient(90deg,#ff6a00,#ff1776);box-shadow:0 0 30px rgba(255,37,92,.35)}.btn.ghost{background:rgba(0,0,0,.35);border-color:rgba(255,38,122,.65);color:#ffc5ef}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.feature{display:flex;gap:12px;align-items:center}.icon{width:42px;height:42px;border-radius:12px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.24);display:grid;place-items:center;color:#00e5ff}.hero-card{justify-self:end;width:min(640px,100%);height:400px;position:relative}.glow-ai{position:absolute;left:14%;top:0;width:340px;height:340px;border-radius:50%;border:8px solid #00bfff;box-shadow:0 0 40px #00d5ff,0 0 100px #7a22ff, inset 0 0 60px #ff2a89;display:grid;place-items:center;font-size:128px;font-weight:950;background:radial-gradient(circle,rgba(16,47,108,.8),rgba(2,4,11,.1));text-shadow:0 0 30px #ff7a00}.dealbox{position:absolute;right:30px;top:90px;border:1px solid rgba(255,106,0,.55);border-radius:18px;padding:24px 26px;background:rgba(8,10,22,.72);box-shadow:0 0 30px rgba(255,106,0,.22)}.dealbox strong{font-size:54px;color:#ffc16b;display:block;line-height:1}.vertical-hot{position:absolute;right:0;top:110px;transform:translateX(96px);writing-mode:vertical-rl;border:1px solid rgba(255,34,122,.5);border-radius:22px;padding:28px 16px;color:#ff9100;font-weight:900}.assistant{display:flex;align-items:center;gap:18px;border:1px solid rgba(130,160,255,.22);background:rgba(10,14,30,.82);border-radius:18px;padding:15px 20px;margin-top:14px;grid-column:1/3}.assistant input{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#fff;padding:12px 18px}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(110,160,255,.18);background:rgba(10,14,28,.72);border-radius:16px;margin:20px 0;padding:18px}.trust>div{display:flex;gap:14px;align-items:center;padding:0 24px;border-right:1px solid rgba(255,255,255,.08)}.trust>div:last-child{border:0}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 16px}.section-head h2{font-size:28px;margin:0}.tabs{display:flex;gap:14px}.tab{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:11px 20px;color:#fff}.tab.active{border-color:#ff8200;color:#ffb000;box-shadow:0 0 15px rgba(255,106,0,.2)}.products-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.product-card{background:linear-gradient(180deg,rgba(17,27,50,.95),rgba(4,7,15,.96));border:1px solid rgba(103,142,255,.22);border-radius:14px;overflow:hidden;position:relative;box-shadow:0 12px 50px rgba(0,0,0,.28);transition:.25s}.product-card:hover{transform:translateY(-6px);border-color:rgba(0,229,255,.55);box-shadow:0 0 28px rgba(0,229,255,.14)}.product-img{height:170px;background:radial-gradient(circle at 50% 50%,rgba(0,162,255,.3),rgba(14,19,36,.9));display:flex;align-items:center;justify-content:center;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover}.placeholder-icon{font-size:74px;filter:drop-shadow(0 0 25px rgba(0,229,255,.7))}.discount{position:absolute;top:12px;left:12px;background:#ff1776;color:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.product-info{padding:14px}.product-info h3{font-size:15px;line-height:1.35;margin:0 0 10px;min-height:42px}.price{font-size:22px;color:#ff7b00;font-weight:950}.old{color:#7e8799;text-decoration:line-through;font-size:13px;margin-left:8px}.stars{color:#ffc400;font-size:13px;margin:8px 0}.ship{color:#35ff57;font-weight:800;font-size:13px}.brand{float:right;color:#ff6a00;font-weight:900}.cat-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin:26px 0}.cat-tile{border:1px solid rgba(0,229,255,.22);background:linear-gradient(135deg,rgba(0,229,255,.08),rgba(255,38,122,.08));border-radius:18px;padding:20px;text-align:center;font-weight:900}.cat-tile span{font-size:34px;display:block;margin-bottom:8px}.footer{margin-top:50px;border-top:1px solid rgba(255,255,255,.08);padding:30px 0;color:#aeb9ca;background:#03050a}.whatsapp{position:fixed;right:24px;bottom:24px;z-index:40;background:#25d366;color:#06140a;font-weight:950;border-radius:999px;padding:15px 20px;box-shadow:0 0 30px rgba(37,211,102,.45)}
@media(max-width:1200px){.head-main{grid-template-columns:140px 1fr;}.powered,.head-actions{display:none}.products-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr}.hero-card{display:none}.assistant{grid-column:auto}.trust,.features,.cat-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.topbar{display:none}.head-main{display:block}.logo{margin:10px 0 18px}.nav .container{overflow:auto;gap:20px}.hero h1{font-size:48px}.btnrow{flex-direction:column}.features,.trust,.products-grid,.cat-strip{grid-template-columns:1fr}.trust>div{border:0;padding:12px}.products-grid{gap:14px}.hero{min-height:auto}.search button{width:54px}}