/* Country CMS - الواجهة العامة (Mobile First, RTL) */
:root{
  --c-primary:#0f766e;--c-secondary:#f59e0b;--c-bg:#f8fafc;--c-header:#ffffff;--c-footer:#0f172a;
  --c-hero:linear-gradient(135deg,var(--c-primary),var(--c-footer));
  --c-text:#1e293b;--c-muted:#64748b;--c-surface:#ffffff;--c-border:#e2e8f0;
  --font-main:system-ui,"Segoe UI",Tahoma,sans-serif;
  --radius:14px;--shadow:0 1px 2px rgba(15,23,42,.06),0 6px 20px rgba(15,23,42,.06);
  --shadow-hover:0 4px 10px rgba(15,23,42,.08),0 14px 32px rgba(15,23,42,.10);
  --ease:.18s ease;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font-main);font-size:1rem;line-height:1.75;color:var(--c-text);background:var(--c-bg);direction:rtl;text-align:right}
img,svg{max-width:100%;height:auto}
a{color:var(--c-primary);text-decoration-thickness:1px;text-underline-offset:3px}
h1,h2,h3{line-height:1.35;margin:0 0 .6em}
h1{font-size:clamp(1.7rem,5vw,2.8rem)}
h2{font-size:clamp(1.3rem,3.4vw,1.8rem)}
h3{font-size:1.15rem}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--c-secondary);outline-offset:2px;border-radius:6px}
main:focus{outline:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:-100px;right:1rem;z-index:100;background:var(--c-footer);color:#fff;padding:.75rem 1rem;border-radius:10px}
.skip-link:focus{top:1rem}
.container{width:100%;max-width:1180px;margin-inline:auto;padding-inline:1rem}
.narrow{max-width:640px}
.icon{width:1.25em;height:1.25em;vertical-align:middle;flex-shrink:0}

/* الأزرار */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.6rem 1.25rem;border-radius:999px;border:2px solid transparent;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:transform var(--ease),background var(--ease),box-shadow var(--ease)}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--c-primary);color:#fff}
.btn-light{background:#fff;color:var(--c-primary)}
.btn-ghost{background:transparent;color:var(--c-primary);border-color:currentColor}
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;background:transparent;color:inherit;border-radius:12px;cursor:pointer}
.icon-btn:hover{background:rgba(0,0,0,.05)}

/* الهيدر */
.site-header,.cat-header{background:var(--c-header);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:50}
.header-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-height:64px;padding-block:.5rem}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--c-text);margin-inline-end:auto;min-height:44px}
.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--c-hero);color:#fff;font-weight:800}
.brand-text{display:flex;flex-direction:column;line-height:1.3}
.brand-name{font-weight:800;font-size:1.1rem}
.brand-tag{font-size:.8rem;color:var(--c-muted)}
.main-nav{display:flex;gap:.25rem}
.main-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 .9rem;border-radius:10px;color:var(--c-text);text-decoration:none;font-weight:600}
.main-nav a:hover{background:rgba(0,0,0,.05);color:var(--c-primary)}
.nav-toggle{display:inline-flex}
.cat-header .main-nav{display:none;flex-basis:100%;flex-direction:column;padding-bottom:.5rem}
.cat-header .main-nav.is-open{display:flex}
.search-box{display:flex;align-items:center;flex-basis:100%;background:var(--c-bg);border:1px solid var(--c-border);border-radius:999px;padding-inline:.9rem .25rem;transition:border-color var(--ease),box-shadow var(--ease)}
.search-box:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 18%,transparent)}
.search-box input{flex:1;min-width:0;min-height:44px;border:0;background:transparent;font:inherit;color:inherit;outline:none}

