@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700;800&family=Inter:wght@400;600;700;800&display=swap');
:root{--bg:#0a0a0f;--bg2:#111118;--bgc:#16161f;--a:#7c3aed;--al:#9f5eff;--t:#fff;--t2:#c4b5fd;--b:rgba(255,255,255,.07);--r:16px;--rs:10px;--g:#84cc16;--tr:.25s cubic-bezier(.4,0,.2,1)}
*{box-sizing:border-box}
body{background:var(--bg)!important;color:var(--t)!important;font-family:'Inter','Almarai',sans-serif!important;-webkit-font-smoothing:antialiased}
header,nav,[class*="header"],[class*="navbar"]{background:rgba(10,10,15,.92)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid var(--b)!important;box-shadow:0 4px 24px rgba(0,0,0,.4)!important}
nav a,header a{color:var(--t)!important;text-decoration:none!important;font-weight:600!important}
nav a:hover,header a:hover{color:var(--al)!important}
.btns,.perbtn,a.perbtn{background:transparent!important;border:none!important;box-shadow:none!important}
.perbtn:hover{background:rgba(124,58,237,.12)!important}
.perbtn svg,.perbtn i{color:var(--t)!important;fill:var(--t)!important}
.countment{background:var(--a)!important;color:#fff!important;border-radius:99px!important;animation:cartBounce 1.8s ease-in-out infinite!important}
.logo img,[class*="logo"] img{animation:floatGhost 3s ease-in-out infinite!important}
[class*="slider"]{border-radius:var(--r)!important;overflow:hidden!important}
.contentnav,[class*="contentnav"]{background:var(--bg2)!important;border-bottom:1px solid var(--b)!important}
.contentnav *{color:var(--t2)!important}
.left{background:var(--bgc)!important;border:1px solid var(--b)!important;border-radius:var(--r)!important;color:var(--t)!important}
.persize{background:var(--bg2)!important;border:1px solid var(--b)!important;border-radius:var(--rs)!important;color:var(--t)!important;transition:all var(--tr)!important}
.persize.selected,.persize:hover{background:var(--a)!important;border-color:var(--a)!important;color:#fff!important}
.counter{background:var(--bgc)!important;border:1px solid var(--b)!important;border-radius:var(--rs)!important}
.counter *{color:var(--t)!important}
.counter button{background:transparent!important;border:none!important;box-shadow:none!important}
[class*="product"],[class*="perproduct"]{background:var(--bgc)!important;border:1px solid var(--b)!important;border-radius:var(--r)!important;overflow:hidden!important;transition:transform var(--tr),box-shadow var(--tr)!important;animation:fadeUp .5s ease both!important}
[class*="product"]:hover,[class*="perproduct"]:hover{transform:translateY(-4px)!important;box-shadow:0 20px 40px rgba(0,0,0,.5)!important;border-color:rgba(124,58,237,.5)!important}
[class*="perProductImage"]{display:block!important;width:100%!important;height:75vw!important;max-height:380px!important;background-size:cover!important;background-position:center top!important}
[class*="product"] img,[class*="perproduct"] img{width:100%!important;height:100%!important;object-fit:cover!important}
.price,.currencyConversionRealPrice,.currencyConversionPriceCon{font-weight:800!important;font-family:'Inter',sans-serif!important}
.mainprice{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:6px 12px!important;margin:0 10px 10px!important;background:var(--g)!important;border-radius:var(--rs)!important}
.mainprice,.mainprice *,.mainprice .currencyConversionRealPrice,.mainprice .currencyConversionPriceCon{color:#fff!important;font-weight:800!important;font-family:'Inter',sans-serif!important}
.pname{color:#fff!important;font-weight:700!important;text-decoration:none!important}
.pname:hover{color:var(--al)!important}
.psubname{color:var(--t2)!important}
.details{padding:12px 14px 18px!important}
.perproduct .btns{padding:0 14px 16px!important}
[class*="buybtn"],[class*="addtocart"],input[type="submit"],input[type="button"]{background:linear-gradient(135deg,var(--a),#5b21b6)!important;color:#fff!important;border:none!important;border-radius:var(--rs)!important;padding:10px 24px!important;font-weight:700!important;cursor:pointer!important;animation:pulseGlow 2.5s ease-in-out infinite!important}
[class*="buybtn"]:active,[class*="addtocart"]:active{transform:scale(.96)!important;box-shadow:0 0 40px rgba(124,58,237,1)!important;animation:none!important}
[class*="checkout"],[class*="proceed"],[class*="paynow"]{background:linear-gradient(135deg,var(--g),#65a30d)!important;color:#fff!important;border:none!important;border-radius:var(--rs)!important;font-weight:800!important;cursor:pointer!important;animation:checkoutGlow 1.5s ease-in-out infinite!important}
[class*="feature"],[class*="perfeature"]{background:rgba(124,58,237,.06)!important;border:1px solid var(--b)!important;border-radius:var(--rs)!important;padding:20px 14px!important;font-size:.78em!important}
[class*="perfeature"] .icon,[class*="feature"] .icon{transform:scale(.9)!important;display:block!important}
[class*="perfeature"] .icon svg *,[class*="feature"] .icon svg *{color:var(--al)!important;fill:var(--al)!important;stroke:var(--al)!important}
.wishlistbtn svg *{color:var(--al)!important;fill:var(--al)!important;stroke:var(--al)!important;stroke-width:1.15!important}
.addtocartbtn svg *{color:#fff!important;fill:#fff!important;stroke:#fff!important;stroke-width:1.15!important}
.mainproducts .title{margin:10% 0 4%!important}
h1,h2,h3,h4,h5,h6{color:var(--t)!important;font-weight:700!important;font-family:'Inter','Almarai',sans-serif!important}
input[type="text"],input[type="email"],input[type="password"],input[type="search"],select,textarea{background:var(--bgc)!important;border:1px solid var(--b)!important;border-radius:var(--rs)!important;color:var(--t)!important;padding:10px 16px!important;outline:none!important}
input:focus,select:focus,textarea:focus{border-color:var(--a)!important;box-shadow:0 0 0 3px rgba(124,58,237,.35)!important}
[class*="dropdown"],[class*="modal"],[class*="popup"]{background:var(--bg2)!important;border:1px solid var(--b)!important;border-radius:var(--r)!important}
footer,[class*="footer"]{background:var(--bg2)!important;border-top:1px solid var(--b)!important;color:var(--t2)!important}
footer a,[class*="footer"] a{color:var(--t2)!important}
footer a:hover,[class*="footer"] a:hover{color:var(--al)!important}
footer h2,footer h3,[class*="footer"] h2{color:var(--t)!important}
[class*="perpayment"],[class*="payment"]{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important;padding:4px 8px!important}
.btmsocial,[class*="btmsocial"]{background:var(--bg2)!important;border-top:1px solid var(--b)!important}
.btmsocial *{color:var(--t2)!important}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-thumb{background:var(--a);border-radius:99px}
::selection{background:var(--a);color:#fff}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulseGlow{0%,100%{box-shadow:0 4px 15px rgba(124,58,237,.35)}50%{box-shadow:0 4px 30px rgba(124,58,237,.75)}}
@keyframes checkoutGlow{0%,100%{box-shadow:0 4px 15px rgba(132,204,22,.4)}50%{box-shadow:0 4px 35px rgba(132,204,22,.9)}}
@keyframes cartBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}
@keyframes floatGhost{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:768px){[class*="rpcon"],[class*="products-grid"]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}[class*="feature"] *,[class*="perfeature"] *{font-size:11px!important}[class*="feature"] .icon svg,[class*="perfeature"] .icon svg{width:29px!important;height:29px!important}footer [class*="rowcon"]{flex-direction:column!important;gap:16px!important;padding:16px!important}}
@media(max-width:480px){[class*="rpcon"],[class*="products-grid"]{display:flex!important;flex-direction:column!important;align-items:center!important}.perproduct{width:88%!important;margin:0 auto!important}}
.mainloading{display:flex!important;position:fixed!important;inset:0!important;z-index:99999!important;align-items:center!important;justify-content:center!important;background:#0a0a0f!important;animation:loaderOut .6s ease forwards 3s!important}
.mainloading>*{display:none!important}
.mainloading::before{content:''!important;display:block!important;width:180px!important;height:180px!important;background:url(https://ghostcards.co/assets/userimg/d03c44f035143c6612653d2a1a0ba490.png)center/contain no-repeat!important;animation:floatGhost 1s ease-in-out infinite!important;filter:drop-shadow(0 0 20px rgba(168,85,247,.9))!important}
.mainloading::after{display:none!important}
@keyframes loaderOut{to{opacity:0;pointer-events:none;visibility:hidden}}