* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Cairo', sans-serif;
}

body {
    background-color: #0b0b0b;
    color: #e5e5e5;
    direction: rtl;
    min-height: 100vh;
    background-image: radial-gradient(circle at center, #1a1500 0%, #0b0b0b 80%);
}

/* الهيدر الرئيسي */
.main-header {
    background: rgba(15, 15, 15, 0.95);
    border-bottom: 2px solid #d4af37;
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.2);
}

.logo-container {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
    text-align: center;
}

.logo-container img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #d4af37;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.5);
}

.logo-container h1 {
    color: #d4af37;
    font-size: 28px;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.4);
}

.logo-container p {
    color: #aaa;
    font-size: 13px;
    letter-spacing: 1px;
}

/* شريط البحث ومشغل الموسيقى */
.header-controls {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%;
    max-width: 600px;
    margin-bottom: 20px;
}

.search-bar {
    flex: 1;
}

.search-bar input {
    width: 100%;
    padding: 10px 20px;
    background-color: #161616;
    border: 1px solid #333;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: 0.3s;
}

.search-bar input:focus {
    border-color: #d4af37;
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.3);
}

.music-control-btn {
    background-color: #d4af37;
    color: #000;
    border: none;
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.music-control-btn:hover {
    background-color: #f3c642;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.6);
}

/* تنقل الأقسام */
.categories-nav {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.cat-btn {
    background: #1a1a1a;
    color: #ccc;
    padding: 8px 18px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 14px;
    border: 1px solid #333;
    transition: 0.3s;
}

.cat-btn:hover, .cat-btn.active {
    background-color: #d4af37;
    color: #000;
    border-color: #d4af37;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.4);
}

/* شبكة المنتجات */
.products-section {
    padding: 40px;
    max-width: 1400px;
    margin: 0 auto;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px;
}

.product-card {
    background-color: #141414;
    border: 1px solid #262626;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    transition: 0.3s;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}

.product-card:hover {
    transform: translateY(-5px);
    border-color: #d4af37;
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.2);
}

.product-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 5px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: bold;
    z-index: 2;
}

.product-image {
    width: 100%;
    height: 180px;
    overflow: hidden;
    background-color: #000;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.product-card:hover .product-image img {
    transform: scale(1.05);
}

.product-info {
    padding: 20px;
}

.price-tag {
    color: #d4af37;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
}

.product-info h3 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 8px;
}

.description {
    color: #888;
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 1.5;
}

.card-actions {
    display: flex;
    gap: 10px;
}

.btn-buy {
    flex: 2;
    background-color: #d4af37;
    color: #000;
    border: none;
    padding: 10px;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
}

.btn-buy:hover {
    background-color: #f3c642;
}

.btn-code {
    flex: 1;
    background-color: #222;
    color: #d4af37;
    border: 1px solid #d4af37;
    padding: 10px;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
}

