/* ===== إيزيليا — الصفحة الرئيسية (تصميم v3): أقسام قابلة للتخصيص من لوحة الإدارة ===== */
.hx-i{width:1em;height:1em;flex:none}
.hx-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hx-orb{position:absolute;border-radius:50%;filter:blur(28px);pointer-events:none;opacity:.8}
.hx-orb.o1{width:260px;height:260px;right:-60px;top:-70px;background:radial-gradient(circle,rgba(255,45,149,.65),transparent 70%);animation:hxf 9s ease-in-out infinite alternate}
.hx-orb.o2{width:300px;height:300px;left:-90px;bottom:-110px;background:radial-gradient(circle,rgba(154,18,72,.8),transparent 70%);animation:hxf 11s ease-in-out infinite alternate-reverse}
.hx-orb.o3{width:160px;height:160px;left:42%;top:30%;background:radial-gradient(circle,rgba(255,122,200,.4),transparent 70%)}
@keyframes hxf{to{transform:translate3d(24px,18px,0) scale(1.12)}}

/* ---------- البانر ---------- */
.hx-hero{position:relative;overflow:hidden;border-radius:26px;margin:2px 0 14px;border:1px solid var(--ez-line-s);box-shadow:var(--ez-glow),inset 0 1px 0 rgba(255,255,255,.14);isolation:isolate}
.hx-slides{position:relative;aspect-ratio:3/4;max-height:74vh;background:#12040b}
.hx-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--ez-ease);display:block}
.hx-slide.is-on{opacity:1;z-index:1}
.hx-slide picture,.hx-slide img{display:block;width:100%;height:100%}
.hx-slide img{object-fit:cover;transform:scale(1.04);transition:transform 7s linear}
.hx-slide.is-on img{transform:scale(1.12)}
.hx-scrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,rgba(5,1,3,.92) 0%,rgba(5,1,3,.55) 38%,rgba(5,1,3,0) 70%)}
.hx-over .hx-copy{position:absolute;inset-inline:0;bottom:0;z-index:3;padding:18px 18px 46px}
.hx-copy{display:grid;gap:10px;align-content:center}
.hx-eyebrow{display:inline-block;justify-self:start;padding:5px 14px;border-radius:999px;border:1px solid var(--ez-line-s);background:rgba(255,45,149,.16);color:var(--ez-pink3);font-size:11px;letter-spacing:2px;font-weight:800;backdrop-filter:blur(8px)}
.hx-copy h1{margin:0;font-size:clamp(24px,6.4vw,46px);line-height:1.25;font-weight:900;color:#fff}
.hx-copy p{margin:0;color:#f1dce9;font-size:clamp(12.5px,3.4vw,16px);line-height:1.8;max-width:620px}
.hx-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.hx-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;border-radius:999px;font-weight:800;font-size:14px;text-decoration:none;min-height:46px}
.hx-ghost{border:1px solid var(--ez-line-s);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);transition:all .25s}
.hx-ghost:hover{background:rgba(255,45,149,.25);box-shadow:0 0 28px rgba(255,15,123,.4)}
.hx-feats{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:2px 0 0;padding:0}
.hx-feats li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(5,1,3,.5);border:1px solid var(--ez-line);color:#ffd9ee;font-size:11.5px;font-weight:700;backdrop-filter:blur(8px)}
.hx-feats .hx-i{color:var(--ez-pink2);font-size:14px}
.hx-nav{position:absolute;top:50%;z-index:4;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid var(--ez-line-s);background:rgba(5,1,3,.55);color:#fff;display:none;place-items:center;font-size:20px;cursor:pointer;backdrop-filter:blur(10px)}
.hx-prev{right:12px}.hx-next{left:12px}
.hx-dots{position:absolute;inset-inline:0;bottom:14px;z-index:4;display:flex;justify-content:center;gap:7px}
.hx-dots button{width:8px;height:8px;border-radius:99px;border:0;background:rgba(255,255,255,.4);padding:0;transition:all .35s;cursor:pointer}
.hx-dots button.on{width:26px;background:var(--ez-grad);box-shadow:0 0 14px rgba(255,15,123,.8)}
.hx-fallback{padding:30px 20px;background:radial-gradient(34rem 18rem at 90% 0%,rgba(255,45,149,.5),transparent 62%),linear-gradient(155deg,#3a0419,#0b0207 60%,#4a0524);min-height:340px;display:grid;align-items:center}
.hx-fallback .hx-copy{position:relative;z-index:2}
@media(min-width:701px){
  .hx-slides{aspect-ratio:21/8;max-height:560px}
  .hx-over .hx-copy{inset-inline:auto 0;right:0;left:auto;width:min(560px,52%);bottom:auto;top:0;height:100%;padding:34px 44px;align-content:center}
  .hx-scrim{background:linear-gradient(270deg,rgba(5,1,3,.9) 0%,rgba(5,1,3,.6) 40%,rgba(5,1,3,0) 75%)}
  .hx-nav{display:grid}.hx-hero{border-radius:34px}
  .hx-fallback{padding:56px 52px;min-height:420px}.hx-fallback .hx-copy{max-width:620px}
}

/* ---------- المزايا ---------- */
.hx-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 6px}
.hx-trust-i{display:flex;align-items:center;gap:10px;padding:12px;border-radius:20px;border:1px solid var(--ez-line);background:var(--ez-glass);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.hx-ic{flex:none;width:42px;height:42px;border-radius:15px;display:grid;place-items:center;font-size:21px;color:#fff;background:var(--ez-gloss),var(--ez-grad);border:1px solid rgba(255,200,230,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 22px rgba(255,15,123,.45)}
.hx-trust-i b{display:block;font-size:12.5px;color:#fff}
.hx-trust-i small{display:block;font-size:10.5px;color:#d9b3c8;margin-top:2px;line-height:1.4}
@media(min-width:701px){.hx-trust{grid-template-columns:repeat(4,1fr);gap:14px}.hx-trust-i{padding:16px;gap:14px}.hx-trust-i b{font-size:14px}.hx-trust-i small{font-size:12px}}

/* ---------- العناوين ---------- */
.hx-sec{margin:26px 0;position:relative}
.hx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 14px}
.hx-head h2{margin:0;font-size:clamp(20px,5vw,30px);font-weight:900;color:#fff;position:relative;padding-inline-start:14px}
.hx-head h2::before{content:"";position:absolute;inset-inline-start:0;top:12%;bottom:12%;width:5px;border-radius:9px;background:var(--ez-grad);box-shadow:0 0 14px rgba(255,15,123,.8)}
.hx-head p{margin:5px 0 0 0;color:#d9b3c8;font-size:12.5px;padding-inline-start:14px}
.hx-head>a{color:var(--ez-pink2);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;padding:7px 14px;border:1px solid var(--ez-line);border-radius:999px}
.hx-center{justify-content:center;text-align:center}.hx-center h2{padding:0}.hx-center h2::before{display:none}.hx-center p{padding:0;max-width:560px;margin-inline:auto}

/* ---------- التصنيفات ---------- */
.hx-cats{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:none}
.hx-cats::-webkit-scrollbar{display:none}
.hx-cat{flex:none;width:86px;display:grid;justify-items:center;gap:8px;text-decoration:none;scroll-snap-align:start}
.hx-cat-img{width:78px;height:78px;border-radius:50%;padding:3px;background:var(--ez-grad);box-shadow:0 0 0 1px rgba(255,200,230,.4),0 0 22px rgba(255,15,123,.45);display:grid;place-items:center;overflow:hidden;color:#fff;font-size:30px;transition:transform .3s var(--ez-ease),box-shadow .3s}
.hx-cat-img img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#12040b;display:block}
.hx-cat:hover .hx-cat-img{transform:translateY(-4px) scale(1.05);box-shadow:0 0 0 1px #fff,0 0 34px rgba(255,15,123,.8)}
.hx-cat-n{font-size:11.5px;line-height:1.4;font-weight:700;color:#ffe0f0;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:900px){.hx-cats{flex-wrap:wrap;overflow:visible;justify-content:center;gap:22px}.hx-cat{width:116px}.hx-cat-img{width:104px;height:104px}.hx-cat-n{font-size:13px}}

/* ---------- البانرات الترويجية ---------- */
.hx-promos{display:grid;gap:12px}
.hx-promo{position:relative;display:flex;align-items:flex-end;min-height:190px;border-radius:26px;overflow:hidden;text-decoration:none;border:1px solid var(--ez-line-s);background:linear-gradient(150deg,#4a0524,#0b0207);box-shadow:var(--ez-glow);isolation:isolate}
.hx-promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s var(--ez-ease)}
.hx-promo:hover img{transform:scale(1.07)}
.hx-promo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,1,3,.9),rgba(5,1,3,.2) 70%)}
.hx-promo-in{display:grid;gap:5px;padding:18px;width:100%}
.hx-promo-in b{font-size:20px;font-weight:900;color:#fff}.hx-promo-in em{font-style:normal;color:#f1dce9;font-size:13px}
.hx-promo-in u{text-decoration:none;justify-self:start;margin-top:6px;padding:8px 20px;border-radius:999px;background:var(--ez-gloss),var(--ez-grad);color:#fff;font-weight:800;font-size:12.5px;box-shadow:0 0 22px rgba(255,15,123,.5)}
@media(min-width:701px){.hx-p2{grid-template-columns:1fr 1fr}.hx-p3{grid-template-columns:repeat(3,1fr)}.hx-promo{min-height:240px}}

/* ---------- لماذا نحن ---------- */
.hx-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hx-why-c{padding:18px 14px;border-radius:24px;border:1px solid var(--ez-line);background:var(--ez-glass);text-align:center;display:grid;justify-items:center;gap:8px;transition:transform .3s var(--ez-ease),border-color .3s,box-shadow .3s}
.hx-why-c:hover{transform:translateY(-5px);border-color:var(--ez-line-s);box-shadow:0 18px 44px rgba(255,15,123,.28)}
.hx-why-c h3{margin:4px 0 0;font-size:15px;color:#fff}.hx-why-c p{margin:0;font-size:12px;line-height:1.8;color:#d9b3c8}
@media(min-width:901px){.hx-why-grid{grid-template-columns:repeat(4,1fr);gap:16px}.hx-why-c{padding:26px 18px}.hx-why-c p{font-size:13px}}

/* ---------- الآراء ---------- */
.hx-rev-grid{display:grid;gap:12px}
.hx-rev-c{margin:0;padding:20px;border-radius:24px;border:1px solid var(--ez-line);background:var(--ez-glass)}
.hx-rev-c blockquote{margin:0 0 12px;color:#f6dbe9;font-size:14px;line-height:1.9}
.hx-rev-c blockquote::before{content:"“";display:block;font-size:44px;line-height:.6;background:var(--ez-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-rev-c figcaption b{color:#fff;font-size:13.5px}.hx-rev-c figcaption small{display:block;color:#d9b3c8;font-size:11.5px}
@media(min-width:701px){.hx-rev-grid{grid-template-columns:repeat(3,1fr)}}

/* ---------- الأسئلة ---------- */
.hx-faq-list{display:grid;gap:10px;max-width:860px;margin:0 auto}
.hx-faq details{border:1px solid var(--ez-line);border-radius:20px;background:var(--ez-glass);overflow:hidden;transition:border-color .25s}
.hx-faq details[open]{border-color:var(--ez-line-s);box-shadow:0 0 30px rgba(255,15,123,.18)}
.hx-faq summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:800;color:#fff;font-size:14.5px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.hx-faq summary::-webkit-details-marker{display:none}
.hx-faq summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ez-grad);color:#fff;font-size:18px;transition:transform .3s}
.hx-faq details[open] summary::after{transform:rotate(45deg)}
.hx-faq details p{margin:0;padding:0 18px 16px;color:#e9cfdd;line-height:1.9;font-size:13.5px}

/* ---------- مقال السيو ---------- */
.hx-seo-in{position:relative;padding:22px 18px;border-radius:26px;border:1px solid var(--ez-line);background:var(--ez-glass);max-height:230px;overflow:hidden;transition:max-height .5s var(--ez-ease)}
.hx-seo-in::after{content:"";position:absolute;inset-inline:0;bottom:0;height:90px;background:linear-gradient(0deg,#12040b,transparent);pointer-events:none;transition:opacity .3s}
.hx-seo-in.open{max-height:3000px}.hx-seo-in.open::after{opacity:0}
.hx-seo-in h2{margin:0 0 10px;font-size:clamp(18px,4.6vw,26px);color:#fff}
.hx-seo-in h3{margin:18px 0 6px;font-size:16px;color:var(--ez-pink2)}
.hx-seo-in p{margin:0 0 10px;color:#e3c8d8;line-height:2;font-size:13.5px}
.hx-more{display:block;margin:12px auto 0;padding:10px 26px;border-radius:999px;border:1px solid var(--ez-line-s);background:rgba(255,45,149,.12);color:#fff;font-weight:800;cursor:pointer}
@media(min-width:901px){.hx-seo-in{padding:34px 40px;max-height:260px}}

/* ---------- الدعوة ---------- */
.hx-cta{overflow:hidden;text-align:center;padding:40px 20px;border-radius:32px;border:1px solid var(--ez-line-s);background:linear-gradient(150deg,#5a0830,#12040b 55%,#7a0a35);box-shadow:var(--ez-glow);isolation:isolate;display:grid;gap:12px;justify-items:center}
.hx-cta h2{margin:0;font-size:clamp(22px,6vw,36px);font-weight:900;color:#fff}.hx-cta p{margin:0;color:#f1dce9;max-width:520px;line-height:1.9;font-size:14px}

/* ---------- المنتجات ---------- */
.hx-prod-sec .filters-bar{margin-top:0}

/* ---------- صفحات المحتوى + روابط التذييل ---------- */
.cms-page{padding-top:14px}
.cms-doc{padding:22px 18px;border-radius:28px;border:1px solid var(--ez-line);background:var(--ez-glass);box-shadow:var(--ez-glow);margin-bottom:24px}
.cms-doc h1{margin:0 0 14px;font-size:clamp(24px,6vw,38px);font-weight:900;background:linear-gradient(100deg,#fff,#ffd0ea 30%,#ff6bc0 55%,#ff2d95);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cms-body h3{margin:22px 0 8px;font-size:18px;color:var(--ez-pink2)}
.cms-body p,.cms-body li{color:#ecd3e2;line-height:2;font-size:14.5px;margin:0 0 10px}
.cms-body ul{margin:0 0 12px;padding-inline-start:22px}
.cms-body a{color:var(--ez-pink2)}
@media(min-width:901px){.cms-doc{padding:40px 48px}.cms-body p,.cms-body li{font-size:15.5px}}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:10px}
.footer-links a{color:#e9bcd5;font-size:12.5px;text-decoration:none}.footer-links a:hover{color:#fff}