/*
Theme Name: CHA7N.ID PRO
Theme URI: https://cha7n.id
Author: CHA7N.ID
Description: قالب متجر شحن الألعاب والاشتراكات الرقمية — إصدار PRO V1. ووكمرس + واتساب، صفحتان (اشتراكات/منصات و ألعاب/تطبيقات)، محفظة ونقاط، تحقّق عبر بوت تيليغرام، لوحة تحكّم أدمن أمامية ([cha7n_admin])، رسائل وبثّ، بيانات منظَّمة (SEO Schema) لمقتطفات المنتجات، تطبيق ويب (PWA) قابل للتثبيت، ووضع ليلي افتراضي، ودقّة عرض كاملة على الموبايل.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
WC requires at least: 7.0
License: GPL v2
Text Domain: cha7nid
Tags: rtl-language, woocommerce, e-commerce
*/

/* ══════════════════════════════════════════════════════════════
   بنية الملف (بعد التنظيف):
   1) المتغيّرات   2) الأساس والتصفير   3) الهيدر
   4) الهيرو       5) الأقسام            6) الفلترة
   7) المنتجات     8) الباقات            9) التطبيقات
  10) الخطوات     11) الضمان            12) ووكمرس
  13) التواصل     14) البانر والتيكر    15) العائمات
  16) الفوتر      17) بوابة OTP         18) الإيداع
  19) نافذة الشراء 20) الإحالة          21) حسابي
  22) الوضع الليلي 23) الميديا كويري (مدموجة: 1100→900→768→600→480→360)

   ملاحظة مهمّة: كل الميديا كويري مجمّعة في القسم 23 مرتّبة من الأوسع
   إلى الأضيق. لا تُدرج قواعد استجابة خارجها كي لا يعود التعارض.
══════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════
   1) VARIABLES
══════════════════════════════════════ */
:root{
  /* صفحة الألعاب — بنفسجي (الاسم --red تاريخي، لا تغيّره: مستعمل في ~30 موضعاً) */
  --red:#7C5CFF;
  --red2:#5B3FD6;
  /* صفحة IPTV — أخضر (اللون الأساسي للقالب) */
  --green:#0FB57A;
  --green2:#067A52;
  /* مشترك */
  --amber:#F5A524;
  --dark:#0C1C15;
  --text:#1E2C25;
  --muted:#6a8070;
  --bg:#F4F8F7;
  --card:#fff;
  --border:rgba(15,30,24,.10);
  --shadow:0 6px 24px rgba(10,30,22,.07);
  --shadow-lg:0 20px 56px rgba(10,30,22,.14);
  --radius:22px;
  --radius-lg:36px;

  /* الخطوط */
  --font-body:'Almarai','Tajawal','Cairo',sans-serif;
  --font-head:'Almarai','Cairo','Tajawal',sans-serif;
  /* خط عناصر الواجهة (أزرار/تبويبات/نماذج) — كان مكتوباً 'Cairo' يدوياً في ~20 موضعاً */
  --font-ui:'Cairo',sans-serif;

  /* ألوان ونعومة الكروت */
  --green-soft:#E7F7EF;
  --violet-soft:#EEEAFF;
  --thumb-grad:linear-gradient(145deg,#F4FAF8 0%,#E4EFEC 100%);
  --card-ring:rgba(15,30,24,.08);

  /* أسماء متوافقة مع الإصدار السابق */
  --primary:  var(--green);
  --primary2: var(--green2);
  --light:    #EFF7F3;
  --shadow-sm:var(--shadow);
}
body.tab-games, #page-games{ --thumb-grad:linear-gradient(145deg,#F6F3FF 0%,#E8E1FF 100%); }

/* ══════════════════════════════════════
   2) RESET & BASE
══════════════════════════════════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}

body, body input, body select, body textarea, body button,
[class*="tc-"], .btn, .nav-tab, .card, .product-card, .tier-btn{
  font-family:var(--font-body);
}
h1,h2,h3,h4,h5,.brand-text h2,.hero-title,.section-title,
.nav-cta-text,.tc-acc-h,.tc-dep-title,.fb-price,.price-current{
  font-family:var(--font-head);
  letter-spacing:-.2px;
}

body{
  font-family:var(--font-body);
  background:var(--bg);
  color:var(--text);
  direction:rtl;
  overflow-x:hidden;
}
body::before{
  content:'';position:fixed;inset:0;
  background:
    radial-gradient(ellipse 70% 50% at 10% 0%,rgba(10,143,91,.07) 0%,transparent 60%),
    radial-gradient(ellipse 55% 40% at 90% 100%,rgba(124,92,255,.05) 0%,transparent 60%);
  pointer-events:none;z-index:0;
}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
ul{list-style:none;}
.container{width:min(1200px,calc(100% - 24px));margin:auto;position:relative;z-index:1;}

/* منع التمرير الجانبي */
.hero,.section,.contact-section,header,footer{max-width:100vw;overflow-x:hidden;}

/* ══════════════════════════════════════
   3) SITE HEADER / NAVBAR
══════════════════════════════════════ */
.site-header{
  position:sticky;top:0;z-index:999;
  padding:10px 0;
  transition:padding .35s cubic-bezier(.4,0,.2,1),
             background .35s cubic-bezier(.4,0,.2,1);
}
.site-header.scrolled{padding:4px 0;}

.navbar{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
  padding:10px 22px;
  border-radius:20px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);
  box-shadow:0 4px 20px rgba(6,40,20,.08),0 1px 0 rgba(255,255,255,.95) inset;
  border:1.5px solid rgba(10,143,91,.11);
  transition:all .35s cubic-bezier(.4,0,.2,1);
}
.navbar.scrolled{
  border-radius:0 0 20px 20px;
  padding:6px 22px;
  box-shadow:0 12px 44px rgba(6,40,20,.18),
             0 2px 0 rgba(255,255,255,.95) inset,
             0 0 0 1px rgba(10,143,91,.08);
  background:rgba(255,255,255,.97);
}

/* ── يمين: البراند ── */
.nav-right{display:flex;justify-content:flex-start;}
.brand-link{
  display:inline-flex;text-decoration:none;
  border-radius:14px;
  padding:4px 6px 4px 4px;
  transition:background .22s, box-shadow .22s, transform .22s;
}
.brand-link:hover{
  background:rgba(10,143,91,.06);
  box-shadow:0 4px 16px rgba(10,143,91,.10);
  transform:translateY(-1px);
}
.brand-link:active{transform:translateY(0);}
.brand{display:flex;align-items:center;gap:11px;}
.brand-text{text-align:right;min-width:0;}
.brand-text h2{
  font-size:16px;font-weight:900;color:var(--dark);
  line-height:1.2;white-space:nowrap;letter-spacing:-.4px;
  transition:color .2s;
}
.brand-link:hover .brand-text h2{color:var(--green);}
.brand-text p{
  font-size:10.5px;color:var(--muted);font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  margin-top:1px;
}
.logo,.logo-text{
  height:46px;width:auto;border-radius:12px;
  flex-shrink:0;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  transition:box-shadow .22s, transform .22s;
}
.brand-link:hover .logo,
.brand-link:hover .logo-text{
  box-shadow:0 6px 20px rgba(10,143,91,.25);
  transform:scale(1.05);
}
.logo{background:#fff;box-shadow:0 4px 16px rgba(6,40,20,.12);padding:6px 12px;min-width:64px;}
.logo img{height:100%;width:auto;max-width:140px;object-fit:contain;}
.logo-text{
  background:linear-gradient(135deg,var(--green),var(--green2));
  padding:0 16px;min-width:74px;
  font-size:15px;font-weight:900;color:#fff;letter-spacing:.4px;
  line-height:1;text-align:center;white-space:nowrap;
  box-shadow:0 4px 16px rgba(10,143,91,.28);
}

/* ── وسط: التبويبات ── */
.nav-center{display:flex;justify-content:center;}
.nav-tabs-wrap{
  display:flex;gap:5px;
  background:linear-gradient(135deg,#d4f5e5 0%,#e8faf0 100%);
  border-radius:999px;
  padding:5px;
  border:1.5px solid rgba(10,143,91,.18);
  box-shadow:0 2px 12px rgba(10,143,91,.10) inset,
             0 1px 4px rgba(10,143,91,.08);
}
.nav-link,
.nav-tab{
  padding:8px 18px;
  border-radius:999px;
  font-weight:800;font-size:13px;
  color:var(--green2);border:none;background:transparent;
  transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;
  font-family:var(--font-ui);white-space:nowrap;
  display:flex;align-items:center;gap:6px;
  position:relative;
}
.nav-tab:hover{
  color:var(--dark);
  background:rgba(255,255,255,.65);
  box-shadow:0 2px 8px rgba(10,143,91,.12);
}
.nav-tab.active{
  background:#fff;
  color:var(--green);
  box-shadow:0 3px 14px rgba(10,143,91,.20),
             0 1px 0 rgba(255,255,255,.9) inset;
  font-weight:900;
}
.nav-tab[data-target="games"].active{
  color:var(--red);
  box-shadow:0 3px 14px rgba(124,92,255,.18),
             0 1px 0 rgba(255,255,255,.9) inset;
}
.nav-tab[data-target="games"]:not(.active){color:#9b3a3a;}

/* ── يسار: CTA + أدوات ── */
.nav-left{display:flex;justify-content:flex-end;gap:8px;}
.nav-cta{
  display:inline-flex;align-items:center;gap:7px;
  padding:10px 20px;border-radius:13px;font-weight:900;font-size:13.5px;
  background:linear-gradient(135deg,var(--green),var(--green2));
  color:#fff;box-shadow:0 6px 20px rgba(10,143,91,.28);
  transition:all .25s cubic-bezier(.4,0,.2,1);
  white-space:nowrap;border:none;cursor:pointer;
  position:relative;overflow:hidden;
}
.nav-cta::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.18),transparent);
  opacity:0;transition:.25s;
}
.nav-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(10,143,91,.40);
  color:#fff;
}
.nav-cta:hover::before{opacity:1;}
.nav-cta:active{transform:translateY(0);}
.nav-cta-icon{font-size:16px;line-height:1;}
.nav-cta-text{letter-spacing:.2px;}

