/*
Theme Name: R5 Store Premium V4 Minimal
Author: Ahmed D
Version: 4.0
Description: Clean premium R5 Store design with transparent logo, cart, login, PayFast and WhatsApp.
*/
:root{--bg:#05060b;--card:#10131d;--muted:#a8adbb;--line:rgba(255,255,255,.10);--orange:#ff6b00;--pink:#ff2f78;--green:#22c55e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}.wrap{max-width:1580px;margin:auto;padding:0 32px}.topline{height:4px;background:linear-gradient(90deg,var(--orange),var(--pink),#20d5ff)}.header{position:sticky;top:0;z-index:99;background:rgba(5,6,11,.95);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.top{min-height:86px;display:flex;align-items:center;gap:22px}.logo img{height:64px;width:auto;object-fit:contain;display:block;filter:drop-shadow(0 0 18px rgba(255,107,0,.5))}.powered{border:1px solid rgba(255,107,0,.25);border-radius:16px;background:rgba(255,107,0,.08);padding:10px 16px;line-height:1.2}.powered small{display:block;color:#ffac62;font-weight:900}.search{height:54px;flex:1;border:1px solid var(--line);border-radius:999px;background:#0b0e17;display:flex;overflow:hidden}.search input{flex:1;border:0;background:transparent;color:#fff;padding:0 25px;outline:0}.search button{width:70px;border:0;background:linear-gradient(135deg,var(--orange),var(--pink));color:white;font-size:25px}.h-btn{border:1px solid var(--line);background:rgba(255,255,255,.045);color:#fff;border-radius:14px;padding:13px 17px;font-weight:900}.cart-btn{position:relative}.cart-btn em{position:absolute;top:-9px;right:-7px;background:var(--pink);border-radius:99px;font-style:normal;padding:3px 8px;font-size:12px}.nav{height:56px;display:flex;align-items:center;gap:28px;border-top:1px solid rgba(255,255,255,.055);overflow:auto}.nav button,.nav a{font-weight:900;background:transparent;color:#fff;border:0;white-space:nowrap}.allcat{padding:11px 20px!important;border-radius:13px!important;background:rgba(255,107,0,.22)!important;border:1px solid rgba(255,107,0,.55)!important}.hero{background:radial-gradient(circle at 70% 40%,rgba(255,107,0,.22),transparent 34%),linear-gradient(135deg,#060711,#090b14 48%,#130905);border-bottom:1px solid var(--line)}.hero-grid{min-height:640px;display:grid;grid-template-columns:.58fr .42fr;gap:50px;align-items:center}.hero-copy{max-width:760px}.pill{display:inline-flex;padding:12px 20px;border-radius:99px;border:1px solid rgba(255,107,0,.35);background:rgba(255,107,0,.10);color:#ffb067;font-weight:950}.hero h1{font-size:84px;line-height:.9;letter-spacing:-.07em;margin:28px 0 0;font-weight:1000}.hero h1 span{display:block;background:linear-gradient(90deg,#ffba5c,var(--orange),var(--pink));-webkit-background-clip:text;color:transparent}.hero p{font-size:21px;line-height:1.65;color:#d5d7df;max-width:680px}.cta{display:flex;gap:17px;flex-wrap:wrap;margin-top:32px}.btn{padding:17px 30px;border-radius:16px;font-weight:950}.main-btn{background:linear-gradient(90deg,var(--orange),var(--pink));box-shadow:0 20px 60px rgba(255,47,120,.22)}.wa-btn{border:1px solid rgba(34,197,94,.42);background:rgba(34,197,94,.10);color:#8cffb4}.hero-panel{border:1px solid rgba(255,107,0,.24);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,107,0,.08));border-radius:36px;padding:32px;box-shadow:0 35px 100px rgba(0,0,0,.32)}.hero-panel-logo{display:block;width:330px;max-width:100%;margin:0 auto 25px;filter:drop-shadow(0 0 35px rgba(255,107,0,.55))}.deal-mini{display:grid;grid-template-columns:1fr 1fr;gap:18px}.deal-tile{border:1px solid var(--line);background:rgba(0,0,0,.28);border-radius:22px;padding:20px}.deal-tile strong{display:block;color:var(--orange);font-size:38px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:38px}.stat{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:20px;padding:18px}.stat span{font-size:28px}.stat b{display:block;margin-top:8px}.strip{padding:28px 0;background:rgba(255,255,255,.018);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:22px;padding:21px;font-weight:900}.cats{padding:38px 0 0}.cat-row{grid-template-columns:repeat(6,1fr)}.cat{color:#fff}.products{padding:34px 0 85px}.head-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px}.head-row h2{font-size:36px;margin:0}.head-row p{color:#c7cad4}.tabs{display:flex;gap:12px;flex-wrap:wrap}.tabs button{height:43px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);color:white;padding:0 17px;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:23px;overflow:hidden;box-shadow:0 22px 58px rgba(0,0,0,.28);transition:.25s}.card:hover{transform:translateY(-5px);border-color:rgba(255,107,0,.42)}.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:238px;object-fit:cover}.body{padding:19px}.body h3{font-size:18px;line-height:1.35;min-height:52px}.price{font-size:27px;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:13px;padding:13px 9px;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:34px;padding:40px;margin-bottom:70px}.footer{border-top:1px solid var(--line);background:#05050b}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:36px;padding:52px 0}.footer img{height:85px}.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}.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:56px}.search{order:10;flex-basis:100%;height:50px}.hero-grid{padding:36px 18px;min-height:auto}.hero h1{font-size:48px}.hero p{font-size:17px}.stats,.strip-grid,.grid,.footer-grid,.cat-row{grid-template-columns:1fr}.hero-panel-logo{width:250px}.head-row{display:block}.tabs{margin-top:16px}}