@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--bg:#03050d;--panel:#080c17;--line:#202b43;--text:#f7f7fb;--muted:#9ba1b3;--pink:#f400c7;--purple:#8a45ff;--blue:#2b8fff;--max:1346px;--gutter:22px;--radius:16px;--section-width:min(1346px,calc(100% - 44px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#170a2d 0,#060812 35%,#020409 75%);color:var(--text);font-family:Tajawal,Arial,sans-serif;overflow-x:hidden}a{color:inherit}button{font:inherit;cursor:pointer}
.topbar{height:49px;padding:0 max(var(--gutter),calc((100% - 1440px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #171c2c;background:linear-gradient(180deg,#050812,#02040a);font-size:12px;color:#d1d4de}.topbar-trust{display:flex;align-items:center;gap:31px}.topbar-trust span{display:flex;align-items:center;gap:9px}.login-link{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:700;color:#fff}
.site-header{height:80px;padding:0 max(var(--gutter),calc((100% - 1440px)/2));display:grid;grid-template-columns:360px 1fr 250px;align-items:center;gap:20px;background:#03060e;border-bottom:1px solid #171c2b;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;direction:ltr;width:max-content}.brand-logo{display:block;width:58px;height:58px;object-fit:contain;object-position:center}.brand-name{font-family:Arial,sans-serif;font-size:22px;font-weight:500;color:#f5f5f8;white-space:nowrap}.brand-name b{font-weight:700;background:linear-gradient(90deg,#ff00b8,#8b4cff,#2698ff);-webkit-background-clip:text;background-clip:text;color:transparent}.main-nav{height:100%;display:flex;justify-content:center;align-items:center;gap:34px;direction:rtl;white-space:nowrap}.main-nav a{height:100%;display:flex;align-items:center;position:relative;text-decoration:none;color:#eeeef3;font-size:13px;font-weight:700}.main-nav a.active:after{content:"";position:absolute;bottom:9px;right:0;left:0;height:2px;background:linear-gradient(90deg,#f000c6,#8a43ff);box-shadow:0 0 14px #f000c6}.header-tools{display:flex;align-items:center;justify-content:flex-start;gap:10px;direction:ltr}.tool-btn{width:44px;height:44px;border:1px solid #202a42;border-radius:14px;background:#070b15;color:#fff;position:relative;display:grid;place-items:center}.tool-btn .counter{position:absolute;top:-6px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:20px;background:#9d24d8;font-size:10px;line-height:18px}.search-box{height:45px;width:210px;border:1px solid #27324b;border-radius:24px;background:#060a13;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 17px;color:#7e8698;font-size:12px;direction:rtl;box-shadow:inset 0 0 25px #0008}
.ico{display:inline-block;position:relative;width:20px;height:20px;flex:none}.ico:before,.ico:after{content:"";position:absolute;box-sizing:border-box}.ico.headset:before{left:2px;top:3px;width:16px;height:14px;border:2px solid #c800ff;border-bottom:0;border-radius:10px 10px 0 0}.ico.headset:after{left:0;top:11px;width:5px;height:7px;border:2px solid #c800ff;border-radius:3px}.ico.shield:before{inset:1px 3px 0;border:2px solid #b100ff;border-radius:9px 9px 11px 11px;clip-path:polygon(50% 0,100% 18%,92% 70%,50% 100%,8% 70%,0 18%)}.ico.user:before{width:8px;height:8px;border:1.5px solid #e9eaf2;border-radius:50%;left:6px;top:1px}.ico.user:after{width:14px;height:8px;border:1.5px solid #e9eaf2;border-bottom:0;border-radius:10px 10px 0 0;left:3px;bottom:1px}.ico.search:before{width:14px;height:14px;border:2px solid #f3f3f7;border-radius:50%;left:1px;top:1px}.ico.search:after{width:7px;height:2px;background:#f3f3f7;transform:rotate(45deg);left:13px;top:15px}.ico.heart:before{width:16px;height:14px;left:2px;top:3px;border:1.8px solid #f3f3f7;border-radius:9px 9px 5px 5px;transform:rotate(-45deg)}.ico.heart:after{width:10px;height:10px;left:7px;top:5px;background:#070b15;border-radius:50%}.ico.cart:before{width:15px;height:11px;left:2px;top:4px;border:1.7px solid #f5f5f7;border-top:0;transform:skew(-10deg)}.ico.cart:after{width:4px;height:4px;border:1.5px solid #f5f5f7;border-radius:50%;left:4px;top:15px;box-shadow:9px 0 0 -1px #070b15,9px 0 0 0 #f5f5f7}
.hero-reference{width:100%;background:#02040b;overflow:hidden}.hero-reference img{display:block;width:100%;height:auto;min-height:325px;object-fit:cover;object-position:center}.features-reference{width:var(--section-width);margin:10px auto 18px;border:1px solid #54217d;border-radius:var(--radius);overflow:hidden;box-shadow:0 18px 55px #0009,0 0 35px #9a00ff15;background:#070a13}.features-reference img{display:block;width:100%;height:85px;object-fit:cover}
.best-section{padding:0 0 58px}.best-banner-wrap{width:var(--section-width);margin:0 auto 16px;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:transparent}.best-banner{display:block;width:100%;height:auto;border:0;outline:0;border-radius:0;box-shadow:none}.products-wrap{width:var(--section-width);margin:0 auto}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;direction:rtl;align-items:stretch}.product-card{width:100%;height:300px;min-width:0;min-height:300px;max-height:300px;border:1px solid #7a2bb2;border-radius:var(--radius);background:linear-gradient(145deg,#0c1120,#070b15);padding:8px;display:flex;direction:ltr;gap:10px;overflow:hidden;box-shadow:0 15px 38px #0008;transition:.28s}.product-card:hover{transform:translateY(-4px);border-color:#bd45ff;box-shadow:0 20px 45px #000a,0 0 30px #a000ff20}.product-media{width:45%;height:282px;min-height:282px;max-height:282px;position:relative;flex:0 0 45%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:11px;background:#070a12}.product-media img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.product-badge{position:absolute;top:6px;right:6px;background:linear-gradient(90deg,#ef00c0,#a027ef);color:#fff;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:900;direction:rtl;white-space:nowrap}.product-info{flex:1;min-width:0;height:100%;direction:rtl;display:flex;flex-direction:column;padding:7px 3px 3px}.product-title-wrap{min-height:91px}.product-info h3{font-size:13px;line-height:1.55;margin:20px 0 5px;min-height:40px;color:#f4f4f7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{margin:0;color:#d1d4df;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-bottom{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:7px}.price-rating strong{font-size:16px;white-space:nowrap}.price-rating strong small{font-size:10px}.rating{font-size:9px;color:#e6e6ec;margin-top:5px;white-space:nowrap}.rating span{color:#ffc400;font-size:13px}.rating em{color:#8e96a9;font-style:normal;margin-right:3px}.add-cart{width:42px;height:42px;border:0;border-radius:9px;background:linear-gradient(135deg,#d900c5,#6f2fff);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px #a000ff30}.add-cart .ico{transform:scale(.85)}.all-products{width:292px;height:53px;margin:17px auto 0;border:1px solid #252f47;border-radius:13px;background:#070b14;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:22px;color:#fff;font-size:13px;font-weight:700}.grid-icon{width:17px;height:17px;display:block;background:linear-gradient(90deg,#dfe2e9 0 42%,transparent 42% 58%,#dfe2e9 58% 100%),linear-gradient(0deg,#dfe2e9 0 42%,transparent 42% 58%,#dfe2e9 58% 100%);border-radius:3px;opacity:.9}
.lower-section{width:var(--section-width);margin:0 auto;padding:35px 0 90px;border-top:1px solid #11192b}.lower-heading{text-align:center}.lower-heading span{color:#ef20c6;font-size:11px;font-weight:900;letter-spacing:2px}.lower-heading h2{font-size:28px;margin:6px 0}.lower-heading p{color:#858da0;font-size:12px}.category-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.category-pills a{border:1px solid #29344d;border-radius:20px;padding:9px 16px;text-decoration:none;color:#cfd2dc;font-size:11px;background:#080c15}footer.site-footer{position:relative;overflow:hidden;border-top:1px solid rgba(183,42,255,.32);background:radial-gradient(circle at 50% -30%,rgba(190,0,255,.18),transparent 48%),linear-gradient(180deg,#050610 0%,#02030a 100%);text-align:initial;padding:0 20px;color:#7e8698;margin-top:45px}.site-footer .footer-glow{position:absolute;left:8%;right:8%;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#ff00c8 25%,#7b39ff 50%,#2b8cff 75%,transparent);box-shadow:0 0 22px rgba(225,0,255,.55)}.footer-inner{width:min(1180px,100%);margin:auto}.footer-main{display:grid;grid-template-columns:1.35fr .8fr 1.25fr;gap:42px;padding:42px 0 34px}.footer-brand-wrap{display:flex;align-items:center;gap:16px}.footer-logo-ring{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#171127,#090b16);border:1px solid #6e28a5;box-shadow:0 0 28px rgba(206,0,255,.16),inset 0 0 18px rgba(131,45,255,.12);flex:0 0 66px}.footer-logo-ring img{width:50px;height:50px;object-fit:contain}.footer-brand{font-family:Arial,sans-serif;font-size:25px;font-weight:900;color:#f5f4f8;letter-spacing:.2px}.footer-brand+p{font-size:11px;line-height:1.9;margin:7px 0 0;color:#8e96a9;max-width:330px}.footer-label{display:block;color:#f0edf5;font-size:12px;font-weight:900;margin:4px 0 15px}.foot-links{display:flex;flex-wrap:wrap;gap:9px}.foot-links a{font-size:11px;color:#bfc5d2;text-decoration:none;padding:9px 12px;border:1px solid #20283b;border-radius:10px;background:#080b14;transition:.2s}.foot-links a:hover{color:#fff;border-color:#9b25ce;transform:translateY(-2px);box-shadow:0 8px 20px rgba(184,0,255,.13)}.social-links{display:flex;flex-wrap:wrap;gap:8px}.social-link{display:flex;align-items:center;gap:8px;min-width:102px;padding:9px 11px;border:1px solid #20283b;border-radius:11px;background:linear-gradient(180deg,#0b0e18,#070910);color:#c8ccd7;text-decoration:none;font-size:10px;transition:.2s}.social-link:hover{transform:translateY(-2px);color:#fff;border-color:#b31be0;box-shadow:0 10px 24px rgba(179,27,224,.15)}.social-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#ec00c7,#6d35ff);color:#fff;font-size:15px;font-weight:900;box-shadow:0 0 14px rgba(218,0,255,.22)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #151b2a;padding:17px 0 22px;font-size:10px;color:#70798d}.footer-made{color:#8c94a7}.footer-made::first-letter{color:#ff25d1}@media(max-width:820px){.footer-main{grid-template-columns:1fr;gap:26px;padding:34px 0 28px}.footer-social-block{order:3}.social-links{max-width:520px}.footer-bottom{flex-direction:column;text-align:center;gap:7px}}@media(max-width:520px){footer.site-footer{padding:0 14px}.footer-brand-wrap{align-items:flex-start}.footer-logo-ring{width:58px;height:58px;flex-basis:58px}.footer-logo-ring img{width:44px;height:44px}.footer-brand{font-size:21px}.social-link{min-width:calc(50% - 4px);box-sizing:border-box}.foot-links a{flex:1;text-align:center}.footer-bottom{line-height:1.8}}
@media(max-width:1200px){.site-header{grid-template-columns:240px 1fr 230px;gap:12px}.main-nav{gap:20px}.header-tools{justify-content:flex-end}.search-box{width:170px}.products-wrap,.best-banner-wrap,.features-reference{width:calc(100% - 40px)}.product-card{height:285px;min-height:285px;max-height:285px}.product-media{height:267px;min-height:267px;max-height:267px}}
@media(max-width:950px){.site-header{height:auto;grid-template-columns:1fr auto;padding-top:12px;padding-bottom:12px}.brand{order:1}.header-tools{order:2}.main-nav{order:3;grid-column:1/-1;height:44px;overflow:auto;justify-content:flex-start;gap:28px}.main-nav a.active:after{bottom:0}.search-box{width:210px}.hero-reference img{min-height:240px;object-fit:cover}.features-reference,.products-wrap,.best-banner-wrap{width:calc(100% - 28px)}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{height:235px;min-height:235px;max-height:235px}.product-media{height:217px;min-height:217px;max-height:217px}}
@media(max-width:620px){:root{--gutter:13px;--section-width:calc(100% - 18px)}.topbar{height:43px;font-size:9px}.topbar-trust{gap:12px}.topbar-trust span:first-child{display:none}.site-header{padding-top:10px}.brand-logo{width:44px;height:44px}.brand-name{font-size:16px}.header-tools{gap:5px}.tool-btn{width:38px;height:38px}.search-box{width:145px;height:39px;font-size:10px}.main-nav{gap:22px;height:42px}.main-nav a{font-size:11px}.hero-reference img{width:100%;height:300px;object-fit:cover;object-position:center}.features-reference{margin-top:9px;margin-bottom:13px}.features-reference img{height:auto;min-height:70px}.best-banner-wrap{width:100%;margin-bottom:10px}.products-wrap{width:100%}.products{grid-template-columns:1fr;gap:9px}.product-card{height:190px;min-height:190px;max-height:190px;padding:7px}.product-media{height:174px;min-height:174px;max-height:174px;flex-basis:43%;width:43%}.product-info h3{font-size:12px;margin-top:12px;min-height:35px}.product-title-wrap{min-height:70px}.price-rating strong{font-size:15px}.all-products{width:240px;height:48px;font-size:12px}.lower-section{padding-bottom:55px}.foot-links{gap:13px;flex-wrap:wrap}}

/* === Darkapp Store: strict equal product sizing === */
.products{grid-auto-rows:300px;align-items:stretch}
.product-card{height:100%;min-height:0;max-height:none;align-self:stretch}
.product-media{height:auto;min-height:0;max-height:none;align-self:stretch;flex:0 0 45%}
.product-media img{width:100%;height:100%;object-fit:contain;object-position:center}
.product-info{min-height:0;height:100%}
@media(max-width:1200px){.products{grid-auto-rows:285px}.product-card{height:100%;min-height:0;max-height:none}.product-media{height:auto;min-height:0;max-height:none}}
@media(max-width:950px){.products{grid-auto-rows:235px}.product-card{height:100%;min-height:0;max-height:none}.product-media{height:auto;min-height:0;max-height:none}}
@media(max-width:620px){.products{grid-auto-rows:190px}.product-card{height:100%;min-height:0;max-height:none}.product-media{height:auto;min-height:0;max-height:none;flex-basis:43%;width:43%}}

/* === Final layout + interaction polish === */
.hero-reference{
  width:var(--section-width);
  margin:0 auto;
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  background:#02040b;
}
.hero-reference img{
  width:100%;
  height:auto;
  min-height:0;
  object-fit:cover;
  object-position:center;
  display:block;
}
.hero-hotspot{
  position:absolute;
  display:block;
  z-index:2;
  border-radius:12px;
  cursor:pointer;
  background:transparent;
}
/* Transparent clickable areas over the two CTA buttons baked into the hero image. */
.hero-shop{left:59.2%;top:62%;width:14.5%;height:18%}
.hero-hotspot:focus-visible{outline:2px solid #fff;outline-offset:2px}

.search-box{position:relative;cursor:text}
.search-box input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#f5f5f8;font:inherit;padding:0 4px 0 34px;text-align:right}
.search-box input::placeholder{color:#7e8698}
.search-box .ico.search{position:absolute;left:14px;top:12px;pointer-events:none}

.cart-panel{position:fixed;inset:0;z-index:100;pointer-events:none;visibility:hidden}
.cart-panel.is-open{pointer-events:auto;visibility:visible}
.cart-backdrop{position:absolute;inset:0;background:#0009;opacity:0;transition:.2s}
.cart-panel.is-open .cart-backdrop{opacity:1}
.cart-drawer{position:absolute;top:0;right:0;width:min(390px,92vw);height:100%;background:#080c17;border-left:1px solid #54217d;box-shadow:-20px 0 60px #000b;transform:translateX(105%);transition:.25s;padding:22px;display:flex;flex-direction:column}
.cart-panel.is-open .cart-drawer{transform:translateX(0)}
.cart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #202b43;padding-bottom:15px}
.cart-head h2{font-size:20px;margin:0}
.cart-close{width:38px;height:38px;border:1px solid #27324b;border-radius:10px;background:#070b15;color:#fff;cursor:pointer}
.cart-items{flex:1;overflow:auto;padding:15px 0}
.cart-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #151d30}
.cart-item strong{font-size:12px;display:block}
.cart-item span{font-size:10px;color:#aeb4c2}
.cart-empty{color:#858da0;text-align:center;padding:35px 10px;font-size:12px}
.cart-footer{border-top:1px solid #202b43;padding-top:15px}
.cart-total{display:flex;justify-content:space-between;font-weight:800;margin-bottom:12px}
.cart-clear{width:100%;height:44px;border:1px solid #5c2b83;border-radius:10px;background:linear-gradient(90deg,#e000c5,#7130ff);color:#fff;font-weight:800;cursor:pointer}
.favorite-btn.is-active{border-color:#d900c5;box-shadow:0 0 22px #d900c530}
.favorite-btn.is-active .heart:before{background:#d900c5}
.search-empty{grid-column:1/-1;text-align:center;color:#8d95a7;padding:30px;font-size:13px;border:1px dashed #29344d;border-radius:14px}

@media(max-width:620px){
  .hero-reference{width:100%;border-radius:0}
  .hero-shop{left:58.5%;top:61%;width:17%;height:19%}
}

/* Checkout modal - functional overlay */
.checkout-modal{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s,visibility .2s;direction:rtl}
.checkout-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}
.checkout-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}
.checkout-box{position:relative;z-index:1;width:min(470px,94vw);max-height:90vh;overflow:auto;background:linear-gradient(145deg,#0b1020,#050812);border:1px solid #7a2bb2;border-radius:18px;box-shadow:0 25px 90px #000,0 0 45px #a000ff20;padding:28px}
.checkout-box h2{margin:0 0 8px;font-size:24px;color:#fff}
.checkout-box p{margin:0 0 20px;color:#9ba1b3;font-size:12px;line-height:1.8}
.checkout-box input,.checkout-box textarea{display:block;width:100%;margin:0 0 12px;border:1px solid #27324b;border-radius:11px;background:#060a13;color:#fff;outline:0;padding:13px 14px;font:inherit;font-size:12px;direction:rtl}
.checkout-box input:focus,.checkout-box textarea:focus{border-color:#c000ff;box-shadow:0 0 0 3px #c000ff18}
.checkout-box textarea{min-height:85px;resize:vertical}
.checkout-box .cart-close{position:absolute;left:18px;top:18px}
.checkout-box .cart-checkout{width:100%;min-height:48px;border:0;border-radius:11px;background:linear-gradient(135deg,#d900c5,#6f2fff);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 28px #a000ff30}
.checkout-box .cart-checkout:disabled{opacity:.65;cursor:wait}
#checkoutResult{min-height:22px;margin-top:12px;color:#d7dbea;font-size:11px;line-height:1.7}

/* === Premium Darkapp cart drawer === */
body.drawer-open{overflow:hidden}
.cart-drawer{width:min(470px,94vw);padding:0;background:linear-gradient(180deg,#080c18 0%,#050812 100%);border-left:1px solid #61228a;box-shadow:-30px 0 90px #000d}
.cart-head{padding:22px 22px 17px;border-bottom:1px solid #1a2237}
.cart-head-title{display:flex;align-items:center;gap:12px}
.cart-head-title h2{font-size:19px;font-weight:900;line-height:1.3;margin:0;color:#fff}
.cart-head-title>div>span{display:block;color:#81899c;font-size:10px;margin-top:3px}
.cart-head-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#d900c5,#5e36ff);box-shadow:0 8px 28px #9d00ff35}
.cart-head-icon .ico{transform:scale(.9)}
.cart-head-icon .ico.cart:before,.cart-head-icon .ico.cart:after{border-color:#fff;background-color:transparent}
.cart-progress{height:3px;margin:0 22px;background:#11182a;border-radius:9px;overflow:hidden}
.cart-progress span{display:block;width:55%;height:100%;background:linear-gradient(90deg,#ef00c0,#6544ff,#279cff);box-shadow:0 0 15px #c500ff}
.cart-items{padding:15px 22px 8px}
.cart-item-modern{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #151d30}
.cart-item-image{width:74px;height:74px;flex:0 0 74px;border:1px solid #2b3652;border-radius:12px;background:linear-gradient(145deg,#0c1220,#070b14);display:grid;place-items:center;overflow:hidden}
.cart-item-image img{width:100%;height:100%;object-fit:contain;display:block}
.cart-item-main{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.cart-item-top{display:flex;justify-content:space-between;gap:8px}
.cart-item-top strong{display:block;font-size:12px;color:#f3f4f8;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}
.cart-item-top span{display:block;color:#747d91;font-size:9px;margin-top:2px}
.item-remove{width:27px;height:27px;flex:0 0 27px;border:1px solid #26314a;border-radius:8px;background:#090e1a;color:#8f98aa;cursor:pointer;font-size:17px;line-height:1;transition:.2s}
.item-remove:hover{color:#fff;border-color:#e000c5;background:#260d2c}
.cart-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cart-item-bottom>strong{font-size:12px;color:#fff;white-space:nowrap}
.qty-control{height:32px;display:flex;align-items:center;border:1px solid #29344d;border-radius:9px;overflow:hidden;background:#080d18}
.qty-control button{width:30px;height:100%;border:0;background:transparent;color:#d8dbea;font-size:17px;cursor:pointer}
.qty-control button:hover{background:#171d30;color:#fff}
.qty-control b{width:30px;text-align:center;font-size:11px;color:#fff}
.cart-empty-modern{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#8a93a6}
.empty-cart-icon{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;border:1px solid #44215f;background:radial-gradient(circle,#25113a,#080c17 68%);box-shadow:0 0 40px #9e00ff12;margin-bottom:8px}
.empty-cart-icon .ico{transform:scale(1.25)}
.cart-empty-modern strong{font-size:15px;color:#f4f5f8}
.cart-empty-modern>span{font-size:10px}
.empty-shop{margin-top:12px;padding:10px 18px;border:1px solid #63257f;border-radius:10px;background:#0b1020;color:#fff;font-size:10px;font-weight:800;cursor:pointer}
.cart-footer{padding:16px 22px 22px;border-top:1px solid #1a2237;background:linear-gradient(180deg,#080c17,#060913)}
.cart-summary-row{display:flex;justify-content:space-between;align-items:center;color:#c7cbd5;font-size:11px;margin-bottom:9px}
.cart-summary-row strong{color:#fff;font-size:12px}.cart-summary-row.muted{color:#737d91}.cart-total{display:flex;justify-content:space-between;align-items:center;padding:13px 0 15px;margin-top:4px;border-top:1px dashed #242e45;color:#fff;font-size:14px}.cart-total strong{font-size:19px;background:linear-gradient(90deg,#ff15c5,#8b50ff,#3ca5ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cart-footer .cart-checkout{width:100%;height:51px;border:0;border-radius:12px;background:linear-gradient(110deg,#e800c2,#7b32ff 60%,#278eff);color:#fff;font-weight:900;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:18px;box-shadow:0 12px 30px #a000ff28;transition:.2s}
.cart-footer .cart-checkout:hover{transform:translateY(-2px);box-shadow:0 16px 38px #a000ff45}.cart-footer .cart-checkout i{font-style:normal;font-size:18px;direction:ltr}
.cart-footer .cart-clear{margin-top:9px;height:35px;border:0;background:transparent;color:#727b8f;font-size:10px;font-weight:700;cursor:pointer}.cart-footer .cart-clear:hover{color:#e6e8ef}
@media(max-width:620px){.cart-drawer{width:100%;border-left:0}.cart-head{padding:17px}.cart-items{padding:12px 17px}.cart-footer{padding:14px 17px 18px}.cart-item-image{width:64px;height:64px;flex-basis:64px}.cart-item-top strong{max-width:200px}}

/* === Darkapp product favorites === */
.product-card{position:relative}
.product-favorite{position:absolute;top:9px;left:9px;z-index:5;width:34px;height:34px;border:1px solid #303b55;border-radius:10px;background:rgba(5,8,16,.88);color:#8e97aa;display:grid;place-items:center;font-size:17px;line-height:1;cursor:pointer;transition:.2s;backdrop-filter:blur(6px)}
.product-favorite:hover{border-color:#e100c4;color:#ff34cd;transform:translateY(-1px);box-shadow:0 0 18px #e100c428}
.product-favorite.is-active{border-color:#ff2f46!important;background:linear-gradient(145deg,#6d101b,#26070d)!important;color:#ff334d!important;box-shadow:0 0 22px rgba(255,47,70,.45),0 0 8px rgba(255,47,70,.35)!important;transform:scale(1.04)}
.product-favorite:disabled{opacity:.6;cursor:wait}
.favorite-btn{display:flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:620px){.product-favorite{width:31px;height:31px;top:8px;left:8px;font-size:15px}}

.category-result-head{position:relative;overflow:hidden;width:min(1200px,calc(100% - 32px));margin:24px auto 18px;padding:22px 26px;border:1px solid rgba(172,44,255,.34);border-radius:22px;background:radial-gradient(circle at 12% 50%,rgba(218,0,255,.10),transparent 30%),linear-gradient(135deg,#0b0d18 0%,#111126 52%,#0a0d18 100%);display:flex;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box;box-shadow:0 20px 60px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04)}
.category-result-head:before{content:"";position:absolute;inset:auto -10% -70px -10%;height:110px;background:radial-gradient(ellipse,rgba(204,0,255,.16),transparent 68%);filter:blur(18px);pointer-events:none}
.category-result-main{position:relative;z-index:1;display:flex;align-items:center;gap:16px;min-width:0}
.category-result-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;color:#fff;font-size:20px;background:linear-gradient(135deg,#f000c8,#6245ff);box-shadow:0 8px 28px rgba(191,0,255,.28),inset 0 1px 0 rgba(255,255,255,.22);animation:categoryPulse 3s ease-in-out infinite}
.category-result-copy{min-width:0}.category-result-kicker{display:inline-flex;align-items:center;gap:7px;color:#c9a9ff;font-size:10px;font-weight:800;letter-spacing:.3px;margin-bottom:4px}.category-result-kicker:before{content:"";width:18px;height:2px;border-radius:99px;background:linear-gradient(90deg,#f000c8,#6648ff)}
.category-result-head h1{margin:0 0 5px;color:#fff;font-size:30px;line-height:1.15;letter-spacing:-.3px}.category-result-head p{margin:0;color:#8992a8;font-size:12px;line-height:1.7}
.category-result-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;padding:12px 17px;border-radius:13px;border:1px solid rgba(205,70,255,.38);color:#fff;text-decoration:none;background:linear-gradient(100deg,#e000bf,#6548ff);font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 10px 28px rgba(127,41,255,.18);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.category-result-link b{font-size:15px;transition:transform .25s ease}.category-result-link:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 14px 34px rgba(127,41,255,.28)}.category-result-link:hover b{transform:translateX(-4px)}
@keyframes categoryPulse{0%,100%{transform:translateY(0);box-shadow:0 8px 28px rgba(191,0,255,.28),inset 0 1px 0 rgba(255,255,255,.22)}50%{transform:translateY(-2px);box-shadow:0 12px 34px rgba(191,0,255,.38),inset 0 1px 0 rgba(255,255,255,.22)}}
@media(max-width:650px){.category-result-head{width:calc(100% - 20px);padding:17px;align-items:stretch;flex-direction:column;gap:16px}.category-result-main{align-items:flex-start}.category-result-icon{width:42px;height:42px;flex-basis:42px;border-radius:13px}.category-result-head h1{font-size:23px}.category-result-head p{font-size:11px}.category-result-link{width:100%;box-sizing:border-box;justify-content:center}}

/* ===== Darkapp premium category showcases v2 ===== */
.category-showcases{width:var(--section-width);margin:0 auto;padding:18px 0 90px}
.showcases-heading{text-align:center;margin:4px 0 26px}.showcases-heading span{display:block;color:#ff20c8;font-size:11px;font-weight:900;letter-spacing:2px}.showcases-heading h2{margin:5px 0 7px;font-size:30px;color:#fff}.showcases-heading p{margin:0;color:#7f889c;font-size:11px}
.category-showcase{margin:0 0 30px;padding:0 0 18px;border:1px solid #3b2160;border-radius:20px;background:linear-gradient(145deg,#0a0e1a,#050811);box-shadow:0 18px 55px #0008,0 0 28px #8b00ff0b;overflow:hidden}
.category-visual{display:block;position:relative;height:210px;overflow:hidden;text-decoration:none;background:#070914}
.category-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .45s ease,filter .45s ease}.category-visual:hover img{transform:scale(1.025);filter:saturate(1.12) brightness(1.05)}
.category-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,11,.20),rgba(3,5,11,.12) 48%,rgba(3,5,11,.78));pointer-events:none}
.category-visual-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:28px 34px;color:#fff;direction:rtl}.category-visual-overlay div{max-width:68%}.category-visual-overlay span{font-size:10px;color:#ff20c8;font-weight:900;letter-spacing:1.5px}.category-visual-overlay h3{font-size:31px;margin:7px 0 5px;text-shadow:0 3px 20px #000}.category-visual-overlay p{font-size:11px;color:#d2d5de;margin:0}.category-visual-overlay b{border:1px solid #9a31c8;border-radius:11px;padding:12px 18px;background:#080a13d9;backdrop-filter:blur(8px);font-size:11px;white-space:nowrap;box-shadow:0 0 25px #b000ff22;transition:.2s}.category-visual:hover .category-visual-overlay b{background:#180d27;border-color:#e23bdb;transform:translateY(-2px)}
.category-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px 18px 4px;align-items:stretch;direction:rtl}
.category-product-card{width:100%;height:285px;min-height:285px;max-height:285px;border-radius:15px;background:linear-gradient(145deg,#0d1321,#070b14);box-shadow:0 12px 30px #0007;border:1px solid #51206f;overflow:hidden}
.category-product-card:hover{border-color:#bf3fff;box-shadow:0 16px 34px #0009,0 0 22px #a000ff18}
.category-product-card .product-media{width:43%;height:269px;min-height:269px;max-height:269px;flex-basis:43%;border-radius:10px}.category-product-card .product-media img{object-fit:contain}.category-product-card .product-info{padding-top:6px}.category-product-card .product-title-wrap{min-height:78px}.category-product-card .product-info h3{font-size:12px;margin-top:18px;line-height:1.5}.category-product-card .product-meta{font-size:9px}.category-product-card .product-bottom{padding-bottom:2px}.category-product-card .price-rating strong{font-size:15px}.category-product-card .add-cart{width:40px;height:40px}
.category-empty{width:min(760px,calc(100% - 30px));margin:15px auto;border:1px dashed #392552;border-radius:14px;padding:25px;text-align:center;background:#080b14;color:#8790a5;box-sizing:border-box}.category-empty span{display:block;color:#e820c5;font-size:24px;margin-bottom:6px}.category-empty strong{display:block;color:#fff;font-size:13px}.category-empty p{font-size:10px;margin:6px 0 12px}.category-empty a{display:inline-flex;padding:9px 14px;border-radius:9px;background:linear-gradient(90deg,#d900c5,#633aff);color:#fff;text-decoration:none;font-size:10px}.category-all{display:flex;justify-content:center;align-items:center;gap:9px;width:max-content;margin:15px auto 0;padding:10px 18px;border:1px solid #3b2754;border-radius:10px;color:#e9e9ef;background:#090c15;text-decoration:none;font-size:10px;font-weight:700;transition:.2s}.category-all:hover{border-color:#c42bdf;color:#fff;transform:translateY(-2px);box-shadow:0 0 20px #a000ff18}
@media(max-width:1100px){.category-products{grid-template-columns:repeat(2,minmax(0,1fr))}.category-product-card{height:270px;min-height:270px;max-height:270px}.category-product-card .product-media{height:254px;min-height:254px;max-height:254px}}
@media(max-width:720px){.category-showcases{width:calc(100% - 18px);padding-bottom:50px}.category-showcase{border-radius:15px;margin-bottom:18px}.category-visual{height:180px}.category-visual-overlay{padding:18px}.category-visual-overlay h3{font-size:22px}.category-visual-overlay p{font-size:9px}.category-visual-overlay b{padding:9px 11px;font-size:9px}.category-products{grid-template-columns:1fr;gap:10px;padding:10px}.category-product-card{height:245px;min-height:245px;max-height:245px}.category-product-card .product-media{height:229px;min-height:229px;max-height:229px}.category-all{width:calc(100% - 20px)}}


/* ===== CATEGORY SECTIONS V3 — banner + products, no legacy category box ===== */
.category-showcases-v3{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:26px 0 90px}
.category-showcases-v3 .showcases-heading{margin:0 0 28px;padding:0 10px}
.category-showcases-v3 .showcases-heading h2{font-size:32px;letter-spacing:-.3px}
.category-showcases-v3 .category-showcase{margin:0 0 34px;border:1px solid #4a1c6b;border-radius:22px;background:linear-gradient(180deg,#090d18,#050811);overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.42),0 0 34px rgba(160,0,255,.06)}
.category-showcases-v3 .category-visual{height:235px;background:#070914}
.category-showcases-v3 .category-visual:after{background:linear-gradient(90deg,rgba(3,5,11,.08),rgba(3,5,11,.08) 42%,rgba(3,5,11,.76))}
.category-showcases-v3 .category-visual-overlay{padding:30px 38px}
.category-showcases-v3 .category-visual-overlay h3{font-size:34px}
.category-showcases-v3 .category-products{padding:20px 20px 8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.category-showcases-v3 .category-product-card{height:300px;min-height:300px;max-height:300px}
.category-showcases-v3 .category-product-card .product-media{height:284px;min-height:284px;max-height:284px}
.category-showcases-v3 .category-all{margin:14px auto 20px;padding:11px 20px;border-color:#602783;background:linear-gradient(180deg,#0c101b,#080b13)}
.category-showcases-v3 .category-empty{margin:20px auto}
@media(max-width:1100px){.category-showcases-v3 .category-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.category-showcases-v3{width:calc(100% - 18px);padding-bottom:50px}.category-showcases-v3 .category-visual{height:185px}.category-showcases-v3 .category-visual-overlay{padding:18px}.category-showcases-v3 .category-visual-overlay h3{font-size:23px}.category-showcases-v3 .category-products{grid-template-columns:1fr;padding:10px}.category-showcases-v3 .category-product-card{height:245px;min-height:245px;max-height:245px}.category-showcases-v3 .category-product-card .product-media{height:229px;min-height:229px;max-height:229px}}

/* ===== PLUS STORE SECTION ===== */
.plus-section{width:var(--section-width);margin:0 auto;padding:10px 0 90px}
.plus-banner-wrap{width:100%;overflow:hidden;border:1px solid #54217d;border-radius:18px;background:#050711;box-shadow:0 18px 55px #0008,0 0 35px #9a00ff18}
.plus-banner{display:block;width:100%;height:auto;aspect-ratio:1280/340;object-fit:cover}
.plus-heading{text-align:center;padding:30px 10px 24px;direction:rtl}
.plus-heading span{display:block;color:#e51bc9;font-size:10px;font-weight:900;letter-spacing:1.8px}
.plus-heading h2{margin:6px 0 4px;font-size:32px;color:#fff;line-height:1.2}
.plus-heading p{margin:0;color:#858da1;font-size:11px}
.plus-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;direction:rtl}
.plus-product-card{height:300px;min-height:300px;border:1px solid #7a2bb2;border-radius:16px;background:linear-gradient(145deg,#0c1120,#070b15);padding:8px;display:flex;direction:ltr;gap:10px;overflow:hidden;box-shadow:0 15px 38px #0008;transition:.28s}
.plus-product-card:hover{transform:translateY(-4px);border-color:#bd45ff;box-shadow:0 20px 45px #000a,0 0 30px #a000ff20}
.plus-product-media{width:45%;height:282px;min-height:282px;flex:0 0 45%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:11px;background:#070a12}
.plus-product-media img{width:100%;height:100%;object-fit:contain;display:block}
.plus-product-media .product-favorite{position:absolute;top:7px;left:7px}
.plus-all-link{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;margin:18px auto 0;padding:11px 20px;border:1px solid #602783;border-radius:11px;background:linear-gradient(180deg,#0c101b,#080b13);color:#fff;text-decoration:none;font-size:11px;font-weight:800;transition:.2s}
.plus-all-link:hover{border-color:#c42bdf;transform:translateY(-2px);box-shadow:0 0 20px #a000ff18}
@media(max-width:1100px){.plus-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.plus-section{width:calc(100% - 18px);padding-bottom:55px}.plus-banner-wrap{border-radius:13px}.plus-banner{aspect-ratio:auto;min-height:150px;object-fit:cover}.plus-heading{padding:24px 8px 18px}.plus-heading h2{font-size:25px}.plus-products{grid-template-columns:1fr;gap:10px}.plus-product-card{height:245px;min-height:245px}.plus-product-media{height:229px;min-height:229px}.plus-all-link{width:calc(100% - 20px);box-sizing:border-box}}
.main-nav .plus-nav-link{color:#ff35d2;font-weight:900}
.main-nav .plus-nav-link:hover{color:#fff;text-shadow:0 0 14px #ff00d4}

/* ===== DIGITAL CARDS SECTION ===== */

/* ===== DARKAPP HOME — unified section sizing ===== */
:root{--home-content-width:min(1346px,calc(100% - 44px));--home-card-height:300px;--home-grid-gap:14px}

/* All featured sections share the same content width and vertical rhythm. */
.plus-section,.social-section,.games-section{width:var(--home-content-width);margin:0 auto;box-sizing:border-box}

.plus-banner-wrap,.social-banner-wrap,.games-banner-wrap{width:100%;height:340px;overflow:hidden;border-radius:18px;box-sizing:border-box}
.plus-banner,.social-banner,.games-banner{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

.plus-heading,.social-heading,.games-heading{min-height:88px;box-sizing:border-box;text-align:center;direction:rtl;padding:26px 10px 18px}
.social-heading span,.games-heading span,.plus-heading span{display:block;color:#f020c8;font-size:10px;font-weight:900;letter-spacing:2px}
.social-heading h2,.games-heading h2,.plus-heading h2{margin:6px 0 4px;color:#fff;font-size:30px;line-height:1.2}
.social-heading p,.games-heading p,.plus-heading p{margin:0;color:#858da1;font-size:11px}

/* Every product card on the homepage uses the same physical height. */
.plus-products,.social-products,.games-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--home-grid-gap);direction:rtl;align-items:stretch}
.plus-product-card,.social-product-card,.games-product-card{width:100%;height:var(--home-card-height);min-height:var(--home-card-height);max-height:var(--home-card-height);box-sizing:border-box;border:1px solid #7a2bb2;border-radius:16px;background:linear-gradient(145deg,#0c1120,#070b15);overflow:hidden;box-shadow:0 15px 38px #0008;transition:.28s;position:relative}
.plus-product-card:hover,.social-product-card:hover,.games-product-card:hover{transform:translateY(-4px);border-color:#bd45ff;box-shadow:0 20px 45px #000a,0 0 30px #a000ff20}

/* Social + Games cards use the exact same two-column card geometry as the main products. */
.social-product-card,.games-product-card{padding:8px;display:flex;direction:ltr;gap:10px}
.social-product-media,.games-product-media{width:45%;height:282px;min-height:282px;max-height:282px;flex:0 0 45%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:11px;background:#070a12}
.social-product-media img,.games-product-media img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}
.social-product-info,.games-product-card>.product-info{flex:1;min-width:0;height:100%;direction:rtl;display:flex;flex-direction:column;padding:7px 3px 3px;box-sizing:border-box}
.social-title-wrap,.games-product-card .product-title-wrap{min-height:91px}
.social-product-info h3,.games-product-card .product-info h3{font-size:13px;line-height:1.55;margin:20px 0 5px;min-height:40px;color:#f4f4f7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.social-product-info p,.games-product-card .product-meta{margin:0;color:#d1d4df;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-package{margin-top:9px;padding:7px 8px;border:1px solid #302449;border-radius:9px;background:#090d18;color:#bfc4d0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-product-bottom,.games-product-card .product-bottom{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:7px}
.social-price-rating strong{font-size:16px;white-space:nowrap;color:#fff}.social-price-rating strong small{font-size:10px}.social-price-rating>div{font-size:9px;color:#e6e6ec;margin-top:5px;white-space:nowrap}.social-price-rating span{color:#ffc400;font-size:13px}.social-price-rating em{color:#8e96a9;font-style:normal;margin-right:3px}
.social-product-card .add-cart,.games-product-card .add-cart{width:42px;height:42px;flex:0 0 42px}

/* Keep badges/favorites aligned identically across all card types. */
.social-product-media .product-badge,.games-product-media .product-badge{top:6px;right:6px}
.social-product-media .product-favorite,.games-product-media .product-favorite{top:7px;left:7px}

.games-all-link{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;margin:17px auto 0;padding:11px 20px;border:1px solid #602783;border-radius:11px;background:linear-gradient(180deg,#0c101b,#080b13);color:#fff;text-decoration:none;font-size:11px;font-weight:800;transition:.2s}
.games-all-link:hover{border-color:#c42bdf;transform:translateY(-2px);box-shadow:0 0 20px #a000ff18}

/* Same bottom spacing between sections, so no orphaned gaps after removing digital cards. */
.plus-section{padding:10px 0 54px}
.social-section{padding:8px 0 54px}
.games-section{padding:8px 0 82px}

@media(max-width:1100px){
  :root{--home-content-width:calc(100% - 40px)}
  .plus-products,.social-products,.games-products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plus-banner-wrap,.social-banner-wrap,.games-banner-wrap{height:285px}
}
@media(max-width:650px){
  :root{--home-content-width:calc(100% - 18px);--home-card-height:245px}
  .plus-section,.social-section,.games-section{padding-bottom:48px}
  .plus-banner-wrap,.social-banner-wrap,.games-banner-wrap{height:185px;border-radius:13px}
  .plus-heading,.social-heading,.games-heading{min-height:78px;padding:22px 8px 16px}
  .social-heading h2,.games-heading h2,.plus-heading h2{font-size:25px}
  .plus-products,.social-products,.games-products{grid-template-columns:1fr;gap:10px}
  .plus-product-card,.social-product-card,.games-product-card{height:245px;min-height:245px;max-height:245px}
  .plus-product-media,.social-product-media,.games-product-media{height:229px;min-height:229px;max-height:229px}
  .social-product-info,.games-product-card>.product-info{padding-top:5px}
}

/* =========================================================
   PREMIUM PRODUCT CARDS V4 — unified vertical cards + glow
   ========================================================= */
.plus-product-card,
.social-product-card,
.games-product-card,
.product-card{
  --card-radius:18px;
  --neon-a:#ff00d4;
  --neon-b:#7b2cff;
  --card-bg:#080b16;
  position:relative;
  display:flex;
  flex-direction:column;
  direction:rtl;
  gap:0;
  padding:8px;
  border:1px solid rgba(185,48,255,.48);
  border-radius:var(--card-radius);
  background:
    radial-gradient(circle at 80% 0%,rgba(213,0,255,.10),transparent 38%),
    linear-gradient(145deg,#101426 0%,#080b15 55%,#060812 100%);
  box-shadow:0 14px 35px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;
  isolation:isolate;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;
}

/* animated light sweep */
.plus-product-card::before,
.social-product-card::before,
.games-product-card::before,
.product-card::before{
  content:"";
  position:absolute;
  z-index:5;
  inset:-70%;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.055) 48%,rgba(255,0,220,.13) 50%,transparent 56%);
  transform:translateX(-45%) rotate(8deg);
  transition:transform .8s ease;
}

.plus-product-card::after,
.social-product-card::after,
.games-product-card::after,
.product-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:2px;
  border-radius:calc(var(--card-radius) - 2px);
  background:radial-gradient(circle at 50% 100%,rgba(166,0,255,.10),transparent 55%);
  opacity:.8;
  pointer-events:none;
}

.plus-product-card:hover,
.social-product-card:hover,
.games-product-card:hover,
.product-card:hover{
  transform:translateY(-8px) scale(1.012);
  border-color:rgba(255,0,220,.9);
  box-shadow:
    0 22px 48px rgba(0,0,0,.58),
    0 0 0 1px rgba(161,50,255,.18),
    0 0 32px rgba(190,0,255,.18);
}

.plus-product-card:hover::before,
.social-product-card:hover::before,
.games-product-card:hover::before,
.product-card:hover::before{transform:translateX(45%) rotate(8deg)}

/* image area becomes the visual focus */
.plus-product-media,
.social-product-media,
.games-product-media,
.product-media{
  width:100% !important;
  height:172px !important;
  min-height:172px !important;
  max-height:172px !important;
  flex:0 0 172px !important;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:13px;
  background:
    radial-gradient(circle at 50% 20%,rgba(174,0,255,.12),transparent 55%),
    #060914;
  border:1px solid rgba(143,76,255,.18);
}

.plus-product-media::after,
.social-product-media::after,
.games-product-media::after,
.product-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 45%,rgba(5,7,16,.05) 65%,rgba(5,7,16,.72) 100%);
  opacity:.7;
  transition:opacity .35s;
}

.plus-product-media img,
.social-product-media img,
.games-product-media img,
.product-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block;
  transform:scale(1.001);
  transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s;
}

.plus-product-card:hover .plus-product-media img,
.social-product-card:hover .social-product-media img,
.games-product-card:hover .games-product-media img,
.product-card:hover .product-media img{
  transform:scale(1.075);
  filter:saturate(1.12) brightness(1.06);
}

.plus-product-card:hover .plus-product-media::after,
.social-product-card:hover .social-product-media::after,
.games-product-card:hover .games-product-media::after,
.product-card:hover .product-media::after{opacity:.48}

/* badges */
.product-badge{
  top:8px !important;
  right:8px !important;
  z-index:7;
  padding:6px 9px !important;
  border:1px solid rgba(255,255,255,.15);
  border-radius:8px !important;
  background:linear-gradient(135deg,#f100c9,#7d25ff) !important;
  box-shadow:0 7px 18px rgba(188,0,255,.28);
  font-size:9px !important;
}

.product-favorite{
  top:8px !important;
  left:8px !important;
  z-index:8;
  width:32px;
  height:32px;
  border:1px solid rgba(255,255,255,.15) !important;
  border-radius:10px !important;
  background:rgba(5,8,18,.76) !important;
  backdrop-filter:blur(8px);
  transition:transform .25s,background .25s,box-shadow .25s;
}
.product-favorite:hover{transform:scale(1.1);background:rgba(157,0,255,.72) !important;box-shadow:0 0 18px rgba(218,0,255,.35)}
.product-favorite.is-active{background:linear-gradient(135deg,#ff334d,#b80f2f)!important;color:#fff!important;border-color:#ff334d!important;box-shadow:0 0 18px rgba(255,51,77,.45)!important}

/* information */
.plus-product-card > .product-info,
.social-product-info,
.games-product-card > .product-info,
.product-card > .product-info{
  width:100%;
  flex:1;
  min-width:0;
  height:auto;
  direction:rtl;
  display:flex;
  flex-direction:column;
  padding:10px 4px 2px;
  box-sizing:border-box;
}

.product-title-wrap,
.social-title-wrap,
.games-product-card .product-title-wrap{
  min-height:78px;
}

.plus-product-card h3,
.social-product-card h3,
.games-product-card h3,
.product-card h3,
.social-product-info h3,
.games-product-card .product-info h3,
.product-info h3{
  font-size:13px !important;
  line-height:1.55 !important;
  margin:1px 0 5px !important;
  min-height:40px;
  color:#fff;
  font-weight:800;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.product-meta,
.social-product-info p,
.games-product-card .product-meta{
  color:#8f98ad !important;
  font-size:10px !important;
}

.social-package{
  margin-top:8px !important;
  border-color:rgba(167,65,255,.22) !important;
  background:rgba(11,13,26,.72) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.product-bottom,
.social-product-bottom,
.games-product-card .product-bottom{
  margin-top:auto !important;
  padding-top:8px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:8px;
  border-top:1px solid rgba(255,255,255,.055);
}

.price-rating strong,
.social-price-rating strong{font-size:17px !important;color:#fff}
.rating,.social-price-rating>div{font-size:9px !important;color:#9ca4b7}
.rating span,.social-price-rating span{color:#ff31d4 !important;text-shadow:0 0 8px rgba(255,0,210,.35)}

.add-cart{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#f000cf,#7128ff) !important;
  box-shadow:0 8px 22px rgba(163,0,255,.28),inset 0 1px 0 rgba(255,255,255,.18) !important;
  transition:transform .25s,box-shadow .25s,filter .25s;
}
.add-cart:hover{transform:translateY(-2px) scale(1.06);filter:brightness(1.08);box-shadow:0 12px 28px rgba(195,0,255,.4),0 0 18px rgba(255,0,220,.2) !important}

/* subtle idle glow, only when the user is not hovering */
@keyframes cardBreath{0%,100%{box-shadow:0 14px 35px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035)}50%{box-shadow:0 14px 35px rgba(0,0,0,.42),0 0 18px rgba(151,0,255,.07),inset 0 1px 0 rgba(255,255,255,.035)}}
.plus-product-card,.social-product-card,.games-product-card,.product-card{animation:cardBreath 4.5s ease-in-out infinite}
.plus-product-card:hover,.social-product-card:hover,.games-product-card:hover,.product-card:hover{animation:none}

@media(max-width:1100px){
  .plus-product-media,.social-product-media,.games-product-media,.product-media{height:165px !important;min-height:165px !important;max-height:165px !important;flex-basis:165px !important}
}
@media(max-width:650px){
  .plus-product-card,.social-product-card,.games-product-card,.product-card{height:245px !important;min-height:245px !important;max-height:245px !important}
  .plus-product-media,.social-product-media,.games-product-media,.product-media{height:132px !important;min-height:132px !important;max-height:132px !important;flex-basis:132px !important}
  .plus-product-card > .product-info,.social-product-info,.games-product-card > .product-info,.product-card > .product-info{padding-top:8px}
  .product-title-wrap,.social-title-wrap,.games-product-card .product-title-wrap{min-height:62px}
  .plus-product-card h3,.social-product-card h3,.games-product-card h3,.product-card h3{font-size:12px !important}
}

@media(prefers-reduced-motion:reduce){
  .plus-product-card,.social-product-card,.games-product-card,.product-card{animation:none !important;transition:none !important}
  .plus-product-card::before,.social-product-card::before,.games-product-card::before,.product-card::before{display:none}
}
.coupon-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 8px}.coupon-row input{margin:0}.coupon-row button{border:1px solid #6f3e91;border-radius:11px;background:#171024;color:#fff;padding:0 16px;font:inherit;font-weight:800;cursor:pointer}.coupon-row button:hover{background:#25143a}.coupon-row+ #couponResult{min-height:18px;color:#bda9ff;font-size:10px;margin-bottom:8px}
.store-notice{width:min(var(--design-width,1346px),calc(100% - 32px));margin:10px auto 0;padding:11px 15px;border:1px solid #4a345d;border-radius:12px;background:linear-gradient(90deg,rgba(255,18,200,.08),rgba(115,93,255,.08));color:#e9e6f6;font-size:11px;display:flex;justify-content:space-between;gap:12px;align-items:center}.store-notice.success{border-color:#2d7258}.store-notice.warning{border-color:#765c2c}.store-notice.offer{border-color:#783568}.store-notice button{border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer}

/* ===== Darkapp Tools & Activation premium section ===== */
.tools-activation-section{max-width:1346px!important;margin:0 auto!important;padding:0 0 26px!important;box-sizing:border-box}
.tools-hero{position:relative;overflow:hidden;border:1px solid rgba(205,20,255,.55);border-radius:22px;background:#060711;box-shadow:0 24px 70px rgba(70,0,120,.24),inset 0 0 50px rgba(180,0,255,.05)}
.tools-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,0,190,.10),transparent 38%,rgba(64,80,255,.08));mix-blend-mode:screen}
.tools-hero>img{display:block;width:100%;height:clamp(240px,25vw,390px);object-fit:cover}
.tools-hero-fallback{min-height:320px;display:flex;align-items:center;justify-content:space-between;padding:55px 8%;background:radial-gradient(circle at 20% 50%,rgba(255,0,190,.22),transparent 35%),radial-gradient(circle at 80% 30%,rgba(70,80,255,.18),transparent 32%),linear-gradient(115deg,#080914,#16091d 55%,#070b18)}
.tools-hero-copy{direction:rtl;text-align:right;position:relative;z-index:2}.tools-hero-copy span,.tools-heading>div>span{font-size:10px;letter-spacing:4px;font-weight:900;color:#ff18c8}.tools-hero-copy h2{margin:10px 0 8px;font-size:clamp(32px,4vw,58px);line-height:1.1;color:#fff;text-shadow:0 0 25px rgba(255,0,200,.3)}.tools-hero-copy p{margin:0;color:#b9c0d0;font-size:15px}.tools-orbit{width:340px;height:220px;position:relative;filter:drop-shadow(0 0 25px rgba(210,0,255,.35))}.tools-orbit:before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,0,210,.5);border-radius:50%;transform:rotate(-12deg)}.tools-orbit i{position:absolute;display:grid;place-items:center;width:92px;height:92px;border:1px solid rgba(255,0,210,.6);border-radius:24px;background:rgba(8,8,20,.8);color:#fff;font-style:normal;font-size:34px;box-shadow:0 0 28px rgba(255,0,210,.18)}.tools-orbit i:nth-child(1){top:0;left:15px}.tools-orbit i:nth-child(2){right:12px;top:65px}.tools-orbit i:nth-child(3){left:110px;bottom:0;color:#ff31d1;font-weight:900}
.tools-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin:12px 0 20px;border:1px solid rgba(160,40,230,.38);border-radius:17px;background:linear-gradient(90deg,#080a14,#0b0715);overflow:hidden}.tools-benefits>div{min-height:78px;display:flex;align-items:center;justify-content:center;gap:12px;border-left:1px solid rgba(255,255,255,.08);padding:12px}.tools-benefits>div:last-child{border-left:0}.tools-benefits span{font-size:26px;color:#ff1bcf;text-shadow:0 0 16px rgba(255,0,210,.55)}.tools-benefits b,.tools-benefits small{display:block}.tools-benefits b{font-size:14px;color:#fff}.tools-benefits small{font-size:10px;color:#7e879b;margin-top:3px}
.tools-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:8px 2px 16px;direction:rtl}.tools-heading h2{margin:5px 0 3px;font-size:30px;color:#fff}.tools-heading p{margin:0;color:#80899d;font-size:11px}.tools-all{border:1px solid rgba(255,0,200,.55);border-radius:12px;padding:10px 16px;color:#fff;text-decoration:none;background:rgba(255,0,200,.05);font-size:12px;transition:.2s}.tools-all:hover{background:rgba(255,0,200,.15);transform:translateY(-2px)}.tools-all b{color:#ff18c8;margin-right:5px}
.tools-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;direction:rtl}.tools-product-card{min-width:0;min-height:335px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(160,30,235,.45);border-radius:17px;background:linear-gradient(180deg,#0b0e1b,#080914);box-shadow:0 15px 45px rgba(0,0,0,.28);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.tools-product-card:hover{transform:translateY(-7px);border-color:rgba(255,0,215,.8);box-shadow:0 22px 55px rgba(190,0,240,.18)}.tools-product-media{height:190px;position:relative;overflow:hidden;background:#070912}.tools-product-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,5,12,.65));pointer-events:none}.tools-product-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.tools-product-card:hover .tools-product-media img{transform:scale(1.055)}.tools-product-media>span{position:absolute;top:10px;right:10px;z-index:2;padding:6px 10px;border-radius:8px;background:linear-gradient(135deg,#f500b9,#7b3dff);font-size:9px;font-weight:900;color:#fff}.tools-product-media .product-favorite{position:absolute;left:10px;top:10px;z-index:3;width:32px;height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:rgba(3,5,12,.75);color:#fff}.tools-product-body{padding:13px;display:flex;flex-direction:column;flex:1}.tools-product-body h3{font-size:13px;line-height:1.55;margin:0;color:#fff;min-height:40px}.tools-product-body p{font-size:9px;color:#737d92;margin:6px 0 10px;min-height:14px}.tools-price{display:flex;align-items:baseline;gap:7px;margin-bottom:13px;min-height:22px}.tools-price strong{font-size:16px;color:#fff}.tools-price strong small{font-size:9px}.tools-price del{font-size:9px;color:#62697a}.tools-buy{width:100%;min-height:46px;border:0;border-radius:11px;padding:10px 14px;background:linear-gradient(135deg,#e900bd,#7a36ff);color:#fff;font-weight:900;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 24px rgba(195,0,230,.22);transition:.2s;margin-top:auto}.tools-buy .ico.cart{width:20px;height:20px;transform:scale(1.05)}.tools-buy:hover{filter:brightness(1.12);transform:translateY(-1px)}
@media(max-width:1000px){.tools-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-benefits{grid-template-columns:repeat(2,1fr)}.tools-benefits>div:nth-child(2){border-left:0}.tools-hero-fallback{padding:40px}.tools-orbit{transform:scale(.8);margin-left:-30px}}
@media(max-width:680px){.tools-product-card{min-height:310px}.tools-buy{min-height:44px;font-size:12px}.tools-hero>img{height:240px}.tools-hero-fallback{min-height:270px;padding:30px 22px}.tools-orbit{display:none}.tools-hero-copy h2{font-size:32px}.tools-hero-copy p{font-size:12px}.tools-benefits{grid-template-columns:1fr 1fr}.tools-benefits>div{min-height:65px;padding:9px;gap:7px}.tools-benefits b{font-size:11px}.tools-benefits small{font-size:8px}.tools-heading{align-items:center}.tools-heading h2{font-size:23px}.tools-all{font-size:10px;padding:8px 11px}.tools-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tools-product-media{height:145px}.tools-product-body{padding:10px}.tools-product-body h3{font-size:11px}.tools-product-body p{font-size:8px}.tools-price strong{font-size:14px}}

/* =========================================================
   DARKAPP UNIFIED STORE CARDS V5
   All homepage product cards now match Tools & Activation cards.
   ========================================================= */
.plus-products,
.social-products,
.games-products,
.products,
.custom-products-grid{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:13px !important;
  align-items:stretch !important;
}

.plus-product-card,
.social-product-card,
.games-product-card,
.product-card,
.custom-product-card{
  width:100% !important;
  height:370px !important;
  min-height:370px !important;
  max-height:370px !important;
  min-width:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  direction:rtl !important;
  gap:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(160,30,235,.45) !important;
  border-radius:17px !important;
  background:linear-gradient(180deg,#0b0e1b,#080914) !important;
  box-shadow:0 15px 45px rgba(0,0,0,.28) !important;
}

.plus-product-media,
.social-product-media,
.games-product-media,
.product-media{
  width:100% !important;
  height:190px !important;
  min-height:190px !important;
  max-height:190px !important;
  flex:0 0 190px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#070912 !important;
}

.plus-product-media img,
.social-product-media img,
.games-product-media img,
.product-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

.plus-product-card > .product-info,
.social-product-info,
.games-product-card > .product-info,
.product-card > .product-info{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  flex:1 !important;
  padding:13px !important;
  direction:rtl !important;
  display:flex !important;
  flex-direction:column !important;
  box-sizing:border-box !important;
}

.product-title-wrap,
.social-title-wrap,
.games-product-card .product-title-wrap{
  min-height:48px !important;
}

.plus-product-card h3,
.social-product-card h3,
.games-product-card h3,
.product-card h3{
  font-size:13px !important;
  line-height:1.55 !important;
  margin:0 0 5px !important;
  min-height:40px !important;
}

.product-meta,
.social-product-info p,
.games-product-card .product-meta{
  margin:6px 0 10px !important;
  font-size:9px !important;
  color:#737d92 !important;
}

.social-package{
  margin:0 0 8px !important;
  padding:7px 8px !important;
  font-size:9px !important;
}

.product-bottom,
.social-product-bottom,
.games-product-card .product-bottom{
  margin-top:auto !important;
  padding:0 !important;
  border-top:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:10px !important;
}

.price-rating,
.social-price-rating{
  display:flex !important;
  align-items:baseline !important;
  justify-content:flex-start !important;
  gap:7px !important;
}

.price-rating strong,
.social-price-rating strong{
  font-size:16px !important;
  color:#fff !important;
}

.rating,
.social-price-rating>div{
  margin:0 !important;
  font-size:9px !important;
}

/* Large full-width purchase button, identical to Tools cards. */
.plus-product-card .add-cart,
.social-product-card .add-cart,
.games-product-card .add-cart,
.product-card .add-cart{
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  flex:0 0 42px !important;
  border:0 !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,#e900bd,#7a36ff) !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  font-size:11px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  box-shadow:0 7px 24px rgba(195,0,230,.18) !important;
  position:relative !important;
}

.plus-product-card .add-cart .ico,
.social-product-card .add-cart .ico,
.games-product-card .add-cart .ico,
.product-card .add-cart .ico{
  transform:none !important;
}

.plus-product-card .add-cart::after,
.social-product-card .add-cart::after,
.games-product-card .add-cart::after,
.product-card .add-cart::after{
  content:'شراء الآن';
}

.plus-product-card .add-cart .ico,
.social-product-card .add-cart .ico,
.games-product-card .add-cart .ico,
.product-card .add-cart .ico{
  display:none !important;
}

.plus-product-card:hover,
.social-product-card:hover,
.games-product-card:hover,
.product-card:hover{
  transform:translateY(-7px) !important;
  border-color:rgba(255,0,215,.8) !important;
  box-shadow:0 22px 55px rgba(190,0,240,.18) !important;
}

@media(max-width:1100px){
  .plus-products,
  .social-products,
  .games-products,
  .products,
  .custom-products-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}

@media(max-width:760px){
  .plus-products,
  .social-products,
  .games-products,
  .products,
  .custom-products-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  .plus-product-card,
  .social-product-card,
  .games-product-card,
  .product-card,
  .custom-product-card{height:350px !important;min-height:350px !important;max-height:350px !important}
  .plus-product-media,
  .social-product-media,
  .games-product-media,
  .product-media{height:165px !important;min-height:165px !important;max-height:165px !important;flex-basis:165px !important}
}

@media(max-width:480px){
  .plus-products,
  .social-products,
  .games-products,
  .products,
  .custom-products-grid{grid-template-columns:1fr !important}
  .plus-product-card,
  .social-product-card,
  .games-product-card,
  .product-card,
  .custom-product-card{height:360px !important;min-height:360px !important;max-height:360px !important}
  .plus-product-media,
  .social-product-media,
  .games-product-media,
  .product-media{height:185px !important;min-height:185px !important;max-height:185px !important;flex-basis:185px !important}
}

/* =========================================================
   DARKAPP PRODUCT CARDS — FINAL SPACING / NO OVERLAP
   Keep every storefront card visually consistent with Tools & Activation.
   ========================================================= */
.plus-products,.social-products,.games-products,.products,.custom-products-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:13px !important;
  align-items:stretch !important;
}

.plus-product-card,.social-product-card,.games-product-card,.product-card,.custom-product-card{
  box-sizing:border-box !important;
  width:100% !important;
  height:370px !important;
  min-height:370px !important;
  max-height:370px !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  direction:rtl !important;
  gap:0 !important;
  overflow:hidden !important;
}

.plus-product-media,.social-product-media,.games-product-media,.product-media{
  box-sizing:border-box !important;
  width:100% !important;
  height:190px !important;
  min-height:190px !important;
  max-height:190px !important;
  flex:0 0 190px !important;
  border-radius:0 !important;
  overflow:hidden !important;
}

.plus-product-media img,.social-product-media img,.games-product-media img,.product-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}

.plus-product-card > .product-info,
.social-product-info,
.games-product-card > .product-info,
.product-card > .product-info{
  box-sizing:border-box !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  flex:1 1 auto !important;
  padding:12px 13px 12px !important;
  display:flex !important;
  flex-direction:column !important;
  direction:rtl !important;
  overflow:hidden !important;
}

.plus-product-card .product-title-wrap,
.social-product-card .social-title-wrap,
.games-product-card .product-title-wrap,
.product-card .product-title-wrap{
  min-height:0 !important;
  height:auto !important;
  flex:0 0 auto !important;
}

.plus-product-card h3,
.social-product-card h3,
.games-product-card h3,
.product-card h3{
  margin:0 0 6px !important;
  min-height:40px !important;
  max-height:40px !important;
  font-size:13px !important;
  line-height:1.55 !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
}

.social-product-info > .social-title-wrap > p,
.social-product-info > .social-title-wrap .social-package,
.product-card .product-meta,
.games-product-card .product-meta,
.plus-product-card .product-meta{
  box-sizing:border-box !important;
}

.social-product-info > .social-title-wrap > p,
.product-card .product-meta,
.games-product-card .product-meta,
.plus-product-card .product-meta{
  margin:0 0 8px !important;
  min-height:16px !important;
  max-height:16px !important;
  line-height:16px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}

.social-package{
  margin:0 0 10px !important;
  min-height:27px !important;
  max-height:27px !important;
  padding:6px 8px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}

.product-bottom,.social-product-bottom,.games-product-card .product-bottom{
  width:100% !important;
  margin-top:auto !important;
  padding:0 !important;
  border:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-end !important;
  gap:9px !important;
  flex:0 0 auto !important;
}

.price-rating,.social-price-rating{
  width:100% !important;
  min-height:22px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  white-space:nowrap !important;
}

.price-rating strong,.social-price-rating strong{
  margin:0 !important;
  font-size:17px !important;
  line-height:22px !important;
  white-space:nowrap !important;
}

.rating,.social-price-rating > div{
  margin:0 !important;
  line-height:18px !important;
  white-space:nowrap !important;
}

.plus-product-card .add-cart,
.social-product-card .add-cart,
.games-product-card .add-cart,
.product-card .add-cart{
  box-sizing:border-box !important;
  width:100% !important;
  height:43px !important;
  min-height:43px !important;
  max-height:43px !important;
  flex:0 0 43px !important;
  margin:0 !important;
  padding:0 12px !important;
  border:0 !important;
  border-radius:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  background:linear-gradient(135deg,#e900bd,#7a36ff) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}

.plus-product-card .add-cart .ico,
.social-product-card .add-cart .ico,
.games-product-card .add-cart .ico,
.product-card .add-cart .ico{display:none !important}

.plus-product-card .add-cart::after,
.social-product-card .add-cart::after,
.games-product-card .add-cart::after,
.product-card .add-cart::after{content:'شراء الآن' !important}

@media(max-width:1100px){
  .plus-products,.social-products,.games-products,.products,.custom-products-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:760px){
  .plus-products,.social-products,.games-products,.products,.custom-products-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  .plus-product-card,.social-product-card,.games-product-card,.product-card,.custom-product-card{height:350px !important;min-height:350px !important;max-height:350px !important}
  .plus-product-media,.social-product-media,.games-product-media,.product-media{height:165px !important;min-height:165px !important;max-height:165px !important;flex-basis:165px !important}
}
@media(max-width:480px){
  .plus-products,.social-products,.games-products,.products,.custom-products-grid{grid-template-columns:1fr !important}
  .plus-product-card,.social-product-card,.games-product-card,.product-card,.custom-product-card{height:365px !important;min-height:365px !important;max-height:365px !important}
  .plus-product-media,.social-product-media,.games-product-media,.product-media{height:190px !important;min-height:190px !important;max-height:190px !important;flex-basis:190px !important}
}

/* =========================================================
   DARKAPP — FINAL UNIFIED PRODUCT CARDS
   Same visual system across Plus / Social / Games / Tools / Custom / Best Sellers
   Purchase button = label section + cart section.
   ========================================================= */
:root{--unified-card-height:345px;--unified-media-height:176px;--unified-cart-width:58px}

.plus-product-card,
.social-product-card,
.games-product-card,
.product-card,
.custom-product-card,
.tools-product-card{
  box-sizing:border-box !important;
  width:100% !important;
  height:var(--unified-card-height) !important;
  min-height:var(--unified-card-height) !important;
  max-height:var(--unified-card-height) !important;
  padding:8px !important;
  border:1px solid rgba(185,48,255,.52) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 82% 0%,rgba(213,0,255,.10),transparent 36%),
    linear-gradient(145deg,#101426 0%,#080b15 55%,#060812 100%) !important;
  box-shadow:0 14px 35px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035) !important;
  overflow:hidden !important;
}

/* One identical media block */
.plus-product-media,
.social-product-media,
.games-product-media,
.product-card > .product-media,
.custom-product-card > .product-media,
.tools-product-media{
  box-sizing:border-box !important;
  width:100% !important;
  height:var(--unified-media-height) !important;
  min-height:var(--unified-media-height) !important;
  max-height:var(--unified-media-height) !important;
  flex:0 0 var(--unified-media-height) !important;
  border-radius:13px !important;
  overflow:hidden !important;
  position:relative !important;
  background:radial-gradient(circle at 50% 20%,rgba(174,0,255,.12),transparent 55%),#060914 !important;
  border:1px solid rgba(143,76,255,.18) !important;
}

.plus-product-media img,
.social-product-media img,
.games-product-media img,
.product-card > .product-media img,
.custom-product-card > .product-media img,
.tools-product-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Identical body spacing */
.plus-product-card > .product-info,
.social-product-info,
.games-product-card > .product-info,
.product-card > .product-info,
.custom-product-card > .product-info,
.tools-product-body{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  flex:1 1 auto !important;
  height:auto !important;
  min-height:0 !important;
  padding:10px 4px 2px !important;
  display:flex !important;
  flex-direction:column !important;
  direction:rtl !important;
}

.plus-product-card h3,
.social-product-card h3,
.games-product-card h3,
.product-card h3,
.custom-product-card h3,
.tools-product-body h3{
  font-size:13px !important;
  line-height:1.55 !important;
  margin:0 0 5px !important;
  min-height:40px !important;
  max-height:40px !important;
  color:#fff !important;
  font-weight:800 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.product-title-wrap,
.social-title-wrap,
.games-product-card .product-title-wrap{
  min-height:68px !important;
  max-height:68px !important;
}

.social-package{margin-top:7px !important;height:29px !important;box-sizing:border-box !important}

.product-bottom,
.social-product-bottom,
.games-product-card .product-bottom{
  margin-top:auto !important;
  padding-top:7px !important;
  border-top:1px solid rgba(255,255,255,.055) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
}

.tools-price{margin-top:auto !important;margin-bottom:8px !important;min-height:22px !important}

/* The purchase control is deliberately split into two visual sections. */
.plus-product-card .add-cart,
.social-product-card .add-cart,
.games-product-card .add-cart,
.product-card .add-cart,
.custom-product-card .add-cart,
.tools-product-card .tools-buy{
  box-sizing:border-box !important;
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:11px !important;
  background:linear-gradient(110deg,#e900bd 0%,#8b31ff 72%,#171025 72%,#171025 100%) !important;
  color:#fff !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) var(--unified-cart-width) !important;
  direction:ltr !important;
  align-items:stretch !important;
  overflow:hidden !important;
  box-shadow:0 8px 24px rgba(195,0,230,.22),inset 0 1px 0 rgba(255,255,255,.16) !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
  cursor:pointer !important;
}

.plus-product-card .add-cart .add-cart-label,
.social-product-card .add-cart .add-cart-label,
.games-product-card .add-cart .add-cart-label,
.product-card .add-cart .add-cart-label,
.custom-product-card .add-cart .add-cart-label,
.tools-product-card .tools-buy .add-cart-label{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  direction:rtl !important;
  grid-column:1 !important;
  grid-row:1 !important;
  white-space:nowrap !important;
}

.plus-product-card .add-cart .ico.cart,
.social-product-card .add-cart .ico.cart,
.games-product-card .add-cart .ico.cart,
.product-card .add-cart .ico.cart,
.custom-product-card .add-cart .ico.cart,
.tools-product-card .tools-buy .ico.cart{
  display:block !important;
  width:20px !important;
  height:20px !important;
  justify-self:center !important;
  align-self:center !important;
  grid-column:2 !important;
  grid-row:1 !important;
  transform:none !important;
  position:relative !important;
}

.plus-product-card .add-cart .ico.cart:before,
.social-product-card .add-cart .ico.cart:before,
.games-product-card .add-cart .ico.cart:before,
.product-card .add-cart .ico.cart:before,
.custom-product-card .add-cart .ico.cart:before,
.tools-product-card .tools-buy .ico.cart:before{
  border-color:#fff !important;
}

.plus-product-card .add-cart .ico.cart:after,
.social-product-card .add-cart .ico.cart:after,
.games-product-card .add-cart .ico.cart:after,
.product-card .add-cart .ico.cart:after,
.custom-product-card .add-cart .ico.cart:after,
.tools-product-card .tools-buy .ico.cart:after{
  border-color:#fff !important;
  box-shadow:9px 0 0 -1px #171025,9px 0 0 0 #fff !important;
}

/* Remove the old pseudo "شراء الآن" fallback and old icon-hiding rules. */
.plus-product-card .add-cart::after,
.social-product-card .add-cart::after,
.games-product-card .add-cart::after,
.product-card .add-cart::after,
.custom-product-card .add-cart::after{content:none !important}

.tools-product-card .tools-buy{margin-top:auto !important}
.tools-product-card .tools-buy:hover,
.plus-product-card .add-cart:hover,
.social-product-card .add-cart:hover,
.games-product-card .add-cart:hover,
.product-card .add-cart:hover,
.custom-product-card .add-cart:hover{
  filter:brightness(1.08) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 12px 30px rgba(195,0,255,.34),0 0 18px rgba(255,0,220,.16) !important;
}

/* Tools now follows the exact same card rhythm. */
.tools-product-card .tools-product-media > span{top:8px !important;right:8px !important}
.tools-product-card .tools-product-media .product-favorite{top:8px !important;left:8px !important}
.tools-product-card .tools-product-body p{margin:0 0 7px !important;min-height:16px !important}

@media(max-width:1100px){
  :root{--unified-card-height:345px;--unified-media-height:176px;--unified-cart-width:56px}
}
@media(max-width:760px){
  :root{--unified-card-height:330px;--unified-media-height:160px;--unified-cart-width:54px}
  .plus-product-card,.social-product-card,.games-product-card,.product-card,.custom-product-card,.tools-product-card{height:var(--unified-card-height) !important;min-height:var(--unified-card-height) !important;max-height:var(--unified-card-height) !important}
  .plus-product-media,.social-product-media,.games-product-media,.product-card > .product-media,.custom-product-card > .product-media,.tools-product-media{height:var(--unified-media-height) !important;min-height:var(--unified-media-height) !important;max-height:var(--unified-media-height) !important;flex-basis:var(--unified-media-height) !important}
}
@media(max-width:480px){
  :root{--unified-card-height:320px;--unified-media-height:148px;--unified-cart-width:50px}
  .plus-product-card h3,.social-product-card h3,.games-product-card h3,.product-card h3,.custom-product-card h3,.tools-product-body h3{font-size:12px !important}
  .plus-product-card .add-cart,.social-product-card .add-cart,.games-product-card .add-cart,.product-card .add-cart,.custom-product-card .add-cart,.tools-product-card .tools-buy{height:44px !important;min-height:44px !important;max-height:44px !important;font-size:11px !important}
}

/* === Darkapp unified purchase controls v3 === */
:root{--purchase-cart-width:58px;--purchase-height:46px}
.purchase-actions{
  width:100%;height:var(--purchase-height);min-height:var(--purchase-height);max-height:var(--purchase-height);
  display:grid;grid-template-columns:minmax(0,1fr) var(--purchase-cart-width);direction:ltr;
  overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:12px;
  background:#171022;box-shadow:0 9px 28px rgba(170,0,255,.18),inset 0 1px 0 rgba(255,255,255,.12);
  margin-top:auto;position:relative;z-index:3
}
.purchase-actions .purchase-now,.purchase-actions .purchase-cart{
  border:0;margin:0;height:100%;min-width:0;display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:900;cursor:pointer;transition:transform .18s ease,filter .18s ease,background .18s ease
}
.purchase-actions .purchase-now{
  grid-column:1;direction:rtl;font-size:12px;line-height:1;
  background:linear-gradient(135deg,#e900bd,#7b35ff)
}
.purchase-actions .purchase-cart{
  grid-column:2;background:#171022;border-right:1px solid rgba(255,255,255,.12);position:relative
}
.purchase-actions .purchase-now:hover{filter:brightness(1.12)}
.purchase-actions .purchase-cart:hover{background:#251535}
.purchase-actions .purchase-cart:active,.purchase-actions .purchase-now:active{transform:scale(.97)}
.purchase-actions .purchase-cart.is-added{background:linear-gradient(135deg,#7d2cff,#e900bd)}
.cart-icon{width:25px;height:25px;display:block;position:relative}
.cart-icon:before{content:"";position:absolute;left:5px;top:7px;width:14px;height:10px;border:2px solid #fff;border-top:0;border-radius:2px 2px 5px 5px;transform:skew(-7deg)}
.cart-icon:after{content:"";position:absolute;left:5px;top:3px;width:16px;height:17px;background:radial-gradient(circle at 5px 16px,#fff 0 2px,transparent 2.6px),radial-gradient(circle at 15px 16px,#fff 0 2px,transparent 2.6px);border-top:2px solid #fff;transform:rotate(-5deg);transform-origin:left top}
.purchase-actions .purchase-cart:hover .cart-icon{filter:drop-shadow(0 0 5px rgba(255,0,210,.8))}

/* All product variants use the same bottom rhythm. */
.plus-product-card .purchase-actions,.social-product-card .purchase-actions,.games-product-card .purchase-actions,.product-card .purchase-actions,.custom-product-card .purchase-actions{margin-top:8px;flex:0 0 var(--purchase-height)}
.tools-product-card .tools-product-body .purchase-actions{margin-top:auto;flex:0 0 var(--purchase-height)}
.plus-product-card .product-info,.social-product-info,.games-product-card>.product-info,.product-card>.product-info,.custom-product-card>.product-info{min-height:0}
.plus-product-card .product-bottom,.social-product-bottom,.games-product-card .product-bottom,.product-card .product-bottom{gap:8px}

/* Direct checkout page */
.direct-checkout-page{width:100%;min-height:calc(100vh - 130px);padding:55px 22px 80px;background:radial-gradient(circle at 50% 0%,rgba(170,0,255,.10),transparent 35%)}
.direct-checkout-shell{width:min(1120px,100%);margin:0 auto}
.direct-checkout-head{text-align:center;margin-bottom:30px}.direct-checkout-head>span{font-size:10px;letter-spacing:4px;color:#ff18c8;font-weight:900}.direct-checkout-head h1{margin:7px 0 8px;font-size:34px}.direct-checkout-head p{margin:0;color:#8e97aa;font-size:12px}
.direct-checkout-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;direction:ltr}
.direct-checkout-card{direction:rtl;background:linear-gradient(145deg,#0b1020,#050812);border:1px solid #54217d;border-radius:20px;box-shadow:0 20px 70px rgba(0,0,0,.35),0 0 35px rgba(160,0,255,.08);padding:24px}
.direct-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:17px;margin-bottom:16px;border-bottom:1px solid #202b43}.direct-card-title span{display:block;color:#ff18c8;font-size:9px;font-weight:900;letter-spacing:2px}.direct-card-title h2{margin:4px 0 0;font-size:21px}.checkout-bag-icon,.checkout-lock-icon{width:44px;height:44px;border-radius:14px;display:block;background:linear-gradient(135deg,#e900bd,#6738ff);position:relative;box-shadow:0 0 28px rgba(200,0,255,.2)}
.checkout-bag-icon:before{content:"";position:absolute;left:12px;top:16px;width:20px;height:15px;border:2px solid #fff;border-top:0;border-radius:3px}.checkout-bag-icon:after{content:"";position:absolute;left:17px;top:10px;width:10px;height:9px;border:2px solid #fff;border-bottom:0;border-radius:7px 7px 0 0}
.checkout-lock-icon:before{content:"";position:absolute;left:14px;top:18px;width:16px;height:13px;border:2px solid #fff;border-radius:3px}.checkout-lock-icon:after{content:"";position:absolute;left:17px;top:11px;width:10px;height:10px;border:2px solid #fff;border-bottom:0;border-radius:8px 8px 0 0}
.direct-order-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #151d30}.direct-order-image{width:64px;height:64px;border-radius:12px;overflow:hidden;border:1px solid #29344d;background:#080d18;display:grid;place-items:center}.direct-order-image img{width:100%;height:100%;object-fit:contain}.direct-order-info{min-width:0}.direct-order-info strong{display:block;font-size:12px;line-height:1.6;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-order-info span{display:block;margin-top:4px;color:#7e8799;font-size:9px}.direct-order-item>b{font-size:12px;white-space:nowrap;color:#fff}.direct-total-row{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid #252e44}.direct-total-row span{color:#9ba3b4;font-size:12px}.direct-total-row strong{font-size:22px;color:#fff}.direct-checkout-form label{display:block;color:#aab1c0;font-size:10px;font-weight:700;margin-bottom:12px}.direct-checkout-form input,.direct-checkout-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #27324b;border-radius:11px;background:#060a13;color:#fff;outline:0;padding:13px 14px;font:inherit;font-size:12px}.direct-checkout-form input:focus,.direct-checkout-form textarea:focus{border-color:#c000ff;box-shadow:0 0 0 3px #c000ff18}.direct-checkout-form textarea{min-height:75px;resize:vertical}.direct-coupon{display:grid;grid-template-columns:1fr 84px;gap:8px;margin:2px 0 10px}.direct-coupon input{margin:0}.direct-coupon button{border:1px solid #6d2a9a;border-radius:10px;background:#170d25;color:#fff;font-weight:800}.direct-coupon button:hover{background:#251136}.direct-checkout-form #directCouponResult,.direct-checkout-form #directCheckoutResult{min-height:20px;color:#aeb6c6;font-size:10px;line-height:1.7}.direct-pay-button{width:100%;height:52px;margin-top:8px;border:0;border-radius:12px;background:linear-gradient(110deg,#e900bd,#7b35ff,#2b8fff);color:#fff;display:flex;align-items:center;justify-content:center;gap:16px;font-weight:900;font-size:13px;box-shadow:0 12px 35px rgba(180,0,255,.25)}.direct-pay-button b{font-size:20px;direction:ltr}.direct-pay-button:disabled{opacity:.65;cursor:wait}.direct-empty{text-align:center;padding:55px 10px;color:#818a9d;font-size:12px;line-height:2}.direct-empty a{color:#ff18c8;text-decoration:none}.back-to-store{display:block;width:max-content;margin:20px auto 0;color:#b9c0cf;text-decoration:none;font-size:11px}.back-to-store:hover{color:#fff}
@media(max-width:850px){.direct-checkout-grid{grid-template-columns:1fr}.direct-checkout-page{padding:35px 14px 60px}.direct-checkout-head h1{font-size:28px}}
@media(max-width:480px){.direct-checkout-card{padding:17px;border-radius:16px}.direct-order-item{grid-template-columns:54px minmax(0,1fr) auto}.direct-order-image{width:54px;height:54px}.direct-order-item>b{font-size:11px}.purchase-actions{--purchase-cart-width:54px;--purchase-height:44px}.purchase-actions .purchase-now{font-size:11px}}
/* Refined cart icon used by header and cart drawer */
.tool-btn.cart-btn .ico.cart,.cart-head-icon .ico.cart,.empty-cart-icon .ico.cart{width:24px;height:24px;transform:none!important}
.tool-btn.cart-btn .ico.cart:before,.cart-head-icon .ico.cart:before,.empty-cart-icon .ico.cart:before{left:5px;top:7px;width:14px;height:10px;border:2px solid #fff;border-top:0;border-radius:2px 2px 5px 5px;transform:skew(-7deg)}
.tool-btn.cart-btn .ico.cart:after,.cart-head-icon .ico.cart:after,.empty-cart-icon .ico.cart:after{left:5px;top:3px;width:16px;height:17px;border:0;background:radial-gradient(circle at 5px 16px,#fff 0 2px,transparent 2.6px),radial-gradient(circle at 15px 16px,#fff 0 2px,transparent 2.6px);box-shadow:none;transform:none}
.cart-head-icon .ico.cart:before,.cart-head-icon .ico.cart:after{border-color:#fff}

/* =========================================================
   DARKAPP CARD V4 — larger, cleaner, consistent across every section
   ========================================================= */
:root{
  --unified-card-height:380px;
  --unified-media-height:198px;
  --unified-cart-width:72px;
  --purchase-height:52px;
}

.plus-product-card,
.social-product-card,
.games-product-card,
.product-card,
.custom-product-card,
.tools-product-card{
  height:var(--unified-card-height) !important;
  min-height:var(--unified-card-height) !important;
  max-height:var(--unified-card-height) !important;
  padding:9px !important;
  border-radius:20px !important;
}

.plus-product-media,
.social-product-media,
.games-product-media,
.product-card > .product-media,
.custom-product-card > .product-media,
.tools-product-media{
  height:var(--unified-media-height) !important;
  min-height:var(--unified-media-height) !important;
  max-height:var(--unified-media-height) !important;
  flex-basis:var(--unified-media-height) !important;
  border-radius:14px !important;
}

.plus-product-media img,
.social-product-media img,
.games-product-media img,
.product-card > .product-media img,
.custom-product-card > .product-media img,
.tools-product-media img{
  object-fit:cover !important;
}

/* Give the card content real breathing room. */
.plus-product-card > .product-info,
.social-product-info,
.games-product-card > .product-info,
.product-card > .product-info,
.custom-product-card > .product-info,
.tools-product-body{
  padding:12px 5px 3px !important;
}

.plus-product-card h3,
.social-product-card h3,
.games-product-card h3,
.product-card h3,
.custom-product-card h3,
.tools-product-body h3{
  font-size:14px !important;
  line-height:1.55 !important;
  min-height:43px !important;
  max-height:43px !important;
}

.product-title-wrap,
.social-title-wrap,
.games-product-card .product-title-wrap{
  min-height:74px !important;
  max-height:74px !important;
}

.social-package{
  height:32px !important;
  margin-top:9px !important;
  border-radius:9px !important;
}

.product-bottom,
.social-product-bottom,
.games-product-card .product-bottom{
  padding-top:10px !important;
  gap:10px !important;
}

.price-rating strong,
.social-price-rating strong,
.tools-price strong{
  font-size:17px !important;
}

.old-price,
.price-rating del,
.social-price-rating del,
.tools-price del{
  color:#777f91 !important;
  font-size:9px !important;
  margin-right:6px !important;
  text-decoration-thickness:1px !important;
}
.price-rating,.social-price-rating{min-width:0 !important}.price-rating>strong,.social-price-rating>strong{display:inline-block !important}.old-price{display:inline-block !important;white-space:nowrap !important}

/* Strong, unmistakable discount marker. */
.discount-badge{
  position:absolute !important;
  left:9px !important;
  bottom:9px !important;
  z-index:4 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:58px !important;
  height:27px !important;
  padding:0 9px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:9px !important;
  background:linear-gradient(135deg,#ff334d,#c70b2f) !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:900 !important;
  box-shadow:0 8px 20px rgba(255,35,65,.28),inset 0 1px 0 rgba(255,255,255,.22) !important;
  direction:rtl !important;
}

/* Make the cart half clearly visible and substantially larger. */
.purchase-actions{
  height:var(--purchase-height) !important;
  min-height:var(--purchase-height) !important;
  max-height:var(--purchase-height) !important;
  grid-template-columns:minmax(0,1fr) var(--unified-cart-width) !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 10px 30px rgba(170,0,255,.22),inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.purchase-actions .purchase-now{
  font-size:14px !important;
  background:linear-gradient(135deg,#ed00bd 0%,#7b35ff 100%) !important;
}
.purchase-actions .purchase-cart{
  background:linear-gradient(180deg,#171526,#0d0d18) !important;
  border-right:1px solid rgba(255,255,255,.18) !important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.04) !important;
}
.purchase-actions .purchase-cart:hover{
  background:linear-gradient(180deg,#29203d,#171326) !important;
}
.cart-icon{
  width:31px !important;
  height:31px !important;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.16));
  transform:scale(1.08);
}
.cart-icon:before{
  left:5px !important;
  top:8px !important;
  width:19px !important;
  height:13px !important;
  border-width:2.5px !important;
  border-radius:2px 2px 6px 6px !important;
}
.cart-icon:after{
  left:5px !important;
  top:3px !important;
  width:21px !important;
  height:20px !important;
  border-top-width:2.5px !important;
}

/* Keep the action row pinned and visible in every card. */
.plus-product-card .purchase-actions,
.social-product-card .purchase-actions,
.games-product-card .purchase-actions,
.product-card .purchase-actions,
.custom-product-card .purchase-actions,
.tools-product-card .tools-product-body .purchase-actions{
  margin-top:auto !important;
  flex:0 0 var(--purchase-height) !important;
}

@media(max-width:1100px){
  :root{--unified-card-height:370px;--unified-media-height:190px;--unified-cart-width:68px}
}
@media(max-width:760px){
  :root{--unified-card-height:360px;--unified-media-height:176px;--unified-cart-width:64px;--purchase-height:50px}
  .plus-product-card h3,.social-product-card h3,.games-product-card h3,.product-card h3,.custom-product-card h3,.tools-product-body h3{font-size:13px !important}
  .purchase-actions .purchase-now{font-size:13px !important}
}
@media(max-width:480px){
  :root{--unified-card-height:350px;--unified-media-height:164px;--unified-cart-width:62px;--purchase-height:50px}
  .plus-product-card,.social-product-card,.games-product-card,.product-card,.custom-product-card,.tools-product-card{border-radius:18px !important;padding:8px !important}
  .purchase-actions .purchase-now{font-size:12px !important}
  .cart-icon{transform:scale(1.0)}
  .discount-badge{left:8px !important;bottom:8px !important}
}


/* =========================================================
   DARKAPP — FINAL UNIVERSAL PRODUCT CARD SYSTEM
   Exact visual language of the Tools/Activation cards,
   applied to every product section.
   ========================================================= */
:root{
  --final-card-h: 365px;
  --final-media-h: 190px;
  --final-card-gap: 14px;
  --final-cart-w: 70px;
  --final-buy-h: 48px;
}

/* Every storefront product grid uses the same 5-column rhythm. */
.products,
.plus-products,
.social-products,
.games-products,
.tools-product-grid,
.custom-products-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:var(--final-card-gap) !important;
  align-items:stretch !important;
}

/* One geometry for every card type. */
.product-card,
.plus-product-card,
.social-product-card,
.games-product-card,
.custom-product-card,
.tools-product-card{
  width:100% !important;
  height:var(--final-card-h) !important;
  min-height:var(--final-card-h) !important;
  max-height:var(--final-card-h) !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  padding:8px !important;
  display:flex !important;
  flex-direction:column !important;
  direction:rtl !important;
  gap:0 !important;
  overflow:hidden !important;
  position:relative !important;
  border:1px solid rgba(160,30,235,.55) !important;
  border-radius:17px !important;
  background:linear-gradient(180deg,#0d1020 0%,#070913 100%) !important;
  box-shadow:0 15px 42px rgba(0,0,0,.32) !important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease !important;
}

.product-card:hover,
.plus-product-card:hover,
.social-product-card:hover,
.games-product-card:hover,
.custom-product-card:hover,
.tools-product-card:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(255,0,215,.8) !important;
  box-shadow:0 22px 55px rgba(0,0,0,.42),0 0 28px rgba(190,0,240,.16) !important;
}

/* Same image block everywhere. */
.product-card > .product-media,
.plus-product-media,
.social-product-media,
.games-product-media,
.custom-product-card > .product-media,
.tools-product-media{
  width:100% !important;
  height:var(--final-media-h) !important;
  min-height:var(--final-media-h) !important;
  max-height:var(--final-media-h) !important;
  flex:0 0 var(--final-media-h) !important;
  box-sizing:border-box !important;
  position:relative !important;
  overflow:hidden !important;
  border-radius:11px !important;
  background:#070a12 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.product-card > .product-media img,
.plus-product-media img,
.social-product-media img,
.games-product-media img,
.custom-product-card > .product-media img,
.tools-product-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  transition:transform .35s ease,filter .35s ease !important;
}

.product-card:hover > .product-media img,
.plus-product-card:hover .plus-product-media img,
.social-product-card:hover .social-product-media img,
.games-product-card:hover .games-product-media img,
.custom-product-card:hover > .product-media img,
.tools-product-card:hover .tools-product-media img{
  transform:scale(1.035) !important;
}

/* Product label — consistent small pill. */
.product-badge,
.tools-product-media > span{
  position:absolute !important;
  top:9px !important;
  right:9px !important;
  z-index:5 !important;
  padding:6px 10px !important;
  border-radius:8px !important;
  background:linear-gradient(135deg,#f000bd,#8136ff) !important;
  color:#fff !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  box-shadow:0 6px 18px rgba(210,0,210,.22) !important;
}

/* Red discount banner: full-width, clean and readable. */
.discount-badge{
  position:absolute !important;
  top:9px !important;
  left:9px !important;
  right:9px !important;
  bottom:auto !important;
  width:auto !important;
  min-width:0 !important;
  height:25px !important;
  padding:0 10px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:8 !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:8px !important;
  background:linear-gradient(135deg,#ff3451 0%,#d20b32 100%) !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:0 8px 22px rgba(255,25,55,.30),inset 0 1px 0 rgba(255,255,255,.22) !important;
}

/* When discount exists, keep the normal product label out of its way. */
.product-media:has(.discount-badge) .product-badge,
.plus-product-media:has(.discount-badge) .product-badge,
.social-product-media:has(.discount-badge) .product-badge,
.games-product-media:has(.discount-badge) .product-badge,
.custom-product-card .product-media:has(.discount-badge) .product-badge,
.tools-product-media:has(.discount-badge) > span{
  top:42px !important;
}

/* Favorite button is identical everywhere. */
.product-favorite{
  position:absolute !important;
  left:9px !important;
  top:9px !important;
  z-index:9 !important;
  width:32px !important;
  height:32px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:9px !important;
  background:rgba(3,5,12,.78) !important;
  color:#fff !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer !important;
  backdrop-filter:blur(6px) !important;
}

/* Unified body area. */
.product-card > .product-info,
.plus-product-card > .product-info,
.social-product-info,
.games-product-card > .product-info,
.custom-product-card > .product-info,
.tools-product-body{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  flex:1 1 auto !important;
  box-sizing:border-box !important;
  padding:11px 5px 3px !important;
  direction:rtl !important;
  display:flex !important;
  flex-direction:column !important;
}

/* Give every title the exact same vertical slot. */
.product-title-wrap,
.plus-product-card .product-title-wrap,
.social-title-wrap,
.games-product-card .product-title-wrap{
  width:100% !important;
  min-height:64px !important;
  max-height:64px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.product-card h3,
.plus-product-card h3,
.social-product-card h3,
.games-product-card h3,
.custom-product-card h3,
.tools-product-body h3{
  margin:0 0 6px !important;
  min-height:40px !important;
  max-height:40px !important;
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:900 !important;
  color:#f6f6fa !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.product-meta,
.social-product-info p,
.tools-product-body p{
  margin:0 !important;
  min-height:14px !important;
  max-height:16px !important;
  color:#7d879a !important;
  font-size:9px !important;
  line-height:1.5 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Social package gets the same compact information chip. */
.social-package{
  height:30px !important;
  min-height:30px !important;
  box-sizing:border-box !important;
  margin:7px 0 0 !important;
  padding:6px 8px !important;
  border:1px solid #302449 !important;
  border-radius:8px !important;
  background:#090d18 !important;
  color:#aeb6c5 !important;
  font-size:8px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}

/* Price/rating row is always one clean row above the actions. */
.product-bottom,
.social-product-bottom,
.games-product-card .product-bottom{
  width:100% !important;
  margin-top:auto !important;
  padding:7px 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  box-sizing:border-box !important;
}

.price-rating,
.social-price-rating,
.tools-price{
  min-width:0 !important;
  display:flex !important;
  align-items:baseline !important;
  flex-wrap:wrap !important;
  gap:5px !important;
}

.price-rating strong,
.social-price-rating strong,
.tools-price strong{
  font-size:16px !important;
  line-height:1 !important;
  color:#fff !important;
  white-space:nowrap !important;
}

.price-rating strong small,
.social-price-rating strong small,
.tools-price strong small{
  font-size:9px !important;
}

.old-price,
.price-rating del,
.social-price-rating del,
.tools-price del{
  color:#727a8d !important;
  font-size:8px !important;
  text-decoration-thickness:1px !important;
  white-space:nowrap !important;
}

.rating,
.social-price-rating>div{
  width:100% !important;
  margin-top:2px !important;
  color:#dce0e8 !important;
  font-size:8px !important;
  white-space:nowrap !important;
}

.rating span,
.social-price-rating span{
  color:#ff25cf !important;
  font-size:11px !important;
}

/* Final purchase bar — exactly the same everywhere. */
.purchase-actions,
.tools-product-card .tools-product-body .purchase-actions{
  width:100% !important;
  height:var(--final-buy-h) !important;
  min-height:var(--final-buy-h) !important;
  max-height:var(--final-buy-h) !important;
  flex:0 0 var(--final-buy-h) !important;
  margin-top:4px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) var(--final-cart-w) !important;
  direction:ltr !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:12px !important;
  background:#151221 !important;
  box-shadow:0 9px 28px rgba(170,0,255,.18),inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.purchase-actions .purchase-now{
  grid-column:1 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(135deg,#ed00bd 0%,#7b35ff 100%) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.purchase-actions .purchase-cart{
  grid-column:2 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-right:1px solid rgba(255,255,255,.18) !important;
  border-radius:0 !important;
  background:linear-gradient(180deg,#171526,#0d0d18) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
}

.purchase-actions .purchase-now:hover{filter:brightness(1.12) !important}
.purchase-actions .purchase-cart:hover{background:linear-gradient(180deg,#29203d,#171326) !important}

.cart-icon{
  width:30px !important;
  height:30px !important;
  display:block !important;
  position:relative !important;
  transform:none !important;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.16)) !important;
}

.cart-icon:before{
  content:"" !important;
  position:absolute !important;
  left:5px !important;
  top:9px !important;
  width:19px !important;
  height:12px !important;
  border:2.5px solid #fff !important;
  border-top:0 !important;
  border-radius:2px 2px 5px 5px !important;
  transform:skew(-7deg) !important;
}

.cart-icon:after{
  content:"" !important;
  position:absolute !important;
  left:5px !important;
  top:3px !important;
  width:22px !important;
  height:22px !important;
  border-top:2.5px solid #fff !important;
  background:radial-gradient(circle at 5px 19px,#fff 0 2.4px,transparent 2.8px),radial-gradient(circle at 18px 19px,#fff 0 2.4px,transparent 2.8px) !important;
  transform:rotate(-5deg) !important;
  transform-origin:left top !important;
}

/* Remove the old horizontal two-column card geometry. */
.social-product-card .social-product-info,
.games-product-card > .product-info,
.product-card > .product-info,
.plus-product-card > .product-info,
.custom-product-card > .product-info,
.tools-product-body{
  margin:0 !important;
}

/* Responsive: preserve the exact design while reducing columns. */
@media(max-width:1200px){
  .products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  :root{--final-card-h:350px;--final-media-h:180px;--final-cart-w:66px;--final-buy-h:47px}
  .products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:650px){
  :root{--final-card-h:350px;--final-media-h:180px;--final-cart-w:64px;--final-buy-h:48px}
  .products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .product-card,
  .plus-product-card,
  .social-product-card,
  .games-product-card,
  .custom-product-card,
  .tools-product-card{
    border-radius:15px !important;
    padding:7px !important;
  }
  .product-card h3,.plus-product-card h3,.social-product-card h3,.games-product-card h3,.custom-product-card h3,.tools-product-body h3{
    font-size:12px !important;
  }
  .purchase-actions .purchase-now{font-size:12px !important}
}

@media(max-width:420px){
  :root{--final-card-h:335px;--final-media-h:168px;--final-cart-w:60px;--final-buy-h:46px}
}


/* =========================================================
   DARKAPP — FINAL PRODUCT CARD / SECTION POLISH
   Product cards only; section/banner artwork remains unchanged.
   ========================================================= */
:root{
  --store-card-height:370px;
  --store-card-media:190px;
  --store-card-gap:18px;
  --store-buy-height:50px;
  --store-cart-width:74px;
}

/* All product grids share one generous, readable rhythm. */
.products,
.plus-products,
.social-products,
.games-products,
.tools-product-grid,
.custom-products-grid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:var(--store-card-gap) !important;
  align-items:stretch !important;
}

/* Identical card shell across every store section. */
.product-card,
.plus-product-card,
.social-product-card,
.games-product-card,
.custom-product-card,
.tools-product-card{
  width:100% !important;
  height:var(--store-card-height) !important;
  min-height:var(--store-card-height) !important;
  max-height:var(--store-card-height) !important;
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  direction:rtl !important;
  gap:0 !important;
  overflow:hidden !important;
  position:relative !important;
  border:1px solid rgba(160,30,235,.58) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#0c1020 0%,#070a13 100%) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.34) !important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease !important;
}
.product-card:hover,
.plus-product-card:hover,
.social-product-card:hover,
.games-product-card:hover,
.custom-product-card:hover,
.tools-product-card:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(255,0,215,.85) !important;
  box-shadow:0 22px 52px rgba(0,0,0,.46),0 0 28px rgba(190,0,240,.16) !important;
}

/* One image frame; artwork is not allowed to overlap the information area. */
.product-card > .product-media,
.plus-product-media,
.social-product-media,
.games-product-media,
.custom-product-card > .product-media,
.tools-product-media{
  width:100% !important;
  height:var(--store-card-media) !important;
  min-height:var(--store-card-media) !important;
  max-height:var(--store-card-media) !important;
  flex:0 0 var(--store-card-media) !important;
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
  position:relative !important;
  overflow:hidden !important;
  border-radius:0 !important;
  background:#070912 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.product-card > .product-media img,
.plus-product-media img,
.social-product-media img,
.games-product-media img,
.custom-product-card > .product-media img,
.tools-product-media img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  transition:transform .35s ease,filter .35s ease !important;
}
.product-card:hover > .product-media img,
.plus-product-card:hover .plus-product-media img,
.social-product-card:hover .social-product-media img,
.games-product-card:hover .games-product-media img,
.custom-product-card:hover > .product-media img,
.tools-product-card:hover .tools-product-media img{
  transform:scale(1.025) !important;
}

/* Consistent product label. */
.product-badge,
.tools-product-media > span{
  position:absolute !important;
  top:9px !important;
  right:9px !important;
  z-index:6 !important;
  padding:6px 10px !important;
  border:0 !important;
  border-radius:8px !important;
  background:linear-gradient(135deg,#f000bd,#8136ff) !important;
  color:#fff !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  box-shadow:0 6px 18px rgba(210,0,210,.24) !important;
}

/* Every discount is red, wide, and readable. */
.discount-badge{
  position:absolute !important;
  top:9px !important;
  left:9px !important;
  right:9px !important;
  bottom:auto !important;
  width:auto !important;
  min-width:0 !important;
  height:27px !important;
  padding:0 10px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:9 !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:8px !important;
  background:linear-gradient(135deg,#ff334d 0%,#d20b32 100%) !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:0 8px 22px rgba(255,25,55,.28),inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.product-media:has(.discount-badge) .product-badge,
.plus-product-media:has(.discount-badge) .product-badge,
.social-product-media:has(.discount-badge) .product-badge,
.games-product-media:has(.discount-badge) .product-badge,
.custom-product-card .product-media:has(.discount-badge) .product-badge,
.tools-product-media:has(.discount-badge) > span{
  top:43px !important;
}

/* Larger, unmistakable favorite button. */
.product-favorite{
  position:absolute !important;
  top:9px !important;
  left:9px !important;
  z-index:10 !important;
  width:34px !important;
  height:34px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:10px !important;
  background:rgba(3,5,12,.84) !important;
  color:#fff !important;
  display:grid !important;
  place-items:center !important;
}

/* Body has fixed, safe spacing so title/price/actions never collide. */
.product-card > .product-info,
.plus-product-card > .product-info,
.social-product-info,
.games-product-card > .product-info,
.custom-product-card > .product-info,
.tools-product-body{
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  flex:1 1 auto !important;
  box-sizing:border-box !important;
  padding:14px 13px 12px !important;
  margin:0 !important;
  direction:rtl !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
.product-title-wrap,
.plus-product-card .product-title-wrap,
.social-title-wrap,
.games-product-card .product-title-wrap{
  width:100% !important;
  min-height:68px !important;
  max-height:68px !important;
  overflow:hidden !important;
}
.product-card h3,
.plus-product-card h3,
.social-product-card h3,
.games-product-card h3,
.custom-product-card h3,
.tools-product-body h3{
  margin:0 0 7px !important;
  min-height:40px !important;
  max-height:40px !important;
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:900 !important;
  color:#f6f6fa !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.product-meta,
.social-product-info p,
.games-product-card .product-meta,
.tools-product-body p{
  margin:0 !important;
  min-height:15px !important;
  max-height:16px !important;
  color:#7d879a !important;
  font-size:9px !important;
  line-height:1.5 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.social-package{
  height:31px !important;
  min-height:31px !important;
  margin:7px 0 0 !important;
}

/* Price row stays above the action bar. */
.product-bottom,
.social-product-bottom,
.games-product-card .product-bottom{
  width:100% !important;
  margin-top:auto !important;
  padding:8px 0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:8px !important;
  box-sizing:border-box !important;
}
.price-rating,
.social-price-rating,
.tools-price{
  min-width:0 !important;
  display:flex !important;
  align-items:baseline !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:6px !important;
}
.price-rating strong,
.social-price-rating strong,
.tools-price strong{
  font-size:17px !important;
  line-height:1 !important;
  color:#fff !important;
  white-space:nowrap !important;
}
.price-rating strong small,
.social-price-rating strong small,
.tools-price strong small{font-size:9px !important}
.old-price,
.price-rating del,
.social-price-rating del,
.tools-price del{
  color:#727a8d !important;
  font-size:8px !important;
  white-space:nowrap !important;
}
.rating,
.social-price-rating>div{
  width:100% !important;
  margin:0 !important;
  color:#dce0e8 !important;
  font-size:8px !important;
  white-space:nowrap !important;
}
.rating span,.social-price-rating span{color:#ff25cf !important;font-size:11px !important}

/* Same purchase bar everywhere: buy is dominant, cart is clear and large. */
.purchase-actions,
.tools-product-card .tools-product-body .purchase-actions{
  width:100% !important;
  height:var(--store-buy-height) !important;
  min-height:var(--store-buy-height) !important;
  max-height:var(--store-buy-height) !important;
  flex:0 0 var(--store-buy-height) !important;
  margin:4px 0 0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) var(--store-cart-width) !important;
  direction:ltr !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:12px !important;
  background:#151221 !important;
  box-shadow:0 9px 28px rgba(170,0,255,.18) !important;
}
.purchase-actions .purchase-now{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(135deg,#ed00bd 0%,#7b35ff 100%) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}
.purchase-actions .purchase-cart{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-right:1px solid rgba(255,255,255,.2) !important;
  border-radius:0 !important;
  background:linear-gradient(180deg,#181626,#0d0d18) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.cart-icon{
  width:31px !important;
  height:31px !important;
  display:block !important;
  position:relative !important;
  transform:none !important;
}
.cart-icon:before{
  content:"" !important;
  position:absolute !important;
  left:5px !important;
  top:9px !important;
  width:20px !important;
  height:12px !important;
  border:2.5px solid #fff !important;
  border-top:0 !important;
  border-radius:2px 2px 5px 5px !important;
  transform:skew(-7deg) !important;
}
.cart-icon:after{
  content:"" !important;
  position:absolute !important;
  left:5px !important;
  top:3px !important;
  width:22px !important;
  height:22px !important;
  border-top:2.5px solid #fff !important;
  background:radial-gradient(circle at 5px 19px,#fff 0 2.4px,transparent 2.8px),radial-gradient(circle at 18px 19px,#fff 0 2.4px,transparent 2.8px) !important;
  transform:rotate(-5deg) !important;
  transform-origin:left top !important;
}

/* Section headings: artwork/banner is untouched; text + "عرض الكل" align cleanly. */
.plus-heading,
.social-heading,
.games-heading,
.custom-section-heading{
  width:100% !important;
  min-height:98px !important;
  padding:24px 8px 20px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
  direction:rtl !important;
  text-align:right !important;
}
.section-heading-copy{min-width:0;flex:1 1 auto}
.section-heading-copy>span,
.plus-heading>span,.social-heading>span,.games-heading>span{
  display:block !important;
  color:#ff20c8 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:2px !important;
}
.section-heading-copy h2,
.plus-heading h2,.social-heading h2,.games-heading h2{
  margin:5px 0 4px !important;
  color:#fff !important;
  font-size:30px !important;
  line-height:1.2 !important;
}
.section-heading-copy p,
.plus-heading p,.social-heading p,.games-heading p{
  margin:0 !important;
  color:#858da1 !important;
  font-size:11px !important;
}
.section-all-link,
.tools-all{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-width:100px !important;
  height:42px !important;
  padding:0 16px !important;
  box-sizing:border-box !important;
  border:1px solid rgba(255,0,200,.58) !important;
  border-radius:11px !important;
  background:linear-gradient(180deg,#120b1d,#0a0c15) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:11px !important;
  font-weight:900 !important;
}
.section-all-link b,.tools-all b{color:#ff20c8 !important;font-size:14px !important}

/* Remove the old bottom "عرض جميع..." buttons. */
.plus-all-link,.games-all-link{display:none !important}

/* Give sections breathing room without changing their banner artwork. */
.plus-section,.social-section,.games-section,.tools-activation-section,.custom-home-section{
  margin-bottom:34px !important;
}
.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
  margin-top:0 !important;
}
.best-section{padding-bottom:62px !important}

/* Responsive: preserve hierarchy and avoid cramped cards. */
@media(max-width:1200px){
  .products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media(max-width:900px){
  :root{--store-card-height:360px;--store-card-media:182px;--store-cart-width:68px;--store-buy-height:49px}
  .products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:680px){
  :root{--store-card-height:350px;--store-card-media:172px;--store-cart-width:64px;--store-buy-height:49px}
  .products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  .plus-heading,.social-heading,.games-heading,.custom-section-heading{
    min-height:90px !important;
    padding:20px 4px 16px !important;
    gap:12px !important;
  }
  .section-heading-copy h2,.plus-heading h2,.social-heading h2,.games-heading h2{font-size:24px !important}
  .section-all-link,.tools-all{min-width:86px !important;height:38px !important;padding:0 11px !important;font-size:10px !important}
}
@media(max-width:460px){
  :root{--store-card-height:355px;--store-card-media:175px;--store-cart-width:62px}
  .products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   DARKAPP FINAL PATCH — preserve Tools design + readable Buy Now
   ========================================================= */

/* Tools & Activation keeps its own premium card proportions. */
.tools-product-grid{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:13px !important;
  direction:rtl !important;
}
.tools-product-card{
  height:335px !important;
  min-height:335px !important;
  max-height:335px !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  border-radius:17px !important;
  overflow:hidden !important;
}
.tools-product-media{
  width:100% !important;
  height:190px !important;
  min-height:190px !important;
  max-height:190px !important;
  flex:0 0 190px !important;
  border-radius:0 !important;
}
.tools-product-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
.tools-product-body{
  padding:12px 13px 10px !important;
  min-height:0 !important;
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
.tools-product-body h3{
  min-height:40px !important;
  max-height:40px !important;
  margin:0 0 5px !important;
  font-size:13px !important;
  line-height:1.55 !important;
}
.tools-product-body p{
  margin:0 0 7px !important;
  min-height:14px !important;
  max-height:14px !important;
  font-size:9px !important;
}
.tools-price{
  margin:0 0 8px !important;
  min-height:22px !important;
}
.tools-product-card .purchase-actions{
  margin-top:auto !important;
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  flex:0 0 46px !important;
  grid-template-columns:minmax(0,1fr) 62px !important;
  overflow:hidden !important;
  border-radius:11px !important;
}
.tools-product-card .purchase-actions .purchase-now{
  min-width:0 !important;
  width:100% !important;
  padding:0 7px !important;
  font-size:13px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.tools-product-card .purchase-actions .purchase-cart{
  min-width:62px !important;
  width:62px !important;
}

/* All other cards: make the Buy Now label impossible to crop. */
.plus-product-card .purchase-actions,
.social-product-card .purchase-actions,
.games-product-card .purchase-actions,
.product-card .purchase-actions,
.custom-product-card .purchase-actions{
  grid-template-columns:minmax(0,1fr) 68px !important;
  overflow:hidden !important;
}
.plus-product-card .purchase-actions .purchase-now,
.social-product-card .purchase-actions .purchase-now,
.games-product-card .purchase-actions .purchase-now,
.product-card .purchase-actions .purchase-now,
.custom-product-card .purchase-actions .purchase-now{
  min-width:0 !important;
  width:100% !important;
  padding:0 8px !important;
  font-size:13px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

@media(max-width:1200px){
  .tools-product-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media(max-width:900px){
  .tools-product-card{height:350px !important;min-height:350px !important;max-height:350px !important}
  .tools-product-media{height:190px !important;min-height:190px !important;max-height:190px !important;flex-basis:190px !important}
  .tools-product-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:680px){
  .tools-product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  .tools-product-card{height:330px !important;min-height:330px !important;max-height:330px !important}
  .tools-product-media{height:160px !important;min-height:160px !important;max-height:160px !important;flex-basis:160px !important}
  .tools-product-body{padding:10px !important}
  .tools-product-card .purchase-actions{height:45px !important;min-height:45px !important;max-height:45px !important;flex-basis:45px !important}
}

/* =========================================================
   DARKAPP PREMIUM CARDS V6 — FINAL UNIFIED STORE DESIGN
   Inspired by the supplied premium reference: large media,
   clean information hierarchy, red discount ribbon and split
   Buy/Cart controls. Applied to every product section.
   ========================================================= */
:root{
  --premium-card-height:470px;
  --premium-media-height:255px;
  --premium-gap:16px;
  --premium-purple:#7a2cff;
  --premium-pink:#e900c7;
  --premium-red:#ff1744;
}

/* All storefront grids: five balanced cards on desktop. */
.products,
.plus-products,
.social-products,
.games-products,
.custom-products-grid,
.tools-product-grid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:var(--premium-gap) !important;
  align-items:stretch !important;
}

/* One visual language for every product card. */
.plus-product-card,
.social-product-card,
.games-product-card,
.product-card,
.custom-product-card,
.tools-product-card{
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  height:var(--premium-card-height) !important;
  min-height:var(--premium-card-height) !important;
  max-height:none !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  direction:rtl !important;
  overflow:hidden !important;
  border:1px solid rgba(157,48,232,.62) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(149,42,255,.10),transparent 38%),
    linear-gradient(180deg,#101323 0%,#080a14 58%,#060811 100%) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.045) !important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease !important;
}

.plus-product-card:hover,
.social-product-card:hover,
.games-product-card:hover,
.product-card:hover,
.custom-product-card:hover,
.tools-product-card:hover{
  transform:translateY(-7px) !important;
  border-color:rgba(225,45,255,.92) !important;
  box-shadow:0 24px 55px rgba(0,0,0,.55),0 0 28px rgba(185,0,255,.18) !important;
}

/* Disable the old sweep on the final card style so it never covers text/buttons. */
.plus-product-card::before,
.plus-product-card::after,
.social-product-card::before,
.social-product-card::after,
.games-product-card::before,
.games-product-card::after,
.product-card::before,
.product-card::after,
.custom-product-card::before,
.custom-product-card::after,
.tools-product-card::before,
.tools-product-card::after{display:none !important;}

/* Large image area — the main visual focus. */
.plus-product-media,
.social-product-media,
.games-product-media,
.product-media,
.tools-product-media{
  position:relative !important;
  width:100% !important;
  height:var(--premium-media-height) !important;
  min-height:var(--premium-media-height) !important;
  max-height:var(--premium-media-height) !important;
  flex:0 0 var(--premium-media-height) !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:#060914 !important;
}

.plus-product-media img,
.social-product-media img,
.games-product-media img,
.product-media img,
.tools-product-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  transition:transform .45s ease,filter .35s ease !important;
}

.plus-product-card:hover .plus-product-media img,
.social-product-card:hover .social-product-media img,
.games-product-card:hover .games-product-media img,
.product-card:hover .product-media img,
.custom-product-card:hover .product-media img,
.tools-product-card:hover .tools-product-media img{
  transform:scale(1.045) !important;
  filter:saturate(1.08) brightness(1.04) !important;
}

/* Soft bottom fade on image, matching the reference. */
.plus-product-media::after,
.social-product-media::after,
.games-product-media::after,
.product-media::after,
.tools-product-media::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,transparent 58%,rgba(3,5,12,.78) 100%) !important;
  opacity:1 !important;
}

/* Discount: always red and prominent. */
.discount-badge{
  position:absolute !important;
  top:14px !important;
  left:14px !important;
  right:auto !important;
  bottom:auto !important;
  z-index:12 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:72px !important;
  height:32px !important;
  padding:0 12px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:8px !important;
  background:linear-gradient(135deg,#ff294f,#d80032) !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(255,0,55,.32) !important;
  font-size:10px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

/* Product/favorite badge. */
.product-badge,
.tools-product-media > span:not(.discount-badge){
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  z-index:11 !important;
  padding:7px 10px !important;
  border-radius:8px !important;
  background:linear-gradient(135deg,#a900ff,#7435ff) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 8px 20px rgba(116,0,255,.30) !important;
  font-size:9px !important;
  font-weight:900 !important;
}

.product-favorite{
  position:absolute !important;
  top:14px !important;
  right:auto !important;
  left:14px !important;
  z-index:13 !important;
  width:36px !important;
  height:36px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:11px !important;
  background:rgba(4,7,16,.82) !important;
  color:#fff !important;
  backdrop-filter:blur(8px) !important;
  font-size:18px !important;
}

/* Information block. */
.plus-product-card > .product-info,
.social-product-info,
.games-product-card > .product-info,
.product-card > .product-info,
.custom-product-card > .product-info,
.tools-product-body{
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  flex:1 1 auto !important;
  padding:15px 14px 14px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  direction:rtl !important;
  overflow:hidden !important;
}

.product-title-wrap,
.social-title-wrap,
.games-product-card .product-title-wrap{
  min-height:0 !important;
  height:auto !important;
  flex:0 0 auto !important;
}

.plus-product-card h3,
.social-product-card h3,
.games-product-card h3,
.product-card h3,
.custom-product-card h3,
.tools-product-body h3{
  margin:0 0 7px !important;
  min-height:42px !important;
  max-height:42px !important;
  overflow:hidden !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.5 !important;
  font-weight:900 !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
}

.product-meta,
.social-product-info p,
.games-product-card .product-meta,
.tools-product-body > p{
  margin:0 !important;
  min-height:17px !important;
  max-height:17px !important;
  overflow:hidden !important;
  color:#8d95a8 !important;
  font-size:10px !important;
  line-height:17px !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}

.social-package{
  margin:8px 0 0 !important;
  min-height:30px !important;
  max-height:30px !important;
  padding:6px 9px !important;
  border:1px solid rgba(134,70,255,.28) !important;
  border-radius:9px !important;
  background:rgba(8,11,23,.82) !important;
  color:#c7ccda !important;
  font-size:9px !important;
  box-sizing:border-box !important;
}

/* Price and rating row. */
.product-bottom,
.social-product-bottom,
.games-product-card .product-bottom{
  width:100% !important;
  margin-top:auto !important;
  padding:0 !important;
  border:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:10px !important;
}

.price-rating,
.social-price-rating,
.tools-price{
  width:100% !important;
  min-height:27px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
  direction:rtl !important;
}

.price-rating strong,
.social-price-rating strong,
.tools-price strong{
  margin:0 !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:27px !important;
  white-space:nowrap !important;
}
.price-rating strong small,
.social-price-rating strong small,
.tools-price strong small{font-size:10px !important}
.price-rating .old-price,
.social-price-rating .old-price,
.tools-price del,
.price-rating del{
  color:#687083 !important;
  font-size:9px !important;
  white-space:nowrap !important;
}
.rating,
.social-price-rating>div{
  margin-right:auto !important;
  color:#a8afbf !important;
  font-size:9px !important;
  white-space:nowrap !important;
}
.rating span,.social-price-rating span{color:#ffc400 !important;font-size:13px !important}

/* Final split action: Buy now + clearly visible cart. */
.purchase-actions,
.tools-product-card .tools-product-body .purchase-actions{
  width:100% !important;
  height:52px !important;
  min-height:52px !important;
  max-height:52px !important;
  flex:0 0 52px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 58px !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  direction:ltr !important;
}

.purchase-actions .purchase-now{
  width:100% !important;
  height:52px !important;
  min-height:52px !important;
  border:0 !important;
  border-radius:11px !important;
  background:linear-gradient(135deg,#e800b8,#7a2cff) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  cursor:pointer !important;
  box-shadow:0 10px 25px rgba(190,0,235,.22) !important;
  transition:transform .2s,filter .2s !important;
}

.purchase-actions .purchase-cart{
  width:58px !important;
  height:52px !important;
  min-width:58px !important;
  min-height:52px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:11px !important;
  background:linear-gradient(180deg,#171827,#0b0d17) !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.purchase-actions .purchase-cart:hover{border-color:#9d4cff !important;background:linear-gradient(180deg,#25183b,#11101e) !important}
.purchase-actions .purchase-now:hover{filter:brightness(1.12) !important;transform:translateY(-1px) !important}
.cart-icon{width:25px !important;height:25px !important;display:block !important}

/* Tools use the exact same premium card controls. */
.tools-product-card .tools-product-body{padding:15px 14px 14px !important}
.tools-product-card .tools-price{margin:10px 0 !important}
.tools-product-card .tools-price strong{font-size:18px !important}
.tools-product-card .tools-purchase-actions{margin-top:auto !important}

/* Keep section spacing generous; no cards touching each other. */
.products-grid,
.plus-products,
.social-products,
.games-products,
.custom-products-grid,
.tools-product-grid{margin-top:0 !important}

/* Responsive */
@media(max-width:1200px){
  .products,.plus-products,.social-products,.games-products,.custom-products-grid,.tools-product-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media(max-width:980px){
  .products,.plus-products,.social-products,.games-products,.custom-products-grid,.tools-product-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:720px){
  :root{--premium-card-height:440px;--premium-media-height:225px}
  .products,.plus-products,.social-products,.games-products,.custom-products-grid,.tools-product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:11px !important}
  .plus-product-card > .product-info,.social-product-info,.games-product-card > .product-info,.product-card > .product-info,.custom-product-card > .product-info,.tools-product-body{padding:12px 11px 11px !important}
  .plus-product-card h3,.social-product-card h3,.games-product-card h3,.product-card h3,.custom-product-card h3,.tools-product-body h3{font-size:12px !important}
  .purchase-actions,.purchase-actions .purchase-now{height:48px !important;min-height:48px !important}
  .purchase-actions{flex-basis:48px !important;grid-template-columns:minmax(0,1fr) 52px !important}
  .purchase-actions .purchase-cart{width:52px !important;min-width:52px !important;height:48px !important;min-height:48px !important}
  .purchase-actions .purchase-now{font-size:12px !important}
}
@media(max-width:480px){
  :root{--premium-card-height:425px;--premium-media-height:205px}
  .products,.plus-products,.social-products,.games-products,.custom-products-grid,.tools-product-grid{grid-template-columns:1fr !important}
  .discount-badge{top:11px !important;left:11px !important}
  .product-badge,.tools-product-media > span:not(.discount-badge){top:11px !important;right:11px !important}
  .product-favorite{top:11px !important;left:11px !important}
}

/* =========================================================
   DARKAPP SAFE OVERLAP FIX
   Keep the existing card design/sizes exactly as-is.
   The original grids used fixed auto-rows shorter than the
   actual cards, so the following section could start behind them.
   Let each grid row follow its real card height instead.
   ========================================================= */
.products,
.plus-products,
.social-products,
.games-products,
.tools-product-grid,
.custom-products-grid{
  grid-auto-rows:auto !important;
  align-content:start !important;
}

/* =========================================================
   TOOLS / ACTIVATION — MATCH THE STANDARD PRODUCT CARDS
   Keep the section itself, but make its product cards use the
   exact same structure, spacing, badges, price/rating and actions.
   ========================================================= */
.tools-product-grid .tools-product-card{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
.tools-product-grid .tools-product-card .tools-product-media{
  position:relative !important;
  flex:0 0 var(--final-media-h) !important;
  width:100% !important;
  height:var(--final-media-h) !important;
  min-height:var(--final-media-h) !important;
  max-height:var(--final-media-h) !important;
  border-radius:12px !important;
  overflow:hidden !important;
}
.tools-product-grid .tools-product-card .tools-product-media img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
}
.tools-product-grid .tools-product-card .tools-product-media > span:not(.discount-badge){
  position:absolute !important;
  top:8px !important;
  right:8px !important;
  left:auto !important;
  bottom:auto !important;
  z-index:3 !important;
  padding:6px 10px !important;
  border-radius:8px !important;
  background:linear-gradient(135deg,#f500b9,#7b3dff) !important;
  color:#fff !important;
  font-size:9px !important;
  font-weight:900 !important;
}
.tools-product-grid .tools-product-card .tools-product-media .discount-badge{
  position:absolute !important;
  left:8px !important;
  bottom:8px !important;
  top:auto !important;
  right:auto !important;
  z-index:3 !important;
}
.tools-product-grid .tools-product-card .tools-product-media .product-favorite{
  position:absolute !important;
  left:8px !important;
  top:8px !important;
  z-index:4 !important;
}
.tools-product-grid .tools-product-card .tools-product-body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  padding:12px !important;
  background:transparent !important;
}
.tools-product-grid .tools-product-card .tools-product-body .product-title-wrap{
  min-height:68px !important;
  max-height:68px !important;
}
.tools-product-grid .tools-product-card .tools-product-body h3{
  margin:0 !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1.55 !important;
  min-height:40px !important;
  max-height:40px !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
}
.tools-product-grid .tools-product-card .tools-product-body .product-meta{
  margin:6px 0 0 !important;
  color:#737d92 !important;
  font-size:9px !important;
  line-height:1.5 !important;
  min-height:14px !important;
}
.tools-product-grid .tools-product-card .tools-product-body .product-bottom{
  margin-top:auto !important;
  padding-top:7px !important;
  border-top:1px solid rgba(255,255,255,.055) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-end !important;
  gap:8px !important;
}
.tools-product-grid .tools-product-card .tools-product-body .price-rating{
  width:100% !important;
  min-height:32px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}
.tools-product-grid .tools-product-card .tools-product-body .price-rating strong{
  color:#fff !important;
  font-size:16px !important;
  white-space:nowrap !important;
}
.tools-product-grid .tools-product-card .tools-product-body .price-rating strong small{
  font-size:9px !important;
}
.tools-product-grid .tools-product-card .tools-product-body .price-rating .old-price{
  color:#62697a !important;
  font-size:9px !important;
}
.tools-product-grid .tools-product-card .tools-product-body .price-rating .rating{
  margin-right:auto !important;
  color:#aeb6c6 !important;
  font-size:8px !important;
  white-space:nowrap !important;
}
.tools-product-grid .tools-product-card .tools-product-body .price-rating .rating span{color:#ffd21a !important}
.tools-product-grid .tools-product-card .tools-product-body .purchase-actions{
  width:100% !important;
  height:var(--final-buy-h) !important;
  min-height:var(--final-buy-h) !important;
  max-height:var(--final-buy-h) !important;
  margin:0 !important;
  flex:0 0 var(--final-buy-h) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) var(--final-cart-w) !important;
  direction:ltr !important;
}
.tools-product-grid .tools-product-card .tools-product-body .purchase-actions .purchase-now{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  border-radius:11px 0 0 11px !important;
  font-size:12px !important;
}
.tools-product-grid .tools-product-card .tools-product-body .purchase-actions .purchase-cart{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  border-radius:0 11px 11px 0 !important;
}
@media(max-width:1100px){
  .tools-product-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media(max-width:760px){
  .tools-product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
}
@media(max-width:480px){
  .tools-product-grid{grid-template-columns:1fr !important}
}

/* Customer Reviews — same storefront language, with a distinct premium testimonials layout. */
.customer-reviews-section{padding:0 0 34px!important}
.reviews-banner-wrap{width:100%;border:1px solid rgba(150,40,220,.55);border-radius:18px;overflow:hidden;background:#080b14;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.reviews-banner{display:block;width:100%;height:clamp(170px,20vw,300px);object-fit:cover}
.customer-reviews-heading{text-align:center;padding:22px 10px 18px}
.customer-reviews-heading>span{font-size:9px;letter-spacing:2.5px;color:#ff18c8;font-weight:900}
.customer-reviews-heading h2{margin:6px 0 4px;font-size:30px;color:#fff}
.customer-reviews-heading p{margin:0;color:#7f899e;font-size:12px}
.customer-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 0 8px}
.customer-review-card{position:relative;background:linear-gradient(145deg,rgba(17,20,34,.98),rgba(10,13,23,.98));border:1px solid rgba(133,93,180,.25);border-radius:22px;padding:22px;box-shadow:0 14px 40px rgba(0,0,0,.2);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.customer-review-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ff18c8,#7c3aed,transparent);opacity:.8}
.customer-review-card:hover{transform:translateY(-5px);border-color:rgba(255,24,200,.4);box-shadow:0 20px 50px rgba(120,20,180,.18)}
.customer-review-card.featured{background:linear-gradient(145deg,rgba(30,18,43,.98),rgba(10,13,23,.98));border-color:rgba(255,24,200,.32)}
.customer-review-head{display:flex;align-items:center;gap:13px;direction:rtl}
.customer-review-head img{width:68px;height:68px;border-radius:50%;display:block;object-fit:cover;flex:0 0 68px;border:2px solid rgba(255,255,255,.08);background:#111827}
.customer-review-head h3{margin:0 0 4px;color:#fff;font-size:16px}.customer-review-head span{color:#8f98ac;font-size:10px}
.customer-stars{margin:15px 0 10px;color:#ffd34d;letter-spacing:3px;font-size:14px;direction:ltr}
.customer-review-card p{margin:0;color:#c4c9d5;font-size:12px;line-height:2;text-align:right;min-height:72px}
.customer-review-card small{display:block;margin-top:14px;color:#687187;font-size:9px;text-align:right}
.customer-review-ticker{position:relative;margin:24px 0 4px;padding:10px 0;overflow:hidden;border:1px solid rgba(139,92,246,.22);border-radius:18px;background:linear-gradient(90deg,rgba(255,24,200,.055),rgba(124,58,237,.08),rgba(255,24,200,.055));box-shadow:inset 0 0 24px rgba(124,58,237,.06)}
.customer-review-ticker:before,.customer-review-ticker:after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}.customer-review-ticker:before{right:0;background:linear-gradient(90deg,transparent,rgba(5,7,15,.98))}.customer-review-ticker:after{left:0;background:linear-gradient(270deg,transparent,rgba(5,7,15,.98))}
.customer-review-ticker-track{display:flex;width:max-content;animation:customerReviewsTicker 28s linear infinite;direction:ltr}.customer-review-ticker-group{display:flex;align-items:center;gap:12px;padding:0 6px;flex-shrink:0}.customer-review-ticker-item{display:inline-flex;align-items:center;gap:8px;min-width:142px;padding:7px 12px;border-radius:999px;border:1px solid rgba(147,51,234,.2);background:rgba(12,15,27,.82);white-space:nowrap;box-shadow:0 5px 18px rgba(0,0,0,.14);direction:rtl}.customer-review-ticker-item img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#111827;border:1px solid rgba(255,255,255,.12)}.customer-review-ticker-item b{font-size:11px;color:#fff;font-weight:800}.customer-review-ticker-item em{font-size:9px;color:#ffd84d;font-style:normal;letter-spacing:1px;margin-right:auto}.customer-review-ticker:hover .customer-review-ticker-track{animation-play-state:paused}
@keyframes customerReviewsTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.customer-review-ticker-track{animation:none}}
@media(max-width:900px){.customer-reviews-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.reviews-banner{height:190px}.customer-reviews-heading h2{font-size:24px}.customer-reviews-grid{grid-template-columns:1fr;gap:12px}.customer-review-card p{min-height:0}}

/* Premium customer thank-you ticker */
.customer-review-thanks{position:relative;margin:2px 0 22px;padding:11px 0;overflow:hidden;border:1px solid rgba(255,24,200,.30);border-radius:16px;background:linear-gradient(90deg,rgba(255,24,200,.08),rgba(124,58,237,.12),rgba(255,24,200,.08));box-shadow:inset 0 0 28px rgba(124,58,237,.08),0 10px 30px rgba(0,0,0,.16)}
.customer-review-thanks:before,.customer-review-thanks:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.customer-review-thanks:before{right:0;background:linear-gradient(90deg,transparent,rgba(5,7,15,.98))}.customer-review-thanks:after{left:0;background:linear-gradient(270deg,transparent,rgba(5,7,15,.98))}
.customer-review-thanks-track{display:flex;width:max-content;direction:ltr;animation:customerThanksTicker 24s linear infinite}
.customer-review-thanks-group{display:flex;align-items:center;gap:34px;padding:0 18px;flex-shrink:0;white-space:nowrap;direction:rtl}
.customer-review-thanks-group span{font-size:12px;font-weight:800;color:#fff;letter-spacing:.1px}.customer-review-thanks-group span:first-child{color:#ff48d5}.customer-review-thanks-group span::first-letter{color:#ffd84d}
.customer-review-thanks:hover .customer-review-thanks-track{animation-play-state:paused}
@keyframes customerThanksTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.customer-review-thanks-track{animation:none}}
@media(max-width:600px){.customer-review-thanks{margin-bottom:16px;padding:10px 0}.customer-review-thanks-group{gap:22px}.customer-review-thanks-group span{font-size:10px}.reviews-banner{height:190px}}


/* =========================================================
   DA STORE — SOCIAL CARD REFINEMENT
   Compact hierarchy requested for follower/service cards:
   centered title, rating directly underneath, then old price,
   red discount, green current price, followed by Buy + Cart.
   ========================================================= */
.social-product-card{
  height:320px !important;
  min-height:320px !important;
  max-height:320px !important;
  padding:7px !important;
  border-radius:17px !important;
  background:linear-gradient(180deg,#0c101c 0%,#070a13 100%) !important;
}
.social-product-card .social-product-media{
  height:158px !important;
  min-height:158px !important;
  max-height:158px !important;
  flex-basis:158px !important;
  border-radius:12px !important;
}
.social-product-card .social-product-info{
  padding:8px 4px 2px !important;
  text-align:center !important;
}
.social-product-card .social-card-title-wrap{
  min-height:55px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:2px !important;
}
.social-product-card .social-card-title-wrap h3{
  width:100% !important;
  margin:0 !important;
  min-height:0 !important;
  max-height:38px !important;
  text-align:center !important;
  font-size:13px !important;
  line-height:1.5 !important;
}
/* Remove the small descriptive line from the old card layout. */
.social-product-card .social-title-wrap > p,
.social-product-card .social-package{display:none !important}
.social-card-rating{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  direction:ltr !important;
  color:#aeb5c5 !important;
  font-size:9px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.social-card-rating span{color:#ffc928 !important;font-size:12px !important;text-shadow:0 0 8px rgba(255,201,40,.22)}
.social-card-rating em{color:#70798d !important;font-style:normal !important;margin-left:2px !important}
.social-product-card .social-card-bottom{
  width:100% !important;
  margin-top:auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:7px !important;
}
.social-card-price-rating{width:100% !important;margin:0 !important}
.social-price-row{
  width:100% !important;
  min-height:26px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  direction:rtl !important;
  white-space:nowrap !important;
}
.social-old-price{
  color:#626b7d !important;
  font-size:8px !important;
  text-decoration-thickness:1px !important;
}
.social-old-price small{font-size:7px !important}
.social-discount{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:42px !important;
  height:22px !important;
  padding:0 6px !important;
  border-radius:7px !important;
  background:linear-gradient(135deg,#ff274f,#d3123f) !important;
  border:1px solid rgba(255,96,119,.5) !important;
  color:#fff !important;
  font-size:8px !important;
  font-weight:900 !important;
  box-shadow:0 5px 14px rgba(255,23,68,.18) !important;
}
.social-current-price{
  color:#37e68b !important;
  font-size:17px !important;
  font-weight:950 !important;
  letter-spacing:-.2px !important;
  text-shadow:0 0 14px rgba(55,230,139,.13) !important;
}
.social-current-price small{font-size:8px !important;color:#7ef0ae !important;font-weight:800 !important}
.social-price-row-single{justify-content:center !important}
.social-card-actions{
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  flex-basis:38px !important;
  grid-template-columns:minmax(0,1fr) 42px !important;
  gap:5px !important;
  margin:0 !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  background:#0a0d17 !important;
  overflow:hidden !important;
}
.social-card-actions .purchase-now{
  height:38px !important;
  min-height:38px !important;
  border-radius:9px !important;
  font-size:10px !important;
  background:linear-gradient(135deg,#df16c9,#7137ff) !important;
  box-shadow:0 7px 18px rgba(191,0,230,.18) !important;
}
.social-card-actions .purchase-cart{
  width:42px !important;
  min-width:42px !important;
  height:38px !important;
  min-height:38px !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#171a28,#0d0f18) !important;
}
.social-card-actions .cart-icon{width:19px !important;height:19px !important}
.social-product-card .product-favorite{
  width:30px !important;height:30px !important;
  top:8px !important;left:8px !important;
  border-radius:50% !important;
  font-size:15px !important;
}
.social-product-card .discount-badge{display:none !important}

@media(max-width:760px){
  .social-product-card{height:300px !important;min-height:300px !important;max-height:300px !important;padding:6px !important}
  .social-product-card .social-product-media{height:146px !important;min-height:146px !important;max-height:146px !important;flex-basis:146px !important}
  .social-product-card .social-product-info{padding:7px 3px 2px !important}
  .social-product-card .social-card-title-wrap{min-height:48px !important}
  .social-product-card .social-card-title-wrap h3{font-size:11px !important}
  .social-card-rating{font-size:8px !important}
  .social-current-price{font-size:14px !important}
  .social-discount{min-width:37px !important;height:20px !important;font-size:7px !important}
  .social-card-actions,.social-card-actions .purchase-now,.social-card-actions .purchase-cart{height:35px !important;min-height:35px !important}
  .social-card-actions{grid-template-columns:minmax(0,1fr) 38px !important}
  .social-card-actions .purchase-cart{width:38px !important;min-width:38px !important}
}

/* =========================================================
   DARKAPP — EXACT SOCIAL CARD STYLE FOR ALL HOME SECTIONS
   Keep section/order/content untouched. Only unify card visuals.
   ========================================================= */
.plus-product-card,
.social-product-card,
.games-product-card,
.product-card,
.custom-product-card,
.tools-product-card{
  width:100% !important;
  height:365px !important;
  min-height:365px !important;
  max-height:365px !important;
  box-sizing:border-box !important;
  padding:8px !important;
  display:flex !important;
  flex-direction:column !important;
  direction:rtl !important;
  gap:0 !important;
  overflow:hidden !important;
  position:relative !important;
  border:1px solid rgba(160,30,235,.55) !important;
  border-radius:17px !important;
  background:linear-gradient(180deg,#0d1020 0%,#070913 100%) !important;
  box-shadow:0 15px 42px rgba(0,0,0,.32) !important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease !important;
}
.plus-product-card:hover,
.social-product-card:hover,
.games-product-card:hover,
.product-card:hover,
.custom-product-card:hover,
.tools-product-card:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(255,0,215,.8) !important;
  box-shadow:0 22px 55px rgba(0,0,0,.42),0 0 28px rgba(190,0,240,.16) !important;
}

.plus-product-media,
.social-product-media,
.games-product-media,
.product-card > .product-media,
.custom-product-card > .product-media,
.tools-product-media{
  width:100% !important;
  height:190px !important;
  min-height:190px !important;
  max-height:190px !important;
  flex:0 0 190px !important;
  box-sizing:border-box !important;
  position:relative !important;
  overflow:hidden !important;
  border-radius:11px !important;
  background:#070a12 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.plus-product-media img,
.social-product-media img,
.games-product-media img,
.product-card > .product-media img,
.custom-product-card > .product-media img,
.tools-product-media img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  transition:transform .25s ease !important;
}
.plus-product-card:hover img,
.social-product-card:hover img,
.games-product-card:hover img,
.product-card:hover img,
.custom-product-card:hover img,
.tools-product-card:hover img{transform:scale(1.035) !important}

.plus-product-card > .product-info,
.social-product-info,
.games-product-card > .product-info,
.product-card > .product-info,
.custom-product-card > .product-info,
.tools-product-body{
  width:100% !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  height:auto !important;
  padding:12px 4px 3px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  direction:rtl !important;
  display:flex !important;
  flex-direction:column !important;
}
.plus-product-card .product-title-wrap,
.social-title-wrap,
.games-product-card .product-title-wrap{
  min-height:76px !important;
}
.plus-product-card h3,
.social-product-info h3,
.games-product-card .product-info h3,
.product-card h3,
.custom-product-card h3,
.tools-product-body h3{
  margin:7px 0 6px !important;
  min-height:40px !important;
  color:#f4f4f7 !important;
  font-size:13px !important;
  line-height:1.55 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.plus-product-card .product-meta,
.games-product-card .product-meta,
.social-product-info p{
  margin:0 !important;
  color:#aeb5c5 !important;
  font-size:10px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.plus-product-card .product-bottom,
.social-product-bottom,
.games-product-card .product-bottom,
.product-card .product-bottom,
.custom-product-card .product-bottom{
  margin-top:auto !important;
  width:100% !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:8px !important;
}
.plus-product-card .price-rating,
.games-product-card .price-rating,
.product-card .price-rating,
.social-price-rating{
  min-width:0 !important;
}
.plus-product-card .price-rating strong,
.games-product-card .price-rating strong,
.product-card .price-rating strong,
.social-current-price,
.social-price-rating strong{
  color:#fff !important;
  font-size:16px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
.plus-product-card .rating,
.games-product-card .rating,
.product-card .rating,
.social-card-rating{
  margin-top:5px !important;
  color:#e6e6ec !important;
  font-size:9px !important;
}
.plus-product-card .rating span,
.games-product-card .rating span,
.product-card .rating span,
.social-card-rating span{color:#ffc400 !important;font-size:13px !important}

/* Same purchase row everywhere; only the cart button is slightly larger. */
.purchase-actions{
  --purchase-cart-width:64px !important;
  --purchase-height:50px !important;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  grid-template-columns:minmax(0,1fr) 64px !important;
  border-radius:13px !important;
}
.purchase-actions .purchase-cart{
  width:64px !important;
  min-width:64px !important;
  height:50px !important;
}
.purchase-actions .purchase-now{height:50px !important;font-size:13px !important}
.cart-icon{
  width:33px !important;
  height:33px !important;
  transform:none !important;
}
.cart-icon:before{
  left:5px !important;
  top:9px !important;
  width:21px !important;
  height:13px !important;
  border-width:2.5px !important;
}
.cart-icon:after{
  left:5px !important;
  top:3px !important;
  width:23px !important;
  height:23px !important;
  border-top-width:2.5px !important;
}

@media(max-width:1200px){
  .products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media(max-width:900px){
  .products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:680px){
  .products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  .plus-product-card,.social-product-card,.games-product-card,.product-card,.custom-product-card,.tools-product-card{
    height:350px !important;min-height:350px !important;max-height:350px !important;
  }
  .plus-product-media,.social-product-media,.games-product-media,.product-card > .product-media,.custom-product-card > .product-media,.tools-product-media{
    height:175px !important;min-height:175px !important;max-height:175px !important;flex-basis:175px !important;
  }
  .purchase-actions{--purchase-cart-width:62px !important;grid-template-columns:minmax(0,1fr) 62px !important}
  .purchase-actions .purchase-cart{width:62px !important;min-width:62px !important}
}
@media(max-width:480px){
  .products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{gap:10px !important}
  .cart-icon{width:32px !important;height:32px !important}
}

/* =========================================================
   STORE CARD SYSTEM — SINGLE SOURCE OF TRUTH
   All product sections use the same card geometry.
   Section-specific classes only control content, not dimensions.
   ========================================================= */
:root{
  --store-card-height:360px;
  --store-media-height:180px;
  --store-card-gap:13px;
  --store-buy-height:46px;
  --store-cart-width:58px;
  --store-radius:17px;
}

/* All storefront product grids share the same layout. */
.products,
.plus-products,
.social-products,
.games-products,
.tools-product-grid,
.custom-products-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:var(--store-card-gap) !important;
  align-items:stretch !important;
  direction:rtl !important;
}

/* One physical card size for every section. */
.product-card,
.plus-product-card,
.social-product-card,
.games-product-card,
.custom-product-card,
.tools-product-card{
  width:100% !important;
  height:var(--store-card-height) !important;
  min-height:var(--store-card-height) !important;
  max-height:var(--store-card-height) !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  padding:8px !important;
  display:flex !important;
  flex-direction:column !important;
  direction:rtl !important;
  gap:0 !important;
  overflow:hidden !important;
  position:relative !important;
  border:1px solid rgba(160,30,235,.55) !important;
  border-radius:var(--store-radius) !important;
  background:linear-gradient(180deg,#0d1020 0%,#070913 100%) !important;
  box-shadow:0 15px 42px rgba(0,0,0,.32) !important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease !important;
}

/* Every product image area has identical geometry. */
.product-card > .product-media,
.plus-product-media,
.social-product-media,
.games-product-media,
.custom-product-card > .product-media,
.tools-product-media{
  width:100% !important;
  height:var(--store-media-height) !important;
  min-height:var(--store-media-height) !important;
  max-height:var(--store-media-height) !important;
  flex:0 0 var(--store-media-height) !important;
  box-sizing:border-box !important;
  position:relative !important;
  overflow:hidden !important;
  border-radius:11px !important;
  background:#070a12 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Images never change card size. */
.product-card > .product-media img,
.plus-product-media img,
.social-product-media img,
.games-product-media img,
.custom-product-card > .product-media img,
.tools-product-media img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center !important;
}

/* Shared information area. */
.product-card > .product-info,
.plus-product-card > .product-info,
.social-product-info,
.games-product-card > .product-info,
.custom-product-card > .product-info,
.tools-product-body{
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  flex:1 1 auto !important;
  box-sizing:border-box !important;
  padding:10px 4px 3px !important;
  margin:0 !important;
  direction:rtl !important;
  display:flex !important;
  flex-direction:column !important;
}

/* Same title block height so prices/buttons line up across sections. */
.product-card .product-title-wrap,
.plus-product-card .product-title-wrap,
.games-product-card .product-title-wrap,
.social-product-info .social-title-wrap,
.custom-product-card .product-title-wrap,
.tools-product-body .product-title-wrap{
  width:100% !important;
  min-height:64px !important;
  max-height:64px !important;
  overflow:hidden !important;
}

.product-card h3,
.plus-product-card h3,
.games-product-card h3,
.social-product-info h3,
.custom-product-card h3,
.tools-product-body h3{
  width:100% !important;
  margin:5px 0 5px !important;
  min-height:40px !important;
  max-height:40px !important;
  color:#f4f4f7 !important;
  font-size:13px !important;
  line-height:1.55 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.product-card .product-meta,
.plus-product-card .product-meta,
.games-product-card .product-meta,
.social-product-info .product-meta,
.tools-product-body .product-meta{
  margin:0 !important;
  min-height:14px !important;
  max-height:14px !important;
  color:#9da6b8 !important;
  font-size:9px !important;
  line-height:1.5 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Bottom area always sits at the same vertical position. */
.product-card .product-bottom,
.plus-product-card .product-bottom,
.games-product-card .product-bottom,
.social-product-bottom,
.custom-product-card .product-bottom,
.tools-product-body .product-bottom{
  width:100% !important;
  margin-top:auto !important;
  padding-top:7px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:8px !important;
  box-sizing:border-box !important;
}

/* Same purchase controls everywhere. */
.product-card .purchase-actions,
.plus-product-card .purchase-actions,
.games-product-card .purchase-actions,
.social-product-card .purchase-actions,
.custom-product-card .purchase-actions,
.tools-product-body .purchase-actions{
  width:100% !important;
  height:var(--store-buy-height) !important;
  min-height:var(--store-buy-height) !important;
  max-height:var(--store-buy-height) !important;
  flex:0 0 var(--store-buy-height) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) var(--store-cart-width) !important;
  gap:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:11px !important;
  direction:ltr !important;
}

.purchase-actions .purchase-now{
  width:100% !important;
  height:var(--store-buy-height) !important;
  min-height:0 !important;
  border-radius:11px 0 0 11px !important;
  font-size:12px !important;
}

.purchase-actions .purchase-cart{
  width:var(--store-cart-width) !important;
  min-width:var(--store-cart-width) !important;
  height:var(--store-buy-height) !important;
  min-height:0 !important;
  border-radius:0 11px 11px 0 !important;
}

/* Keep section-specific visual effects, but not their geometry. */
.product-card:hover,
.plus-product-card:hover,
.social-product-card:hover,
.games-product-card:hover,
.custom-product-card:hover,
.tools-product-card:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(255,0,215,.8) !important;
  box-shadow:0 22px 55px rgba(0,0,0,.42),0 0 28px rgba(190,0,240,.16) !important;
}

@media(max-width:1100px){
  .products,
  .plus-products,
  .social-products,
  .games-products,
  .tools-product-grid,
  .custom-products-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  :root{
    --store-card-height:320px;
    --store-media-height:150px;
    --store-buy-height:42px;
    --store-cart-width:52px;
  }
  .products,
  .plus-products,
  .social-products,
  .games-products,
  .tools-product-grid,
  .custom-products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .purchase-actions .purchase-now,
  .purchase-actions .purchase-cart{
    height:var(--store-buy-height) !important;
  }
}

@media(max-width:520px){
  :root{
    --store-card-height:310px;
    --store-media-height:145px;
  }
  .products,
  .plus-products,
  .social-products,
  .games-products,
  .tools-product-grid,
  .custom-products-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
}

/* =========================================================
   DARKAPP — EXACT PRODUCT CARD SYSTEM (REFERENCE DESIGN)
   All product sections use the same geometry and visual rhythm:
   Best Sellers / Plus / Social / Games / Tools / Custom.
   ========================================================= */
:root{
  --ref-card-h:324px;
  --ref-media-h:142px;
  --ref-buy-h:40px;
  --ref-cart-w:45px;
  --ref-gap:12px;
  --ref-radius:16px;
}

.products,
.plus-products,
.social-products,
.games-products,
.tools-product-grid,
.custom-products-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:var(--ref-gap) !important;
  align-items:stretch !important;
  direction:rtl !important;
}

.product-card,
.plus-product-card,
.social-product-card,
.games-product-card,
.custom-product-card,
.tools-product-card{
  width:100% !important;
  height:var(--ref-card-h) !important;
  min-height:var(--ref-card-h) !important;
  max-height:var(--ref-card-h) !important;
  box-sizing:border-box !important;
  padding:8px !important;
  display:flex !important;
  flex-direction:column !important;
  direction:rtl !important;
  gap:0 !important;
  overflow:hidden !important;
  position:relative !important;
  border:1px solid rgba(155,42,225,.72) !important;
  border-radius:var(--ref-radius) !important;
  background:linear-gradient(180deg,#0b0e19 0%,#070a13 100%) !important;
  box-shadow:0 13px 35px rgba(0,0,0,.38) !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
}

.product-card > .product-media,
.plus-product-media,
.social-product-media,
.games-product-media,
.custom-product-card > .product-media,
.tools-product-media{
  width:100% !important;
  height:var(--ref-media-h) !important;
  min-height:var(--ref-media-h) !important;
  max-height:var(--ref-media-h) !important;
  flex:0 0 var(--ref-media-h) !important;
  box-sizing:border-box !important;
  position:relative !important;
  overflow:hidden !important;
  border-radius:10px !important;
  border:0 !important;
  background:#060912 !important;
  display:block !important;
}

.product-card > .product-media img,
.plus-product-media img,
.social-product-media img,
.games-product-media img,
.custom-product-card > .product-media img,
.tools-product-media img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Same badges/favorites in the same position. */
.product-badge,
.plus-product-media .product-badge,
.social-product-media .product-badge,
.games-product-media .product-badge,
.tools-product-media > span{
  position:absolute !important;
  top:8px !important;
  right:8px !important;
  z-index:5 !important;
  padding:5px 8px !important;
  border-radius:6px !important;
  background:linear-gradient(90deg,#9d00df,#7628ff) !important;
  color:#fff !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.product-favorite,
.tools-product-media .product-favorite{
  position:absolute !important;
  left:8px !important;
  top:8px !important;
  z-index:6 !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  padding:0 !important;
  border-radius:9px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(4,6,14,.78) !important;
  color:#fff !important;
  display:grid !important;
  place-items:center !important;
}

/* One identical content area. */
.product-card > .product-info,
.plus-product-card > .product-info,
.social-product-info,
.games-product-card > .product-info,
.custom-product-card > .product-info,
.tools-product-body{
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  flex:1 1 auto !important;
  box-sizing:border-box !important;
  padding:7px 5px 2px !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  direction:rtl !important;
  text-align:center !important;
  overflow:hidden !important;
}

.product-card .product-title-wrap,
.plus-product-card .product-title-wrap,
.games-product-card .product-title-wrap,
.social-product-info .social-title-wrap,
.custom-product-card .product-title-wrap,
.tools-product-body .product-title-wrap{
  width:100% !important;
  min-height:50px !important;
  max-height:50px !important;
  height:50px !important;
  overflow:hidden !important;
  flex:0 0 50px !important;
}

.product-card h3,
.plus-product-card h3,
.games-product-card h3,
.social-product-info h3,
.custom-product-card h3,
.tools-product-body h3{
  width:100% !important;
  margin:0 0 3px !important;
  min-height:30px !important;
  max-height:30px !important;
  color:#f4f4f7 !important;
  font-size:12px !important;
  line-height:1.45 !important;
  font-weight:900 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.product-card .product-meta,
.plus-product-card .product-meta,
.games-product-card .product-meta,
.social-product-info .product-meta,
.tools-product-body .product-meta{
  margin:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  height:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Social cards already put rating under the title. */
.social-card-title-wrap,
.social-product-info .social-title-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}

.social-card-rating{
  margin:0 !important;
  height:16px !important;
  line-height:16px !important;
  font-size:8px !important;
  color:#e6e6ec !important;
  white-space:nowrap !important;
}

.social-card-rating span,
.rating span{
  color:#ffc400 !important;
  font-size:11px !important;
}

.social-card-rating em,
.rating em{
  color:#7f8799 !important;
  font-style:normal !important;
  margin-right:2px !important;
}

/* Price/rating block: rating first, price row second, like the reference. */
.product-card .product-bottom,
.plus-product-card .product-bottom,
.games-product-card .product-bottom,
.social-product-bottom,
.custom-product-card .product-bottom,
.tools-product-body .product-bottom{
  width:100% !important;
  margin-top:auto !important;
  padding:0 !important;
  border:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  box-sizing:border-box !important;
}

.product-card .price-rating,
.plus-product-card .price-rating,
.games-product-card .price-rating,
.custom-product-card .price-rating,
.tools-product-body .price-rating,
.social-price-rating{
  width:100% !important;
  min-height:34px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:2px !important;
  white-space:nowrap !important;
}

.product-card .rating,
.plus-product-card .rating,
.games-product-card .rating,
.custom-product-card .rating,
.tools-product-body .rating{
  order:0 !important;
  margin:0 !important;
  height:13px !important;
  line-height:13px !important;
  font-size:8px !important;
}

.product-card .price-rating strong,
.plus-product-card .price-rating strong,
.games-product-card .price-rating strong,
.custom-product-card .price-rating strong,
.tools-product-body .price-rating strong,
.social-current-price{
  order:2 !important;
  margin:0 !important;
  font-size:15px !important;
  line-height:19px !important;
  color:#fff !important;
  font-weight:900 !important;
}

.product-card .old-price,
.plus-product-card .old-price,
.games-product-card .old-price,
.custom-product-card .old-price,
.tools-product-body .old-price,
.social-old-price{
  order:1 !important;
  color:#62697a !important;
  font-size:8px !important;
}

.social-product-bottom{
  gap:7px !important;
}

.social-price-row{
  width:100% !important;
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  direction:rtl !important;
}

.social-discount,
.discount-badge{
  background:#f01955 !important;
  color:#fff !important;
  border-radius:6px !important;
  padding:4px 6px !important;
  font-size:8px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

/* Exact reference purchase bar: purple buy area + dark cart area. */
.product-card .purchase-actions,
.plus-product-card .purchase-actions,
.games-product-card .purchase-actions,
.social-product-card .purchase-actions,
.custom-product-card .purchase-actions,
.tools-product-body .purchase-actions{
  width:100% !important;
  height:var(--ref-buy-h) !important;
  min-height:var(--ref-buy-h) !important;
  max-height:var(--ref-buy-h) !important;
  flex:0 0 var(--ref-buy-h) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) var(--ref-cart-w) !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.15) !important;
  border-radius:10px !important;
  background:#11111b !important;
  box-shadow:0 6px 18px rgba(170,0,255,.18) !important;
  direction:ltr !important;
}

.purchase-actions .purchase-now{
  grid-column:1 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(135deg,#d80acb 0%,#7b31ff 100%) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.purchase-actions .purchase-cart{
  grid-column:2 !important;
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-right:1px solid rgba(255,255,255,.16) !important;
  border-radius:0 !important;
  background:linear-gradient(180deg,#151622,#0c0d15) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.cart-icon{
  width:24px !important;
  height:24px !important;
}

/* Remove geometry from the old Tools-only presentation. */
.tools-product-card .tools-product-media:after,
.tools-product-card .tools-product-card:hover .tools-product-media img{
  transform:none !important;
}

.product-card:hover,
.plus-product-card:hover,
.social-product-card:hover,
.games-product-card:hover,
.custom-product-card:hover,
.tools-product-card:hover{
  transform:translateY(-4px) !important;
  border-color:#b52cff !important;
  box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 24px rgba(190,0,240,.12) !important;
}

@media(max-width:1100px){
  .products,
  .plus-products,
  .social-products,
  .games-products,
  .tools-product-grid,
  .custom-products-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  :root{
    --ref-card-h:318px;
    --ref-media-h:140px;
    --ref-buy-h:40px;
    --ref-cart-w:44px;
  }
  .products,
  .plus-products,
  .social-products,
  .games-products,
  .tools-product-grid,
  .custom-products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
}

@media(max-width:480px){
  :root{
    --ref-card-h:318px;
    --ref-media-h:142px;
    --ref-buy-h:40px;
    --ref-cart-w:44px;
  }
  .products,
  .plus-products,
  .social-products,
  .games-products,
  .tools-product-grid,
  .custom-products-grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   DARKAPP PRODUCT CARDS — SINGLE CANONICAL SYSTEM
   One geometry for every storefront product section.
   ========================================================= */
:root{
  --card-width:100%;
  --card-height:324px;
  --card-media-height:150px;
  --card-gap:12px;
  --card-radius:16px;
  --card-buy-height:40px;
  --card-cart-width:45px;
}

.products-wrap,.plus-section,.social-section,.games-section,.tools-activation-section,.custom-home-section{
  width:min(1346px,calc(100% - 44px));max-width:1346px;margin-left:auto;margin-right:auto;
}
.products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
  width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--card-height);
  gap:var(--card-gap);align-items:stretch;direction:rtl;
}

.product-card,.plus-product-card,.social-product-card,.games-product-card,.tools-product-card,.custom-product-card{
  width:100%;height:var(--card-height);min-height:var(--card-height);max-height:var(--card-height);
  box-sizing:border-box;margin:0;padding:8px;display:flex;flex-direction:column;overflow:hidden;position:relative;
  direction:rtl;border:1px solid rgba(155,42,225,.72);border-radius:var(--card-radius);
  background:linear-gradient(180deg,#0b0e19 0%,#070a13 100%);box-shadow:0 13px 35px rgba(0,0,0,.38);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.product-card:hover,.plus-product-card:hover,.social-product-card:hover,.games-product-card:hover,.tools-product-card:hover,.custom-product-card:hover{
  transform:translateY(-4px);border-color:#b52cff;box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 24px rgba(190,0,240,.12);
}

.product-card>.product-media,.product-media.plus-product-media,.product-media.social-product-media,.product-media.games-product-media,.tools-product-card>.tools-product-media,.custom-product-card>.product-media{
  width:100%;height:var(--card-media-height);min-height:var(--card-media-height);max-height:var(--card-media-height);
  flex:0 0 var(--card-media-height);box-sizing:border-box;margin:0;padding:0;position:relative;display:grid;place-items:center;
  overflow:hidden;border-radius:10px;background:radial-gradient(circle at 50% 45%,#171b2b,#060912 72%);
}
.product-card>.product-media img,.product-media.plus-product-media img,.product-media.social-product-media img,.product-media.games-product-media img,.tools-product-card>.tools-product-media img,.custom-product-card>.product-media img{
  width:100%;height:100%;display:block;object-fit:contain;object-position:center;transform:none;
}

.product-card .product-badge,.product-media .product-badge{position:absolute;top:8px;right:8px;left:auto;z-index:20;padding:5px 8px;border-radius:6px;font-size:9px;line-height:1;font-weight:900;white-space:nowrap}
.product-card .product-favorite{position:absolute;top:8px;left:8px;right:auto;z-index:21;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border-radius:9px}

.product-card>.product-info,.plus-product-card>.product-info,.social-product-card>.social-product-info,.games-product-card>.product-info,.tools-product-card>.tools-product-body,.custom-product-card>.product-info{
  width:100%;flex:1 1 auto;min-height:0;height:auto;box-sizing:border-box;margin:0;padding:7px 5px 2px;display:flex;flex-direction:column;direction:rtl;text-align:center;overflow:hidden;
}
.product-card .product-title-wrap,.plus-product-card .product-title-wrap,.social-product-card .social-title-wrap,.games-product-card .product-title-wrap,.tools-product-card .product-title-wrap,.custom-product-card .product-title-wrap{
  width:100%;height:56px;min-height:56px;max-height:56px;flex:0 0 56px;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;
}
.product-card .product-title-wrap h3,.plus-product-card .product-title-wrap h3,.social-product-card .social-title-wrap h3,.games-product-card .product-title-wrap h3,.tools-product-card .product-title-wrap h3,.custom-product-card .product-title-wrap h3{
  width:100%;height:30px;min-height:30px;max-height:30px;margin:3px 0 1px;padding:0;font-size:12px;line-height:1.45;font-weight:900;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.product-card .product-meta,.plus-product-card .product-meta,.social-product-card .product-meta,.games-product-card .product-meta,.tools-product-card .product-meta,.custom-product-card .product-meta{display:none}
.product-card .product-title-wrap::after,.plus-product-card .product-title-wrap::after,.social-product-card .social-title-wrap::after,.games-product-card .product-title-wrap::after,.tools-product-card .product-title-wrap::after,.custom-product-card .product-title-wrap::after{content:none;display:none}
.product-card .card-rating,.plus-product-card .card-rating,.social-product-card .social-card-rating,.games-product-card .card-rating,.tools-product-card .card-rating,.custom-product-card .card-rating{
  height:16px;min-height:16px;max-height:16px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:3px;direction:ltr;color:#e5e5eb;font-size:8px;line-height:16px;white-space:nowrap;
}
.product-card .card-rating span,.plus-product-card .card-rating span,.social-product-card .social-card-rating span,.games-product-card .card-rating span,.tools-product-card .card-rating span,.custom-product-card .card-rating span{color:#ffd21a}
.product-card .card-rating em,.plus-product-card .card-rating em,.social-product-card .social-card-rating em,.games-product-card .card-rating em,.tools-product-card .card-rating em,.custom-product-card .card-rating em{font-style:normal;color:#777d8c;font-size:7px}

.product-card .product-bottom,.plus-product-card .product-bottom,.social-product-card .social-product-bottom,.games-product-card .product-bottom,.tools-product-card .product-bottom,.tools-product-body .product-bottom,.custom-product-card .product-bottom{
  width:100%;margin-top:auto;padding:0;border:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;
}
.product-card .price-rating,.plus-product-card .price-rating,.social-product-card .social-price-rating,.games-product-card .price-rating,.tools-product-card .price-rating,.custom-product-card .price-rating{
  width:100%;height:34px;min-height:34px;max-height:34px;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;white-space:nowrap;
}
.product-card .price-rating strong,.plus-product-card .price-rating strong,.social-product-card .social-current-price,.games-product-card .price-rating strong,.tools-product-card .price-rating strong,.custom-product-card .price-rating strong{
  order:1;margin:0;color:#fff;font-size:15px;line-height:19px;font-weight:900;
}
.product-card .price-rating strong small{font-size:8px;color:#42e39b}.product-card .old-price,.plus-product-card .old-price,.social-product-card .social-old-price,.games-product-card .old-price,.tools-product-card .old-price,.custom-product-card .old-price{order:3;margin:0;color:#62697a;font-size:8px}.product-card .product-bottom>.price-rating>.rating{display:none}
.discount-badge,.social-discount{background:#f01955;color:#fff;border-radius:6px;padding:4px 6px;font-size:8px;line-height:1;font-weight:900}

.product-card .purchase-actions,.plus-product-card .purchase-actions,.social-product-card .purchase-actions,.games-product-card .purchase-actions,.tools-product-card .purchase-actions,.custom-product-card .purchase-actions{
  width:100%;height:var(--card-buy-height);min-height:var(--card-buy-height);max-height:var(--card-buy-height);flex:0 0 var(--card-buy-height);
  display:grid;grid-template-columns:minmax(0,1fr) var(--card-cart-width);gap:0;margin:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:10px;direction:ltr;background:#11111b;
}
.product-card .purchase-actions .purchase-now,.plus-product-card .purchase-actions .purchase-now,.social-product-card .purchase-actions .purchase-now,.games-product-card .purchase-actions .purchase-now,.tools-product-card .purchase-actions .purchase-now,.custom-product-card .purchase-actions .purchase-now{
  width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:linear-gradient(135deg,#d80acb,#7b31ff);color:#fff;font-size:12px;font-weight:900;line-height:1;display:flex;align-items:center;justify-content:center;
}
.product-card .purchase-actions .purchase-cart,.plus-product-card .purchase-actions .purchase-cart,.social-product-card .purchase-actions .purchase-cart,.games-product-card .purchase-actions .purchase-cart,.tools-product-card .purchase-actions .purchase-cart,.custom-product-card .purchase-actions .purchase-cart{
  width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-right:1px solid rgba(255,255,255,.16);border-radius:0;background:linear-gradient(180deg,#151622,#0c0d15);display:flex;align-items:center;justify-content:center;
}
.cart-icon{width:24px;height:24px}

@media(max-width:1100px){.products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  :root{--card-height:318px;--card-media-height:140px;--card-buy-height:40px;--card-cart-width:44px}
  .products-wrap,.plus-section,.social-section,.games-section,.tools-activation-section,.custom-home-section{width:calc(100% - 20px)}
  .products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media(max-width:480px){.products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{grid-template-columns:1fr}}

/* ===== Darkapp Discounts - continuous attention motion ===== */
.discounts-section{width:var(--section-width,1346px);margin:0 auto 24px;padding:8px 0 0;direction:rtl;box-sizing:border-box}
.discounts-shell{position:relative;overflow:hidden;border:1px solid rgba(255,48,154,.34);border-radius:26px;background:radial-gradient(circle at 15% 20%,rgba(255,55,143,.18),transparent 32%),radial-gradient(circle at 88% 72%,rgba(103,45,255,.20),transparent 36%),linear-gradient(135deg,#120817,#090b16 52%,#100a1c);box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);padding:18px 20px 20px}
.discounts-motion-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.discount-orb{position:absolute;width:150px;height:150px;border-radius:50%;filter:blur(20px);opacity:.26;animation:discountOrb 7s ease-in-out infinite alternate}.orb-one{background:#ff1a98;top:-65px;right:12%;animation-delay:-1s}.orb-two{background:#7140ff;bottom:-90px;left:18%;animation-delay:-3.5s}.orb-three{background:#ff5c2d;width:90px;height:90px;top:28%;left:48%;animation-duration:9s}
.discounts-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px}.discounts-kicker{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:900}.discounts-kicker i{font-style:normal;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#ff1b91,#ff5b39);box-shadow:0 7px 20px #ff277b45;animation:discountBadge 1.8s ease-in-out infinite}.discounts-pulse{color:#ffb6dc;animation:discountTextPulse 2.4s ease-in-out infinite}
.discounts-hero-copy{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 4px 14px}.discounts-mini-label{font-size:9px;letter-spacing:3px;color:#ff4ca8;font-weight:900}.discounts-hero-copy h2{margin:5px 0 6px;color:#fff;font-size:30px;line-height:1.15}.discounts-hero-copy h2 span{display:inline-block;background:linear-gradient(100deg,#fff,#ff6db9,#a974ff,#fff);background-size:250% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:discountGradient 3.2s linear infinite}.discounts-hero-copy p{margin:0;color:#a9afbf;font-size:11px}.discount-max-card{position:relative;min-width:150px;text-align:center;padding:13px 18px;border-radius:18px;border:1px solid #ff3b9c66;background:rgba(255,255,255,.045);backdrop-filter:blur(10px);animation:discountFloat 2.8s ease-in-out infinite;box-shadow:0 16px 45px #ff168b18}.discount-max-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid transparent;background:linear-gradient(90deg,transparent,#ff4fae,transparent) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:discountBorder 2.2s linear infinite}.discount-max-card small,.discount-max-card b{display:block;color:#aeb4c4;font-size:9px}.discount-max-card strong{display:block;margin:2px 0;font-size:34px;line-height:1;color:#fff;text-shadow:0 8px 30px #ff2e9d66}
.discounts-marquee{position:relative;z-index:2;overflow:hidden;margin:0 -20px 14px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.025);transform:rotate(-.6deg) scale(1.01)}.discounts-marquee-track{display:flex;width:max-content;align-items:center;gap:18px;padding:7px 0;color:#ff9dcc;font-size:9px;font-weight:900;animation:discountMarquee 15s linear infinite}.discounts-marquee-track i{color:#ff4da8;font-style:normal}
.discounts-products{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.discount-card{position:relative;min-height:142px;display:flex;align-items:center;gap:11px;padding:10px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 12px 28px rgba(0,0,0,.22);overflow:hidden;transform:translateY(0) rotate(0deg);animation:discountCardFloat 4.8s ease-in-out infinite;animation-delay:var(--discount-delay);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.discount-card:after{content:"";position:absolute;top:-40%;left:-25%;width:35%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:rotate(18deg);animation:discountSweep 3.8s ease-in-out infinite;pointer-events:none}.discount-card:hover{transform:translateY(-8px) rotate(-1.2deg) scale(1.02);border-color:#ff55ad88;box-shadow:0 20px 45px #0008,0 0 30px #ff269d22}.discount-card-image{width:88px;height:116px;flex:0 0 88px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#111727,#080b14);overflow:hidden;animation:discountImage 4.8s ease-in-out infinite;animation-delay:var(--discount-delay)}.discount-card-image img{width:100%;height:100%;object-fit:contain;display:block}.discount-card-body{min-width:0;display:flex;flex-direction:column;gap:5px}.discount-card-body small{color:#ff72bb;font-size:8px;font-weight:800}.discount-card-body strong{font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discount-price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.discount-price b{font-size:16px;color:#fff}.discount-price del{font-size:9px;color:#777f92}.discount-card-ribbon{position:absolute;top:9px;right:9px;z-index:3;padding:5px 8px;border-radius:8px;background:linear-gradient(135deg,#ff176f,#ff5d32);font-size:9px;font-weight:1000;box-shadow:0 8px 18px #ff326044;animation:discountRibbon 2s ease-in-out infinite}.discount-arrow{position:absolute;bottom:10px;left:10px;color:#ff65b4;font-size:16px;animation:discountArrow 1.7s ease-in-out infinite}
@keyframes discountCardFloat{0%,100%{transform:translateY(0) rotate(0deg)}35%{transform:translateY(-7px) rotate(.45deg)}65%{transform:translateY(3px) rotate(-.35deg)}}@keyframes discountImage{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.035)}}@keyframes discountSweep{0%,55%{left:-35%;opacity:0}65%{opacity:1}90%,100%{left:125%;opacity:0}}@keyframes discountRibbon{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(-3deg) scale(1.08)}}@keyframes discountArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}@keyframes discountOrb{0%{transform:translate3d(-20px,-8px,0) scale(.9)}100%{transform:translate3d(30px,20px,0) scale(1.15)}}@keyframes discountBadge{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(-8deg) scale(1.1)}}@keyframes discountTextPulse{0%,100%{opacity:.65}50%{opacity:1}}@keyframes discountGradient{to{background-position:250% center}}@keyframes discountFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-1deg)}}@keyframes discountBorder{to{transform:translateX(150%)}}@keyframes discountMarquee{to{transform:translateX(50%)}}@media(max-width:1000px){.discounts-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.discounts-section{width:calc(100% - 20px)}.discounts-shell{padding:15px 12px}.discounts-hero-copy{align-items:flex-start}.discounts-hero-copy h2{font-size:22px}.discount-max-card{min-width:108px;padding:10px}.discount-max-card strong{font-size:28px}.discounts-products{grid-template-columns:1fr}.discount-card{min-height:120px}.discount-card-image{width:75px;height:96px;flex-basis:75px}.discounts-pulse{display:none}}
@media(prefers-reduced-motion:reduce){.discount-orb,.discounts-kicker i,.discounts-pulse,.discounts-hero-copy h2 span,.discount-max-card,.discounts-marquee-track,.discount-card,.discount-card:after,.discount-card-image,.discount-card-ribbon,.discount-arrow{animation:none!important}.discount-card{transform:none!important}}

/* ===== Discounts hero upgrade: larger typography + layered visual background ===== */
.discounts-shell{
  padding:24px 26px 24px !important;
  background:
    radial-gradient(ellipse 70% 120% at 8% 0%, rgba(255,72,157,.26), transparent 58%),
    radial-gradient(ellipse 55% 100% at 94% 8%, rgba(111,74,255,.28), transparent 62%),
    radial-gradient(circle at 52% 0%, rgba(255,255,255,.08), transparent 35%),
    linear-gradient(135deg,#16091d 0%,#0b0d19 45%,#160b27 100%) !important;
  min-height: 390px;
}
.discounts-shell:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 24%,rgba(255,255,255,.035) 24.2%,transparent 24.5% 58%,rgba(255,87,173,.045) 58.2%,transparent 58.5%),
    radial-gradient(circle at 50% -15%,rgba(255,255,255,.12),transparent 28%);
  opacity:.9;
}
.discounts-shell:after{
  content:"";
  position:absolute;
  width:520px;height:220px;
  top:-120px;left:50%;
  transform:translateX(-50%);
  border-radius:50%;
  background:linear-gradient(90deg,rgba(255,54,151,.18),rgba(125,83,255,.18));
  filter:blur(38px);
  animation:discountTopAura 5.5s ease-in-out infinite alternate;
  pointer-events:none;
}
.discounts-topline{font-size:12px !important}
.discounts-kicker i{width:31px !important;height:31px !important;font-size:15px !important}
.discounts-kicker{font-size:13px !important}
.discounts-pulse{font-size:12px !important}
.discounts-hero-copy{padding:18px 6px 20px !important}
.discounts-mini-label{font-size:11px !important;letter-spacing:4px !important}
.discounts-hero-copy h2{
  font-size:42px !important;
  line-height:1.12 !important;
  letter-spacing:-.8px;
  text-shadow:0 12px 40px rgba(255,44,151,.18);
}
.discounts-hero-copy p{font-size:14px !important;line-height:1.8 !important;max-width:650px}
.discount-max-card{min-width:190px !important;padding:18px 22px !important}
.discount-max-card small{font-size:11px !important}
.discount-max-card b{font-size:12px !important}
.discount-max-card strong{font-size:48px !important}
.discounts-marquee-track{font-size:11px !important;padding:9px 0 !important;gap:24px !important}
.discount-card{min-height:158px !important;padding:12px !important}
.discount-card-image{width:98px !important;height:130px !important;flex-basis:98px !important}
.discount-card-body small{font-size:10px !important}
.discount-card-body strong{font-size:13px !important}
.discount-price b{font-size:18px !important}
.discount-price del{font-size:10px !important}
.discount-card-ribbon{font-size:11px !important;padding:6px 10px !important}
.discount-arrow{font-size:18px !important}
@keyframes discountTopAura{0%{transform:translateX(-50%) scale(.88);opacity:.55}100%{transform:translateX(-50%) scale(1.12);opacity:1}}
@media(max-width:1000px){
  .discounts-hero-copy h2{font-size:34px !important}
}
@media(max-width:620px){
  .discounts-shell{padding:18px 12px 18px !important;min-height:0}
  .discounts-hero-copy{padding:14px 3px 16px !important}
  .discounts-hero-copy h2{font-size:29px !important}
  .discounts-hero-copy p{font-size:12px !important}
  .discount-max-card{min-width:115px !important;padding:12px !important}
  .discount-max-card strong{font-size:34px !important}
  .discount-card{min-height:132px !important}
  .discount-card-image{width:82px !important;height:108px !important;flex-basis:82px !important}
}

/* ===== Store catalog V4: 4-column desktop + focused search ===== */
.products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important}
.search-empty{display:none !important}
.product-card{min-width:0;overflow:hidden}
.product-card .product-media{aspect-ratio:1/1;overflow:hidden}
.product-card .product-media img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:1200px){.products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media(max-width:760px){.products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:11px !important}}
@media(max-width:480px){.products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{grid-template-columns:1fr !important}}

/* ===== GROUPS MOTION PACK V5 — animated group cards ===== */
.game-group-grid,.store-group-collections{perspective:1100px}
.game-group-card{
  will-change:transform,box-shadow;
  animation:groupCardIn .72s cubic-bezier(.16,.8,.22,1) both,groupCardFloat 5.8s ease-in-out infinite;
}
.game-group-card:nth-child(1){animation-delay:0s, .35s}.game-group-card:nth-child(2){animation-delay:.06s,.75s}.game-group-card:nth-child(3){animation-delay:.12s,1.15s}.game-group-card:nth-child(4){animation-delay:.18s,1.55s}.game-group-card:nth-child(5){animation-delay:.24s,1.95s}.game-group-card:nth-child(6){animation-delay:.30s,2.35s}.game-group-card:nth-child(7){animation-delay:.36s,2.75s}.game-group-card:nth-child(8){animation-delay:.42s,3.15s}
.game-group-card-body{transition:transform .42s ease,opacity .42s ease;animation:groupBodyPulse 4.8s ease-in-out infinite}
.game-group-card-count{animation:groupBadgePulse 3.2s ease-in-out infinite}
.game-group-card:hover{animation-play-state:paused}.game-group-card:hover .game-group-card-body{transform:translateY(-3px)}.game-group-card:hover .game-group-card-count{animation:none;transform:scale(1.05)}
.game-group-card:after{animation:groupOverlayBreath 5s ease-in-out infinite}
.game-group-card:before{animation:groupShine 6.5s ease-in-out infinite}
@keyframes groupCardFloat{0%,100%{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-3px) rotateX(.35deg)}}
@keyframes groupBodyPulse{0%,100%{opacity:.96}50%{opacity:1}}
@keyframes groupBadgePulse{0%,100%{box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 0 rgba(207,116,255,0)}50%{box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 18px rgba(207,116,255,.18)}}
@keyframes groupOverlayBreath{0%,100%{opacity:.94}50%{opacity:1}}
@keyframes groupShine{0%,58%,100%{transform:translateX(-42%) rotate(8deg)}70%{transform:translateX(42%) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){.game-group-card,.game-group-card:after,.game-group-card:before,.game-group-card-body,.game-group-card-count{animation:none!important}.game-group-card:hover{transform:none!important}}

/* =========================================================
   DARKAPP RESPONSIVE V6 — FLUID ALL-PHONE SUPPORT
   Uses available container width instead of device-specific models.
   ========================================================= */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
button,input,select,textarea{max-width:100%;box-sizing:border-box}

/* Main store containers must never become wider than the viewport. */
.products-wrap,.best-banner-wrap,.features-reference,.plus-section,.social-section,.games-section,
.tools-activation-section,.custom-home-section,.lower-section,.discounts-section{
  width:min(var(--section-width),calc(100% - 24px)) !important;
  max-width:100% !important;
  min-width:0 !important;
}

/* Product grids: fluid columns. The browser decides the number of cards from
   the actual available width, so unusual phone widths are handled too. */
.products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
  width:100% !important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr)) !important;
  gap:clamp(8px,2.4vw,14px) !important;
  min-width:0 !important;
}

/* Cards become fluid vertically on small screens instead of keeping a
   desktop-sized fixed height. */
.product-card,.plus-product-card,.social-product-card,.games-product-card,
.custom-product-card,.tools-product-card{
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:clamp(285px,82vw,330px) !important;
  max-height:none !important;
  padding:clamp(6px,1.8vw,8px) !important;
}

.product-card > .product-media,.plus-product-media,.social-product-media,
.games-product-media,.custom-product-card > .product-media,.tools-product-media{
  width:100% !important;
  height:clamp(120px,34vw,150px) !important;
  min-height:clamp(120px,34vw,150px) !important;
  max-height:clamp(120px,34vw,150px) !important;
  flex:0 0 clamp(120px,34vw,150px) !important;
}

.product-card > .product-media img,.plus-product-media img,.social-product-media img,
.games-product-media img,.custom-product-card > .product-media img,.tools-product-media img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  object-fit:cover !important;
}

.product-card > .product-info,.plus-product-card > .product-info,.social-product-info,
.games-product-card > .product-info,.custom-product-card > .product-info,.tools-product-body{
  min-width:0 !important;
  width:100% !important;
  padding:clamp(5px,1.5vw,8px) 4px 2px !important;
}

.product-card .product-title-wrap,.plus-product-card .product-title-wrap,
.games-product-card .product-title-wrap,.social-product-info .social-title-wrap,
.custom-product-card .product-title-wrap,.tools-product-body .product-title-wrap{
  min-height:clamp(44px,13vw,50px) !important;
  height:clamp(44px,13vw,50px) !important;
  max-height:clamp(44px,13vw,50px) !important;
  flex:0 0 clamp(44px,13vw,50px) !important;
}

.product-card h3,.plus-product-card h3,.games-product-card h3,
.social-product-info h3,.custom-product-card h3,.tools-product-body h3{
  font-size:clamp(10px,3.1vw,12px) !important;
  line-height:1.4 !important;
  min-height:0 !important;
  max-height:34px !important;
}

.product-card .price-rating strong,.plus-product-card .price-rating strong,
.games-product-card .price-rating strong,.custom-product-card .price-rating strong,
.tools-product-body .price-rating strong,.social-current-price{
  font-size:clamp(12px,3.8vw,15px) !important;
}

.product-card .purchase-actions,.plus-product-card .purchase-actions,
.social-product-card .purchase-actions,.games-product-card .purchase-actions,
.custom-product-card .purchase-actions,.tools-product-body .purchase-actions{
  width:100% !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  flex:0 0 40px !important;
  grid-template-columns:minmax(0,1fr) clamp(40px,12vw,45px) !important;
}

.purchase-actions .purchase-now{
  min-width:0 !important;
  padding-inline:5px !important;
  font-size:clamp(10px,3vw,12px) !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.product-favorite,.tools-product-media .product-favorite{
  width:30px !important;height:30px !important;min-width:30px !important;min-height:30px !important;
}

/* Very narrow phones: keep two cards only while they still have usable room. */
@media (max-width:300px){
  .products-wrap,.best-banner-wrap,.features-reference,.plus-section,.social-section,
  .games-section,.tools-activation-section,.custom-home-section,.lower-section,.discounts-section{
    width:calc(100% - 14px) !important;
  }
  .products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
    grid-template-columns:1fr !important;
  }
}

/* Phones in landscape and small tablets get more horizontal space without
   inheriting desktop fixed heights. */
@media (min-width:600px) and (max-width:900px){
  .products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .product-card,.plus-product-card,.social-product-card,.games-product-card,
  .custom-product-card,.tools-product-card{
    min-height:310px !important;
  }
  .product-card > .product-media,.plus-product-media,.social-product-media,
  .games-product-media,.custom-product-card > .product-media,.tools-product-media{
    height:140px !important;min-height:140px !important;max-height:140px !important;flex-basis:140px !important;
  }
}

/* Header must wrap instead of forcing horizontal scrolling on narrow phones. */
@media (max-width:760px){
  .site-header{width:100% !important;max-width:100% !important;overflow:hidden !important}
  .main-nav{max-width:100% !important;overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none}
  .main-nav::-webkit-scrollbar{display:none}
  .search-box{max-width:45vw !important}
  .brand{min-width:0 !important;max-width:45vw !important}
  .brand-name{overflow:hidden;text-overflow:ellipsis}
}

/* Prevent long Arabic/English strings from creating a wider layout. */
h1,h2,h3,h4,h5,h6,p,a,span,small,b,strong,button,label{
  overflow-wrap:anywhere;
}

/* iPhone safe areas / modern full-screen browsers. */
@supports (padding:max(0px)){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
}


/* =========================================================
   DARKAPP MOBILE FINAL FIX — V7
   Rebuild the phone layout instead of stacking more patches.
   ========================================================= */
@media (max-width: 760px){
  html, body{width:100%;max-width:100%;overflow-x:hidden}
  body{min-width:0}
  #home{width:100%;max-width:100%;overflow:hidden}

  /* Hero: never force a desktop/min-height crop on phones. */
  .hero-reference{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }
  .hero-reference img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
  }
  .hero-hotspot{display:none !important}

  /* All home sections stay inside the actual viewport. */
  .features-reference,
  .best-banner-wrap,
  .products-wrap,
  .plus-section,
  .social-section,
  .games-section,
  .tools-activation-section,
  .custom-home-section,
  .lower-section,
  .discounts-section{
    width:calc(100% - 20px) !important;
    max-width:calc(100% - 20px) !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .features-reference img,
  .best-banner,
  .plus-banner,
  .social-banner,
  .games-banner,
  .custom-section-banner{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
  }

  /* Group cards: two comfortable columns, no squeezed text. */
  .game-group-grid,
  .store-group-collections{
    width:100% !important;
    min-width:0 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .game-group-card{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    aspect-ratio:1 / 1 !important;
    overflow:hidden !important;
  }
  .game-group-card-body{min-width:0 !important}
  .game-group-card-body b,
  .game-group-card-body small{
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  /* Product grids: 2 columns on normal phones, 1 only on very narrow screens. */
  .products,
  .plus-products,
  .social-products,
  .games-products,
  .tools-product-grid,
  .custom-products-grid{
    width:100% !important;
    min-width:0 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .product-card,
  .plus-product-card,
  .social-product-card,
  .games-product-card,
  .tools-product-card,
  .custom-product-card{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
  .product-card > .product-media,
  .plus-product-media,
  .social-product-media,
  .games-product-media,
  .tools-product-media,
  .custom-product-card > .product-media{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:1 / 1 !important;
    flex:0 0 auto !important;
  }
  .product-card > .product-media img,
  .plus-product-media img,
  .social-product-media img,
  .games-product-media img,
  .tools-product-media img,
  .custom-product-card > .product-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  .product-card > .product-info,
  .plus-product-card > .product-info,
  .social-product-info,
  .games-product-card > .product-info,
  .tools-product-body,
  .custom-product-card > .product-info{
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    padding:8px 5px 7px !important;
  }
  .product-card .product-title-wrap,
  .plus-product-card .product-title-wrap,
  .social-product-info .social-title-wrap,
  .games-product-card .product-title-wrap,
  .tools-product-body .product-title-wrap,
  .custom-product-card .product-title-wrap{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
  .product-card h3,
  .plus-product-card h3,
  .social-product-info h3,
  .games-product-card h3,
  .tools-product-body h3,
  .custom-product-card h3{
    font-size:12px !important;
    line-height:1.5 !important;
    margin:5px 0 !important;
    min-height:0 !important;
    max-height:3em !important;
    overflow:hidden !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  .product-meta{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .product-card .product-bottom,
  .plus-product-card .product-bottom,
  .social-product-bottom,
  .games-product-card .product-bottom,
  .tools-product-body .product-bottom,
  .custom-product-card .product-bottom{
    margin-top:8px !important;
    flex-wrap:wrap !important;
    align-items:center !important;
  }
  .product-card .purchase-actions,
  .plus-product-card .purchase-actions,
  .social-product-card .purchase-actions,
  .games-product-card .purchase-actions,
  .custom-product-card .purchase-actions,
  .tools-product-body .purchase-actions{
    width:100% !important;
    max-width:100% !important;
  }

  /* Headings and links must wrap at words, never at individual Arabic letters. */
  h1,h2,h3,h4,h5,h6,p,a,span,small,b,strong,button,label{
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  /* Footer: proper 2-column link grid instead of six crushed buttons. */
  footer.site-footer{
    width:100% !important;
    max-width:100% !important;
    margin-top:28px !important;
    padding:0 14px !important;
    overflow:hidden !important;
  }
  .footer-inner{width:100% !important;max-width:100% !important}
  .footer-main{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    padding:28px 0 24px !important;
  }
  .footer-brand-wrap{width:100% !important;min-width:0 !important}
  .footer-brand{font-size:21px !important}
  .footer-brand+p{max-width:none !important}
  .footer-links-block,.footer-social-block{width:100% !important;min-width:0 !important}
  .foot-links{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
  }
  .foot-links a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    padding:8px 6px !important;
    text-align:center !important;
    white-space:normal !important;
    flex:none !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    line-height:1.5 !important;
  }
  .social-links{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    max-width:none !important;
  }
  .social-link{
    width:100% !important;
    min-width:0 !important;
    min-height:48px !important;
    padding:8px 10px !important;
    justify-content:space-between !important;
  }
  .social-link.whatsapp{grid-column:1 / -1}
  .footer-bottom{
    width:100% !important;
    padding:15px 0 20px !important;
    line-height:1.8 !important;
  }
}

@media (max-width: 420px){
  .features-reference,
  .best-banner-wrap,
  .products-wrap,
  .plus-section,
  .social-section,
  .games-section,
  .tools-activation-section,
  .custom-home-section,
  .lower-section,
  .discounts-section{
    width:calc(100% - 16px) !important;
    max-width:calc(100% - 16px) !important;
  }
  .game-group-grid,
  .store-group-collections,
  .products,
  .plus-products,
  .social-products,
  .games-products,
  .tools-product-grid,
  .custom-products-grid{
    gap:8px !important;
  }
  .product-card,.plus-product-card,.social-product-card,.games-product-card,.tools-product-card,.custom-product-card{
    border-radius:12px !important;
  }
  .product-card h3,.plus-product-card h3,.social-product-info h3,.games-product-card h3,.tools-product-body h3,.custom-product-card h3{
    font-size:11px !important;
  }
}

@media (max-width: 330px){
  .products,.plus-products,.social-products,.games-products,.tools-product-grid,.custom-products-grid{
    grid-template-columns:1fr !important;
  }
  .game-group-grid,.store-group-collections{
    grid-template-columns:1fr !important;
  }
  .foot-links,.social-links{grid-template-columns:1fr !important}
  .social-link.whatsapp{grid-column:auto}
}

/* =========================================================
   DARKAPP HEADER V2 — premium command bar
   ========================================================= */
.site-header-v2{position:sticky;top:0;z-index:180;padding:12px 18px;background:rgba(2,4,11,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(164,53,255,.22)}
.site-header-v2:before{content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#ff16cf 25%,#7e42ff 50%,#2a91ff 75%,transparent);box-shadow:0 0 18px rgba(239,0,206,.45)}
.header-v2-inner{width:min(1180px,100%);min-height:72px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;direction:ltr}
.header-action{appearance:none;-webkit-appearance:none;border:1px solid rgba(121,135,170,.22);color:#f7f7fb;text-decoration:none;background:linear-gradient(145deg,rgba(12,16,29,.96),rgba(5,8,17,.96));height:48px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 15px;cursor:pointer;position:relative;transition:.22s ease;font-family:inherit;font-size:12px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 25px rgba(0,0,0,.18)}
.header-action:hover{transform:translateY(-2px);border-color:rgba(240,0,207,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 28px rgba(126,0,255,.18),0 0 20px rgba(240,0,207,.10)}
.header-menu-trigger{justify-self:start;min-width:138px;direction:rtl;border-color:rgba(213,31,222,.48);background:linear-gradient(145deg,rgba(31,9,43,.92),rgba(7,9,18,.98));box-shadow:inset 0 0 25px rgba(197,0,255,.08),0 0 24px rgba(197,0,255,.08)}
.header-menu-trigger .action-chevron{font-size:18px;line-height:1;color:#df43dc;margin-right:2px;transform:translateY(-2px)}
.action-icon{width:21px;height:21px;display:inline-block;position:relative;flex:none}
.grid-menu-icon{display:grid;grid-template-columns:repeat(2,6px);grid-template-rows:repeat(2,6px);gap:3px;place-content:center}.grid-menu-icon i{display:block;border:1.5px solid #e62ddd;border-radius:2px;box-shadow:0 0 7px rgba(230,45,221,.42)}
.search-v2-icon:before{content:"";position:absolute;width:13px;height:13px;border:2px solid #f5f5fa;border-radius:50%;left:1px;top:1px}.search-v2-icon:after{content:"";position:absolute;width:7px;height:2px;background:#f5f5fa;transform:rotate(45deg);left:13px;top:15px;border-radius:2px}
.header-search-trigger{justify-self:start;width:52px;padding:0;border-radius:50%;direction:ltr}.header-search-trigger .search-trigger-label{display:none}
.brand-v2{position:relative;justify-self:center;width:250px;height:72px;display:flex;align-items:center;justify-content:center;text-decoration:none;direction:ltr;isolation:isolate;overflow:visible}
.brand-v2-logo{position:relative;z-index:3;width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(255,0,213,.65)) drop-shadow(0 0 19px rgba(132,58,255,.38));animation:darkappBrandFloat 3.2s ease-in-out infinite, darkappBrandGlow 2.4s ease-in-out infinite}
.brand-v2-name{position:relative;z-index:3;margin-left:7px;font-family:Arial,sans-serif;font-size:21px;font-weight:900;letter-spacing:.6px;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.10)}
.brand-v2-name b{display:block;font-size:11px;letter-spacing:4px;margin-top:1px;background:linear-gradient(90deg,#ff18d0,#a14cff,#38a1ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-v2-aura{position:absolute;z-index:0;width:170px;height:60px;border-radius:50%;background:radial-gradient(ellipse,rgba(234,0,207,.23),rgba(109,54,255,.10) 42%,transparent 72%);filter:blur(10px);animation:darkappBrandAura 2.8s ease-in-out infinite}
.brand-v2-spark{position:absolute;z-index:2;width:4px;height:4px;border-radius:50%;background:#ff35df;box-shadow:0 0 10px #ff19d0,0 0 18px #7f39ff;animation:darkappSpark 3.5s linear infinite}.brand-v2-spark.s1{left:25px;top:17px}.brand-v2-spark.s2{right:28px;top:42px;animation-delay:-1.2s}.brand-v2-spark.s3{left:70px;bottom:7px;animation-delay:-2.1s}
@keyframes darkappBrandFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes darkappBrandGlow{0%,100%{filter:drop-shadow(0 0 7px rgba(255,0,213,.55)) drop-shadow(0 0 17px rgba(132,58,255,.28))}50%{filter:drop-shadow(0 0 13px rgba(255,0,213,.90)) drop-shadow(0 0 28px rgba(132,58,255,.48))}}
@keyframes darkappBrandAura{0%,100%{transform:scale(.88);opacity:.65}50%{transform:scale(1.13);opacity:1}}
@keyframes darkappSpark{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}20%{opacity:1}70%{opacity:.75}100%{transform:translate3d(35px,-18px,0) scale(1.3);opacity:0}}
.header-v2-actions{justify-self:end;display:flex;align-items:center;gap:9px;direction:rtl}.header-v2-actions .header-action{min-width:52px;padding:0 12px}.header-v2-actions .cart-page-link{background:linear-gradient(145deg,rgba(21,11,34,.98),rgba(6,8,17,.98));border-color:rgba(188,44,232,.40)}
.action-label{display:none}.user-v2-icon:before{content:"";position:absolute;width:8px;height:8px;border:1.7px solid #fff;border-radius:50%;left:5px;top:1px}.user-v2-icon:after{content:"";position:absolute;width:14px;height:9px;border:1.7px solid #fff;border-bottom:0;border-radius:10px 10px 0 0;left:2px;bottom:1px}
.cart-v2-icon:before{content:"";position:absolute;width:15px;height:11px;left:2px;top:4px;border:1.7px solid #fff;border-top:0;transform:skew(-9deg);border-radius:0 0 4px 4px}.cart-v2-icon:after{content:"•  •";position:absolute;left:1px;top:10px;color:#fff;font-size:12px;letter-spacing:5px;white-space:nowrap}
.header-v2-actions .counter{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;line-height:19px;padding:0 5px;border-radius:99px;background:linear-gradient(135deg,#ff24ce,#8d42ff);font-size:9px;color:#fff;text-align:center;box-shadow:0 0 13px rgba(255,0,214,.45);border:1px solid rgba(255,255,255,.14)}
.header-overlay{position:fixed;inset:0;z-index:300;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;direction:rtl}.header-overlay.is-open{visibility:visible;opacity:1;pointer-events:auto}.header-overlay-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.category-menu-v2,.search-menu-v2{position:relative;z-index:1;width:min(880px,calc(100% - 28px));margin:105px auto 0;border:1px solid rgba(207,36,229,.48);border-radius:24px;background:linear-gradient(145deg,rgba(10,13,25,.98),rgba(4,6,13,.99));box-shadow:0 35px 100px rgba(0,0,0,.65),0 0 55px rgba(191,0,255,.12),inset 0 1px 0 rgba(255,255,255,.05);padding:24px;transform:translateY(-15px) scale(.98);transition:.25s cubic-bezier(.2,.8,.2,1)}.header-overlay.is-open .category-menu-v2,.header-overlay.is-open .search-menu-v2{transform:none}
.category-menu-v2:before,.search-menu-v2:before{content:"";position:absolute;top:-1px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,#ff15cf,#7e43ff,#2c96ff,transparent);box-shadow:0 0 20px rgba(255,15,207,.65)}
.overlay-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.overlay-head small{color:#d93ad9;font-size:9px;letter-spacing:2px;font-weight:900}.overlay-head h2{margin:5px 0 3px;font-size:22px;color:#fff}.overlay-head p{margin:0;color:#777f94;font-size:11px}.overlay-close{width:40px;height:40px;border-radius:12px;border:1px solid #303950;background:#090d18;color:#fff;font-size:23px;cursor:pointer;transition:.2s}.overlay-close:hover{border-color:#ef19cf;color:#ff34d7;transform:rotate(90deg)}
.category-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-menu-item{min-height:72px;display:flex;align-items:center;gap:13px;padding:10px 14px;border:1px solid #20283d;border-radius:15px;background:linear-gradient(145deg,#0b101c,#070a13);color:#fff;text-decoration:none;position:relative;overflow:hidden;transition:.2s}.category-menu-item:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 50%,rgba(224,0,210,.11),transparent 48%);opacity:0;transition:.2s}.category-menu-item:hover{transform:translateY(-2px);border-color:#a632cb;box-shadow:0 12px 30px rgba(166,0,230,.14)}.category-menu-item:hover:before{opacity:1}.menu-item-icon{position:relative;z-index:1;width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#191128,#080b15);border:1px solid #4b245e;color:#f12bdb;font-size:23px;box-shadow:inset 0 0 20px rgba(219,0,219,.10),0 0 15px rgba(224,0,210,.08)}.category-menu-item span:nth-child(2){position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;min-width:0}.category-menu-item b{font-size:13px}.category-menu-item small{color:#747d92;font-size:9px}.category-menu-item em{margin-right:auto;color:#6d7487;font-style:normal;font-size:16px}.category-menu-item label{position:absolute;left:12px;top:10px;padding:3px 7px;border-radius:99px;background:linear-gradient(90deg,#ef19c8,#8d42ff);font-size:8px;font-weight:900;box-shadow:0 0 13px rgba(239,25,200,.35)}.category-menu-item.plus-item{border-color:rgba(226,25,208,.45);background:linear-gradient(145deg,rgba(43,9,49,.72),#080a14)}.category-menu-item.plus-item b{color:#ff36d6}
.search-menu-v2{width:min(760px,calc(100% - 28px));}.search-v2-field{height:58px;border:1px solid #343d55;border-radius:17px;background:#070b15;display:flex;align-items:center;gap:10px;padding:0 17px;box-shadow:inset 0 0 30px rgba(0,0,0,.32),0 0 25px rgba(139,44,255,.07)}.search-v2-field:focus-within{border-color:#d72bd8;box-shadow:0 0 0 3px rgba(213,31,216,.08),inset 0 0 30px rgba(0,0,0,.35),0 0 28px rgba(213,31,216,.10)}.search-v2-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:700 13px Tajawal,Arial,sans-serif;text-align:right}.search-v2-field input::placeholder{color:#656d81}.search-v2-field .search-v2-icon{transform:scale(1.05)}.search-v2-field>button{border:1px solid #293249;background:#0c1020;color:#8f97aa;border-radius:10px;padding:7px 10px;font:700 10px inherit;cursor:pointer}.search-filters{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.search-filters button{border:1px solid #252e44;background:#080c16;color:#9ba2b3;border-radius:99px;padding:8px 13px;font:700 10px Tajawal;cursor:pointer}.search-filters button.is-active,.search-filters button:hover{color:#fff;border-color:#d329d8;background:linear-gradient(135deg,rgba(220,0,202,.24),rgba(112,48,255,.20));box-shadow:0 0 16px rgba(219,0,210,.10)}.search-status{color:#6f788c;text-align:center;font-size:10px;padding:12px 5px}.global-search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:430px;overflow:auto;padding:3px}.global-search-item{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid #20293d;border-radius:14px;background:linear-gradient(145deg,#0b101c,#070a13);text-decoration:none;color:#fff;min-width:0}.global-search-item:hover{border-color:#a532ca;transform:translateY(-1px)}.global-search-item img{width:58px;height:58px;border-radius:10px;object-fit:contain;background:#05070d;flex:none}.global-search-item div{min-width:0;flex:1}.global-search-item strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-item small{display:block;color:#747d92;font-size:9px;margin-top:4px}.global-search-item b{display:block;color:#ff31d1;font-size:11px;margin-top:6px}.global-search-empty{grid-column:1/-1;text-align:center;padding:30px;color:#737c90;border:1px dashed #2a344b;border-radius:15px}

/* New cart page */
.cart-page-v2{min-height:calc(100vh - 96px);padding:42px 18px 90px;background:radial-gradient(circle at 50% -10%,rgba(170,0,255,.10),transparent 36%),#03050d}.cart-page-shell{width:min(1100px,100%);margin:auto}.cart-page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.cart-page-head small{color:#e52bd7;letter-spacing:2px;font-size:9px;font-weight:900}.cart-page-head h1{margin:6px 0 4px;font-size:32px;color:#fff}.cart-page-head p{margin:0;color:#7d8598;font-size:11px}.cart-back-shop{border:1px solid #303950;background:#080c16;border-radius:13px;color:#fff;text-decoration:none;padding:12px 15px;font-size:11px;font-weight:900}.cart-back-shop span{color:#e72ad9;margin-right:7px}.cart-page-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:16px;align-items:start}.cart-page-items,.cart-page-summary{border:1px solid #202b43;border-radius:20px;background:linear-gradient(145deg,#090e19,#050811);box-shadow:0 20px 60px rgba(0,0,0,.28)}.cart-page-items{padding:20px}.cart-page-summary{padding:22px;position:sticky;top:110px}.cart-page-section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #182136;padding-bottom:14px;margin-bottom:3px}.cart-page-section-head h2,.cart-page-summary h2{margin:0;color:#fff;font-size:18px}.cart-page-section-head span{font-size:9px;color:#747d90}.cart-page-item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid #151d30}.cart-page-image{width:76px;height:76px;border-radius:13px;border:1px solid #29344c;background:#060910;display:grid;place-items:center;overflow:hidden}.cart-page-image img{width:100%;height:100%;object-fit:contain}.cart-page-main{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:15px}.cart-page-main h3{margin:0;font-size:12px;color:#f6f6f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-page-main small{display:block;color:#737c90;font-size:9px;margin-top:5px}.cart-page-price{font-weight:900;font-size:12px;color:#fff;white-space:nowrap}.cart-page-actions{display:flex;align-items:center;gap:9px;direction:ltr}.cart-page-actions>button{width:32px;height:32px;border:1px solid #2b354c;border-radius:9px;background:#080c16;color:#ff56d9;font-size:17px;cursor:pointer}.cart-page-actions>div{display:flex;align-items:center;border:1px solid #29344a;border-radius:10px;overflow:hidden}.cart-page-actions>div button{width:28px;height:30px;border:0;background:#0b101b;color:#fff;cursor:pointer}.cart-page-actions>div b{min-width:27px;text-align:center;font-size:10px}.cart-page-empty{text-align:center;padding:55px 20px}.cart-page-empty-icon{font-size:35px;filter:drop-shadow(0 0 12px #d900c5)}.cart-page-empty h3{margin:10px 0 5px;color:#fff}.cart-page-empty p{color:#777f92;font-size:11px}.cart-page-empty a{display:inline-block;margin-top:9px;color:#fff;text-decoration:none;background:linear-gradient(135deg,#e500c2,#7135ff);padding:11px 18px;border-radius:10px;font-size:11px;font-weight:900}.summary-badge{display:inline-flex;padding:5px 8px;border-radius:99px;background:rgba(222,0,207,.10);color:#ef31d5;font-size:8px;font-weight:900;letter-spacing:1.5px}.cart-page-summary h2{margin:10px 0 18px}.coupon-box{padding:13px;border:1px solid #202b42;border-radius:14px;background:#070b14}.coupon-box label{display:block;color:#b9bfcb;font-size:10px;margin-bottom:8px;font-weight:800}.coupon-box>div{display:flex;gap:7px}.coupon-box input{flex:1;min-width:0;border:1px solid #29344b;border-radius:10px;background:#050811;color:#fff;padding:10px;font:10px Tajawal;outline:0}.coupon-box button{border:0;border-radius:10px;background:linear-gradient(135deg,#d900c5,#7134ff);color:#fff;font:900 10px Tajawal;padding:0 14px;cursor:pointer}.coupon-box small{display:block;color:#62d39c;font-size:9px;margin-top:7px;min-height:12px}.summary-lines{margin-top:17px}.summary-lines>div{display:flex;justify-content:space-between;gap:10px;color:#8d95a7;font-size:10px;padding:7px 0}.summary-lines b{color:#fff}.summary-lines .discount-row b{color:#5be39e}.summary-total{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #29334a;padding:17px 0;margin-top:7px;color:#fff;font-size:12px}.summary-total strong{font-size:22px;background:linear-gradient(90deg,#ff1dca,#9a4eff,#3ca4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.page-checkout-btn{width:100%;height:51px;border:0;border-radius:12px;background:linear-gradient(110deg,#e800c2,#7b32ff 60%,#278eff);color:#fff;font:900 12px Tajawal;cursor:pointer;box-shadow:0 12px 30px rgba(160,0,255,.20)}.page-checkout-btn span{margin-right:10px}.summary-note{color:#656e82;font-size:9px;line-height:1.8;text-align:center;margin:12px 0 0}

@media(max-width:900px){.header-v2-inner{grid-template-columns:1fr auto 1fr}.brand-v2{width:220px}.cart-page-grid{grid-template-columns:1fr}.cart-page-summary{position:static}.global-search-results{grid-template-columns:1fr}}
@media(max-width:620px){.site-header-v2{padding:8px 10px}.header-v2-inner{min-height:56px;gap:7px}.header-menu-trigger{min-width:48px;width:48px;padding:0;border-radius:14px}.header-menu-trigger>span:not(.action-icon):not(.action-chevron){display:none}.header-menu-trigger .action-chevron{display:none}.header-search-trigger{width:45px;height:45px}.brand-v2{width:170px;height:56px}.brand-v2-logo{width:48px;height:48px}.brand-v2-name{font-size:15px}.brand-v2-name b{font-size:8px;letter-spacing:3px}.brand-v2-aura{width:125px;height:46px}.header-v2-actions{gap:5px}.header-v2-actions .header-action{width:45px;min-width:45px;height:45px;padding:0}.category-menu-v2,.search-menu-v2{margin:76px auto 0;padding:16px;border-radius:19px;max-height:calc(100vh - 92px);overflow:auto}.overlay-head{margin-bottom:14px}.overlay-head h2{font-size:18px}.category-menu-grid{grid-template-columns:1fr;gap:8px}.category-menu-item{min-height:60px}.menu-item-icon{width:38px;height:38px}.search-v2-field{height:52px}.global-search-results{max-height:52vh}.cart-page-v2{padding:28px 11px 60px}.cart-page-head{align-items:stretch;flex-direction:column}.cart-page-head h1{font-size:26px}.cart-page-head p{font-size:10px}.cart-page-grid{gap:10px}.cart-page-items,.cart-page-summary{padding:14px;border-radius:16px}.cart-page-item{grid-template-columns:58px minmax(0,1fr);gap:10px}.cart-page-image{width:58px;height:58px}.cart-page-main{display:block}.cart-page-price{margin-top:6px}.cart-page-actions{grid-column:2;justify-content:space-between}.cart-page-actions>button{order:2}.cart-page-actions>div{order:1}.cart-page-summary{margin-top:0}.summary-total strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.brand-v2-logo,.brand-v2-aura,.brand-v2-spark{animation:none!important}}

/* DARKAPP HEADER V3 — single-row layout fix */
.site-header-v2{height:auto!important;min-height:88px;padding:10px 18px!important;box-sizing:border-box;overflow:visible}
.header-v2-inner{position:relative;width:min(1320px,100%);min-height:68px!important;margin:0 auto;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;direction:ltr!important}
.header-menu-trigger{order:1!important;justify-self:auto!important;flex:0 0 auto;width:138px}
.header-search-trigger{order:2!important;justify-self:auto!important;flex:0 0 48px;width:48px;height:48px;margin-left:4px}
.brand-v2{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;order:3!important;justify-self:auto!important;width:250px;height:68px;margin:0!important}
.header-v2-actions{order:4!important;justify-self:auto!important;margin-left:auto;display:flex!important;flex:0 0 auto;align-items:center!important;gap:9px!important;direction:rtl!important}
.header-v2-actions .header-action{width:48px;min-width:48px;height:48px;padding:0}

@media(max-width:900px){
  .site-header-v2{min-height:80px;padding:8px 12px!important}
  .header-v2-inner{min-height:62px!important}
  .header-menu-trigger{width:120px}
  .header-search-trigger{width:46px;flex-basis:46px}
  .brand-v2{width:210px;height:62px}
}

@media(max-width:620px){
  .site-header-v2{min-height:72px;padding:7px 9px!important}
  .header-v2-inner{min-height:58px!important;gap:6px!important}
  .header-menu-trigger{width:46px!important;min-width:46px!important;height:44px!important;padding:0!important}
  .header-search-trigger{width:44px!important;min-width:44px!important;flex-basis:44px!important;height:44px!important;margin-left:0}
  .brand-v2{width:112px!important;height:54px!important}
  .brand-v2-logo{width:44px!important;height:44px!important}
  .brand-v2-name{font-size:13px!important;margin-left:4px!important}
  .brand-v2-name b{font-size:7px!important;letter-spacing:2px!important}
  .brand-v2-aura{width:105px!important;height:42px!important}
  .header-v2-actions{gap:4px!important}
  .header-v2-actions .header-action{width:44px!important;min-width:44px!important;height:44px!important;padding:0!important}
}

@media(max-width:360px){
  .brand-v2{width:92px!important}
  .brand-v2-name{display:none!important}
  .brand-v2-logo{width:46px!important;height:46px!important}
}


/* DARKAPP HEADER V4 — hard-positioned, cache-safe header */
.site-header-v2{position:sticky!important;top:0!important;z-index:180!important;width:100%!important;min-height:82px!important;height:auto!important;padding:9px 16px!important;box-sizing:border-box!important;background:rgba(2,4,11,.94)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;overflow:visible!important}
.site-header-v2:before{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;height:1px!important;background:linear-gradient(90deg,transparent,#ff16cf 25%,#7e42ff 50%,#2a91ff 75%,transparent)!important;box-shadow:0 0 18px rgba(239,0,206,.55)!important}
.header-v2-inner{position:relative!important;width:min(1320px,100%)!important;height:64px!important;min-height:64px!important;margin:0 auto!important;display:block!important;direction:ltr!important}
.header-menu-trigger{position:absolute!important;left:0!important;top:8px!important;width:138px!important;height:48px!important;z-index:5!important}
.header-search-trigger{position:absolute!important;left:150px!important;top:8px!important;width:48px!important;min-width:48px!important;height:48px!important;z-index:5!important}
.brand-v2{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:260px!important;height:64px!important;margin:0!important;z-index:4!important}
.header-v2-actions{position:absolute!important;right:0!important;top:8px!important;height:48px!important;margin:0!important;display:flex!important;align-items:center!important;gap:9px!important;z-index:5!important;direction:rtl!important}
.header-v2-actions .header-action{width:48px!important;min-width:48px!important;height:48px!important;padding:0!important}
.header-action{box-sizing:border-box!important}
@media(max-width:760px){
 .site-header-v2{min-height:72px!important;padding:7px 9px!important}
 .header-v2-inner{height:58px!important;min-height:58px!important}
 .header-menu-trigger{left:0!important;top:7px!important;width:44px!important;min-width:44px!important;height:44px!important;border-radius:13px!important}
 .header-menu-trigger>span:not(.action-icon):not(.action-chevron){display:none!important}
 .header-menu-trigger .action-chevron{display:none!important}
 .header-search-trigger{left:51px!important;top:7px!important;width:44px!important;min-width:44px!important;height:44px!important}
 .brand-v2{width:145px!important;height:54px!important}
 .brand-v2-logo{width:44px!important;height:44px!important}
 .brand-v2-name{font-size:14px!important;margin-left:4px!important}
 .brand-v2-name b{font-size:7px!important;letter-spacing:2px!important}
 .brand-v2-aura{width:125px!important;height:45px!important}
 .header-v2-actions{right:0!important;top:7px!important;height:44px!important;gap:4px!important}
 .header-v2-actions .header-action{width:44px!important;min-width:44px!important;height:44px!important}
 .category-menu-v2,.search-menu-v2{margin:78px auto 0!important}
}
@media(max-width:390px){
 .brand-v2{width:105px!important}
 .brand-v2-name{display:none!important}
 .brand-v2-logo{width:46px!important;height:46px!important}
 .header-search-trigger{left:49px!important}
}