.tc-theme-toggle{
  background:transparent;border:1.5px solid var(--border);
  width:40px;height:40px;border-radius:12px;cursor:pointer;font-size:17px;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;transition:.2s;flex:none;
}
.tc-theme-toggle:hover{border-color:var(--green);transform:translateY(-2px);}
.apk-btn{
  display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
  background:var(--dark);color:#fff;font-weight:800;font-size:12.5px;
  padding:10px 13px;border-radius:12px;text-decoration:none;transition:.2s;
  font-family:var(--font-ui);flex:none;
}
.apk-btn:hover{transform:translateY(-2px);filter:brightness(1.08);}
.apk-btn[hidden]{display:none!important;}

/* ══════════════════════════════════════
   4) HERO
══════════════════════════════════════ */
.hero{padding:56px 0 44px;}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}

.hero-badge{
  display:inline-flex;align-items:center;gap:10px;
  background:#fff;padding:7px 15px;border-radius:999px;
  box-shadow:var(--shadow);font-weight:800;font-size:13px;
  margin-bottom:20px;border:1.5px solid var(--border);
}
.hero-badge.green{color:var(--green);border-color:rgba(10,143,91,.15);}
.hero-badge.red{color:var(--red);border-color:rgba(124,92,255,.15);}
.dot{
  width:8px;height:8px;border-radius:50%;background:var(--amber);
  box-shadow:0 0 0 3px rgba(255,176,32,.25);
  animation:pulse 2s infinite;
}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(255,176,32,.25);}50%{box-shadow:0 0 0 6px rgba(255,176,32,.08);}}

