/*
Theme Name: R5 Store Final Locked Premium
Author: Ahmed D
Version: 6.0
Description: Final locked R5 Store premium marketplace inspired by the approved mockup.
*/
:root{--bg:#03050a;--panel:#080c14;--line:rgba(255,255,255,.11);--orange:#ff6b00;--pink:#ff2f78;--green:#25d366;--text:#fff;--muted:#aeb4c2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.wrap{max-width:1580px;margin:auto;padding:0 36px}.header{position:sticky;top:0;z-index:100;background:rgba(1,3,8,.96);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.top{height:92px;display:flex;align-items:center;gap:24px}.logo img{height:70px;width:auto;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,107,0,.55))}.powered{border:1px solid rgba(255,107,0,.25);border-radius:16px;padding:11px 18px;background:rgba(255,107,0,.06)}.powered small{display:block;color:#ff914d;font-weight:900}.search{height:58px;flex:1;border:1px solid var(--line);border-radius:999px;background:#090d18;display:flex;overflow:hidden;box-shadow:0 0 40px rgba(255,107,0,.08)}.search input{flex:1;background:transparent;border:0;outline:0;color:#fff;padding:0 28px;font-size:15px}.search button{width:72px;border:0;background:radial-gradient(circle at 30% 25%,#ffca7a,var(--orange),var(--pink));color:#fff;font-size:25px}.h-btn{height:56px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04);color:#fff;padding:0 18px;font-weight:900}.cart-btn{position:relative}.cart-btn em{position:absolute;top:-8px;right:-7px;background:var(--pink);border-radius:99px;padding:3px 8px;font-style:normal;font-size:12px}.nav{height:58px;display:flex;align-items:center;gap:38px;border-top:1px solid rgba(255,255,255,.05);overflow:auto}.nav button,.nav a{background:transparent;border:0;color:#fff;font-weight:900;white-space:nowrap}.allcat{background:linear-gradient(180deg,#9d3807,#451706)!important;border:1px solid rgba(255,107,0,.75)!important;border-radius:12px!important;padding:13px 24px!important}.hero{position:relative;min-height:650px;background:linear-gradient(90deg,rgba(0,0,0,.10),rgba(0,0,0,.05)),url('assets/r5-final-hero.png');background-size:cover;background-position:center top;border-bottom:1px solid var(--line)}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 80%,#03050a 100%);pointer-events:none}.hero-spacer{min-height:650px}.benefit-strip{position:relative;z-index:3;margin-top:-8px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);background:rgba(8,12,20,.92);backdrop-filter:blur(14px);border-radius:18px;overflow:hidden}.benefit{padding:25px 30px;border-right:1px solid var(--line);display:flex;gap:16px;align-items:center}.benefit:last-child{border-right:0}.benefit span{font-size:32px}.benefit b{display:block}.benefit small{color:#aeb4c2}.categories{padding:44px 0 10px}.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.cat{height:108px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,#101620,#070a10);padding:18px;color:#fff;text-align:left;font-weight:900;display:flex;align-items:center;justify-content:space-between}.cat span{font-size:36px}.products{padding:32px 0 80px}.head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:24px}.head-row h2{font-size:32px;margin:0}.head-row p{color:#b8bdc9;margin:6px 0 0}.tabs{display:flex;gap:11px;flex-wrap:wrap}.tabs button{height:42px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;padding:0 18px;font-weight:800}.tabs .active{background:var(--orange);border-color:var(--orange)}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.card{background:linear-gradient(180deg,#101622,#070b13);border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;box-shadow:0 22px 60px rgba(0,0,0,.3);transition:.25s}.card:hover{transform:translateY(-5px);border-color:rgba(255,107,0,.55)}.off{position:absolute;top:12px;left:12px;z-index:2;background:var(--pink);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.card img{width:100%;height:170px;object-fit:cover}.body{padding:16px}.body h3{font-size:15px;min-height:45px;line-height:1.35;margin:0 0 10px}.price{font-size:21px;color:var(--orange);font-weight:1000}.old{text-decoration:line-through;color:#7c808b;margin-left:7px;font-size:13px}.rating{font-size:12px;color:#ffc400;margin-top:7px}.meta{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;font-weight:900}.ship{color:#78ff3e}.tag{color:#ff7a18}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.actions button,.actions a{padding:12px 8px;border-radius:10px;text-align:center;font-weight:900;font-size:13px}.add{border:0;background:linear-gradient(90deg,var(--orange),var(--pink));color:#fff}.view{border:1px solid rgba(255,107,0,.5);color:#ffb067}.footer{border-top:1px solid var(--line);background:#04050a}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px;padding:50px 0}.footer img{height:78px}.footer h3{color:#ff7a18}.footer p,.footer a{color:#c2c7d2}.copy{text-align:center;border-top:1px solid var(--line);padding:20px;color:#8d92a0}.floating{position:fixed;right:20px;bottom:20px;z-index:150;display:flex;flex-direction:column;gap:12px}.float-btn{border:1px solid var(--line);border-radius:14px;background:#05070d;color:#fff;padding:13px 17px;font-weight:900}.whatsapp{background:#22c55e}.drawer,.modal{display:none;position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.74)}.drawer.open,.modal.open{display:flex}.drawer{justify-content:flex-end}.panel{width:480px;max-width:100%;height:100%;overflow:auto;background:#0c0d11;border-left:1px solid var(--line);padding:24px}.modal{align-items:center;justify-content:center;padding:20px}.modal-card{width:450px;max-width:100%;background:#0c0d11;border:1px solid var(--line);border-radius:24px;padding:24px}.modal-card input,.pf-form input,.pf-form select{width:100%;padding:13px;margin:7px 0;border:1px solid var(--line);background:#080a10;color:#fff;border-radius:10px}.modal-card button,.pf-submit{width:100%;padding:14px;border:0;border-radius:12px;background:var(--orange);color:#fff;font-weight:900;margin-top:10px}.x{float:right;background:transparent!important;width:auto!important;font-size:26px;padding:0!important}.cart-item{display:flex;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0}.cart-item img{width:60px;height:60px;object-fit:cover;border-radius:8px}.remove{margin-left:auto;background:var(--pink);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:900}.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:900}.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:12px;margin-left:5px}@media(max-width:1250px){.grid{grid-template-columns:repeat(4,1fr)}.cat-grid{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.benefit{border-bottom:1px solid var(--line)}.hero{min-height:560px}.hero-spacer{min-height:560px}}@media(max-width:800px){.wrap{padding:0 18px}.top{height:auto;flex-wrap:wrap;padding:12px 18px}.logo img{height:54px}.powered{display:none}.search{order:10;flex-basis:100%;height:50px}.nav{gap:18px}.hero{min-height:420px;background-size:cover;background-position:center top}.hero-spacer{min-height:420px}.grid{grid-template-columns:1fr 1fr}.cat-grid,.benefits,.footer-grid{grid-template-columns:1fr}.benefit{border-right:0}.card img{height:150px}}