/* Hero */
.hero{background:var(--c-hero);color:#fff;padding:3.5rem 0 3rem;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto -10% -60% auto;width:60vw;height:60vw;max-width:520px;max-height:520px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}
.hero .lead{font-size:1.1rem;opacity:.92;max-width:60ch}
.hero .container{position:relative;z-index:1}

/* الأقسام والبطاقات */
.section{padding:2.5rem 0}
.section-title{position:relative;padding-inline-start:.9rem}
.section-title::before{content:"";position:absolute;inset-inline-start:0;top:.3em;bottom:.3em;width:4px;border-radius:4px;background:var(--c-secondary)}
.card-grid{display:grid;gap:1rem;grid-template-columns:1fr}
.card{display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:box-shadow var(--ease),transform var(--ease)}
.card:hover,.card:focus-within{box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.card-thumb{aspect-ratio:16/9;background:var(--c-hero);display:grid;place-items:center;color:rgba(255,255,255,.85);font-weight:800;font-size:1.2rem}
.card-body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.card-title{margin:0}
.card-title a{color:var(--c-text);text-decoration:none}
.card-title a:hover{color:var(--c-primary)}
.card-text{color:var(--c-muted);flex:1}
.card .btn{align-self:flex-start;margin-top:.5rem}
.badge{align-self:flex-start;font-size:.78rem;font-weight:700;padding:.15rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--c-secondary) 18%,#fff);color:#5b3b00}
.empty{padding:2rem;text-align:center;background:var(--c-surface);border:1px dashed var(--c-border);border-radius:var(--radius);color:var(--c-muted)}

/* شبكة الدول */
.country-grid{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}
.country-card{--c-accent:var(--c-primary);display:flex;align-items:center;gap:.75rem;min-height:64px;padding:.75rem 1rem;background:#fff;border:1px solid var(--c-border);border-radius:var(--radius);text-decoration:none;color:var(--c-text);font-weight:700;transition:border-color var(--ease),box-shadow var(--ease),transform var(--ease)}
.country-card:hover{border-color:var(--c-accent);box-shadow:var(--shadow);transform:translateY(-2px)}
.country-code{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--c-accent);color:#fff;font-size:.8rem;letter-spacing:.05em;direction:ltr}
.country-card.is-featured{border-width:2px;border-color:color-mix(in srgb,var(--c-accent) 35%,#fff)}

/* الفوتر */
.site-footer,.cat-footer{background:var(--c-footer);color:rgba(255,255,255,.85);margin-top:2rem}
.site-footer a,.cat-footer a{color:#fff}
.footer-row{padding-block:1.5rem}
.footer-row p{margin:0}
.footer-grid{display:grid;gap:1.5rem;padding-block:2rem}
.footer-title{font-weight:800;font-size:1.15rem;color:#fff}
.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1rem}
.footer-links a{display:inline-flex;align-items:center;min-height:44px}
.social{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.social .icon-btn{background:rgba(255,255,255,.1);border-radius:50%}
.social .icon-btn:hover{background:var(--c-primary)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-block:1rem;font-size:.9rem}
.footer-bottom p{margin:0}

/* واتساب العائم - يسار الشاشة في RTL لتجنب تغطية المحتوى */
.wa-float{position:fixed;left:1rem;bottom:1rem;z-index:60;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.wa-float .icon{width:30px;height:30px}
.wa-float.is-pulse::before{content:"";position:absolute;inset:0;border-radius:50%;background:#25d366;z-index:-1;animation:wa-pulse 2s ease-out infinite}
@keyframes wa-pulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.6);opacity:0}}

/* 404 */
.error-page{text-align:center;padding-block:4rem}
.error-page .btn-row{justify-content:center}
.error-code{font-size:clamp(4rem,18vw,8rem);font-weight:900;line-height:1;margin:0;background:var(--c-hero);-webkit-background-clip:text;background-clip:text;color:transparent}

/* لوحي */
@media (min-width:640px){
  .card-grid{grid-template-columns:repeat(2,1fr)}
  .country-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:2fr 1fr 1fr}
}
/* حاسوب */
@media (min-width:960px){
  .nav-toggle{display:none}
  .cat-header .main-nav{display:flex;flex-direction:row;flex-basis:auto;padding:0}
  .search-box{flex-basis:260px}
  .card-grid{grid-template-columns:repeat(3,1fr)}
  .country-grid{grid-template-columns:repeat(5,1fr)}
  .hero{padding:5rem 0 4.5rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ===== المرحلة 3: الصفحات والبلوكات ===== */
.breadcrumbs ol{list-style:none;margin:0;padding:1rem 0 .25rem;display:flex;flex-wrap:wrap;gap:.25rem;font-size:.9rem;color:var(--c-muted)}
.breadcrumbs li{display:flex;align-items:center;gap:.25rem}
.breadcrumbs li+li::before{content:"‹";color:var(--c-muted);padding-inline:.15rem}
.breadcrumbs a{color:var(--c-muted);display:inline-flex;align-items:center;min-height:32px}
.breadcrumbs a:hover{color:var(--c-primary)}
.breadcrumbs [aria-current]{color:var(--c-text);font-weight:600}
.page-head{padding:1rem 0 1.5rem}
.page-head .badge{margin-bottom:.5rem;display:inline-block}
.page-excerpt{font-size:1.15rem;color:var(--c-muted)}
.page-meta{color:var(--c-muted);font-size:.9rem}
.featured{margin:1rem 0 0}
.featured img,.split-media img,.card-media img{display:block;width:100%;height:auto;border-radius:var(--radius)}
.card-media img{border-radius:0;aspect-ratio:16/9;object-fit:cover}
.section-tight{padding-top:.5rem}
.block{padding:1.75rem 0}
.block-alt{background:color-mix(in srgb,var(--c-primary) 5%,var(--c-bg))}
.block-title{margin-bottom:1rem}
.plain-list{list-style:none;margin:0;padding:0}
.preview-bar{position:sticky;top:0;z-index:70;background:#b45309;color:#fff;text-align:center;padding:.5rem;font-weight:700}

/* Hero البلوك: الصورة <img> حقيقية (ليست خلفية CSS) */
.hero-block{isolation:isolate}
.hero-block.has-img{background:var(--c-footer)}
.hero-block .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero-block.has-img::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,.25))}
.hero-inner{padding-block:1rem}
.btn-wa{background:#25d366;color:#fff}
.btn-wa:hover{background:#1ebe5b}

/* نص غني */
.prose{font-size:1.05rem}
.prose h2{margin-top:1.4em}
.prose h3{margin-top:1.2em}
.prose ul,.prose ol{padding-inline-start:1.4rem}
.prose li{margin-bottom:.35em}
.prose blockquote{margin:1.2em 0;padding:.75rem 1rem;border-inline-start:4px solid var(--c-secondary);background:var(--c-surface);border-radius:8px}
.prose a{font-weight:600}
.prose hr{border:0;border-top:1px solid var(--c-border);margin:2em 0}

/* صورة مع نص */
.split{display:grid;gap:1.25rem;align-items:center}
.split-media{margin:0}

/* شبكة الخدمات */
.feature-grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:1fr}
.feature{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:transform var(--ease),box-shadow var(--ease)}
.feature:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.feature h3{margin:.75rem 0 .35rem}
.feature p{color:var(--c-muted);margin-bottom:.5rem}
.feature-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--c-primary) 12%,#fff);color:var(--c-primary)}
.feature-icon .icon{width:26px;height:26px}
.feature-img{width:64px;height:64px;object-fit:cover;border-radius:14px}
.link-more{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;font-weight:700;text-decoration:none}

/* الشهادات */
.testimonials{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.testimonial{margin:0;height:100%;background:var(--c-surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);border-top:4px solid var(--c-secondary)}
.testimonial blockquote{margin:0 0 .75rem;font-size:1.05rem}
.testimonial blockquote p::before{content:"«"}
.testimonial blockquote p::after{content:"»"}
.testimonial figcaption{display:flex;flex-direction:column}
.testimonial figcaption span{color:var(--c-muted);font-size:.9rem}

/* FAQ */
.faq{display:grid;gap:.6rem}
.faq-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;padding:.75rem 1rem;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.4rem;font-weight:700;color:var(--c-primary);flex-shrink:0;transition:transform var(--ease)}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item summary h3{margin:0;font-size:1.02rem}
.faq-a{padding:0 1rem 1rem;color:var(--c-muted)}
.faq-a p{margin:0}

/* CTA */
.cta-box{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;background:var(--c-hero);color:#fff;border-radius:calc(var(--radius) + 6px);padding:1.75rem 1.5rem}
.cta-title{margin:0 0 .35rem;color:#fff}
.cta-box p{margin:0;opacity:.92}

/* فيديو YouTube: iframe يُحمّل بعد النقر فقط */
.yt{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#000}
.yt-play{all:unset;cursor:pointer;display:block;width:100%;height:100%;position:relative}
.yt-play:focus-visible{outline:3px solid var(--c-secondary);outline-offset:-3px}
.yt-play img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:opacity var(--ease)}
.yt-play:hover img{opacity:1}
.yt-icon{position:absolute;top:50%;left:50%;width:68px;height:48px;margin:-24px 0 0 -34px;background:#e00;border-radius:14px}
.yt-icon::after{content:"";position:absolute;top:50%;left:50%;margin:-9px 0 0 -6px;border-style:solid;border-width:9px 0 9px 16px;border-color:transparent transparent transparent #fff}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* مشاركة */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius)}
.share-label{font-weight:700;margin-inline-end:.25rem}
.share-btn{background:var(--c-bg);border-radius:50%;color:var(--c-text)}
.share-btn:hover{background:var(--c-primary);color:#fff}
.copy-status{color:var(--c-primary);font-weight:600;font-size:.9rem}

/* معلومات التواصل */
.contact-list{font-style:normal}
.contact-list ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.contact-list li{display:flex;align-items:center;gap:.75rem;min-height:48px;padding:.5rem 1rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius)}
.contact-list .icon{color:var(--c-primary)}

/* ترقيم */
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:1.5rem}
.pager a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--c-border);border-radius:10px;background:#fff;text-decoration:none;font-weight:700}
.pager a[aria-current=page]{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}

@media (min-width:640px){
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .testimonials{grid-template-columns:repeat(2,1fr)}
  .cta-box{flex-direction:row;justify-content:space-between;align-items:center}
}
@media (min-width:960px){
  .feature-grid{grid-template-columns:repeat(3,1fr)}
  .testimonials{grid-template-columns:repeat(3,1fr)}
  .split{grid-template-columns:1fr 1fr}
  .split.is-reverse .split-media{order:2}
  .block{padding:2.5rem 0}
}

/* البحث */
.search-page-form{display:flex;gap:.5rem;margin:1rem 0 .5rem;max-width:640px}
.search-page-form input{flex:1;min-width:0;min-height:48px;padding:.6rem .9rem;border:1.5px solid var(--c-border);border-radius:12px;font:inherit;background:var(--c-surface)}
.search-page-form input:focus-visible{outline:3px solid color-mix(in srgb,var(--c-primary) 35%,transparent);border-color:var(--c-primary)}
.search-results{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.search-results li{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow)}
.search-results h2{font-size:1.15rem;margin:.35rem 0}
.search-results h2 a{color:var(--c-text);text-decoration:none}
.search-results h2 a:hover{color:var(--c-primary);text-decoration:underline}
.search-results p{margin:0;color:var(--c-muted);line-height:1.8}
.search-results .chip{display:inline-block;font-size:.78rem;padding:.1rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--c-primary) 10%,transparent);color:var(--c-primary);font-weight:700}
mark{background:#fef08a;color:inherit;padding:0 .1em;border-radius:3px}

/* المرحلة 7: أقسام الرئيسية والشعار والفوتر العام */
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.more-link{font-weight:700;color:var(--c-primary);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.more-link:hover{text-decoration:underline}
.brand-logo{height:40px;width:auto;max-width:150px;object-fit:contain}
.site-footer .footer-row{display:grid;gap:1rem;justify-items:center;text-align:center}
.site-footer .footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;list-style:none;margin:0;padding:0}

/* ===== المرحلة 8: لمسة زجاجية لامعة وتجربة ناعمة ===== */
:root{
  --glass-bg:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.58));
  --glass-border:rgba(255,255,255,.85);
  --glass-shadow:0 1px 1px rgba(15,23,42,.04),0 10px 30px -8px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.9);
  --glass-shadow-hover:0 2px 4px rgba(15,23,42,.05),0 22px 44px -12px color-mix(in srgb,var(--c-primary) 35%,rgba(15,23,42,.25)),inset 0 1px 0 #fff;
  --ease-smooth:cubic-bezier(.22,1,.36,1);
  --ease:.35s var(--ease-smooth);
}
body{position:relative;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* خلفية شبكية ملونة خلف المحتوى (absolute لتغطي الصفحة كلها دون كلفة إعادة الرسم) */
body::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(42rem 30rem at 100% 0,color-mix(in srgb,var(--c-primary) 16%,transparent),transparent 70%),
    radial-gradient(36rem 28rem at 0 35%,color-mix(in srgb,var(--c-secondary) 14%,transparent),transparent 70%),
    radial-gradient(40rem 30rem at 60% 100%,color-mix(in srgb,var(--c-primary) 12%,transparent),transparent 70%),
    var(--c-bg)}
::selection{background:color-mix(in srgb,var(--c-primary) 22%,transparent)}

/* السطح الزجاجي المشترك */
.card,.feature,.testimonial,.faq-item,.share,.contact-list li,.search-results li,.empty,.pager a,.country-card,.embed-card,.embed-frame{
  background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);
  -webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%)}
.testimonial{border-top:4px solid var(--c-secondary)}
.pager a[aria-current=page]{background:linear-gradient(135deg,var(--c-primary),color-mix(in srgb,var(--c-primary) 65%,#000));border-color:transparent}

/* لمعة تمر فوق البطاقات عند المرور */
.card,.feature,.country-card,.btn{position:relative;overflow:hidden;isolation:isolate}
.card::after,.feature::after,.country-card::after,.btn::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(120%);transition:transform .9s var(--ease-smooth)}
.card:hover::after,.feature:hover::after,.country-card:hover::after,.btn:hover::after{transform:translateX(-120%)}
.card:hover,.card:focus-within,.feature:hover{box-shadow:var(--glass-shadow-hover);transform:translateY(-4px)}
.card-media{overflow:hidden}
.card-media img{transition:transform .8s var(--ease-smooth),filter .8s var(--ease-smooth)}
.card:hover .card-media img{transform:scale(1.05)}
img.is-placeholder{background:var(--c-hero)}

/* الهيدر الزجاجي */
.site-header,.cat-header{background:color-mix(in srgb,var(--c-header) 72%,transparent);
  -webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);
  border-bottom:1px solid color-mix(in srgb,var(--c-border) 60%,transparent);transition:box-shadow var(--ease),background var(--ease)}
.site-header.is-scrolled,.cat-header.is-scrolled{box-shadow:0 10px 30px -12px rgba(15,23,42,.22);background:color-mix(in srgb,var(--c-header) 84%,transparent)}
.brand-mark{box-shadow:0 6px 16px -4px color-mix(in srgb,var(--c-primary) 55%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}
.main-nav a{transition:background var(--ease),color var(--ease)}
.main-nav a:hover{background:color-mix(in srgb,var(--c-primary) 9%,transparent)}
.search-box{background:rgba(255,255,255,.6);border-color:color-mix(in srgb,var(--c-border) 70%,transparent)}
.icon-btn{transition:background var(--ease),color var(--ease),transform var(--ease)}

/* Hero: فقاعات ضوئية متحركة ببطء */
.hero{isolation:isolate}
.hero:not(.has-img)::before{content:"";position:absolute;z-index:0;inset:-30% auto auto -15%;width:70vw;height:70vw;max-width:620px;max-height:620px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--c-secondary) 55%,transparent),transparent 65%);filter:blur(20px);opacity:.55;animation:glass-float 18s ease-in-out infinite alternate;pointer-events:none}
.hero::after{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.22),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:glass-float 22s ease-in-out infinite alternate-reverse}
.hero h1{text-shadow:0 2px 24px rgba(0,0,0,.18)}
@keyframes glass-float{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(6%,8%,0) scale(1.08)}}

