/*
Theme Name: R5 Store Premium V2
Author: Ahmed D
Version: 2.0
Description: Premium R5 marketplace with working cart, login/register, PayFast and filters.
*/
:root{--bg:#03040a;--panel:#0b0f1c;--line:rgba(255,255,255,.1);--orange:#ff6b00;--pink:#ff2f78;--green:#22c55e;--cyan:#25d8ff}
*{box-sizing:border-box}body{margin:0;background:#03040a;color:#fff;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}button{cursor:pointer}.wrap{max-width:1680px;margin:auto;padding:0 30px}.topline{height:4px;background:linear-gradient(90deg,var(--orange),var(--pink),var(--cyan));box-shadow:0 0 35px rgba(255,107,0,.8)}.header{position:sticky;top:0;z-index:99;background:rgba(3,4,10,.9);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.top{min-height:96px;display:flex;align-items:center;gap:24px}.logo img{height:82px;filter:drop-shadow(0 0 28px rgba(255,107,0,.65))}.powered{min-width:140px;border:1px solid rgba(255,107,0,.25);border-radius:18px;background:rgba(255,107,0,.08);padding:12px 18px}.powered small{display:block;color:#ff9b43;font-weight:900}.search{height:58px;flex:1;border:1px solid var(--line);border-radius:999px;background:#090c17;display:flex;overflow:hidden}.search input{flex:1;border:0;background:transparent;color:#fff;padding:0 28px;outline:0}.search button{width:74px;border:0;background:linear-gradient(135deg,var(--orange),var(--pink));color:#fff;font-size:26px}.h-btn{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;border-radius:16px;padding:14px 18px;font-weight:900}.cart-btn{position:relative}.cart-btn em{position:absolute;top:-10px;right:-8px;background:var(--pink);border-radius:99px;font-style:normal;padding:3px 8px;font-size:12px}.nav{height:58px;display:flex;align-items:center;gap:30px;border-top:1px solid rgba(255,255,255,.05);overflow:auto}.nav button,.nav a{font-weight:900;background:transparent;color:#fff;border:0;white-space:nowrap}.allcat{padding:12px 22px!important;border-radius:14px!important;background:rgba(255,107,0,.22)!important;border:1px solid rgba(255,107,0,.55)!important}.hero{position:relative;overflow:hidden;min-height:780px;background:radial-gradient(circle at 75% 45%,rgba(255,107,0,.28),transparent 32%),radial-gradient(circle at 10% 20%,rgba(37,216,255,.13),transparent 35%),linear-gradient(135deg,#04050b,#070914 45%,#120805)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.48fr .52fr;gap:42px;align-items:center;min-height:780px}.pill{display:inline-flex;padding:13px 22px;border-radius:99px;border:1px solid rgba(255,107,0,.35);background:rgba(255,107,0,.12);color:#ffb067;font-weight:950}.hero h1{font-size:86px;line-height:.88;letter-spacing:-.08em;margin:30px 0 0;font-weight:1000}.hero h1 span{display:block;background:linear-gradient(90deg,#ffb04a,var(--orange),var(--pink));-webkit-background-clip:text;color:transparent}.hero p{font-size:21px;line-height:1.65;color:#d7d9e2;max-width:650px}.cta{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px}.btn{padding:18px 32px;border-radius:18px;font-weight:950}.main-btn{background:linear-gradient(90deg,var(--orange),var(--pink));box-shadow:0 20px 60px rgba(255,47,120,.25)}.wa-btn{border:1px solid rgba(34,197,94,.45);background:rgba(34,197,94,.1);color:#8cffb4}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}.hero-stat{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:22px;padding:18px;min-height:110px}.hero-stat span{font-size:30px}.hero-stat b{display:block;margin-top:8px}.visual{position:relative;height:720px}.halo{position:absolute;inset:50%;width:560px;height:560px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,107,0,.38);background:radial-gradient(circle,rgba(255,107,0,.18),transparent 62%);box-shadow:0 0 120px rgba(255,107,0,.35)}.main-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:445px;border-radius:22px;filter:drop-shadow(0 0 55px rgba(255,107,0,.8));z-index:3}.float{position:absolute;z-index:4;border-radius:32px;overflow:hidden;border:1px solid var(--line);box-shadow:0 35px 80px rgba(0,0,0,.55)}.float img{width:100%;height:100%;object-fit:cover}.f1{top:65px;left:35px;width:205px;height:245px;transform:rotate(-10deg)}.f2{top:85px;right:10px;width:225px;height:165px;transform:rotate(10deg)}.f3{bottom:70px;left:85px;width:210px;height:310px;transform:rotate(8deg)}.f4{bottom:95px;right:70px;width:230px;height:175px;transform:rotate(-7deg)}.deal-card{position:absolute;right:20px;top:230px;z-index:5;width:240px;border:1px solid rgba(255,107,0,.35);background:rgba(0,0,0,.60);backdrop-filter:blur(18px);border-radius:30px;padding:28px}.deal-card strong{display:block;font-size:76px;color:var(--orange)}.strip{padding:28px 0;background:rgba(255,255,255,.018);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip-grid,.cat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.strip-card,.cat{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:24px;padding:22px;font-weight:900}.cats{padding:42px 0 10px}.cat-row{grid-template-columns:repeat(6,1fr)}.cat{color:#fff}.products{padding:36px 0 90px}.head-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:26px}.head-row h2{font-size:36px;margin:0}.head-row p{color:#c7cad4}.tabs{display:flex;gap:12px;flex-wrap:wrap}.tabs button{height:44px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);color:white;padding:0 18px;font-weight:800}.tabs .active{background:var(--orange);border-color:var(--orange)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card{position:relative;background:linear-gradient(180deg,#101522,#080b14);border:1px solid rgba(255,255,255,.11);border-radius:24px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.28);transition:.25s}.card:hover{transform:translateY(-6px);border-color:rgba(255,107,0,.45)}.off{position:absolute;top:14px;left:14px;z-index:2;border-radius:99px;background:var(--pink);font-size:12px;font-weight:950;padding:8px 13px}.card img{width:100%;height:245px;object-fit:cover}.body{padding:20px}.body h3{font-size:18px;line-height:1.35;min-height:52px}.price{font-size:28px;color:var(--orange);font-weight:1000}.old{text-decoration:line-through;color:#777;margin-left:8px}.rating{color:#ffc400;font-size:13px;margin-top:8px}.meta{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;font-weight:950}.ship{color:#64ff3d}.tag{color:#ff8a00}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.actions a,.actions button{border-radius:14px;padding:14px 10px;text-align:center;font-weight:950}.add{border:0;background:linear-gradient(90deg,var(--orange),var(--pink));color:white}.view{border:1px solid rgba(255,107,0,.5)!important;color:#ffb067}.trust-box{border:1px solid rgba(255,107,0,.22);background:linear-gradient(90deg,rgba(255,107,0,.12),rgba(255,47,120,.08),rgba(37,216,255,.07));border-radius:36px;padding:42px;margin-bottom:75px}.footer{border-top:1px solid var(--line);background:#05050b}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:36px;padding:55px 0}.footer img{height:92px}.footer h3{color:#ff8a00}.footer p,.footer a{color:#c8c8d0}.copy{border-top:1px solid var(--line);padding:22px;text-align:center;color:#8e8e99;background:rgba(0,0,0,.42)}.floating{position:fixed;right:22px;bottom:22px;z-index:120;display:flex;flex-direction:column;gap:14px}.float-btn{border:1px solid var(--line);border-radius:16px;padding:14px 18px;background:#05050b;color:white;font-weight:950}.whatsapp{background:#22c55e}.drawer,.modal{display:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.72)}.drawer.open,.modal.open{display:flex}.drawer{justify-content:flex-end}.panel{width:490px;max-width:100%;background:#101010;height:100%;padding:24px;border-left:1px solid var(--line);overflow:auto}.modal{align-items:center;justify-content:center;padding:20px}.modal-card{width:460px;max-width:100%;background:#101010;border:1px solid var(--line);border-radius:26px;padding:24px}.modal-card input,.pf-form input,.pf-form select{width:100%;padding:12px;margin:7px 0;border:1px solid var(--line);background:#080a12;color:#fff;border-radius:12px}.modal-card button,.pf-submit{width:100%;padding:14px;border:0;border-radius:14px;background:var(--orange);color:white;font-weight:950;margin-top:10px}.x{float:right;background:transparent!important;color:white!important;width:auto!important;font-size:26px;padding:0!important}.cart-item{display:flex;gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px;margin:12px 0}.cart-item img{width:60px;height:60px;object-fit:cover;border-radius:10px}.remove{margin-left:auto;background:#ff2f78;border:0;color:white;border-radius:8px;padding:6px 8px}.total{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;display:flex;justify-content:space-between;font-size:22px;font-weight:950}.pay-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay-options button{background:#151923;border:1px solid var(--line);color:#fff;border-radius:12px;padding:12px;font-weight:950}.pf-box{margin-top:18px;border:1px solid rgba(255,107,0,.25);background:rgba(255,107,0,.06);border-radius:18px;padding:18px}.pf-submit{background:#0070ba}.pf-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.userbadge{display:none;color:#8cffb4;font-size:13px;margin-top:8px}@media(max-width:1200px){.powered,.nav button:not(.allcat){display:none}.hero-grid{grid-template-columns:1fr}.hero-stats,.strip-grid{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(3,1fr)}.cat-row{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.wrap{padding:0 18px}.top{height:auto;flex-wrap:wrap;padding:14px 18px}.logo img{height:70px}.search{order:10;flex-basis:100%;height:50px}.hero-grid{padding:36px 18px;min-height:auto}.hero h1{font-size:52px}.hero p{font-size:17px}.hero-stats,.strip-grid,.grid,.footer-grid,.cat-row{grid-template-columns:1fr}.visual{height:470px}.main-logo{width:300px}.halo{width:350px;height:350px}.f3,.f4,.deal-card{display:none}.head-row{display:block}.tabs{margin-top:16px}}