/* 2.40 — Home v8 + menu. Prefix: w8- */

/* ---------- hero slides */
.whc.has-slides .w8-slides, .w8-slide { position: absolute; inset: 0; margin: 0; }
.w8-slide { opacity: 0; transition: opacity 1.1s ease; }
.w8-slide.is-on { opacity: 1; }
.w8-slide img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); transition: transform 7s ease-out; }
.w8-slide.is-on img { transform: scale(1); }
.whc.has-slides.whc--full .whc__shade { background: linear-gradient(270deg, rgba(8, 8, 10, .96) 0%, rgba(8, 8, 10, .84) 36%, rgba(8, 8, 10, .3) 70%, rgba(8, 8, 10, .12) 100%), linear-gradient(0deg, rgba(8, 8, 10, .95) 0%, transparent 34%); }
.whc.has-slides .whc__in { position: relative; }
.w8-slidecap { position: absolute; inset-inline-end: 0; bottom: 32px; width: 310px; padding: 16px 18px; border-radius: 18px; background: rgba(12, 12, 14, .6); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(255, 255, 255, .12); color: #fff; z-index: 2; }
.w8-slidecap__dots { display: flex; gap: 5px; margin-bottom: 10px; }
.w8-slidecap__dots button { width: 16px; height: 4px; padding: 0; border: 0; border-radius: 4px; background: rgba(255, 255, 255, .3); cursor: pointer; transition: width .3s, background .3s; }
.w8-slidecap__dots button.is-on { width: 30px; background: var(--wib-hl, #ef4b52); }
.w8-slidecap__item { display: none; }
.w8-slidecap__item.is-on { display: grid; gap: 4px; animation: w8Fade .5s ease both; }
.w8-slidecap__t { font: 700 19px/1.3 var(--wib-heading); color: #fff; text-decoration: none; }
a.w8-slidecap__t:hover { color: var(--wib-hl); }
.w8-slidecap small { color: rgba(255, 255, 255, .72); font-size: 13.5px; }
@keyframes w8Fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* «اسأل رنيم» chip */
.w8-ask { display: inline-flex; align-items: center; gap: 6px; width: max-content; margin-top: 8px; padding: 5px 12px 5px 6px; border: 0; border-radius: 999px; background: color-mix(in srgb, var(--wib-accent, #a51e23) 92%, transparent); color: #fff; font: 700 12px/1.2 var(--wib-heading); cursor: pointer; transition: background .2s, transform .2s; }
.w8-ask:hover { background: #c22327; transform: translateY(-1px); }
.w8-ask img { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; }

/* stories with photos */
.wib-stories--hero .wib-story__img img { object-fit: cover; }

/* ---------- 360 orbit */
.wib-offer__media.w8-orbit-wrap { width: min(100%, 470px); align-self: center; padding: 40px 0; }
.w8-orbit { position: relative; width: 100%; aspect-ratio: 1; margin: auto; }
.w8-orbit__ring { position: absolute; inset: 12%; border-radius: 50%; border: 1px dashed rgba(255, 255, 255, .22); animation: w8Spin 60s linear infinite; }
.w8-orbit__ring--2 { inset: 30%; border: 1px solid rgba(239, 75, 82, .35); box-shadow: inset 0 0 60px rgba(165, 30, 35, .35); animation: none; }
.w8-orbit__core { position: absolute; inset: 34%; border-radius: 50%; display: grid; place-content: center; text-align: center; color: #fff; background: radial-gradient(circle at 30% 30%, #e0353c, #7d1418); box-shadow: 0 20px 60px rgba(165, 30, 35, .55); }
.w8-orbit__core b { font: 800 clamp(34px, 4vw, 48px)/1 'Fustat', var(--wib-heading); }
.w8-orbit__core small { font-size: 11px; opacity: .85; margin-top: 4px; }
.w8-orbit__node { --r: 176px; position: absolute; top: 50%; left: 50%; width: 96px; text-align: center; transform: translate(-50%, -50%) rotate(var(--a)) translate(var(--r)) rotate(calc(-1 * var(--a))); }
.w8-orbit__node img { width: 78px; height: 78px; border-radius: 50%; object-fit: cover; border: 3px solid var(--wib-accent, #a51e23); box-shadow: 0 10px 30px rgba(0, 0, 0, .5); }
.w8-orbit__node em { display: block; margin-top: 4px; font: 700 12px/1.3 var(--wib-heading); font-style: normal; color: #fff; text-shadow: 0 2px 8px #000; }
@keyframes w8Spin { to { transform: rotate(360deg); } }

/* ---------- رنيم + مين إحنا */
.w8-about { max-width: 560px; margin: 18px 0 8px; padding: 14px 16px; border-radius: 14px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .08); }
.w8-about b { color: #fff; font-size: 14px; }
.w8-about p { margin: 4px 0 8px; color: rgba(255, 255, 255, .7); font-size: 13.5px; line-height: 1.8; }
.w8-about span { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.w8-about a, .w8-about button { padding: 0; border: 0; background: none; color: #fff; font: 700 13px/1.4 var(--wib-heading); cursor: pointer; text-decoration: none; }
.w8-about button { color: color-mix(in srgb, var(--wib-hl, #ef4b52) 60%, #fff); }

/* ---------- services (photos) */
.w8-svc { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.w8-svc__card { display: flex; flex-direction: column; overflow: hidden; border-radius: 22px; background: #141414; border: 1px solid rgba(255, 255, 255, .08); color: #fff; transition: transform .3s, border-color .3s; }
.w8-svc__card:hover { transform: translateY(-4px); border-color: rgba(239, 75, 82, .35); }
.w8-svc__card.is-new { grid-column: span 2; flex-direction: row-reverse; }
.w8-svc__card.is-new .w8-svc__img { flex: 1.1; aspect-ratio: auto; min-height: 260px; }
.w8-svc__card.is-new .w8-svc__body { flex: 1; justify-content: center; }
.w8-svc__card.is-new h3 { font-size: clamp(22px, 2.2vw, 30px); }
.w8-svc__img { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.w8-svc__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.w8-svc__card:hover .w8-svc__img img { transform: scale(1.05); }
.w8-svc__img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, #141414 0%, transparent 55%); }
.w8-svc__card.is-new .w8-svc__img::after { background: linear-gradient(270deg, #141414 0%, transparent 40%); }
.w8-svc__num { position: absolute; top: 14px; inset-inline-start: 16px; z-index: 1; font: 800 13px/1 var(--wib-heading); font-style: normal; color: rgba(255, 255, 255, .8); }
.w8-svc__badge { position: absolute; top: 12px; inset-inline-end: 12px; z-index: 1; padding: 4px 10px; border-radius: 999px; background: var(--wib-accent, #a51e23); font: 700 11px/1.2 var(--wib-heading); font-style: normal; color: #fff; }
.w8-svc__card.is-new .w8-svc__badge { background: #f59e0b; color: #111; }
.w8-svc__body { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 4px 22px 20px; }
.w8-svc__body h3 { margin: 0; font-size: 21px; }
.w8-svc__body h3 a { color: #fff; text-decoration: none; }
.w8-svc__body p { margin: 0; color: rgba(255, 255, 255, .66); font-size: 14px; line-height: 1.8; }
.w8-svc__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.w8-svc__tags i { padding: 3px 9px; border-radius: 999px; background: rgba(255, 255, 255, .07); color: rgba(255, 255, 255, .75); font-size: 11.5px; font-style: normal; }
.w8-svc__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .08); }
.w8-svc__foot > a { color: #fff; font: 700 13px/1.4 var(--wib-heading); text-decoration: none; }
.w8-svc__foot .w8-ask { margin: 0; }

/* ---------- systems (photos) */
.wsys__side.w8-sys { position: relative; min-height: 400px; }
.w8-sys__f { position: absolute; margin: 0; overflow: hidden; border-radius: 18px; box-shadow: 0 20px 50px rgba(0, 0, 0, .45); }
.w8-sys__f img { width: 100%; height: 100%; object-fit: cover; }
.w8-sys__f--0 { inset: 0 0 70px 60px; }
.w8-sys__f--1 { width: 44%; height: 46%; bottom: 0; inset-inline-start: 0; border: 3px solid #111; }
.w8-sys__f--2 { width: 36%; height: 38%; bottom: 20px; inset-inline-end: -10px; border: 3px solid #111; }
.w8-sys__f figcaption { position: absolute; bottom: 8px; inset-inline-start: 8px; padding: 3px 9px; border-radius: 999px; background: rgba(0, 0, 0, .65); color: #fff; font-size: 11px; }
.w8-sys__chip { position: absolute; top: 18px; inset-inline-end: 16px; padding: 7px 12px; border-radius: 12px; background: #fff; color: #111; font: 700 12px/1.3 var(--wib-heading); box-shadow: 0 10px 24px rgba(0, 0, 0, .25); }
.w8-syslist { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 20px 0; padding: 0; list-style: none; }
.w8-syslist a { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 12px; background: rgba(255, 255, 255, .05); color: #fff; text-decoration: none; transition: background .2s; }
.w8-syslist a:hover { background: rgba(255, 255, 255, .09); }
.w8-syslist img { width: 44px; height: 44px; border-radius: 10px; object-fit: cover; }
.w8-syslist b { font-size: 13px; }

/* ---------- clients: logos + spotlight */
.w8-logos { display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 10px; margin: 26px 0; }
.w8-logos__i { display: grid; place-items: center; aspect-ratio: 1; overflow: hidden; border-radius: 14px; background: #fff; border: 1px solid #eee; transition: transform .2s, box-shadow .2s; }
.w8-logos__i:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(0, 0, 0, .1); }
.w8-logos__i img { width: 78%; height: 78%; object-fit: contain; }
.w8-spot { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.w8-spot__c { display: flex; flex-direction: column; gap: 3px; color: inherit; text-decoration: none; }
.w8-spot__shot { display: block; aspect-ratio: 4 / 3; overflow: hidden; margin-bottom: 8px; border-radius: 16px; border: 1px solid rgba(0, 0, 0, .08); box-shadow: 0 14px 30px rgba(0, 0, 0, .12); }
.w8-spot__shot img { display: block; width: 100%; height: auto; transition: transform 4s ease; }
.w8-spot__c:hover .w8-spot__shot img { transform: translateY(calc(-100% + 230px)); }
.w8-spot__c b { font-size: 15px; }
.w8-spot__c small { font-size: 12.5px; opacity: .65; }

/* ---------- blog */
.w8-cats { display: flex; flex-wrap: wrap; gap: 8px; margin: -6px 0 22px; }
.w8-cats a { padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(127, 127, 127, .3); color: inherit; font-size: 13px; text-decoration: none; transition: .2s; }
.w8-cats a:hover, .w8-cats a.is-on { background: var(--wib-accent, #a51e23); border-color: var(--wib-accent, #a51e23); color: #fff; }
.w8-blogask { display: flex; align-items: center; gap: 12px; margin-top: 12px; padding: 14px; border-radius: 16px; background: #111; color: #fff; }
.w8-blogask img { flex: none; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.w8-blogask b { display: block; font-size: 14px; }
.w8-blogask small { color: rgba(255, 255, 255, .65); font-size: 12px; }
.w8-blogask .w8-ask { flex: none; margin: 0; }

/* ---------- CTA */
.w8-cta__pic { display: block; width: 64px; height: 64px; margin: 0 auto 14px; overflow: hidden; border-radius: 16px; }
.w8-cta__pic img { width: 100%; height: 100%; object-fit: cover; }
.w8-cta__pic.is-av { width: 76px; height: 76px; border-radius: 50%; border: 3px solid #fff; }

/* ---------- header: رنيم button */
.wib-header__cta-av { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(255, 255, 255, .5); }

/* ---------- mega menu */
@media (min-width: 1141px) {
	.wib-header__nav .wib-has-mega > .sub-menu { display: none !important; }
	.wib-header__nav .wib-has-mega.is-mega-open > a { color: #fff; }
}
.w8-mega { position: absolute; top: 100%; left: 0; right: 0; z-index: 60; padding: 10px 0 0; opacity: 0; transform: translateY(8px); transition: opacity .2s, transform .2s; }
.w8-mega.is-open { opacity: 1; transform: none; }
.w8-mega__in { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 290px; gap: 24px; width: min(1180px, calc(100% - 48px)); margin: auto; padding: 26px 26px 46px; border-radius: 24px; background: rgba(14, 14, 16, .98); border: 1px solid rgba(255, 255, 255, .1); border-top: 2px solid var(--wib-hl); box-shadow: 0 40px 90px rgba(0, 0, 0, .6); color: #fff; }
.w8-mega h4 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font: 700 13px/1.3 var(--wib-heading); color: color-mix(in srgb, var(--wib-hl) 60%, #fff); }
.w8-mega h4 img { width: 28px; height: 28px; border-radius: 8px; object-fit: cover; }
.w8-mega ul { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.w8-mega li a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-radius: 10px; color: rgba(255, 255, 255, .85); font: 500 14px/1.35 var(--wib-heading); text-decoration: none; transition: background .15s, color .15s; }
.w8-mega li a:hover, .w8-mega li a[aria-current] { background: rgba(255, 255, 255, .06); color: #fff; }
.w8-mega li em { padding: 2px 7px; border-radius: 999px; background: #f59e0b; color: #111; font-size: 10px; font-style: normal; }
.w8-mega__side { display: flex; flex-direction: column; overflow: hidden; border-radius: 18px; background: #1a1a1c; }
.w8-mega__side > img { width: 100%; height: 140px; object-fit: cover; }
.w8-mega__side > div { padding: 14px; }
.w8-mega__side b { font-size: 17px; }
.w8-mega__side p { margin: 6px 0 10px; color: rgba(255, 255, 255, .65); font-size: 12.5px; }
.w8-mega__side .wib-btn { padding: 8px 14px; font-size: 13px; }
.w8-mega__ask { display: flex; align-items: center; gap: 10px; margin-top: auto; padding: 12px 14px; border: 0; background: var(--wib-accent, #a51e23); color: #fff; font: 700 13px/1.3 var(--wib-heading); text-align: start; cursor: pointer; }
.w8-mega__ask img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }
/* 2.42 — سطر تحت عنوان المجموعة + أسفل اللوحة */
.w8-mega h4 span { display: grid; gap: 2px; }
.w8-mega h4 small { color: rgba(255, 255, 255, .5); font: 400 11.5px/1.3 var(--wib-body); }
.w8-mega__foot { position: absolute; bottom: 12px; inset-inline: 26px; display: flex; align-items: center; gap: 16px; }
.w8-mega__note { margin: 0; color: rgba(255, 255, 255, .45); font-size: 12px; }
.w8-mega__note::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-inline-end: 8px; border-radius: 50%; background: var(--wib-hl, #ef4b52); vertical-align: 1px; }
.w8-mega__all { margin-inline-start: auto; color: rgba(255, 255, 255, .75); font-size: 13px; font-weight: 600; text-decoration: none; }
.w8-mega__all:hover { color: #fff; }
@media (max-width: 1140px) { .w8-mega { display: none !important; } }

/* ---------- mobile drawer */
.w8-dask { display: flex; align-items: center; gap: 10px; width: 100%; margin: 16px 0 6px; padding: 12px; border: 0; border-radius: 16px; background: linear-gradient(135deg, var(--wib-accent, #a51e23), #5e1013); color: #fff; text-align: start; cursor: pointer; }
.w8-dask img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255, 255, 255, .6); }
.w8-dask b { display: block; font: 700 15px/1.3 var(--wib-heading); }
.w8-dask small { font-size: 12px; opacity: .85; }
.w8-dsvc { padding: 12px 0; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.w8-dsvc summary { display: flex; justify-content: space-between; list-style: none; font: 600 var(--t-body, 16px)/1.2 var(--wib-heading); color: rgba(255, 255, 255, .92); cursor: pointer; }
.w8-dsvc summary::-webkit-details-marker { display: none; }
.w8-dsvc summary::after { content: "+"; color: var(--wib-hl); }
.w8-dsvc[open] summary::after { content: "−"; }
.w8-dsvc__t { margin: 12px 0 0; color: color-mix(in srgb, var(--wib-hl) 60%, #fff); font-size: 12px; }
.w8-dsvc__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.w8-dsvc__grid a { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 12px; background: rgba(255, 255, 255, .05); color: #fff; font-size: 12.5px; line-height: 1.35; text-decoration: none; }
.w8-dsvc__grid img { flex: none; width: 30px; height: 30px; border-radius: 8px; object-fit: cover; }
.w8-dsvc__grid em { padding: 1px 6px; border-radius: 999px; background: #f59e0b; color: #111; font-size: 9px; font-style: normal; }
.w8-dsvc__all { display: inline-block; margin-top: 10px; color: rgba(255, 255, 255, .75); font-size: 13px; }
.wib-drawer .w8-dsvc ~ .wib-drawer__nav .wib-has-mega { display: none; }

/* ---------- responsive */
@media (max-width: 1100px) {
	.w8-svc { grid-template-columns: repeat(2, 1fr); }
	.w8-svc__card.is-new { grid-column: span 2; }
	.w8-spot { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
	.w8-slidecap { position: relative; inset: auto; width: auto; margin: 18px 16px 0; }
	.w8-orbit__node { --r: 128px; width: 74px; }
	.w8-orbit__node img { width: 58px; height: 58px; }
	.wsys__side.w8-sys { min-height: 300px; }
}
@media (max-width: 640px) {
	.w8-svc { grid-template-columns: 1fr; }
	.w8-svc__card.is-new { grid-column: auto; flex-direction: column; }
	.w8-svc__card.is-new .w8-svc__img { min-height: 0; aspect-ratio: 16 / 10; }
	.w8-svc__card.is-new .w8-svc__img::after { background: linear-gradient(0deg, #141414 0%, transparent 55%); }
	.w8-orbit__node { --r: 112px; }
	.w8-syslist { grid-template-columns: 1fr 1fr; }
	.w8-blogask { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
	.w8-slide, .w8-slide img, .w8-orbit__ring { transition: none; animation: none; }
}
.w8-ask--consult { padding: 6px 13px; background: transparent; border: 1px solid rgba(255, 255, 255, .35); }
.w8-ask--consult:hover { background: rgba(255, 255, 255, .08); }

/* ---------- 2.41 footer v9 */
.w9f { position: relative; margin-top: 0; overflow: hidden; background: #0b0b0c; color: #fff; font-family: var(--wib-body); }
.w9f::before { content: ""; position: absolute; top: 0; inset-inline: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--wib-hl, #ef4b52) 30%, var(--wib-hl, #ef4b52) 70%, transparent); }
.w9f::after { content: ""; position: absolute; top: -180px; left: 50%; width: 700px; height: 260px; transform: translateX(-50%); background: radial-gradient(closest-side, rgba(165, 30, 35, .28), transparent); pointer-events: none; }
.w9f a { color: inherit; text-decoration: none; }
.w9f .container { position: relative; z-index: 1; }
.w9f__top { display: flex; align-items: center; gap: 22px; padding: 30px 0 26px; border-bottom: 1px solid rgba(255, 255, 255, .07); }
.w9f__logo img { display: block; width: 138px; height: auto; }
.w9f__tag { max-width: 300px; margin: 0; padding-inline-start: 22px; border-inline-start: 1px solid rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .55); font-size: 13px; line-height: 1.6; }
.w9f__ask { display: flex; align-items: center; gap: 8px; width: min(400px, 100%); margin: 0 0 0 0; margin-inline-start: auto; padding: 5px; border-radius: 999px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); }
.w9f__ask img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
.w9f__ask input { flex: 1; min-width: 0; padding: 0; background: none; border: 0; outline: 0; color: #fff; font: 400 13px/1.4 var(--wib-body); box-shadow: none; }
.w9f__ask input::placeholder { color: rgba(255, 255, 255, .45); }
.w9f__ask button { flex: none; height: 34px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--wib-accent, #a51e23); color: #fff; font: 700 12.5px/1 var(--wib-heading); cursor: pointer; }
.w9f__cons { flex: none; display: inline-flex; align-items: center; height: 44px; padding: 0 18px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .22); font: 700 13px/1 var(--wib-heading); transition: background .2s, border-color .2s; }
.w9f__top > .w9f__cons:first-of-type:not(:only-child) { }
.w9f__cons:hover { background: var(--wib-accent, #a51e23); border-color: var(--wib-accent, #a51e23); }
.w9f__top .w9f__logo + .w9f__cons, .w9f__top .w9f__tag + .w9f__cons { margin-inline-start: auto; }
.w9f__grid { display: grid; grid-template-columns: 1.7fr .9fr 1.1fr 1.6fr; gap: 28px; padding: 28px 0; }
.w9f h4 { margin: 0 0 12px; font: 700 12px/1 var(--wib-heading); letter-spacing: .02em; color: rgba(255, 255, 255, .42); }
.w9f ul { margin: 0; padding: 0; list-style: none; }
.w9f__svc { columns: 2; column-gap: 24px; }
.w9f li { margin-bottom: 8px; break-inside: avoid; }
.w9f li a, .w9f li span { color: rgba(255, 255, 255, .72); font-size: 13.5px; transition: color .2s; }
.w9f li a:hover { color: #fff; }
.w9f li em { margin-inline-start: 5px; padding: 1px 6px; border-radius: 999px; background: #f59e0b; color: #111; font-size: 9.5px; font-style: normal; vertical-align: 2px; }
.w9f__ct li { display: flex; align-items: center; gap: 8px; }
.w9f__ct i { flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; background: rgba(239, 75, 82, .12); color: var(--wib-hl, #ef4b52); font-size: 11px; font-style: normal; }
.w9f__col summary { display: none; }
.w9f__row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.w9f__follow { display: flex; flex-wrap: wrap; gap: 6px; }
.w9f__follow a { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: rgba(255, 255, 255, .06); color: rgba(255, 255, 255, .72); font-size: 10.5px; transition: background .2s, transform .2s; }
.w9f__follow a:hover { background: rgba(255, 255, 255, .12); transform: translateY(-1px); }
.w9f__follow img { width: 18px; height: 18px; object-fit: contain; }
/* صندوق التقييم جنب الأيقونات */
.w9f__rate { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 12px 0 10px; border-radius: 11px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(251, 191, 36, .22); transition: border-color .2s, background .2s; }
.w9f__rate:hover { border-color: rgba(251, 191, 36, .5); background: rgba(251, 191, 36, .06); }
.w9f__rate b { color: #fff; font: 800 17px/1 var(--wib-heading); }
.w9f__rate span { display: grid; gap: 2px; line-height: 1; }
.w9f__rate s { color: #fbbf24; font-size: 10.5px; letter-spacing: 1px; text-decoration: none; }
.w9f__rate small { color: rgba(255, 255, 255, .62); font-size: 10.5px; white-space: nowrap; }
/* رنيم متاحة + الشراكات — سطر واحد */
.w9f__badges { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin-top: 14px; }
.w9f__ai { position: relative; display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 5px 0 11px; border: 0; border-radius: 999px; background: linear-gradient(#141414, #141414) padding-box, linear-gradient(120deg, rgba(34, 197, 94, .75), rgba(239, 75, 82, .55)) border-box; border: 1px solid transparent; color: #fff; font: 600 12px/1 var(--wib-heading); cursor: pointer; white-space: nowrap; transition: transform .2s, box-shadow .2s; }
.w9f__ai:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(34, 197, 94, .18); }
.w9f__ai-av { position: relative; flex: none; display: block; width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, .1); }
.w9f__ai-av img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; display: block; }
.w9f__ai-av::after { content: ""; position: absolute; bottom: -1px; left: -1px; width: 8px; height: 8px; border-radius: 50%; background: #22c55e; border: 2px solid #141414; animation: w9fPulse 2s infinite; }
.w9f__ai em { padding: 4px 7px; border-radius: 999px; background: rgba(34, 197, 94, .14); color: #4ade80; font: 700 10px/1 var(--wib-body); font-style: normal; direction: ltr; }
.w9f__partner { position: relative; color: rgba(255, 255, 255, .55); font-size: 11.5px; letter-spacing: .02em; white-space: nowrap; direction: ltr; }
@keyframes w9fPulse { 0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, .55); } 70% { box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); } 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); } }
@media (prefers-reduced-motion: reduce) { .w9f__ai-av::after { animation: none; } }
.w9f__bar { display: flex; align-items: center; gap: 18px; padding: 14px 0 18px; border-top: 1px solid rgba(255, 255, 255, .07); color: rgba(255, 255, 255, .45); font-size: 12px; }
.w9f__bar nav { display: flex; gap: 16px; margin-inline-start: auto; }
.w9f__bar nav a:hover { color: #fff; }
.w9f__up { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .16); color: #fff; }
.w9f__quick { display: none; }
@media (max-width: 1000px) {
	.w9f__top { flex-wrap: wrap; }
	.w9f__tag { display: none; }
	.w9f__ask { order: 3; width: 100%; }
	.w9f__cons { margin-inline-start: auto; }
	.w9f__grid { grid-template-columns: 1fr 1fr; }
	.w9f__col--svc { grid-column: span 2; }
}
@media (max-width: 640px) {
	.w9f__top { gap: 12px; padding: 22px 0 16px; }
	.w9f__logo img { width: 120px; }
	.w9f__cons { height: 38px; padding: 0 14px; font-size: 12px; }
	.w9f__quick { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 8px; padding: 14px 0 4px; }
	.w9f__quick > * { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 4px; border: 0; border-radius: 14px; background: rgba(255, 255, 255, .05); color: rgba(255, 255, 255, .82); font: 600 11.5px/1.2 var(--wib-heading); cursor: pointer; }
	.w9f__quick i { color: var(--wib-hl, #ef4b52); font-size: 15px; font-style: normal; }
	.w9f__quick .is-ai { background: linear-gradient(135deg, var(--wib-accent, #a51e23), #5e1013); color: #fff; }
	.w9f__quick .is-ai img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; }
	.w9f__grid { display: block; padding: 8px 0; }
	.w9f__col { border-bottom: 1px solid rgba(255, 255, 255, .07); }
	.w9f__col summary { display: flex; justify-content: space-between; padding: 14px 0; list-style: none; font: 700 14px/1 var(--wib-heading); color: #fff; cursor: pointer; }
	.w9f__col summary::-webkit-details-marker { display: none; }
	.w9f__col summary::after { content: "+"; color: var(--wib-hl, #ef4b52); }
	.w9f__col[open] summary::after { content: "−"; }
	.w9f__col h4 { display: none; }
	.w9f__col ul { padding-bottom: 12px; }
	.w9f__side { padding: 16px 0 4px; }
	.w9f__bar { flex-wrap: wrap; justify-content: center; text-align: center; }
	.w9f__bar nav { margin: 0; }
	.w9f__up { display: none; }
}
.site-footer.w9f { padding: 0; margin: 0; border: 0; }

/* 2.42 — نص مختصر لزر الهيدر على الجوال */
.w8-cta-m { display: none; }
@media (max-width: 760px) { .w8-cta-d { display: none; } .w8-cta-m { display: inline; } }

/* ============ 2.43 — زر رنيم بالصورة بالهيدر */
.w8-hav { display: inline-flex; align-items: center; gap: 9px; height: 46px; padding: 3px 4px 3px 14px; border-radius: 999px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); color: #fff; text-decoration: none; transition: background .2s, border-color .2s, transform .2s; }
.w8-hav:hover { background: rgba(255, 255, 255, .1); border-color: color-mix(in srgb, var(--wib-hl, #ef4b52) 55%, transparent); transform: translateY(-1px); }
.w8-hav__av { position: relative; flex: none; display: block; width: 38px; height: 38px; padding: 2px; border-radius: 50%; background: conic-gradient(from 200deg, var(--wib-hl, #ef4b52), #f59e0b, #22c55e, var(--wib-hl, #ef4b52)); }
.w8-hav__av img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 2px solid #111; }
.w8-hav__av::after { content: ""; position: absolute; bottom: 0; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #22c55e; border: 2px solid #111; animation: w9fPulse 2.2s infinite; }
.w8-hav__t { display: grid; gap: 3px; line-height: 1; }
.w8-hav__t b { font: 700 14px/1 var(--wib-heading); }
.w8-hav__t small { color: rgba(255, 255, 255, .62); font-size: 11px; white-space: nowrap; }
@media (max-width: 760px) {
	.w8-hav { width: 44px; height: 44px; padding: 0; justify-content: center; border: 0; background: none; }
	.w8-hav__av { width: 42px; height: 42px; }
	.w8-hav__t { display: none; }
}
.wib-header.is-scrolled .w8-hav { height: 42px; }
.wib-header.is-scrolled .w8-hav__av { width: 34px; height: 34px; }

/* ============ 2.43 — قائمة الجوال: بطاقة رنيم + كاروسيل الخدمات */
.w8-dask { position: relative; }
.w8-dask__av { position: relative; flex: none; display: block; }
.w8-dask__av::after { content: ""; position: absolute; bottom: 1px; left: 1px; width: 11px; height: 11px; border-radius: 50%; background: #22c55e; border: 2px solid #7a1418; }
.w8-dask > em { margin-inline-start: auto; font-style: normal; font-size: 18px; opacity: .8; }
.w8-dcar { margin: 14px 0 6px; }
.w8-dcar__head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 10px; }
.w8-dcar__head b { font: 700 17px/1.2 var(--wib-heading); color: #fff; }
.w8-dcar__head a { color: rgba(255, 255, 255, .7); font-size: 12.5px; text-decoration: none; }
.w8-dcar__track { display: grid; grid-auto-flow: column; grid-auto-columns: 42%; gap: 10px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: -26px; padding: 2px 26px 4px; scroll-padding-inline: 26px; }
.w8-dcar__track::-webkit-scrollbar { display: none; }
.w8-dcar__card { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 16px; background: #1b1b1d; scroll-snap-align: start; text-decoration: none; isolation: isolate; border: 1px solid rgba(255, 255, 255, .08); }
.w8-dcar__card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .4s; }
.w8-dcar__card::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, .88) 100%); }
.w8-dcar__card:active img { transform: scale(1.04); }
.w8-dcar__card span { position: absolute; inset-inline: 10px; bottom: 10px; color: #fff; font: 700 13.5px/1.3 var(--wib-heading); }
.w8-dcar__card em { display: inline-block; margin-bottom: 4px; padding: 2px 7px; border-radius: 999px; background: #f59e0b; color: #111; font: 700 9.5px/1.3 var(--wib-body); font-style: normal; }
.w8-dcar__card[aria-current] { border-color: var(--wib-hl, #ef4b52); }
.w8-dcar__dots { display: flex; justify-content: center; gap: 5px; margin-top: 10px; }
.w8-dcar__dots i { width: 6px; height: 6px; border-radius: 99px; background: rgba(255, 255, 255, .22); transition: width .25s, background .25s; }
.w8-dcar__dots i.is-on { width: 18px; background: var(--wib-hl, #ef4b52); }
.w8-dcar--grid .w8-dcar__track { grid-auto-flow: row; grid-template-columns: 1fr 1fr; grid-auto-columns: auto; overflow: visible; margin: 0; padding: 0; }
.w8-dcar--grid .w8-dcar__card { aspect-ratio: 16 / 11; }
.w8-dcar--grid .w8-dcar__dots { display: none; }
.wib-drawer .w8-dcar ~ .wib-drawer__nav .wib-has-mega { display: none; }
/* القائمة مفتوحة ← زر رنيم العائم يختفي (بطاقتها فوق) */
body.wib-drawer-open #w360-root:not(.is-open) .w3-launcher, body.wib-drawer-open #w360-root:not(.is-open) .w3-peek, body.wib-drawer-open #w360-root:not(.is-open) .w3-launcher-tip { opacity: 0 !important; pointer-events: none; }

/* 2.45 — زر رنيم الموحّد (الحجم الكبير لمكان الأزرار الرئيسية) */
.w8-ask--lg { gap: 9px; margin: 0; padding: 7px 18px 7px 7px; font-size: 14.5px; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 24px color-mix(in srgb, var(--wib-accent, #a51e23) 30%, transparent); }
.w8-ask--lg img { width: 32px; height: 32px; border: 2px solid rgba(255, 255, 255, .55); }
.w8-ask--lg:hover { color: #fff; }
.whc__actions .w8-ask--lg, .wsys__acts .w8-ask--lg { min-height: 50px; padding-inline-end: 22px; }
.wib-hcta__card .w8-ask--lg { margin-top: auto; align-self: flex-start; }
@media (max-width: 640px) { .w8-ask--lg { font-size: 13.5px; } }

/* ================= 2.46 — شكل موحّد لكل أزرار الموقع (نفس روح «عندك سؤال؟»): حبة مدوّرة، خط عريض، بدون دائرة السهم */
body.wib-btn-v9 :is(.wib-btn, .wib-hero__btn, .wib-chip, .wib-journey__btn, .wib-rvsum__btn, .wib-rvpage__write, .wib-hero__phone-cta, .wib-drawer__cta, .wb-cta__wa, .pt-req__btn, .pt-btn, .wib-sbtn) {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 44px; height: auto; padding: 9px 20px; border-radius: 999px;
	font: 700 14px/1.2 var(--wib-heading); letter-spacing: 0; text-decoration: none;
	backdrop-filter: none; -webkit-backdrop-filter: none; transition: background-color .2s, border-color .2s, color .2s, transform .2s, box-shadow .2s;
}
body.wib-btn-v9 :is(.wib-btn-solid, .wib-hero__btn--gold, .wib-chip--gold, .wib-journey__btn, .wib-rvsum__btn, .wib-drawer__cta, .wib-hero__phone-cta, .pt-req__btn) {
	padding-inline: 20px; justify-content: center; border: 0;
	background: var(--wib-accent, #a51e23); color: #fff;
	box-shadow: 0 10px 24px color-mix(in srgb, var(--wib-accent, #a51e23) 30%, transparent);
}
body.wib-btn-v9 :is(.wib-btn-solid, .wib-hero__btn--gold, .wib-chip--gold, .wib-journey__btn, .wib-rvsum__btn, .wib-drawer__cta, .wib-hero__phone-cta, .pt-req__btn):hover { background: #c22327; color: #fff; transform: translateY(-1px); }
body.wib-btn-v9 :is(.wib-btn, .wib-hero__btn, .wib-chip, .wib-journey__btn, .wib-rvsum__btn, .wib-drawer__cta, .wb-cta__wa, .pt-req__btn) > svg {
	flex: none; width: 15px !important; height: 15px !important; padding: 0 !important; margin: 0; border-radius: 0 !important;
	background: none !important; color: currentColor !important; stroke-width: 2; box-shadow: none;
}
body.wib-btn-v9 :is(.wib-btn, .wib-hero__btn, .wib-chip, .wib-journey__btn, .wib-rvsum__btn, .wib-drawer__cta):hover > svg { transform: translateX(-3px) !important; }
body.wib-btn-v9 :is(.wib-btn-outline, .wib-hero__btn--ghost) { padding-inline: 20px; box-shadow: none; }
body.wib-btn-v9 .wib-drawer__cta { display: flex; width: 100%; }
body.wib-btn-v9 .wib-btn { margin-top: 18px; }
body.wib-btn-v9 :is(.whc__actions, .wsys__acts, .wb-cta__actions, .wib-h2__actions) :is(.wib-btn, .w8-ask--lg) { margin-top: 0; min-height: 48px; }
body.wib-btn-v9 .w8-ask--lg { min-height: 44px; font-size: 14px; }
@media (max-width: 640px) {
	body.wib-btn-v9 :is(.wib-btn, .wib-hero__btn, .wib-journey__btn, .wib-rvsum__btn, .pt-req__btn) { min-height: 42px; padding: 8px 18px; font-size: 13.5px; }
}

/* 2.46.1 — الأزرار بعرضها الطبيعي (كانت قواعد قديمة لكل قسم تمطّها لعرض كامل على الجوال وجوّا البطاقات) */
body.wib-btn-v9 :is(.wib-btn, .wib-hero__btn, .w8-ask--lg, .pt-req__btn, .wib-journey__btn, .wib-rvsum__btn) { width: auto; max-width: 100%; flex: 0 0 auto; }
body.wib-btn-v9 :is(.wib-btn, .wib-hero__btn) > span { flex: 0 1 auto; }
body.wib-btn-v9 :is(.wsys__acts, .whc__actions, .wib-hero__actions, .wib-fx__actions, .wib-contact-cta__actions, .wb-actions, .wb-cta__actions, .wib-offer__foot, .wib-cta-band__actions) { flex-wrap: wrap; justify-content: flex-start; }
body.wib-btn-v9 :is(.wib-btn-outline.light, .wib-hero__btn--ghost) { border: 1px solid rgba(255, 255, 255, .38); background: rgba(255, 255, 255, .04); color: #fff; }
body.wib-btn-v9 :is(.wib-btn-outline.light, .wib-hero__btn--ghost):hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .6); }
body.wib-btn-v9 .wib-rv__org { border-radius: 999px; }
body.wib-btn-v9 :is(.wb-actions, .wib-hero__actions) { display: flex !important; flex-wrap: wrap; gap: 10px; }
body.wib-btn-v9 .wb-actions--center { justify-content: center; }
body.wib-btn-v9 .wb-actions > :is(.wib-btn, .w8-ask) { grid-column: auto; justify-self: start; }

/* ================= 2.46.2 — مقاس واحد لكل الأزرار = مقاس «عندك سؤال؟» (نفس الارتفاع والخط والتدوير بكل الموقع) */
body.wib-btn-v9 :is(.wib-btn, .wib-hero__btn, .wib-chip, .wib-journey__btn, .wib-rvsum__btn, .wib-rvpage__write, .wib-hero__phone-cta, .wb-cta__wa, .pt-req__btn, .pt-btn, .wib-sbtn, .w8-ask, .wib-agent__chip, .w8-mega__all) {
	min-height: 38px !important; height: auto !important; padding: 6px 16px !important;
	font: 700 13px/1.2 var(--wib-heading) !important; letter-spacing: 0 !important;
	border-radius: 999px !important; white-space: nowrap; gap: 7px !important;
	width: auto !important; max-width: 100%; flex: 0 0 auto !important; margin-top: 0;
	display: inline-flex !important; align-items: center; justify-content: center; justify-self: start; align-self: flex-start;
}
body.wib-btn-v9 .wb-actions--center > *, body.wib-btn-v9 .wib-rvsum__btn { justify-self: center; align-self: center; }
body.wib-btn-v9 .w8-ask, body.wib-btn-v9 .w8-ask--lg { padding-inline: 5px 15px !important; box-shadow: 0 8px 20px color-mix(in srgb, var(--wib-accent, #a51e23) 25%, transparent); }
body.wib-btn-v9 .w8-ask--consult { padding-inline: 15px !important; box-shadow: none; }
body.wib-btn-v9 :is(.w8-ask, .w8-ask--lg) img { width: 28px !important; height: 28px !important; border: 0 !important; }
body.wib-btn-v9 :is(.wib-btn, .wib-hero__btn, .wib-journey__btn, .wib-rvsum__btn, .wb-cta__wa, .pt-req__btn) > svg { width: 13px !important; height: 13px !important; }
body.wib-btn-v9 :is(.whc__actions, .wsys__acts, .wb-cta__actions, .wib-h2__actions, .wb-actions, .wib-hero__actions) :is(.wib-btn, .w8-ask, .wib-hero__btn) { min-height: 42px !important; padding-block: 8px !important; }
body.wib-btn-v9 .wib-rv__org { width: max-content !important; max-width: 100%; }
body.wib-btn-v9 .wib-drawer__cta { width: 100% !important; min-height: 46px; border-radius: 999px; }

/* ================= 2.47 — رنيم متحركة بقسم «احكي مع رنيم» */
.a10 { display: grid; gap: 14px; padding-bottom: 0 !important; }
.a10__stage { position: relative; margin: 0; aspect-ratio: 1 / 1.08; border-radius: 28px; overflow: hidden; background: #0d0d0f; isolation: isolate; box-shadow: 0 40px 80px rgba(0, 0, 0, .45); }
.a10__vid, .a10__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; z-index: -2; }
.a10__img:not(.is-anim) { animation: a10Breath 9s ease-in-out infinite; }
.a10__img.is-anim { object-position: 50% 22%; }
.a10__stage::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, .78) 100%), radial-gradient(circle at 85% 10%, color-mix(in srgb, var(--w360-accent, #a51e23) 30%, transparent), transparent 45%); }
.a10__ring { position: absolute; inset: 10px; border-radius: 22px; border: 1px solid rgba(255, 255, 255, .1); pointer-events: none; }
.a10__cap { position: absolute; inset-inline: 22px; bottom: 18px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.a10__id b { display: block; color: #fff; font: 800 24px/1.1 var(--wib-heading); }
.a10__id small { display: block; margin-top: 4px; color: rgba(255, 255, 255, .7); font-size: 13px; }
.a10__wave { display: flex; align-items: center; gap: 3px; height: 26px; padding: 0 10px; border-radius: 99px; background: rgba(0, 0, 0, .45); backdrop-filter: blur(6px); }
.a10__wave i { width: 3px; height: 8px; border-radius: 3px; background: #4ade80; animation: a10Wave 1.1s ease-in-out infinite; }
.a10__wave i:nth-child(2) { animation-delay: .15s; } .a10__wave i:nth-child(3) { animation-delay: .3s; } .a10__wave i:nth-child(4) { animation-delay: .45s; } .a10__wave i:nth-child(5) { animation-delay: .6s; }
.a10__strip { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; padding: 12px 14px; border-radius: 20px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .09); }
.a10__strip .w8-ask { margin: 0; margin-inline-start: auto; }
.a10__live { display: inline-flex; align-items: center; gap: 7px; color: #4ade80; font: 700 12.5px/1 var(--wib-heading); white-space: nowrap; }
.a10__live i { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; animation: w9fPulse 2s infinite; }
.a10__topics { display: flex; align-items: center; gap: 8px; min-width: 0; color: rgba(255, 255, 255, .6); font-size: 13px; }
.a10__ask { white-space: nowrap; }
.a10__rot { position: relative; display: inline-grid; min-width: 130px; height: 30px; overflow: hidden; }
.a10__t { grid-area: 1 / 1; align-self: center; justify-self: start; padding: 4px 12px; border: 1px dashed rgba(255, 255, 255, .28); border-radius: 99px; background: none; color: #fff; font: 700 13px/1.2 var(--wib-heading); white-space: nowrap; cursor: pointer; opacity: 0; transform: translateY(100%); transition: opacity .35s, transform .35s; }
.a10__t.is-on { opacity: 1; transform: none; }
.a10__t.is-out { opacity: 0; transform: translateY(-100%); }
.a10__t:hover { border-color: var(--w360-accent, #ef4b52); color: #ffb3b6; }
@keyframes a10Wave { 0%, 100% { height: 6px; } 50% { height: 18px; } }
@keyframes a10Breath { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.035) translateY(-4px); } }
@media (max-width: 640px) {
	.a10__stage { aspect-ratio: 1 / 1; border-radius: 22px; }
	.a10__strip .w8-ask { margin-inline-start: 0; }
	.a10__rot { min-width: 120px; }
}
@media (prefers-reduced-motion: reduce) { .a10__img, .a10__wave i { animation: none; } }
@media (max-width: 1050px) { .wib-agent__grid > .a10 { order: -1; max-width: 520px; width: 100%; margin-inline: auto; } }