/* الأزرار */
.btn{transition:transform var(--ease),box-shadow var(--ease),background var(--ease),color var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn-primary{background:linear-gradient(135deg,var(--c-primary),color-mix(in srgb,var(--c-primary) 68%,#000));box-shadow:0 8px 20px -8px color-mix(in srgb,var(--c-primary) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-primary:hover{box-shadow:0 14px 28px -10px color-mix(in srgb,var(--c-primary) 80%,transparent),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-light{background:rgba(255,255,255,.88);box-shadow:0 8px 24px -10px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.btn-ghost{background:rgba(255,255,255,.45)}
.btn-wa{box-shadow:0 8px 20px -8px rgba(37,211,102,.7)}

/* شبكة الدول */
.country-card{font-weight:700}
.country-card:hover{border-color:color-mix(in srgb,var(--c-accent) 45%,#fff);box-shadow:0 18px 36px -14px color-mix(in srgb,var(--c-accent) 55%,transparent),inset 0 1px 0 #fff;transform:translateY(-4px)}
.country-code{background:linear-gradient(135deg,var(--c-accent),color-mix(in srgb,var(--c-accent) 60%,#000));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 14px -6px color-mix(in srgb,var(--c-accent) 70%,transparent)}

/* الخدمات والأسئلة والعناوين */
.feature-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--c-primary) 16%,#fff),color-mix(in srgb,var(--c-secondary) 14%,#fff));box-shadow:inset 0 1px 0 #fff}
.faq-item{transition:box-shadow var(--ease)}
.faq-item[open]{box-shadow:var(--glass-shadow-hover)}
.section-title::before{background:linear-gradient(180deg,var(--c-secondary),var(--c-primary))}
.block-alt{background:color-mix(in srgb,var(--c-primary) 5%,transparent)}
.cta-box{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 24px 50px -20px color-mix(in srgb,var(--c-primary) 60%,transparent)}
.cta-box::before{content:"";position:absolute;z-index:-1;inset:-40% -10% auto auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.25),transparent 70%)}
.yt{box-shadow:var(--glass-shadow-hover)}

/* الفوتر */
.site-footer,.cat-footer{background:linear-gradient(180deg,color-mix(in srgb,var(--c-footer) 88%,var(--c-primary)),var(--c-footer));position:relative}
.site-footer::before,.cat-footer::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)}
.social .icon-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.social .icon-btn:hover{transform:translateY(-2px)}
.wa-float{transition:transform var(--ease)}
.wa-float:hover{transform:scale(1.07)}

/* بلوكات التضمين: فيسبوك / إكس / إنستغرام */
.embed{--embed-c:var(--c-primary)}
.embed-facebook{--embed-c:#1877f2}
.embed-x{--embed-c:#0f1419}
.embed-instagram{--embed-c:#c13584}
.embed-card{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9rem;padding:2rem 1.25rem;border-radius:calc(var(--radius) + 8px)}
.embed-card::before{content:"";position:absolute;z-index:-1;inset:-50% -20% auto auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--embed-c) 22%,transparent),transparent 70%)}
.embed-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;color:#fff;background:var(--embed-c);box-shadow:0 12px 26px -10px var(--embed-c),inset 0 1px 0 rgba(255,255,255,.35)}
.embed-instagram .embed-icon{background:linear-gradient(45deg,#f58529,#dd2a7b 45%,#8134af 75%,#515bd4)}
.embed-icon .icon{width:32px;height:32px}
.embed-info{display:flex;flex-direction:column;gap:.15rem}
.embed-info strong{font-size:1.1rem}
.embed-info span{color:var(--c-muted);font-size:.92rem}
.embed-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}
.embed .btn-primary{background:var(--embed-c);box-shadow:0 10px 22px -10px var(--embed-c)}
.embed .btn-ghost{color:var(--c-text)}
.embed-frame{margin-inline:auto;border-radius:calc(var(--radius) + 4px);overflow:hidden;padding:0;animation:embed-in .5s var(--ease-smooth)}
.embed-frame iframe{display:block;width:100%;border:0;background:#fff;transition:height .35s var(--ease-smooth)}
.embed.is-post .embed-frame{max-width:550px}
.embed.is-post iframe{height:620px}
.embed-x.is-post iframe{height:560px}
.embed-instagram.is-post iframe{height:830px}
.embed-instagram .embed-frame{container-type:inline-size}
.embed.is-video .embed-frame{aspect-ratio:16/9}
.embed.is-video iframe{height:100%}
.embed.is-vertical .embed-frame{max-width:380px;aspect-ratio:9/16}
.embed.is-vertical iframe{height:100%}
.embed-instagram.is-vertical .embed-frame{aspect-ratio:auto}
.embed-instagram.is-vertical iframe{height:760px}
.embed-frame.is-loading{background:linear-gradient(100deg,rgba(255,255,255,.5) 30%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.5) 70%) 0 0/300% 100%;animation:embed-shimmer 1.4s linear infinite}
@keyframes embed-shimmer{to{background-position:-150% 0}}
@keyframes embed-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}

/* ظهور ناعم عند التمرير (يضيفه JS للعناصر خارج الشاشة فقط) */
.reveal{opacity:0;transform:translate3d(0,22px,0) scale(.985);transition:opacity .8s var(--ease-smooth) var(--reveal-delay,0ms),transform .8s var(--ease-smooth) var(--reveal-delay,0ms)}
.reveal.is-in{opacity:1;transform:none}

/* متصفحات بلا backdrop-filter: أسطح أكثر عتامة للحفاظ على التباين */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .card,.feature,.testimonial,.faq-item,.share,.contact-list li,.search-results li,.empty,.pager a,.country-card,.embed-card,.embed-frame{background:#fff}
  .site-header,.cat-header{background:var(--c-header)}
}
@media (prefers-reduced-motion:reduce){
  .card::after,.feature::after,.country-card::after,.btn::after,.hero::before{display:none}
  .reveal{opacity:1;transform:none}
}

/* المرحلة 9: ارتفاع إنستغرام يتبع عرض الإطار (لا يرسل إنستغرام قياساته بدون embed.js) */
@supports (height:1cqw){.embed-instagram.is-post iframe{height:calc(45cqw + 585px)}.embed-instagram.is-vertical iframe{height:calc(125cqw + 215px)}}