.hero-title{font-size:clamp(30px,4.5vw,58px);line-height:1.18;color:var(--dark);font-weight:900;margin-bottom:14px;word-break:break-word;}
.hero-title .grad-green{
  display:block;
  background:linear-gradient(90deg,var(--green2),var(--green),#34d399);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.hero-title .grad-red{
  display:block;
  background:linear-gradient(90deg,var(--red2),var(--red),var(--amber));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.hero-desc{font-size:16px;line-height:1.9;font-weight:700;color:var(--muted);max-width:460px;}

.hero-btns{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap;}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 20px;border-radius:14px;font-weight:900;font-size:14px;
  transition:.3s;cursor:pointer;font-family:var(--font-ui);border:none;
}
.btn-primary,
.btn-green{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;box-shadow:0 12px 32px rgba(10,143,91,.28);}
.btn-primary:hover,
.btn-green:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(10,143,91,.38);color:#fff;}
.btn-red{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;box-shadow:0 12px 32px rgba(124,92,255,.28);}
.btn-red:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(124,92,255,.38);color:#fff;}
.btn-ghost{background:#fff;color:var(--dark);border:1.5px solid var(--border);box-shadow:var(--shadow);}
.btn-ghost:hover{transform:translateY(-3px);color:var(--dark);}

.hero-stats{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap;}
.stat,.stat-item{background:#fff;border-radius:14px;padding:12px 16px;box-shadow:var(--shadow);border:1.5px solid var(--border);text-align:center;min-width:82px;}
.stat-n,.stat-num{font-size:18px;font-weight:900;color:var(--green);}
.stat-n.r{color:var(--red);}
.stat-l,.stat-lbl{font-size:11px;font-weight:700;color:var(--muted);margin-top:2px;}

.hero-card{
  border-radius:var(--radius-lg);background:#fff;padding:22px;
  box-shadow:var(--shadow-lg);position:relative;overflow:hidden;
}
.hero-img,.hero-card-img{
  width:100%;min-height:310px;border-radius:20px;
  display:flex;align-items:center;justify-content:center;
  font-size:90px;overflow:hidden;
}
.hero-img.green-bg,.hero-card-img{background:linear-gradient(135deg,#eafff3,#c8f7de,#a8f0c8);}
.hero-img.red-bg{background:linear-gradient(135deg,#ffece8,#ffd5cc,#ffc2b4);}
.hero-img img,.hero-card-img img{width:100%;height:100%;object-fit:cover;border-radius:20px;}
.float-badge,.floating-badge{
  position:absolute;bottom:22px;left:22px;
  background:#fff;border-radius:18px;padding:14px 18px;
  box-shadow:0 12px 36px rgba(6,40,20,.2);
  max-width:calc(100% - 44px);
}
.fb-label{font-size:11px;color:var(--muted);font-weight:700;}
.fb-val,.fb-price{font-size:24px;font-weight:900;color:var(--green);}
.fb-val.r{color:var(--red);}
.fb-note{font-size:10px;color:var(--muted);font-weight:700;}

/* ══════════════════════════════════════
   5) SECTION BASE
══════════════════════════════════════ */
.section{padding:56px 0;}
.section-alt{background:rgba(255,255,255,.55);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.sec-head,.section-head{text-align:center;margin-bottom:36px;}
.sec-head h2,.section-head h2{font-size:clamp(24px,3.5vw,38px);color:var(--dark);font-weight:900;margin-bottom:8px;}
.sec-head h2{position:relative;display:inline-block;}
/* الخط السفلي: نسخة واحدة (كان مُعرَّفاً مرّتين بتخطيطين متضاربين) */
.sec-head h2::after,.section-head h2::after{
  content:"";display:block;
  position:absolute;right:0;left:0;bottom:-10px;margin:auto;
  width:54px;height:4px;border-radius:999px;
  background:linear-gradient(90deg,var(--green),#34d399);
}
.sec-head.red h2::after{background:linear-gradient(90deg,var(--red),#A78BFF);}
.sec-head p,.section-head p{font-size:15px;color:var(--muted);font-weight:700;max-width:580px;margin:10px auto 0;line-height:1.85;}

/* ══════════════════════════════════════
   6) FILTER BAR + SEARCH
══════════════════════════════════════ */
.filter-bar{
  background:#fff;border-radius:var(--radius);padding:20px 24px;
  border:1px solid var(--card-ring);
  box-shadow:0 6px 18px rgba(6,40,20,.05);
  margin-bottom:28px;display:flex;flex-direction:column;gap:16px;
}
.search-wrap{display:flex;gap:8px;max-width:540px;margin:auto;width:100%;}
.search-wrap input{
  flex:1;min-width:0;padding:12px 16px;border-radius:12px;
  border:1.5px solid var(--border);
  font-family:var(--font-ui);font-weight:700;font-size:13px;
  outline:none;transition:.25s;background:#fafffe;
}
.search-wrap input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px rgba(10,143,91,.1);}
.search-wrap button{
  padding:12px 18px;border-radius:12px;border:none;
  background:linear-gradient(135deg,var(--green),var(--green2));
  color:#fff;font-weight:900;font-family:var(--font-ui);font-size:13px;cursor:pointer;
  white-space:nowrap;transition:.25s;flex-shrink:0;
}
.search-wrap button:hover{opacity:.9;}
.cat-pills{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;}
.cat-pill{
  padding:7px 15px;border-radius:999px;
  background:#EFF7F3;font-weight:800;font-size:12px;
  color:var(--muted);border:1.5px solid transparent;
  cursor:pointer;transition:.25s;font-family:var(--font-ui);
}
.cat-pill:hover,.cat-pill.active{border-color:var(--green);color:var(--green);background:#fff;box-shadow:var(--shadow);}

/* ══════════════════════════════════════
   7) PRODUCTS GRID + CARD
══════════════════════════════════════ */
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.product-card,
.woocommerce ul.products li.product{
  background:#fff;
  border-radius:18px;
  border:1px solid var(--card-ring);
  box-shadow:0 6px 20px rgba(6,40,20,.06);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s;
  margin:0 !important;padding:0 !important;float:none !important;width:auto !important;
  position:relative;
}
.product-card:hover,
.woocommerce ul.products li.product:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 38px rgba(6,40,20,.13);
  border-color:rgba(10,143,91,.28);
}

.product-thumb{
  width:100%;aspect-ratio:1/1;
  background:var(--thumb-grad);
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}
.product-thumb .icon-fallback{font-size:52px;line-height:1;user-select:none;}
.product-thumb img{width:100%;height:100%;object-fit:cover;transition:.4s;}
.product-card:hover .product-thumb img{transform:scale(1.05);}

.badge-sale{
  position:absolute;top:10px;right:10px;
  background:linear-gradient(135deg,#F5A524,#E8870B);
  color:#fff;font-size:10px;font-weight:900;
  padding:4px 10px;border-radius:999px;
  box-shadow:0 4px 10px rgba(245,165,36,.32);
}
.badge-free{
  position:absolute;top:10px;right:10px;
  background:linear-gradient(135deg,var(--green),#34d399);
  color:#fff;font-size:10px;font-weight:900;
  padding:3px 9px;border-radius:999px;
}
.product-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:9px;flex:1;}
/* سطران ثابتان لمحاذاة الكروت */
.product-name{
  font-size:14px;font-weight:900;color:var(--dark);
  line-height:1.35;min-height:2.7em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.product-prices{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
/* شريحة السعر */
.price-wc,.price-current{
  display:inline-flex;align-items:baseline;gap:5px;
  background:var(--green-soft);color:var(--green);
  padding:4px 11px;border-radius:999px;
  font-size:16px;font-weight:900;
}
body.tab-games .price-wc, body.tab-games .price-current,
#page-games .price-wc, #page-games .price-current{background:var(--violet-soft);color:var(--red);}
.price-old{font-size:11px;color:#aab8b0;text-decoration:line-through;font-weight:700;}
.price-inquiry{font-size:12px;font-weight:800;color:#9a9a40;}
.price-wc .woocommerce-Price-amount{font-size:inherit;font-weight:inherit;color:inherit;}
.price-wc del{font-size:11px;color:#aab8b0;text-decoration:line-through;font-weight:700;opacity:1;margin-left:6px;}
.price-wc del .woocommerce-Price-amount{font-size:11px;}
.price-wc ins{text-decoration:none;color:var(--green);font-weight:900;}
#page-games .price-wc ins{color:var(--red);}

.stock-badge{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;}
.stock-badge.out{background:#fdecec;color:#c0392b;}
.stock-badge.low{background:#fff6e0;color:#a06a00;}

.product-note{
  font-size:11px;color:#6a8579;font-weight:700;line-height:1.6;
  background:#EFF7F3;border-radius:9px;padding:7px 9px;
  border-right:3px solid var(--green);
}
#page-games .product-note{border-right-color:var(--red);}

.product-actions{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-top:4px;}
.btn-order{
  display:flex;align-items:center;justify-content:center;gap:6px;
  padding:11px 14px;border-radius:12px;
  background:linear-gradient(135deg,var(--green),var(--green2));
  color:#fff;font-weight:900;font-size:12px;
  border:none;cursor:pointer;font-family:var(--font-ui);
  text-decoration:none;width:100%;text-align:center;
  box-shadow:0 6px 16px rgba(10,143,91,.22);
  transition:transform .22s,box-shadow .22s,filter .22s;
}
.btn-order:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 10px 22px rgba(10,143,91,.30);color:#fff;}
.btn-order-full{width:100%;text-align:center;}
#page-games .btn-order,body.tab-games .btn-order{
  background:linear-gradient(135deg,var(--red),var(--red2));
  box-shadow:0 6px 16px rgba(124,92,255,.22);
}
#page-games .btn-order:hover,body.tab-games .btn-order:hover{box-shadow:0 10px 22px rgba(124,92,255,.30);}

.no-results{display:none;text-align:center;padding:40px;font-size:16px;font-weight:800;color:var(--muted);grid-column:1/-1;}
.tc-grid-wrap{transition:.2s opacity;}

/* ══════════════════════════════════════
   8) TIERS (باقات الكميات)
══════════════════════════════════════ */
.tier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px;}
.tier-btn{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;min-height:54px;padding:8px 6px;border-radius:12px;
  background:var(--light);border:1.5px solid var(--border);
  text-decoration:none;transition:.2s;cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.tier-btn:active{transform:scale(.96);}
.tier-btn:hover{
  background:linear-gradient(135deg,var(--green),var(--green2));
  border-color:var(--green);transform:translateY(-1px);
}
#page-games .tier-btn:hover{background:linear-gradient(135deg,var(--red),var(--red2));border-color:var(--red);}
.tier-btn:hover .tier-label,
.tier-btn:hover .tier-price{color:#fff;}
.tier-label{font-size:12.5px;font-weight:800;color:var(--dark);line-height:1.3;text-align:center;}
.tier-price{font-size:13px;font-weight:900;color:var(--green);line-height:1.3;}
#page-games .tier-price{color:var(--red);}

/* ══════════════════════════════════════
   9) APPS GRID
══════════════════════════════════════ */
.apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.app-card{
  background:#fff;border-radius:var(--radius);padding:20px 14px;
  box-shadow:var(--shadow);border:1.5px solid rgba(124,92,255,.1);
  display:flex;flex-direction:column;align-items:center;gap:9px;
  text-align:center;transition:.3s;cursor:pointer;
}
.app-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.app-icon{
  width:60px;height:60px;border-radius:17px;
  display:flex;align-items:center;justify-content:center;
  font-size:30px;flex-shrink:0;box-shadow:0 6px 18px rgba(0,0,0,.12);
  overflow:hidden;
}
.app-icon img{width:100%;height:100%;object-fit:cover;}
.app-name{font-size:14px;font-weight:900;color:var(--dark);}
.app-sub{font-size:11px;color:var(--muted);font-weight:700;}
.app-tag{
  font-size:10px;font-weight:900;padding:4px 9px;border-radius:999px;
  background:linear-gradient(135deg,var(--red),var(--amber));color:#fff;
}
.app-tag-gray{
  font-size:10px;font-weight:800;padding:4px 9px;border-radius:999px;
  background:#fff3f0;color:var(--muted);border:1px solid rgba(124,92,255,.15);
}

/* ══════════════════════════════════════
   10) STEPS
══════════════════════════════════════ */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.step{
  background:#fff;border-radius:var(--radius);padding:26px;
  box-shadow:var(--shadow);border:1.5px solid rgba(124,92,255,.1);transition:.3s;
}
.step:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}
.step-num{
  width:52px;height:52px;border-radius:15px;
  background:linear-gradient(135deg,var(--red),var(--red2));
  color:#fff;font-size:20px;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:16px;box-shadow:0 8px 20px rgba(124,92,255,.28);
}
.step h3{font-size:18px;font-weight:900;color:var(--dark);margin-bottom:8px;}
.step p{font-size:14px;color:var(--muted);font-weight:700;line-height:1.8;}

/* ══════════════════════════════════════
   11) GUARANTEE BOX
══════════════════════════════════════ */
.guarantee-box{
  background:#fff;border-radius:26px;padding:28px 32px;
  box-shadow:var(--shadow);border:1.5px solid rgba(124,92,255,.1);
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
}
.g-side{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.g-cta{white-space:nowrap;}
.g-icon-wrap{
  width:66px;height:66px;border-radius:18px;flex-shrink:0;
  background:linear-gradient(135deg,#fff0ee,#ffd8d2);
  display:flex;align-items:center;justify-content:center;font-size:32px;
}
.g-text h3{font-size:18px;font-weight:900;color:var(--dark);margin-bottom:5px;}
.g-text p{font-size:14px;color:var(--muted);font-weight:700;line-height:1.75;}

/* تنبيه غياب ووكمرس */
.tc-wc-warn{text-align:center;padding:40px;font-weight:800;color:#c0392b;}

/* إخفاء بصري مع إبقاء النصّ لقارئات الشاشة (معيار ووردبريس) */
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;
  margin:-1px;padding:0;overflow:hidden;position:absolute!important;word-wrap:normal!important;
}
.screen-reader-text:focus{
  background:#fff;border-radius:6px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;
  clip-path:none;color:#0a8f5b;display:block;font-size:14px;height:auto;inset-inline-start:5px;
  line-height:normal;padding:14px 22px;text-decoration:none;top:5px;width:auto;z-index:100000;
}

/* توحيد مظهر حقل البحث (type=search) عبر المتصفّحات */
.search-wrap input[type=search]{-webkit-appearance:none;appearance:none;}
.search-wrap input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;}

/* ══════════════════════════════════════
   12) WOOCOMMERCE
══════════════════════════════════════ */
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:18px !important;
  list-style:none !important;
  margin:0 !important;padding:0 !important;
}
.woocommerce-products-header,
.page-title.woocommerce-products-header__title{
  text-align:center;margin:0 auto 30px;
  font-size:clamp(26px,4vw,38px);color:var(--dark);font-weight:900;
}
.woocommerce .term-description,
.woocommerce-products-header p{
  text-align:center;color:var(--muted);font-weight:700;
  max-width:600px;margin:0 auto 30px;line-height:1.85;
}

/* شريط التنقل — صفحة المنتج */
.tc-product-nav{
  display:flex;align-items:center;gap:6px;
  padding:14px 20px;
  margin-bottom:10px;
  background:#fff;
  border-radius:14px;
  border:1.5px solid var(--border);
  box-shadow:0 2px 12px rgba(10,143,91,.06);
  flex-wrap:wrap;
  direction:rtl;
}
.tc-nav-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;
  border-radius:8px;
  font-size:13px;font-weight:700;
  color:var(--muted);
  text-decoration:none;
  transition:all .2s;
  white-space:nowrap;
}
.tc-nav-btn:hover{background:#EFF7F3;color:var(--green);transform:translateY(-1px);}
.tc-nav-shop{color:var(--green);background:rgba(10,143,91,.07);}
.tc-nav-shop:hover{background:rgba(10,143,91,.14);color:var(--green2);}
.tc-nav-icon{display:inline-flex;align-items:center;flex-shrink:0;}
.tc-nav-sep{display:inline-flex;align-items:center;color:#ccd8d3;flex-shrink:0;}
.tc-nav-current{
  font-size:13px;font-weight:700;
  color:var(--dark);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:220px;
}

/* صفحة المنتج المفرد */
.woocommerce div.product{
  display:grid;grid-template-columns:1fr 1fr;gap:40px;
  padding:40px 0;
}
.woocommerce div.product .woocommerce-product-gallery{border-radius:var(--radius);overflow:hidden;}
.woocommerce div.product .summary{display:flex;flex-direction:column;gap:14px;}
.woocommerce div.product .product_title{font-size:32px;font-weight:900;color:var(--dark);}
.woocommerce div.product p.price{font-size:26px;font-weight:900;color:var(--green);}
.woocommerce div.product .woocommerce-product-details__short-description{font-size:15px;color:var(--muted);line-height:1.8;}
.woocommerce span.onsale{
  background:linear-gradient(135deg,#F5A524,#E8870B) !important;
  border-radius:999px !important;min-height:unset !important;min-width:unset !important;
  padding:4px 10px !important;font-size:10.5px !important;font-weight:900 !important;
  top:10px !important;right:10px !important;left:auto !important;
  line-height:1.4 !important;
}
.btn-single-order{
  display:block;
  width:100%;
  max-width:400px;
  background:linear-gradient(135deg,#25d366,#128c5e);
  color:#fff;
  font-weight:800;
  font-size:17px;
  padding:15px 24px;
  border-radius:14px;
  text-align:center;
  text-decoration:none;
  margin-top:20px;
  box-shadow:0 6px 20px rgba(18,140,94,.3);
  transition:.2s;
}
.btn-single-order:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(18,140,94,.4);color:#fff;}

/* ══════════════════════════════════════
   13) CONTACT
══════════════════════════════════════ */
.contact-section{padding:56px 0;}
.contact-box{
  color:#fff;padding:54px 44px;
  border-radius:var(--radius-lg);text-align:center;
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--dark) 0%,#0d6644 60%,var(--green) 100%);
  box-shadow:0 32px 80px rgba(10,143,91,.28);
}
/* ملاحظة: هذا التدرّج أحمر بينما --red بنفسجي — تناقض بصري مقصود إبقاؤه كما هو */
.contact-box.red{
  background:linear-gradient(135deg,#1a0505 0%,#6b0f0f 50%,var(--red) 100%);
  box-shadow:0 32px 80px rgba(124,92,255,.28);
}
.contact-box::before{
  content:'';position:absolute;top:-80px;right:-80px;
  width:280px;height:280px;border-radius:50%;
  background:rgba(255,255,255,.04);pointer-events:none;
}
.contact-box h2{font-size:clamp(24px,3.5vw,38px);font-weight:900;margin-bottom:10px;}
.contact-box p{font-size:15px;line-height:1.9;opacity:.88;max-width:580px;margin:auto;}
.contact-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px;}
.btn-wa{
  padding:14px 26px;border-radius:16px;font-weight:900;font-size:14px;
  background:#fff;transition:.25s;color:var(--green);
}
.btn-wa.r{color:var(--red);}
.btn-wa:hover{transform:translateY(-3px);color:inherit;}
.btn-wa-full{width:100%;max-width:400px;justify-content:center;font-size:17px;padding:14px 24px;}

/* ══════════════════════════════════════
   14) BANNER + TICKER
══════════════════════════════════════ */
.banner-section{padding:0 0 28px;}
.banner-wrap{
  display:block;position:relative;
  border-radius:20px;overflow:hidden;
  box-shadow:0 8px 32px rgba(6,40,20,.13);
  transition:transform .28s cubic-bezier(.4,0,.2,1),
             box-shadow .28s cubic-bezier(.4,0,.2,1);
  text-decoration:none;
}
.banner-wrap:hover{transform:translateY(-3px);box-shadow:0 16px 44px rgba(6,40,20,.18);}
.banner-img{width:100%;height:160px;object-fit:cover;display:block;border-radius:20px;}
.banner-btn{
  position:absolute;
  bottom:14px;
  left:50%;
  transform:translateX(-50%);
  padding:9px 24px;
  border-radius:999px;
  font-family:var(--font-ui);
  font-weight:900;font-size:13.5px;
  white-space:nowrap;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border:1.5px solid rgba(255,255,255,.35);
  transition:background .2s, box-shadow .2s;
  pointer-events:none;
}
.banner-btn--green{background:rgba(10,143,91,.82);color:#fff;box-shadow:0 4px 18px rgba(10,143,91,.38);}
.banner-btn--red{background:rgba(198,40,40,.82);color:#fff;box-shadow:0 4px 18px rgba(198,40,40,.38);}
.banner-wrap:hover .banner-btn{box-shadow:0 6px 24px rgba(0,0,0,.28);}

/* الشريط النصّي المتحرّك */
.ticker{margin:0;}
.ticker .container{padding-top:12px;padding-bottom:0;}
.ticker-link{display:block;text-decoration:none;}
.ticker-viewport{
  overflow:hidden;border-radius:14px;padding:11px 0;direction:ltr;
  box-shadow:0 6px 18px rgba(10,30,22,.10);
  background:linear-gradient(135deg,var(--green),var(--green2));
}
.ticker-red .ticker-viewport,
body.tab-games .ticker-red .ticker-viewport,
body.tab-games .ticker .ticker-viewport{
  background:linear-gradient(135deg,var(--red),var(--red2));
}
.ticker-track{display:inline-flex;white-space:nowrap;will-change:transform;animation:tickerMove 26s linear infinite;}
.ticker-track span{color:#fff;font-weight:800;font-size:14px;padding:0 6px;}
.ticker-viewport:hover .ticker-track{animation-play-state:paused;}
@keyframes tickerMove{from{transform:translateX(-50%);}to{transform:translateX(0);}}

/* ══════════════════════════════════════
   15) FLOATING (واتساب + خروج)
══════════════════════════════════════ */
.wa-float{
  position:fixed;bottom:22px;left:22px;
  width:54px;height:54px;border-radius:50%;
  background:linear-gradient(135deg,#25d366,#1ebe5d);
  display:flex;align-items:center;justify-content:center;
  font-size:24px;box-shadow:0 8px 28px rgba(37,211,102,.42);
  z-index:998;transition:.3s;text-decoration:none;color:#fff;
}
.wa-float:hover{transform:scale(1.1);color:#fff;}
.tc-logout-chip{
  position:fixed;left:14px;bottom:80px;z-index:9998;
  display:inline-flex;align-items:center;gap:6px;
  background:#fff;color:#3a5a4b;border:1px solid var(--card-ring);
  font-family:var(--font-ui);font-weight:800;font-size:12px;
  padding:8px 12px;border-radius:999px;text-decoration:none;direction:rtl;
  box-shadow:0 6px 18px rgba(6,40,20,.12);transition:.2s;
}
.tc-logout-chip:hover{color:var(--red2);border-color:rgba(124,92,255,.3);transform:translateY(-2px);}

/* ══════════════════════════════════════
   16) FOOTER
══════════════════════════════════════ */
.site-footer,footer{
  text-align:center;padding:26px;
  color:var(--muted);font-weight:700;font-size:13px;
  border-top:1.5px solid var(--border);
  background:rgba(255,255,255,.6);
}

/* ══════════════════════════════════════
   17) بوابة التحقق بالهاتف (OTP)
══════════════════════════════════════ */
.tc-otp-overlay{
  position:fixed;inset:0;z-index:99999;display:none;
  align-items:center;justify-content:center;padding:20px;
  background:rgba(6,30,20,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  direction:rtl;font-family:var(--font-ui);
}
.tc-otp-overlay.is-open{display:flex;animation:tcFade .25s ease;}
@keyframes tcFade{from{opacity:0}to{opacity:1}}
.tc-otp-box{
  width:100%;max-width:380px;background:#fff;border-radius:22px;
  padding:30px 26px;text-align:center;
  box-shadow:0 24px 70px rgba(6,40,20,.35);
  animation:tcUp .3s cubic-bezier(.2,.8,.2,1);
}
@keyframes tcUp{from{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}
.tc-otp-logo{font-size:40px;margin-bottom:6px;}
.tc-otp-title{font-size:21px;font-weight:900;color:var(--dark,#0f2a1e);margin:0 0 8px;}
.tc-otp-sub{font-size:13.5px;color:var(--muted,#6a8070);line-height:1.8;margin:0 0 20px;}
.tc-otp-sub2{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.7;}
.tc-otp-phone{
  display:flex;align-items:center;gap:8px;direction:ltr;
  border:1.6px solid var(--border,#dcebe3);border-radius:14px;
  padding:4px 6px;margin-bottom:12px;background:var(--light,#f5fbf8);
}
.tc-otp-cc{font-weight:900;color:var(--green,#0FB57A);padding:0 8px;font-size:15px;}
.tc-otp-phone input{
  flex:1;border:0;background:transparent;outline:none;
  font-size:17px;font-weight:800;letter-spacing:1px;padding:12px 4px;color:var(--dark,#0f2a1e);
  font-family:var(--font-ui);direction:ltr;text-align:left;
}
.tc-otp-codeinput{
  width:100%;border:1.6px solid var(--border,#dcebe3);border-radius:14px;
  padding:14px;font-size:26px;font-weight:900;text-align:center;letter-spacing:12px;
  color:var(--dark,#0f2a1e);background:var(--light,#f5fbf8);outline:none;margin-bottom:12px;
  font-family:var(--font-ui);
}
.tc-otp-codeinput:focus,.tc-otp-phone:focus-within{border-color:var(--green,#0FB57A);}
.tc-otp-extra{margin:0 0 12px;}
.tc-otp-field{
  width:100%;border:1.6px solid var(--border,#dcebe3);border-radius:13px;
  padding:12px 14px;font-size:14px;font-weight:700;color:var(--dark,#0f2a1e);
  background:var(--light,#f5fbf8);outline:none;margin-bottom:9px;
  font-family:var(--font-body);text-align:center;
}
.tc-otp-field:focus{border-color:var(--green,#0FB57A);background:#fff;}
.tc-otp-hint2{font-size:11.5px;color:var(--muted,#6a8070);text-align:center;margin:2px 0 0;}
.tc-otp-btn{
  width:100%;border:0;cursor:pointer;
  background:linear-gradient(135deg,#0FB57A,#067A52);color:#fff;
  font-family:var(--font-ui);font-weight:800;font-size:16px;
  padding:14px;border-radius:14px;transition:.2s;
  box-shadow:0 8px 22px rgba(10,143,91,.28);
}
.tc-otp-btn:hover{transform:translateY(-2px);}
.tc-otp-btn:disabled{opacity:.6;cursor:default;transform:none;}
.tc-otp-link{
  display:inline-block;margin-top:12px;background:none;border:0;cursor:pointer;
  color:var(--green,#0FB57A);font-family:var(--font-ui);font-weight:700;font-size:13px;
}
.tc-otp-link:disabled{color:#9fb3aa;cursor:default;}
.tc-otp-msg{margin-top:14px;font-size:13px;font-weight:700;min-height:18px;}
.tc-otp-msg.ok{color:var(--green,#0FB57A);}
.tc-otp-msg.err{color:#c0392b;}
.tc-otp-or{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:#9fb3aa;font-size:13px;font-weight:700;}
.tc-otp-or::before,.tc-otp-or::after{content:"";flex:1;height:1px;background:#e1ece7;}
.tc-otp-google{
  width:100%;display:flex;align-items:center;justify-content:center;gap:10px;
  background:#fff;color:#3c4043;border:1.6px solid #dadce0;cursor:pointer;
  font-family:var(--font-ui);font-weight:800;font-size:15px;
  padding:13px 14px;border-radius:14px;transition:.2s;text-decoration:none;
  box-shadow:0 4px 14px rgba(60,64,67,.12);
}
.tc-otp-google:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(60,64,67,.18);}
.tc-otp-google svg{flex:0 0 auto;}

/* ══════════════════════════════════════
   18) نموذج شحن الرصيد (Deposit)
══════════════════════════════════════ */
.tc-deposit{
  max-width:480px;margin:24px auto;background:var(--card);border:1px solid var(--card-ring);
  border-radius:26px;padding:22px;box-shadow:var(--shadow-lg);font-family:var(--font-body);
  position:relative;overflow:hidden;
}
.tc-deposit::before{
  content:"";position:absolute;top:0;right:0;left:0;height:5px;
  background:linear-gradient(90deg,#13d695,#067A52);
}
.tc-dep-hero{
  background:radial-gradient(120% 120% at 80% 0%,#0c8a5e 0%,#0f1c17 75%);
  border-radius:20px;padding:22px 20px;color:#eafff4;text-align:center;
  box-shadow:0 14px 34px rgba(6,122,82,.32);margin-bottom:18px;position:relative;overflow:hidden;
}
.tc-dep-hero::after{
  content:"";position:absolute;top:-40px;left:-30px;width:120px;height:120px;
  background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);border-radius:50%;
}
.tc-dep-hero-label{font-size:13px;color:#a8efce;font-weight:700;letter-spacing:.3px;}
.tc-dep-hero-bal{font-size:38px;font-weight:800;line-height:1.05;margin:4px 0 8px;font-family:var(--font-head);}
.tc-dep-hero-bal span{font-size:17px;color:#7fd9ad;font-weight:700;}
.tc-dep-hero-ref{
  font-size:12px;color:#cdf3e0;background:rgba(255,255,255,.1);border-radius:30px;
  display:inline-block;padding:5px 16px;backdrop-filter:blur(4px);
}
.tc-dep-hero-ref strong{color:#fff;}
.tc-dep-note{
  background:var(--green-soft);border-right:4px solid var(--green);border-radius:14px;
  padding:13px 15px;font-size:13px;line-height:2;color:var(--text);margin-bottom:8px;
}
.tc-dep-ref{background:var(--green-soft);color:var(--green2);border-radius:10px;padding:9px 12px;font-size:13px;font-weight:700;margin-bottom:12px;}
.tc-dep-ref span{font-weight:600;color:var(--muted);font-size:11.5px;}
.tc-dep-field{margin-top:18px;}
.tc-dep-lbl{display:flex;align-items:center;gap:7px;margin-bottom:9px;font-weight:800;color:var(--text);font-size:15px;font-family:var(--font-head);}
.tc-dep-hint{font-weight:600;color:var(--muted);font-size:12px;}
.tc-dep-input,.tc-deposit input[type=number]{
  width:100%;padding:14px 16px;border:1.8px solid var(--border);border-radius:14px;background:var(--bg);
  color:var(--text);font-family:var(--font-head);font-size:18px;font-weight:800;outline:none;transition:.2s;text-align:center;
}
.tc-dep-input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(15,181,122,.14);background:var(--card);}
.tc-dep-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px;}
.tc-dep-chip{
  flex:1;min-width:62px;padding:11px 6px;border:1.6px solid var(--border);border-radius:13px;
  background:var(--card);color:var(--text);font-family:var(--font-head);font-weight:800;font-size:13.5px;
  cursor:pointer;transition:.18s;
}
.tc-dep-chip:hover{border-color:var(--green);color:var(--green);transform:translateY(-1px);}
.tc-dep-chip.on{
  background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;border-color:transparent;
  box-shadow:0 6px 16px rgba(15,181,122,.32);
}
.tc-dep-recv{display:flex;gap:9px;}
.tc-dep-recv input{
  flex:1;padding:14px 16px;border:1.8px solid var(--border);border-radius:14px;
  background:var(--bg);color:var(--text);font-family:var(--font-head);font-size:18px;font-weight:800;
  letter-spacing:2px;outline:none;text-align:center;
}
.tc-dep-btn2{
  padding:0 20px;border:0;border-radius:14px;background:var(--green-soft);color:var(--green2);
  font-weight:800;cursor:pointer;font-family:var(--font-head);white-space:nowrap;transition:.18s;
}
.tc-dep-btn2:hover{background:var(--green);color:#fff;}
.tc-dep-reveal{
  width:100%;border:2px dashed var(--green);border-radius:14px;cursor:pointer;
  padding:15px;background:var(--green-soft);color:var(--green2);font-family:var(--font-head);
  font-weight:800;font-size:15px;transition:.2s;
}
.tc-dep-reveal:hover{background:var(--green);color:#fff;border-style:solid;transform:translateY(-1px);}
.tc-dep-recv-wrap{animation:tcUp .25s ease;}
.tc-dep-timer{
  margin-top:10px;text-align:center;font-size:13px;font-weight:700;color:var(--muted);
  background:var(--green-soft);border-radius:11px;padding:9px 12px;
}
.tc-dep-timer strong{color:var(--green2);font-family:var(--font-head);font-size:15px;letter-spacing:1px;}
.tc-dep-timer.soon{background:#fdeaea;color:#c0392b;}
.tc-dep-timer.soon strong{color:#c0392b;}
.tc-dep-file{
  display:flex;align-items:center;gap:11px;padding:16px;border:2px dashed var(--border);
  border-radius:14px;background:var(--bg);cursor:pointer;transition:.2s;color:var(--muted);font-weight:700;
}
.tc-dep-file:hover{border-color:var(--green);color:var(--green);background:var(--green-soft);}
.tc-dep-file.has{border-style:solid;border-color:var(--green);color:var(--green2);background:var(--green-soft);}
.tc-dep-file-ico{font-size:22px;}
.tc-dep-file-txt{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tc-dep-submit{
  width:100%;margin-top:22px;border:0;cursor:pointer;padding:17px;border-radius:16px;
  background:linear-gradient(135deg,#13d695,#067A52);color:#fff;font-weight:800;font-size:17px;
  font-family:var(--font-head);box-shadow:0 14px 30px rgba(15,181,122,.34);transition:.2s;letter-spacing:.3px;
}
.tc-dep-submit:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(15,181,122,.44);}
.tc-dep-submit:active{transform:translateY(0);}
.tc-dep-submit:disabled,.tc-dep-submit[data-locked="1"]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;}
.tc-dep-msg{margin-top:13px;font-weight:700;font-size:13px;text-align:center;}
.tc-dep-msg.err{color:#c0392b;}
.tc-dep-ok{text-align:center;font-weight:800;color:var(--green2);font-size:16px;padding:24px 10px;line-height:1.9;}

/* ══════════════════════════════════════
   19) نافذة اختيار الشراء + المعالجة
══════════════════════════════════════ */
.tcb-overlay{
  position:fixed;inset:0;z-index:99998;display:none;align-items:center;justify-content:center;padding:20px;
  background:rgba(6,30,20,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  direction:rtl;font-family:var(--font-ui);
}
.tcb-overlay.open{display:flex;animation:tcFade .25s ease;}
.tcb-box{
  width:100%;max-width:380px;background:var(--card,#fff);border-radius:22px;padding:26px 22px;text-align:center;
  box-shadow:0 24px 70px rgba(6,40,20,.35);position:relative;animation:tcUp .3s cubic-bezier(.2,.8,.2,1);
}
.tcb-x{position:absolute;top:12px;left:14px;background:none;border:0;font-size:18px;cursor:pointer;color:var(--muted,#888);}
.tcb-title{font-size:19px;font-weight:900;color:var(--dark,#0f2a1e);margin:0 0 6px;}
.tcb-prod{font-size:13.5px;color:var(--muted,#6a8070);margin-bottom:18px;font-weight:700;}
.tcb-btn{
  display:block;width:100%;border:0;cursor:pointer;font-family:var(--font-ui);font-weight:800;font-size:15.5px;
  padding:13px;border-radius:14px;margin-bottom:10px;text-decoration:none;transition:.2s;
}
.tcb-btn:hover{transform:translateY(-2px);}
.tcb-wa{background:linear-gradient(135deg,#25d366,#128c5e);color:#fff;}
.tcb-bal{background:linear-gradient(135deg,var(--green,#0FB57A),var(--green2,#067A52));color:#fff;}
.tcb-confirm{background:linear-gradient(135deg,var(--green,#0FB57A),var(--green2,#067A52));color:#fff;}
.tcb-game{margin-top:6px;}
.tcb-game input{
  width:100%;border:1.6px solid var(--border,#dcebe3);border-radius:12px;padding:12px;font-size:15px;
  font-family:var(--font-ui);margin-bottom:10px;outline:none;background:var(--light,#f5fbf8);color:var(--text,#1e2c25);
}
.tcb-msg{margin-top:10px;font-size:13px;font-weight:700;min-height:18px;}
.tcb-msg.err{color:#c0392b;}
.tcb-msg.ok{color:var(--green,#0FB57A);}
.tcb-msg a{color:var(--green,#0FB57A);font-weight:800;}
.tcb-waitbox{padding:34px 24px;}
.tcb-spin{
  width:70px;height:70px;margin:0 auto 18px;border-radius:50%;border:6px solid var(--green-soft,#e7f7ef);
  border-top-color:var(--green,#0FB57A);animation:tcbSpin 1s linear infinite;
}
@keyframes tcbSpin{to{transform:rotate(360deg);}}
.tcb-waittxt{font-size:14px;color:var(--text,#1e2c25);font-weight:700;line-height:1.8;margin:0 0 14px;}
.tcb-timer{font-size:30px;font-weight:900;color:var(--green,#0FB57A);margin-bottom:18px;letter-spacing:1px;}

/* — تحسينات نافذة الشراء بالرصيد (الرصيد/المبدّل/الرقائق/الإجمالي) — */
.tcb-balpill{
  display:inline-flex;align-items:center;gap:6px;background:var(--green-soft,#e7f7ef);
  color:var(--dark,#0f2a1e);font-weight:800;font-size:13.5px;padding:7px 15px;border-radius:999px;margin:0 0 16px;
}
.tcb-balpill strong{color:var(--green,#0FB57A);}
.tcb-seg{
  display:flex;gap:5px;background:var(--light,#f5fbf8);border:1.6px solid var(--border,#dcebe3);
  border-radius:14px;padding:5px;margin:0 0 14px;
}
.tcb-seg button{
  flex:1;border:0;border-radius:10px;padding:10px 8px;font-weight:800;font-size:13.5px;cursor:pointer;
  font-family:var(--font-ui);color:var(--muted,#6a8070);background:transparent;transition:.18s;
}
.tcb-seg button.on{
  background:linear-gradient(135deg,var(--green,#0FB57A),var(--green2,#067A52));color:#fff;
  box-shadow:0 6px 16px rgba(10,143,91,.26);
}
.tcb-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px 0 12px;}
.tcb-chip{
  border:1.6px solid var(--border,#dcebe3);background:var(--light,#f5fbf8);color:var(--text,#1e2c25);
  border-radius:12px;padding:9px 14px;font-weight:800;font-size:13.5px;cursor:pointer;
  font-family:var(--font-ui);transition:.18s;
}
.tcb-chip:hover{border-color:var(--green,#0FB57A);}
.tcb-chip.on{
  border-color:transparent;background:linear-gradient(135deg,var(--green,#0FB57A),var(--green2,#067A52));
  color:#fff;box-shadow:0 6px 16px rgba(10,143,91,.28);
}
.tcb-total{
  background:var(--green-soft,#e7f7ef);border-radius:14px;padding:11px 14px;margin:0 0 14px;
  font-size:14.5px;font-weight:800;color:var(--dark,#0f2a1e);
}
.tcb-total strong{color:var(--green,#0FB57A);}

/* ══════════════════════════════════════
   20) صندوق الإحالة + التحويل
══════════════════════════════════════ */
.tc-ref{
  max-width:480px;margin:24px auto;background:var(--card);border:1px solid var(--card-ring);
  border-radius:26px;padding:22px;direction:rtl;font-family:var(--font-body);box-shadow:var(--shadow-lg);
  position:relative;overflow:hidden;
}
.tc-ref::before{
  content:"";position:absolute;top:0;right:0;left:0;height:5px;
  background:linear-gradient(90deg,#13d695,#067A52);
}
.tc-ref-pts{font-size:20px;font-weight:800;color:var(--green);margin-bottom:6px;font-family:var(--font-head);}
.tc-ref-info{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 16px;}
.tc-ref label{display:block;font-size:12.5px;font-weight:700;color:var(--text);margin:12px 0 6px;}
.tc-ref-link{display:flex;gap:8px;}
.tc-ref-link input{
  flex:1;min-width:0;border:1.5px solid var(--border);border-radius:11px;padding:11px;
  font-size:12.5px;background:var(--light);color:var(--text);direction:ltr;
}
.tc-ref-link button,.tc-ref-btn{
  border:0;cursor:pointer;font-family:var(--font-ui);font-weight:800;
  background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;border-radius:11px;padding:11px 16px;transition:.2s;
}
.tc-ref-link button:hover,.tc-ref-btn:hover{transform:translateY(-2px);}
.tc-ref-row{display:flex;gap:8px;}
.tc-ref-row input{
  flex:1;min-width:0;border:1.5px solid var(--border);border-radius:11px;padding:11px;
  background:var(--light);color:var(--text);font-family:var(--font-ui);
}
.tc-ref-msg{margin-top:12px;font-size:13px;font-weight:700;min-height:18px;}
.tc-ref-msg.ok{color:var(--green);}
.tc-ref-msg.err{color:#c0392b;}

/* ══════════════════════════════════════
   21) لوحة حسابي + الزر العائم
══════════════════════════════════════ */
.tc-account{max-width:520px;margin:24px auto;direction:rtl;font-family:var(--font-ui);}
.tc-acc-h{font-size:22px;font-weight:900;color:var(--dark);text-align:center;margin-bottom:18px;}
.tc-acc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;}
.tc-acc-card{background:var(--card);border:1px solid var(--card-ring);border-radius:16px;padding:16px 8px;text-align:center;box-shadow:var(--shadow);}
.tc-acc-card span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px;}
.tc-acc-card strong{font-size:16px;color:var(--green);font-family:var(--font-head);}
.tc-acc-form{background:var(--card);border:1px solid var(--card-ring);border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:var(--shadow);}
.tc-acc-form h3{margin:0 0 12px;font-size:16px;color:var(--dark);}
.tc-acc-form label{display:block;font-size:12.5px;font-weight:700;margin:10px 0 5px;color:var(--text);}
.tc-acc-form input{width:100%;border:1.5px solid var(--border);border-radius:11px;padding:11px;font-family:var(--font-ui);background:var(--light);color:var(--text);}
.tc-acc-btn{
  margin-top:14px;width:100%;border:0;cursor:pointer;font-family:var(--font-ui);font-weight:800;font-size:15px;
  padding:12px;border-radius:12px;background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;transition:.2s;
}
.tc-acc-btn:hover{transform:translateY(-2px);}
.tc-acc-msg{margin-top:10px;font-size:13px;font-weight:700;min-height:16px;}
.tc-acc-msg.ok{color:var(--green);}
.tc-acc-msg.err{color:#c0392b;}
.tc-acc-links{text-align:center;margin-bottom:8px;}
.tc-acc-link{display:inline-block;background:var(--green-soft);color:var(--green2);font-weight:800;text-decoration:none;padding:11px 20px;border-radius:12px;transition:.2s;}
.tc-acc-link:hover{transform:translateY(-2px);}

.tc-acc-fab{position:fixed;right:14px;bottom:80px;z-index:9998;font-family:var(--font-body);direction:rtl;}
.tc-fab-btn{
  width:56px;height:56px;border-radius:18px;border:0;cursor:pointer;color:#fff;padding:0;
  background:linear-gradient(135deg,#13d695,#067A52);box-shadow:0 10px 26px rgba(6,122,82,.45);
  display:flex;align-items:center;justify-content:center;transition:.22s;position:relative;
}
.tc-fab-btn::after{
  content:"";position:absolute;inset:0;border-radius:18px;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18);pointer-events:none;
}
.tc-fab-btn svg{display:block;}
.tc-fab-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 14px 32px rgba(6,122,82,.55);}
.tc-acc-fab.open .tc-fab-btn{box-shadow:0 12px 30px rgba(6,122,82,.6);transform:scale(1.03) rotate(-3deg);}
.tc-fab-menu{
  position:absolute;bottom:64px;right:0;min-width:214px;background:var(--card);
  border:1px solid var(--card-ring);border-radius:16px;box-shadow:0 20px 50px rgba(6,40,20,.28);
  padding:8px;animation:tcUp .25s ease;
}
.tc-fab-head{
  font-size:12.5px;font-weight:800;color:var(--muted);padding:8px 12px 10px;
  border-bottom:1px solid var(--border);margin-bottom:6px;
}
.tc-fab-head span{direction:ltr;display:inline-block;}
.tc-fab-link{
  display:block;padding:11px 12px;border-radius:10px;text-decoration:none;color:var(--text);
  font-weight:700;font-size:13.5px;transition:.15s;
}
.tc-fab-link:hover{background:var(--green-soft);color:var(--green2);}
.tc-fab-logout{color:#c0392b;margin-top:6px;border-top:1px solid var(--border);border-radius:0;}
.tc-fab-logout:hover{background:#fde3e1;color:#b3261e;}


/* ══════════════════════════════════════════════════════════════
   23) MEDIA QUERIES — مدموجة ومرتّبة من الأوسع إلى الأضيق
   لا تُضِف قواعد استجابة خارج هذا القسم.
══════════════════════════════════════════════════════════════ */

/* ── ≤1100px ── */
@media(max-width:1100px){
  .products-grid,
  .woocommerce ul.products{grid-template-columns:repeat(3,1fr) !important;}
  .apps-grid{grid-template-columns:repeat(3,1fr);}
}

/* ── ≤900px ── */
@media(max-width:900px){
  .hero{padding:40px 0 30px;}
  .hero-grid{grid-template-columns:1fr;}
  .hero-card{display:none;}
  .woocommerce div.product{grid-template-columns:1fr;}
}

/* ── ≤768px ── */
@media(max-width:768px){
  /* الناف بار: عمود مرتّب */
  .navbar{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    gap:9px;padding:12px 14px;border-radius:20px;
  }
  .nav-right{justify-content:center;order:1;}
  .nav-center{order:2;}
  .nav-left{justify-content:center;order:3;flex-wrap:wrap;gap:8px;}
  .brand-link{padding:4px 8px;}
  .brand-text h2{font-size:15px;}
  .brand-text p{font-size:10px;}
  .logo,.logo-text{height:42px;}
  .logo-text{font-size:14px;min-width:66px;padding:0 13px;}
  .nav-tabs-wrap{width:100%;border-radius:999px;}
  .nav-tab{flex:1;justify-content:center;font-size:12.5px;padding:8px 10px;}
  .nav-cta{flex:1;min-width:140px;justify-content:center;font-size:13px;padding:10px 16px;border-radius:14px;}
  .apk-btn{flex:1;min-width:120px;justify-content:center;}

  /* الهيرو */
  .hero{padding:18px 0 14px;}
  .hero-grid{grid-template-columns:1fr;gap:0;}
  .hero-grid > div:last-child{display:none;}
  .hero-badge{font-size:11.5px;padding:6px 12px;margin-bottom:10px;}
  .hero-title{font-size:clamp(20px,6.5vw,30px) !important;margin-bottom:8px;line-height:1.25;}
  .hero-desc{font-size:13.5px;line-height:1.75;max-width:100%;}
  .hero-btns{gap:8px;margin-top:14px;display:grid;grid-template-columns:1fr 1fr;}
  .hero-btns .btn{font-size:12.5px;padding:11px 8px;justify-content:center;border-radius:12px;text-align:center;}
  .hero-stats{gap:7px;margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);}
  .stat,.stat-item{
    padding:10px 6px;border-radius:12px;
    background:rgba(255,255,255,.7);
    box-shadow:0 2px 8px rgba(6,40,20,.07);
    text-align:center;
  }
  .stat-n,.stat-num{font-size:14px;font-weight:900;}
  .stat-l,.stat-lbl{font-size:9px;margin-top:2px;}

  /* الشبكات */
  .products-grid,
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr) !important;gap:10px !important;}
  .apps-grid{grid-template-columns:repeat(2,1fr);gap:10px;}

  /* الأقسام */
  .section{padding:28px 0;}
  .contact-section{padding:40px 0;}
  .sec-head h2,.section-head h2{font-size:19px;margin-bottom:5px;}
  .sec-head p,.section-head p{font-size:12.5px;}

  /* الفلترة */
  .filter-bar{flex-direction:column;gap:10px;padding:14px 12px;border-radius:16px;}
  .search-wrap{max-width:100%;width:100%;}
  .search-wrap input{font-size:13px;padding:10px 14px;border-radius:12px;}
  .search-wrap button{font-size:12.5px;padding:10px 14px;border-radius:12px;}
  .cat-pills{
    display:flex;flex-wrap:nowrap;overflow-x:auto;gap:7px;padding-bottom:4px;
    scrollbar-width:none;-ms-overflow-style:none;
  }
  .cat-pills::-webkit-scrollbar{display:none;}
  .cat-pill{flex-shrink:0;font-size:11.5px;padding:7px 13px;border-radius:999px;}

  /* الخطوات */
  .steps{grid-template-columns:1fr;gap:10px;}
  .step{
    display:flex;align-items:flex-start;gap:14px;
    padding:16px 14px;border-radius:14px;text-align:right;
  }
  .step-num{width:40px;height:40px;min-width:40px;font-size:18px;border-radius:12px;flex-shrink:0;}
  .step h3{font-size:14.5px;margin-bottom:4px;}
  .step p{font-size:12.5px;line-height:1.65;}

  /* الضمان + التواصل */
  .guarantee-box{flex-direction:column;text-align:center;padding:22px;}
  .contact-box{padding:32px 20px;}
  .contact-btns{gap:10px;}
  .btn-wa{flex:1;min-width:120px;}

  /* صفحة المنتج المفرد */
  .woocommerce div.product{padding:16px 0 28px;gap:20px;}
  .woocommerce div.product .product_title{font-size:23px;line-height:1.35;}
  .woocommerce div.product p.price{font-size:22px;}
  .woocommerce div.product .woocommerce-product-gallery{max-width:330px;margin:0 auto;width:100%;}
  .woocommerce div.product .summary{gap:12px;}
  .btn-single-order{max-width:100%;font-size:16px;padding:14px 20px;margin-inline:auto;}
}

/* ── ≤600px ── */
@media(max-width:600px){
  .tc-product-nav{padding:10px 14px;gap:4px;}
  .tc-nav-btn{padding:5px 10px;font-size:12px;}
  .tc-nav-current{max-width:130px;font-size:12px;}
  .banner-img{height:130px;border-radius:16px;}
  .banner-wrap{border-radius:16px;}
  .banner-btn{font-size:12px;padding:7px 18px;bottom:10px;}
  .ticker-track span{font-size:13px;}
  .apk-btn{font-size:11.5px;padding:9px 11px;}
  .tc-theme-toggle{width:38px;height:38px;font-size:16px;}
}

/* ── ≤480px ── */
@media(max-width:480px){
  .container{width:calc(100% - 20px);}

  /* الهيرو */
  .hero-btns .btn{flex:1;min-width:0;}
  .stat,.stat-item{min-width:0;flex:1;}

  /* الناف بار */
  .brand-link{padding:3px 6px;}
  .brand-text h2{font-size:14.5px;}
  .brand-text p{font-size:9.5px;}
  .logo,.logo-text{height:40px;}
  .logo-text{font-size:13px;min-width:60px;padding:0 11px;}
  .nav-tab,.nav-link,.nav-cta{font-size:11.5px;padding:7px 8px;min-width:0;}

  /* بطاقة المنتج */
  .product-thumb{aspect-ratio:auto;height:110px;border-radius:14px 14px 0 0;}
  .product-thumb img{height:110px;object-fit:cover;}
  .product-note{font-size:9.5px;padding:5px 7px;}
  .btn-order{font-size:11.5px;letter-spacing:-.1px;}

  /* الباقات */
  .tier-grid{gap:5px;}
  .tier-btn{padding:7px 4px;border-radius:9px;min-height:48px;}
  .tier-label{font-size:10px;}
  .tier-price{font-size:11px;font-weight:900;}

  /* التطبيقات */
  .apps-grid{gap:8px;}
  .app-card{padding:14px 8px;}
  .app-icon{width:48px;height:48px;font-size:22px;}
  .app-name{font-size:11.5px;}
  .app-sub{font-size:10px;}

  /* التواصل */
  .contact-section{padding:24px 0;}
  .contact-box{padding:26px 18px;border-radius:20px;}
  .contact-box h2{font-size:18px;margin-bottom:8px;}
  .contact-box p{font-size:12.5px;line-height:1.75;}
  .btn-wa{padding:12px 14px;font-size:12.5px;}
  .btn-wa-full{font-size:14px;padding:13px 20px;border-radius:14px;}

  /* الضمان */
  .guarantee-box{flex-direction:column;gap:14px;text-align:center;padding:20px 16px;border-radius:16px;}
  .guarantee-box .btn{width:100%;justify-content:center;font-size:13px;}
  .g-icon-wrap{width:48px;height:48px;font-size:24px;}
  .g-text h3{font-size:15px;}
  .g-text p{font-size:12.5px;}

  /* البانر */
  .banner-section{padding:0 0 18px;}
  .banner-img{height:110px;border-radius:14px;}
  .banner-wrap{border-radius:14px;}
  .banner-btn{font-size:11px;padding:6px 15px;bottom:8px;border-radius:999px;}

  /* الفوتر والعائمات */
  .site-footer,footer{padding:18px 16px;font-size:12px;}
  .wa-float{width:50px;height:50px;font-size:22px;bottom:18px;left:14px;}
  .tc-logout-chip{bottom:74px;font-size:11px;padding:7px 10px;}

  /* صفحة المنتج */
  .woocommerce div.product .product_title{font-size:21px;}
  .tc-product-nav{padding:9px 12px;}
  .tc-nav-current{max-width:108px;}

  /* OTP */
  .tc-otp-box{padding:26px 20px;border-radius:18px;}
  .tc-otp-title{font-size:19px;}
  .tc-otp-codeinput{font-size:22px;letter-spacing:8px;}

  /* حسابي */
  .tc-acc-grid{grid-template-columns:1fr 1fr;}
  .tc-acc-fab{bottom:74px;}
  .tc-fab-btn{width:52px;height:52px;border-radius:16px;}
  .tc-fab-btn svg{width:22px;height:22px;}
}

/* ── ≤360px ── */
@media(max-width:360px){
  .products-grid,.apps-grid,
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr) !important;gap:7px !important;}
  .app-card{padding:12px 6px;}
  .nav-tab,.nav-link,.nav-cta{font-size:10.5px;padding:6px 6px;}
}
/* ═══════════════════════════════════════════════════════════════
   CHA7N.ID — قفل الوضع الفاتح + تحسينات الهاتف
   يُلصَق في نهاية style.css بعد حذف «قسم 22) الوضع الليلي».
   (راجع تعليمات الحذف في الرسالة.)
═══════════════════════════════════════════════════════════════ */

/* ── 1) إزالة زرّ تبديل الوضع (لم يعد له وظيفة) ── */
.tc-theme-toggle{display:none !important;}

/* ── 2) قفل الواجهة على الفاتح حتى لو أضاف الجافاسكربت الصنف tc-dark ──
   (شبكة أمان؛ الحلّ الأساسي هو حذف قسم 22 + منطق البوت في الجافاسكربت) */
html.tc-dark{color-scheme:light;}

/* ═══════════════════════════════════════════════
   3) تحسينات واجهة الهاتف (إضافية وآمنة)
═══════════════════════════════════════════════ */
@media(max-width:768px){
  /* مساحة آمنة أسفل الشاشة: الأزرار العائمة فوق شريط الإيماءات في الهواتف الحديثة */
  .wa-float{bottom:calc(18px + env(safe-area-inset-bottom,0px));}
  .tc-acc-fab{bottom:calc(74px + env(safe-area-inset-bottom,0px));}
  .tc-logout-chip{bottom:calc(74px + env(safe-area-inset-bottom,0px));}

  /* أهداف لمس مريحة (≥44px) للأزرار الأساسية */
  .btn-order{min-height:44px;}
  .nav-cta{min-height:44px;}
  .search-wrap button{min-height:44px;}
  .cat-pill{min-height:36px;display:inline-flex;align-items:center;}

  /* منع أي تمرير أفقي غير مقصود */
  html,body{overflow-x:hidden;}

  /* تحسين قراءة عنوان الهيرو ومسافاته */
  .hero-title{line-height:1.3;}
  .hero-desc{line-height:1.8;}
}

@media(max-width:480px){
  /* تكبير هدف اللمس لروابط التبويب */
  .nav-tab,.nav-link{min-height:40px;}
  /* حدّ أدنى مقروء لاسم المنتج */
  .product-name{font-size:13px;line-height:1.4;}
  /* أزرار الطلب داخل الكرت أوضح */
  .btn-order{min-height:42px;font-size:12px;}
  /* مسافة سفلية إضافية أسفل الصفحة كي لا تلتصق العناصر بحافة الشاشة */
  body{padding-bottom:env(safe-area-inset-bottom,0px);}
}