.btn-code:hover {
    background-color: #d4af37;
    color: #000;
}
/* ===== TERMINAL 2026 motion + rewards upgrade ===== */
:root{
    --terminal-orange:#ff6a00;
    --terminal-amber:#ffb000;
    --terminal-black:#070707;
    --terminal-panel:rgba(17,17,17,.78);
    --terminal-line:rgba(255,130,0,.22);
}
html{scroll-behavior:smooth}
body{overflow-x:hidden;background:
    radial-gradient(circle at 85% 10%,rgba(255,95,0,.13),transparent 28%),
    radial-gradient(circle at 10% 70%,rgba(255,166,0,.08),transparent 32%),#070707;background-attachment:fixed}
body::before{content:"";position:fixed;inset:-40%;pointer-events:none;z-index:-2;background:conic-gradient(from 90deg,transparent,rgba(255,100,0,.05),transparent 22%);animation:terminalSpin 18s linear infinite}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%)}
@keyframes terminalSpin{to{transform:rotate(360deg)}}
.main-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:rgba(8,8,8,.78);border-bottom:1px solid var(--terminal-line);box-shadow:0 12px 60px rgba(0,0,0,.45)}
.logo-container img{border-color:var(--terminal-orange);box-shadow:0 0 25px rgba(255,102,0,.34);animation:logoPulse 3s ease-in-out infinite}
@keyframes logoPulse{50%{filter:drop-shadow(0 0 14px rgba(255,107,0,.65));transform:translateY(-2px)}}
.logo-container h1,.price-tag{color:var(--terminal-orange)}
.cat-btn:hover,.cat-btn.active,.music-control-btn,.btn-buy{background:linear-gradient(135deg,var(--terminal-orange),var(--terminal-amber));border-color:transparent;color:#090909}
.product-card{background:linear-gradient(160deg,rgba(24,24,24,.92),rgba(10,10,10,.96));border-color:rgba(255,255,255,.08);transform-style:preserve-3d;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.product-card:hover{transform:translateY(-9px) scale(1.012);border-color:rgba(255,112,0,.55);box-shadow:0 20px 55px rgba(0,0,0,.48),0 0 28px rgba(255,92,0,.14)}
.product-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.07),transparent 55%);transform:translateX(-120%);transition:.7s;z-index:3}
.product-card:hover::before{transform:translateX(120%)}
.btn-code{border-color:var(--terminal-orange);color:var(--terminal-orange)}
.btn-code:hover{background:var(--terminal-orange);color:#070707}
.search-bar input:focus,.discount-box input:focus{border-color:var(--terminal-orange)!important;box-shadow:0 0 0 3px rgba(255,102,0,.09),0 0 22px rgba(255,102,0,.11)!important}

.rewards-hub{max-width:1500px;margin:28px auto 0;padding:0 40px;position:relative;z-index:2}
.rewards-shell{position:relative;overflow:hidden;border:1px solid var(--terminal-line);border-radius:26px;padding:30px;background:linear-gradient(150deg,rgba(20,20,20,.88),rgba(8,8,8,.93));box-shadow:0 28px 80px rgba(0,0,0,.42)}
.rewards-shell::before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;left:-140px;top:-230px;background:var(--terminal-orange);filter:blur(100px);opacity:.13;animation:rewardGlow 6s ease-in-out infinite alternate}
@keyframes rewardGlow{to{transform:translate(90px,55px) scale(1.15);opacity:.22}}
.rewards-topline{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px;position:relative;z-index:1}
.eyebrow{color:var(--terminal-orange);font-size:11px;font-weight:800;letter-spacing:3px}
.rewards-topline h2{font-size:clamp(25px,4vw,43px);margin:7px 0 3px;color:#fff}.rewards-topline p{color:#8f8f8f;font-size:13px}
.points-orb{min-width:150px;height:150px;border-radius:50%;display:grid;place-items:center;align-content:center;position:relative;border:1px solid rgba(255,126,0,.35);background:radial-gradient(circle,rgba(255,130,0,.16),rgba(10,10,10,.92) 66%);box-shadow:inset 0 0 40px rgba(255,100,0,.08),0 0 45px rgba(255,100,0,.11)}
.points-orb::before,.points-orb::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px dashed rgba(255,144,0,.25);animation:orbRotate 10s linear infinite}.points-orb::after{inset:9px;animation-direction:reverse;animation-duration:6s}
@keyframes orbRotate{to{transform:rotate(360deg)}}
.points-orb strong{font-size:30px;color:#fff;line-height:1}.points-label,.points-orb small{font-size:10px;color:#999;letter-spacing:1px}.points-orb.bump{animation:pointsBump .55s ease}@keyframes pointsBump{45%{transform:scale(1.11);box-shadow:0 0 70px rgba(255,112,0,.4)}}
.rewards-grid{display:grid;grid-template-columns:1.15fr 1fr .9fr;gap:16px;position:relative;z-index:1}
.reward-card{border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:22px;background:rgba(255,255,255,.025);backdrop-filter:blur(10px);min-height:100%;transition:.3s}.reward-card:hover{border-color:rgba(255,112,0,.22);transform:translateY(-3px)}
.reward-card-head{display:flex;gap:13px;align-items:center;margin-bottom:20px}.reward-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#090909;background:linear-gradient(135deg,var(--terminal-orange),var(--terminal-amber));font-weight:900}.reward-card h3{font-size:17px;color:#fff}.reward-card p{font-size:12px;color:#858585}
.discount-picker{padding:18px;border-radius:16px;background:#090909;border:1px solid #1d1d1d}.discount-value{display:flex;align-items:baseline;gap:8px}.discount-value strong{font-size:38px;color:var(--terminal-orange)}.discount-value span{color:#777;font-size:12px}
#discount-range{width:100%;accent-color:var(--terminal-orange);cursor:pointer}.range-meta{display:flex;justify-content:space-between;color:#555;font-size:10px}
.cost-row{display:flex;justify-content:space-between;margin:15px 0;color:#aaa;font-size:13px}.cost-row strong{color:#fff}
.reward-primary,.reward-secondary{width:100%;border:0;border-radius:12px;padding:12px 14px;font-weight:800;cursor:pointer;transition:.25s}.reward-primary{background:linear-gradient(135deg,var(--terminal-orange),var(--terminal-amber));color:#090909}.reward-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,94,0,.2)}.reward-secondary{background:#171717;border:1px solid var(--terminal-line);color:#fff}.reward-secondary:hover{border-color:var(--terminal-orange);color:var(--terminal-orange)}
.generated-code{margin-top:14px;padding:13px;border-radius:12px;border:1px dashed rgba(255,126,0,.34);background:rgba(255,103,0,.045)}.generated-code>span,.generated-code small{font-size:10px;color:#898989}.generated-code div{display:flex;gap:8px;align-items:center}.generated-code code{font-size:15px;color:#ff9d42;direction:ltr}.generated-code button{margin-right:auto;border:0;border-radius:8px;padding:6px 10px;background:#262626;color:#fff;cursor:pointer}
.admin-code-box{display:grid;grid-template-columns:1fr .65fr;gap:10px}.admin-code-box input{min-width:0;background:#090909;color:#fff;border:1px solid #262626;border-radius:11px;padding:11px 12px;outline:none}.admin-code-box .reward-secondary{grid-column:1/-1}.points-console{margin-top:14px;border-radius:11px;padding:11px 12px;background:#050505;border:1px solid #1c1c1c;color:#7dff99;font:11px monospace;display:flex;gap:8px;align-items:center;direction:ltr}.console-dot{width:7px;height:7px;border-radius:50%;background:#42ff72;box-shadow:0 0 12px #42ff72;animation:blink 1.1s infinite}@keyframes blink{50%{opacity:.3}}.security-note{margin-top:12px!important;line-height:1.7}
.coupon-wallet{display:grid;gap:9px;max-height:246px;overflow:auto;padding-left:3px}.wallet-empty{color:#666;font-size:12px;padding:20px;text-align:center;border:1px dashed #242424;border-radius:12px}.coupon-item{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px;border-radius:11px;background:#0b0b0b;border:1px solid #222}.coupon-item code{direction:ltr;color:#fff;font-size:11px}.coupon-item small{display:block;color:#666;font-size:9px}.coupon-status{font-size:9px;padding:4px 7px;border-radius:99px}.coupon-status.ready{color:#ff9b43;background:rgba(255,108,0,.1)}.coupon-status.used{color:#777;background:#171717}.coupon-copy{border:0;background:#1e1e1e;color:#ccc;border-radius:7px;padding:5px 7px;cursor:pointer}
.points-burst{position:fixed;z-index:9999;pointer-events:none;color:#ff9b3f;font-weight:900;text-shadow:0 0 16px rgba(255,100,0,.8);animation:burstFly 1.1s ease-out forwards}@keyframes burstFly{0%{opacity:0;transform:translateY(20px) scale(.5)}20%{opacity:1}100%{opacity:0;transform:translateY(-110px) scale(1.15)}}
.toast-terminal{position:fixed;left:24px;bottom:24px;z-index:99999;max-width:360px;padding:13px 16px;border-radius:12px;background:#101010;border:1px solid var(--terminal-line);box-shadow:0 16px 45px rgba(0,0,0,.5);color:#fff;font-size:13px;animation:toastIn .3s ease}@keyframes toastIn{from{transform:translateY(16px);opacity:0}}
.reveal-card{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal-card.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.rewards-grid{grid-template-columns:1fr 1fr}.wallet-card{grid-column:1/-1}}
@media(max-width:760px){.rewards-hub{padding:0 14px}.rewards-shell{padding:18px;border-radius:20px}.rewards-topline{align-items:flex-start}.points-orb{min-width:112px;height:112px}.rewards-grid{grid-template-columns:1fr}.wallet-card{grid-column:auto}.admin-code-box{grid-template-columns:1fr}.products-section{padding:24px 14px}.main-header{padding:16px 14px}.header-controls{flex-wrap:wrap;max-width:100%}.search-bar,.discount-box{width:100%}}

/* ===== TERMINAL main menu 2026 / hidden admin ===== */
.terminal-hero{min-height:720px;position:relative;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid rgba(255,110,0,.14);background:radial-gradient(circle at 70% 38%,rgba(255,92,0,.13),transparent 31%),linear-gradient(180deg,#080808 0%,#070707 100%)}
.terminal-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 46%,rgba(255,120,0,.035) 48%,transparent 50% 100%);background-size:230% 100%;animation:heroSweep 7s ease-in-out infinite}
@keyframes heroSweep{0%,30%{background-position:130% 0}70%,100%{background-position:-80% 0}}
.hero-mesh{position:absolute;inset:-20%;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:54px 54px;transform:perspective(700px) rotateX(66deg) translateY(calc(17% + var(--scrollY,0px))) scale(1.7);transform-origin:center bottom;opacity:.52;mask-image:linear-gradient(to bottom,transparent 5%,#000 34%,transparent 93%)}
.hero-inner{width:min(1450px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;position:relative;z-index:3;padding:130px 0 95px}
.hero-copy{max-width:760px}
.hero-kicker{color:#ff7a18;letter-spacing:4px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:10px}.hero-kicker::before{content:"";width:34px;height:1px;background:#ff6a00;box-shadow:0 0 10px #ff6a00}
.hero-title{font-size:clamp(64px,9vw,132px);line-height:.82;letter-spacing:-7px;margin:24px 0 26px;color:#fff;font-weight:900;text-transform:uppercase;text-shadow:0 16px 70px rgba(0,0,0,.5)}
.hero-title span{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,121,24,.9);text-shadow:0 0 30px rgba(255,95,0,.15)}
.hero-copy>p{max-width:690px;color:#9a9a9a;font-size:16px;line-height:2}
.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-primary,.hero-ghost{padding:13px 22px;border-radius:11px;font-weight:800;font-size:13px;transition:.3s;position:relative;overflow:hidden}.hero-primary{background:linear-gradient(135deg,#ff5f00,#ffb000);color:#080808;box-shadow:0 12px 35px rgba(255,92,0,.18)}.hero-primary:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(255,92,0,.27)}.hero-ghost{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);color:#eee}.hero-ghost:hover{border-color:rgba(255,104,0,.5);color:#ff8a2c;transform:translateY(-3px)}
.hero-visual{display:grid;place-items:center;min-height:470px}.logo-stage{width:min(500px,88vw);aspect-ratio:1;position:relative;display:grid;place-items:center;filter:drop-shadow(0 35px 65px rgba(0,0,0,.65))}.logo-stage img{width:72%;height:72%;object-fit:contain;position:relative;z-index:4;transition:transform .18s ease-out;filter:drop-shadow(0 0 26px rgba(255,87,0,.22));animation:heroLogoFloat 4.5s ease-in-out infinite}@keyframes heroLogoFloat{50%{translate:0 -10px;filter:drop-shadow(0 0 42px rgba(255,87,0,.35))}}
.stage-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,112,0,.18);inset:8%;box-shadow:inset 0 0 40px rgba(255,90,0,.025)}.ring-1{animation:ringSpin 15s linear infinite;border-style:dashed}.ring-2{inset:19%;animation:ringSpin 9s linear reverse infinite;border-color:rgba(255,255,255,.09)}.ring-3{inset:31%;animation:pulseRing 3s ease-in-out infinite;border-color:rgba(255,118,0,.28)}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes pulseRing{50%{transform:scale(1.07);opacity:.45}}
.hero-orbit{position:absolute;border-radius:50%;filter:blur(65px);opacity:.12;pointer-events:none}.orbit-a{width:440px;height:440px;background:#ff5d00;right:-120px;top:60px;animation:orbitDrift 10s ease-in-out infinite alternate}.orbit-b{width:330px;height:330px;background:#ffb000;left:-90px;bottom:-110px;animation:orbitDrift 8s ease-in-out infinite alternate-reverse}@keyframes orbitDrift{to{transform:translate(80px,45px) scale(1.17)}}
.hero-pointer-glow{width:380px;height:380px;border-radius:50%;position:absolute;left:0;top:0;background:radial-gradient(circle,rgba(255,106,0,.16),transparent 67%);filter:blur(4px);pointer-events:none;opacity:.35;transition:opacity .3s;z-index:1}
.hero-marquee{margin-top:58px;overflow:hidden;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:9px 0;color:#383838;font-size:10px;letter-spacing:4px;white-space:nowrap;direction:ltr}.hero-marquee div{display:inline-block;min-width:max-content;animation:heroMarquee 22s linear infinite}@keyframes heroMarquee{to{transform:translateX(-50%)}}
.scroll-cue{position:absolute;bottom:26px;right:50%;transform:translateX(50%);font-size:9px;letter-spacing:3px;color:#555;z-index:4;display:flex;align-items:center;gap:8px}.scroll-cue span{width:6px;height:6px;border-radius:50%;background:#ff6a00;box-shadow:0 0 14px #ff6a00;animation:scrollBlink 1.3s infinite}@keyframes scrollBlink{50%{opacity:.25;transform:translateY(5px)}}
.categories-nav{position:relative}.cat-btn{position:relative;overflow:hidden}.cat-btn::after{content:"";position:absolute;right:50%;left:50%;bottom:2px;height:1px;background:#ff6a00;box-shadow:0 0 9px #ff6a00;transition:.3s}.cat-btn:hover::after,.cat-btn.active::after{right:16%;left:16%}
.logo-container{transition:.3s}.logo-container:hover{transform:translateY(-2px)}

.admin-modal{position:fixed;inset:0;z-index:100000;display:none;place-items:center;padding:20px}.admin-modal.open{display:grid}.admin-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(14px);animation:adminFade .25s ease}.admin-panel{position:relative;z-index:2;width:min(520px,100%);padding:28px;border-radius:22px;background:linear-gradient(160deg,#161616,#090909);border:1px solid rgba(255,108,0,.3);box-shadow:0 28px 90px rgba(0,0,0,.7),0 0 45px rgba(255,96,0,.09);animation:adminPop .3s cubic-bezier(.2,.8,.2,1)}.admin-panel h3{font-size:27px;color:#fff;margin:8px 0 4px}.admin-panel>p{color:#777;font-size:12px;margin-bottom:20px}.admin-close{position:absolute;left:16px;top:13px;width:34px;height:34px;border-radius:50%;border:1px solid #2c2c2c;background:#111;color:#aaa;font-size:22px;cursor:pointer}.admin-close:hover{color:#ff7a18;border-color:#ff6a00}@keyframes adminFade{from{opacity:0}}@keyframes adminPop{from{opacity:0;transform:translateY(18px) scale(.96)}}
/* admin trigger intentionally has no visible UI */

.rewards-grid{grid-template-columns:1.2fr .8fr}
@media(max-width:1050px){.rewards-grid{grid-template-columns:1fr}.wallet-card{grid-column:auto}.hero-inner{grid-template-columns:1fr;gap:0;padding-top:125px}.hero-visual{min-height:350px}.logo-stage{width:min(390px,80vw)}}
@media(max-width:760px){.terminal-hero{min-height:760px}.hero-inner{width:min(100% - 28px,1450px);padding:115px 0 80px}.hero-title{font-size:clamp(58px,20vw,86px);letter-spacing:-4px}.hero-copy>p{font-size:14px}.hero-visual{min-height:310px}.hero-marquee{margin-top:36px}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.logo-stage img{transition:none}}


/* v5 fixes: keep products visible and keep rewards/coupon UI private */
.rewards-private{display:none !important;}
.public-discount-hidden{display:none !important;}
.category-content{opacity:1 !important;visibility:visible !important;}
.category-content .product-card{opacity:1 !important;visibility:visible !important;transform:none;}
.products-grid{min-height:120px;}
/* Product motion that never hides content */
.product-card{animation:terminalProductIn .48s cubic-bezier(.2,.75,.25,1) both;}
.product-card:nth-child(2){animation-delay:.04s}.product-card:nth-child(3){animation-delay:.08s}.product-card:nth-child(4){animation-delay:.12s}.product-card:nth-child(5){animation-delay:.16s}.product-card:nth-child(6){animation-delay:.20s}
@keyframes terminalProductIn{from{transform:translateY(14px) scale(.985);filter:brightness(.84)}to{transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){.product-card{animation:none!important}}

/* ===== TERMINAL REWARDS V6 ===== */
.points-nav-btn{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,111,0,.3);background:linear-gradient(135deg,rgba(255,104,0,.13),rgba(255,255,255,.025));color:#fff;cursor:pointer;font-family:inherit;font-weight:800;transition:.25s;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.points-nav-btn:hover{transform:translateY(-2px);border-color:rgba(255,128,25,.7);box-shadow:0 10px 30px rgba(255,86,0,.12)}
.points-nav-icon{color:#ff7900;animation:terminalSpark 1.8s ease-in-out infinite}.points-nav-btn strong{padding:3px 8px;border-radius:999px;background:#ff6a00;color:#0a0a0a;font-size:11px;min-width:24px;text-align:center}
@keyframes terminalSpark{50%{transform:rotate(180deg) scale(1.2);filter:drop-shadow(0 0 8px #ff6a00)}}
.logo-container h1{cursor:pointer;user-select:none}

.points-modal{position:fixed;inset:0;z-index:100500;display:none;place-items:center;padding:18px}.points-modal.open{display:grid}.points-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(14px);animation:adminFade .22s ease}.points-panel{position:relative;z-index:2;width:min(980px,100%);max-height:min(88vh,900px);overflow:auto;padding:28px;border-radius:26px;background:radial-gradient(circle at 80% 0,rgba(255,104,0,.13),transparent 32%),linear-gradient(160deg,#141414,#080808);border:1px solid rgba(255,108,0,.3);box-shadow:0 35px 110px rgba(0,0,0,.8),0 0 70px rgba(255,95,0,.08);animation:adminPop .3s cubic-bezier(.2,.8,.2,1)}
.points-close{position:absolute;left:16px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid #2c2c2c;background:#0b0b0b;color:#aaa;font-size:25px;cursor:pointer;z-index:3}.points-close:hover{color:#ff7713;border-color:#ff6900}
.points-panel-head{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.07)}.points-panel-head h3{font-size:35px;margin:4px 0}.points-panel-head p{color:#888;font-size:13px}.points-balance-card{min-width:150px;padding:18px 20px;border-radius:20px;background:linear-gradient(145deg,rgba(255,110,0,.18),rgba(255,255,255,.025));border:1px solid rgba(255,111,0,.3);text-align:center;position:relative;overflow:hidden}.points-balance-card span,.points-balance-card small{display:block;color:#929292;font-size:10px;letter-spacing:.5px}.points-balance-card strong{display:block;color:#ff7b16;font-size:34px;line-height:1.2;margin:4px 0;text-shadow:0 0 24px rgba(255,106,0,.3)}
.points-note{margin:18px 0;padding:12px 15px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:14px;color:#aaa;font-size:13px}.points-note strong{color:#ff7b16}
.reward-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:360px;overflow:auto;padding:2px 3px 12px}.reward-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:15px;background:linear-gradient(145deg,#151515,#0e0e0e);border:1px solid rgba(255,255,255,.07);transition:.22s}.reward-option:hover{transform:translateY(-2px);border-color:rgba(255,106,0,.4);box-shadow:0 10px 28px rgba(0,0,0,.25)}.reward-percent{display:flex;align-items:baseline;gap:7px}.reward-percent strong{font-size:21px;color:#fff}.reward-percent small{color:#777}.reward-option button{border:1px solid rgba(255,110,0,.36);background:rgba(255,105,0,.1);color:#ff8a2e;border-radius:10px;padding:7px 10px;cursor:pointer;font-family:inherit;font-weight:800;font-size:11px;white-space:nowrap}.reward-option button:hover{background:#ff6a00;color:#090909}.reward-option button:disabled{opacity:.35;cursor:not-allowed}
.coupon-wallet-box{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}.wallet-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.wallet-title-row h4{font-size:18px}.wallet-title-row p{font-size:11px;color:#757575}.wallet-title-row>span{min-width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#ff6a00;color:#090909;font-weight:900}.coupon-wallet{display:grid;gap:8px}.coupon-item-v6{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px 13px;border-radius:13px;background:#0e0e0e;border:1px solid rgba(255,255,255,.07)}.coupon-item-v6 code{color:#ff842a;font-family:monospace;font-weight:800;letter-spacing:.5px}.coupon-item-v6 small{display:block;color:#777;margin-top:2px}.coupon-action,.coupon-copy-v6{border:1px solid #313131;background:#141414;color:#ddd;border-radius:9px;padding:7px 10px;cursor:pointer;font-family:inherit;font-size:11px}.coupon-action{border-color:rgba(255,107,0,.42);color:#ff7d1c}.coupon-action:hover{background:#ff6a00;color:#090909}.wallet-empty-v6{padding:18px;text-align:center;color:#666;border:1px dashed #2c2c2c;border-radius:13px}
.points-burst-v6{position:fixed;z-index:101000;pointer-events:none;color:#ff7a13;font-weight:900;text-shadow:0 0 15px rgba(255,106,0,.8);animation:pointsFlyV6 1.2s ease-out forwards}@keyframes pointsFlyV6{to{transform:translateY(-75px) scale(.7);opacity:0}}

@media(max-width:780px){.points-panel{padding:22px 14px}.points-panel-head{align-items:flex-start;flex-direction:column}.points-balance-card{width:100%}.reward-list{grid-template-columns:repeat(2,minmax(0,1fr))}.coupon-item-v6{grid-template-columns:1fr auto}.coupon-copy-v6{display:none}.points-nav-btn span:nth-child(2){display:none}}
@media(max-width:480px){.reward-list{grid-template-columns:1fr}.points-nav-btn{padding:9px 11px}}
\n/* V7 - per product coupon dialog */\n.product-code-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;visibility:hidden;opacity:0;transition:.22s ease}.product-code-modal.open{visibility:visible;opacity:1}.product-code-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(12px)}.product-code-panel{position:relative;width:min(92vw,520px);padding:30px;border:1px solid rgba(212,175,55,.28);border-radius:22px;background:linear-gradient(145deg,#151515,#090909);box-shadow:0 30px 100px rgba(0,0,0,.65),0 0 45px rgba(212,175,55,.08);transform:translateY(18px) scale(.97);transition:.25s ease}.product-code-modal.open .product-code-panel{transform:none}.product-code-close{position:absolute;left:16px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid #333;background:#111;color:#fff;font-size:23px;cursor:pointer}.product-code-panel h3{font-size:27px;margin:7px 0}.product-code-panel p,.product-code-hint{color:#999}.product-code-entry{display:grid;grid-template-columns:1fr auto;gap:10px;margin:22px 0 12px}.product-code-entry input{min-width:0;background:#080808;border:1px solid #333;border-radius:12px;padding:14px 15px;color:#fff;outline:none;text-transform:uppercase}.product-code-entry input:focus{border-color:#d4af37;box-shadow:0 0 0 3px rgba(212,175,55,.08)}.product-code-entry button{border:0;border-radius:12px;padding:0 22px;background:linear-gradient(135deg,#d4af37,#f3d676);color:#090909;font-weight:900;cursor:pointer}.product-card.coupon-applied{border-color:rgba(212,175,55,.55)!important;box-shadow:0 0 30px rgba(212,175,55,.09)}.product-card.coupon-applied .btn-code{opacity:.55;cursor:not-allowed}.product-discount-label{display:inline-flex;margin-top:7px;padding:4px 9px;border-radius:999px;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.2);color:#e9c95c;font-size:11px;font-weight:800}@media(max-width:560px){.product-code-entry{grid-template-columns:1fr}.product-code-entry button{padding:13px}.product-code-panel{padding:25px 18px}}\n
/* V9 Invoice */
.invoice-modal{position:fixed;inset:0;z-index:9999;display:none;place-items:center;padding:20px}.invoice-modal.open{display:grid}.invoice-backdrop{position:absolute;inset:0;background:#000d;backdrop-filter:blur(12px)}.invoice-panel{position:relative;width:min(860px,96vw);max-height:94vh;overflow:auto;background:#0b0b0b;border:1px solid #ff671f55;box-shadow:0 35px 120px #000;padding:28px}.invoice-close{position:absolute;left:18px;top:16px;border:0;background:#191919;color:#fff;width:38px;height:38px;font-size:24px;cursor:pointer}.invoice-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.invoice-top h3{font-size:30px;margin:4px 0}.invoice-top p{color:#777}.invoice-top>b{color:#ff6a21;border:1px solid #ff6a2140;padding:10px}.buyer-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.buyer-fields label{font-size:11px;color:#999}.buyer-fields input{display:block;width:100%;margin-top:7px;background:#111;border:1px solid #ffffff18;color:#fff;padding:13px;font:inherit;outline:none}.buyer-fields input:focus{border-color:#ff6a21}.invoice-paper{background:#f6f6f3;color:#111;padding:30px;border-radius:2px;direction:rtl}.paper-brand{display:flex;justify-content:space-between;border-bottom:2px solid #111;padding-bottom:18px;margin-bottom:20px}.paper-brand strong{font-size:20px}.paper-brand span{font-size:9px;letter-spacing:2px}.paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.paper-grid>div{background:#e9e9e5;padding:12px}.paper-grid small{display:block;color:#777}.paper-grid b{font-size:12px}.invoice-product{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid #ccc}.invoice-totals{padding-top:12px}.invoice-totals>div{display:flex;justify-content:space-between;padding:8px 0}.invoice-totals .grand{border-top:2px solid #111;margin-top:8px;padding-top:15px;font-size:20px}.paper-foot{text-align:center;border-top:1px dashed #aaa;margin-top:20px;padding-top:15px;color:#777;font-size:9px}.invoice-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.invoice-actions button,.invoice-actions a{border:1px solid #ffffff18;background:#151515;color:#fff;padding:12px 17px;font:700 11px Cairo;cursor:pointer}.invoice-actions .invoice-main{background:#ff5a16;color:#080808;border-color:#ff5a16}.invoice-actions .invoice-discord{margin-right:auto}.invoice-actions .disabled,.invoice-actions button:disabled{opacity:.35;pointer-events:none}.invoice-hint{display:block;color:#666;margin-top:10px}@media(max-width:600px){.buyer-fields,.paper-grid{grid-template-columns:1fr}.invoice-panel{padding:18px}.invoice-paper{padding:18px}.paper-brand{display:block}.paper-brand span{display:block;margin-top:5px}}

/* V10 */
.btn-code.coupon-consumed{display:none!important}

/* V11 - coupon success state */
.product-code-entry.is-consumed,
.product-code-hint.is-consumed { display:none !important; }
.product-code-success-v11{display:none;margin-top:18px;padding:18px;border:1px solid rgba(255,145,0,.35);border-radius:16px;background:linear-gradient(135deg,rgba(255,115,0,.13),rgba(255,190,0,.05));text-align:center;box-shadow:0 0 30px rgba(255,106,0,.08)}
.product-code-success-v11.show{display:block;animation:couponSuccessIn .45s cubic-bezier(.2,.8,.2,1) both}
.product-code-success-v11 strong{display:block;color:#ffb000;font-size:18px;margin-bottom:6px}.product-code-success-v11 span{color:#aaa;font-size:13px}
@keyframes couponSuccessIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}

/* V14 - coupon dialog is never visible until the user presses a product Code button */
#product-code-modal {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#product-code-modal.open {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}