/* ============================================================
   NEXT BUSINESS — V3 : إعادة تصميم باقي السكاشن
   يُحمّل بعد nextbusiness-enhance.css
   نفس القواعد: 3 ألوان عبر color-mix · بدون px خارج @media · namespace iraq…nxtb
   لكل قسم: شكل مميّز + حركة دخول + حركة hover
============================================================ */
:root {
    --nxtb-ease:    cubic-bezier(0.2, 0.75, 0.25, 1);
    --nxtb-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --nxtb-gloss:   linear-gradient(180deg, color-mix(in srgb, var(--nxtb-helper) 32%, transparent), transparent 46%);
}

/* شريط العنوان المتحرك: رمادي ← كحلي (الحركة اللي عجبتك) */
[class*="nxtb__header"] > [class*="nxtb__line"],
.iraqctafnxtb__line,
.iraqfqnxtb__line,
.iraqstpnxtb__line--head {
    background: linear-gradient(90deg, var(--nxtb-primary), var(--nxtb-secondary)) !important;
    height: 0.3rem !important;
    max-width: 3.25rem !important;
}

/* ============================================================
   POINTS — بطاقات "لماذا نحن" نظيفة: أيقونة + عنوان + وصف (بدون أرقام)
============================================================ */
.iraqptnxtb {
    background: linear-gradient(180deg, color-mix(in srgb, var(--nxtb-secondary) 9%, var(--nxtb-helper)), var(--nxtb-helper)) !important;
}
.iraqptnxtb__border,
.iraqptnxtb__num { display: none !important; }
.iraqptnxtb__grid { gap: 1.6rem; }
.iraqptnxtb__point {
    position: relative;
    overflow: hidden;
    padding: 2rem 1.6rem 1.7rem !important;
    background: var(--nxtb-helper) !important;
    border: 0.1rem solid color-mix(in srgb, var(--nxtb-secondary) 15%, transparent) !important;
    border-radius: 1.3rem !important;
    box-shadow: 0 1.6rem 3rem -1.2rem var(--nxtb-shadow-lg);
    transform: translateY(2.2rem) scale(0.96) !important;
    opacity: 0;
    transition: opacity 0.7s ease-in-out,
                transform 0.75s var(--nxtb-ease-out),
                box-shadow 0.5s ease-in-out !important;
}
.iraqptnxtb__point.is-shown,
.iraqptnxtb__point.is-drawn { transform: none !important; opacity: 1; }
/* شريط علوي متدرّج ينمو عند الـ hover */
.iraqptnxtb__point::after {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 0.34rem;
    background: linear-gradient(90deg, var(--nxtb-secondary), color-mix(in srgb, var(--nxtb-secondary) 45%, var(--nxtb-primary)));
    transform: scaleX(0.32);
    transform-origin: right;
    transition: transform 0.6s var(--nxtb-ease);
}
.iraqptnxtb__point:hover {
    transform: translateY(-0.55rem) !important;
    box-shadow: 0 2.4rem 4rem -1.2rem var(--nxtb-shadow-lg);
}
.iraqptnxtb__point:hover::after { transform: scaleX(1); }
.iraqptnxtb__ico {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1.05rem;
    background: var(--nxtb-grad);
    color: var(--nxtb-helper);
    font-size: 1.45rem;
    box-shadow: 0 0.9rem 1.8rem -0.4rem var(--nxtb-shadow-lg);
    margin-bottom: 1.1rem;
    transition: transform 0.55s var(--nxtb-ease);
}
.iraqptnxtb__point:hover .iraqptnxtb__ico { transform: translateY(-0.3rem) rotate(-6deg); }
.iraqptnxtb__point-title { font-weight: 800; font-size: clamp(1.02rem, 4.2vw, 1.16rem); line-height: 1.5; }
.iraqptnxtb__point-desc  { margin-top: 0.55rem; }

/* ============================================================
   SERVICES — بطاقة بشريط صورة أحادي اللون + أيقونة متراكبة
============================================================ */
.iraqsrvnxtb__border { display: none; }
.iraqsrvnxtb__card {
    position: relative;
    overflow: hidden;
    padding: 8.5rem 1.5rem 1.7rem !important;
    background: var(--nxtb-surface) !important;
    border: 0.06rem solid var(--nxtb-hairline) !important;
    border-radius: var(--nxtb-radius) !important;
    box-shadow: 0 1.1rem 2.6rem -0.9rem var(--nxtb-shadow);
    transform: translateY(2.6rem) scale(0.95) !important;
    filter: blur(0.15rem);
    transition: opacity 0.7s ease-in-out,
                transform 0.8s var(--nxtb-ease-out),
                filter 0.7s ease-in-out,
                box-shadow 0.5s ease-in-out !important;
}
.iraqsrvnxtb__card.is-shown { transform: none !important; filter: none; }
.iraqsrvnxtb__card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 7.2rem;
    z-index: 0;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
    background-color: color-mix(in srgb, var(--nxtb-secondary) 78%, transparent);
    transition: transform 0.9s var(--nxtb-ease);
}
.iraqsrvnxtb__card::after {
    content: "";
    position: absolute;
    inset: 5rem 0 auto 0;
    height: 3.4rem;
    z-index: 0;
    background: linear-gradient(180deg, transparent, var(--nxtb-surface));
}
.iraqsrvnxtb__card:nth-child(1)::before { background-image: url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=600&q=70'); }
.iraqsrvnxtb__card:nth-child(2)::before { background-image: url('https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=600&q=70'); }
.iraqsrvnxtb__card:nth-child(3)::before { background-image: url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=600&q=70'); }
.iraqsrvnxtb__card:nth-child(4)::before { background-image: url('https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=600&q=70'); }
.iraqsrvnxtb__card:nth-child(5)::before { background-image: url('https://images.unsplash.com/photo-1600880292089-90a7e086ee0c?auto=format&fit=crop&w=600&q=70'); }
.iraqsrvnxtb__card:nth-child(6)::before { background-image: url('https://images.unsplash.com/photo-1557838923-2985c318be48?auto=format&fit=crop&w=600&q=70'); }
.iraqsrvnxtb__card:hover::before { transform: scale(1.09); }
.iraqsrvnxtb__icon {
    display: grid !important;
    place-items: center !important;
    position: relative;
    z-index: 2;
    margin-top: -4.2rem !important;
    width: 3.8rem !important; height: 3.8rem !important;
    font-size: 1.55rem !important;
    background: var(--nxtb-grad) !important;
    color: var(--nxtb-helper) !important;
    border: 0.28rem solid var(--nxtb-surface) !important;
    border-radius: 1.1rem !important;
    box-shadow: 0 0.8rem 1.6rem -0.4rem var(--nxtb-shadow-lg);
    transition: transform 0.55s var(--nxtb-ease);
}
.iraqsrvnxtb__card:hover .iraqsrvnxtb__icon { transform: translateY(-0.35rem) rotate(-6deg); }
.iraqsrvnxtb__card-title,
.iraqsrvnxtb__card-desc { position: relative; z-index: 2; }
.iraqsrvnxtb__card-btn { position: relative; z-index: 2; }
.iraqsrvnxtb__card-btn i { transition: transform 0.5s var(--nxtb-ease); }
.iraqsrvnxtb__card:hover .iraqsrvnxtb__card-btn i { transform: translateX(-0.4rem); }
.iraqsrvnxtb__card:hover {
    transform: translateY(-0.7rem) !important;
    box-shadow: 0 2.2rem 3.8rem -1rem var(--nxtb-shadow-lg);
}

/* ============================================================
   PRICES — تدرّج بطاقات + البطاقة المميّزة عائمة بلمعان
============================================================ */
.iraqprcnxtb__card {
    position: relative;
    overflow: hidden;
    border-radius: var(--nxtb-radius) !important;
    background: var(--nxtb-surface) !important;
    border: 0.06rem solid var(--nxtb-hairline) !important;
    box-shadow: 0 1.1rem 2.6rem -0.9rem var(--nxtb-shadow);
    transform: translateY(2.6rem) scale(0.95) !important;
    opacity: 0;
    transition: opacity 0.7s ease-in-out,
                transform 0.8s var(--nxtb-ease-out),
                box-shadow 0.5s ease-in-out !important;
}
.iraqprcnxtb__card.is-shown { transform: none !important; opacity: 1; }
.iraqprcnxtb__card:hover {
    transform: translateY(-0.6rem) !important;
    box-shadow: 0 2rem 3.6rem -1rem var(--nxtb-shadow-lg);
}
.iraqprcnxtb__card--featured {
    background: linear-gradient(160deg, var(--nxtb-secondary), color-mix(in srgb, var(--nxtb-secondary) 78%, var(--nxtb-primary))) !important;
    color: var(--nxtb-helper);
    border-color: transparent !important;
    box-shadow: 0 2rem 4rem -1rem var(--nxtb-shadow-lg);
}
.iraqprcnxtb__card--featured.is-shown { transform: translateY(-0.6rem) !important; }
.iraqprcnxtb__card--featured:hover { transform: translateY(-1.2rem) !important; }

/* نُخفي إطار الـ SVG الجزئي القديم */
.iraqprcnxtb__border { display: none !important; }

/* إطار رمادي داخلي كامل — يترسم بحركة من فوق لتحت لحد تحت الزرار */
.iraqprcnxtb__card::before {
    content: "";
    position: absolute;
    inset: 0.8rem;
    border: 0.1rem solid color-mix(in srgb, var(--nxtb-secondary) 24%, transparent);
    border-radius: 0.85rem;
    pointer-events: none;
    z-index: 1;
    clip-path: inset(0 0 100% 0);
    transition: clip-path 1.4s ease-in-out 0.15s;
    will-change: clip-path;
}
.iraqprcnxtb__card.is-shown::before,
.iraqprcnxtb__card.is-drawn::before { clip-path: inset(0 0 0 0); }
.iraqprcnxtb__card--featured::before {
    border-color: color-mix(in srgb, var(--nxtb-helper) 45%, transparent);
}

/* لمعة أعلى البطاقة المميّزة */
.iraqprcnxtb__card--featured::after {
    content: "";
    position: absolute; inset: 0 0 auto 0; height: 45%;
    background: var(--nxtb-gloss);
    pointer-events: none;
}
.iraqprcnxtb__badge {
    position: relative; z-index: 2;
    background: var(--nxtb-helper) !important;
    color: var(--nxtb-secondary) !important;
    border-radius: 9rem !important;
    padding: 0.4rem 1rem !important;
    box-shadow: 0 0.5rem 1rem -0.3rem var(--nxtb-shadow-lg);
}

/* الخطوط الفاصلة حوالين السعر: تدخل جوّه الكارد وتسيب مسافة عن الحافة */
.iraqprcnxtb__price {
    margin-inline: 1.4rem !important;
    padding-block: 0.95rem !important;
}
.iraqprcnxtb__price-num {
    background: linear-gradient(135deg, var(--nxtb-secondary), color-mix(in srgb, var(--nxtb-secondary) 55%, var(--nxtb-primary)));
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.iraqprcnxtb__card--featured .iraqprcnxtb__price-num {
    background: none; color: var(--nxtb-helper);
}
.iraqprcnxtb__list i {
    display: grid; place-items: center;
    width: 1.25rem; height: 1.25rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--nxtb-secondary) 14%, transparent);
    font-size: 0.62rem !important;
    margin-top: 0.15rem !important;
}
.iraqprcnxtb__card--featured .iraqprcnxtb__list i {
    background: color-mix(in srgb, var(--nxtb-helper) 22%, transparent);
    color: var(--nxtb-helper) !important;
}
.iraqprcnxtb__card-btn {
    border-radius: 9rem !important;
    transition: transform 0.45s var(--nxtb-ease), box-shadow 0.45s ease-in-out, background 0.45s ease-in-out !important;
}
.iraqprcnxtb__card-btn:hover { transform: translateY(-0.2rem); box-shadow: 0 1rem 2rem -0.5rem var(--nxtb-shadow-lg); }

/* ============================================================
   PREVIOUS-WORK — موك-أب شاشة ديسكتوب + موبايل (Device Mockups)
============================================================ */
.iraqprwnxtb__border { display: none; }
.iraqprwnxtb__card {
    background: var(--nxtb-surface) !important;
    border: 0.06rem solid var(--nxtb-hairline) !important;
    border-radius: var(--nxtb-radius) !important;
    box-shadow: 0 1.2rem 2.8rem -0.9rem var(--nxtb-shadow);
    padding: 1rem 1rem 1.1rem !important;
    transform: perspective(50rem) rotateX(8deg) translateY(1.8rem) !important;
    opacity: 0;
    transition: opacity 0.7s ease-in-out,
                transform 0.85s var(--nxtb-ease-out),
                box-shadow 0.5s ease-in-out !important;
}
.iraqprwnxtb__card.is-shown { transform: none !important; opacity: 1; }
.iraqprwnxtb__card:hover {
    transform: translateY(-0.5rem) !important;
    box-shadow: 0 2.2rem 4rem -1rem var(--nxtb-shadow-lg);
}

/* لقطتان نظيفتان متراكبتان — بدون أي زخرفة أجهزة */
.iraqprwnxtb__shots {
    position: relative;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    max-width: 24rem;
    margin-inline: auto;
    padding: 0.6rem 0.6rem 2rem !important;
}
.iraqprwnxtb__shots::before,
.iraqprwnxtb__shots::after { content: none !important; }

/* لقطة الديسكتوب — بطاقة عريضة مدوّرة بحلقة رفيعة وظل ناعم */
.iraqprwnxtb__shot--desktop {
    display: block;
    position: relative;
    z-index: 1;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover;
    object-position: top center;
    background: var(--nxtb-helper);
    border: 0 !important;
    border-radius: 1rem !important;
    box-shadow:
        0 0 0 0.09rem color-mix(in srgb, var(--nxtb-secondary) 14%, transparent),
        0 1.6rem 3rem -1.1rem color-mix(in srgb, var(--nxtb-secondary) 40%, transparent) !important;
    transition: transform 0.8s var(--nxtb-ease), box-shadow 0.5s ease-in-out;
}
.iraqprwnxtb__card:hover .iraqprwnxtb__shot--desktop {
    transform: translateY(-0.25rem);
    box-shadow:
        0 0 0 0.09rem color-mix(in srgb, var(--nxtb-secondary) 16%, transparent),
        0 2.2rem 3.8rem -1.1rem color-mix(in srgb, var(--nxtb-secondary) 45%, transparent) !important;
}

/* لقطة الموبايل — بطاقة طولية بإطار أبيض عريض متراكبة على الركن */
.iraqprwnxtb__shot--mobile {
    position: absolute !important;
    z-index: 3;
    inset: auto auto -0.8rem 0.1rem !important;
    width: 4.6rem !important;
    height: 9.4rem !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    object-fit: cover;
    object-position: top center;
    background: var(--nxtb-helper);
    border: 0.4rem solid var(--nxtb-helper) !important;
    border-radius: 1.4rem !important;
    box-shadow:
        0 0 0 0.09rem color-mix(in srgb, var(--nxtb-secondary) 14%, transparent),
        0 1.4rem 2.6rem -0.6rem color-mix(in srgb, var(--nxtb-secondary) 45%, transparent) !important;
    transform: rotate(-6deg);
    transition: transform 0.7s var(--nxtb-ease);
}
.iraqprwnxtb__card:hover .iraqprwnxtb__shot--mobile { transform: rotate(-3deg) translateY(-0.5rem); }

/* سطر المعلومات + زر المعاينة */
.iraqprwnxtb__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    margin-top: 1.1rem;
    padding-top: 0.95rem;
    border-top: 0.06rem solid var(--nxtb-hairline);
}
.iraqprwnxtb__info { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
.iraqprwnxtb__name {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 800 !important;
    font-size: clamp(0.95rem, 3.6vw, 1.05rem);
}
.iraqprwnxtb__name::before {
    content: "";
    flex-shrink: 0;
    width: 0.5rem; height: 0.5rem;
    border-radius: 50%;
    background: var(--nxtb-grad);
}
.iraqprwnxtb__type {
    font-size: clamp(0.72rem, 3vw, 0.82rem);
    color: var(--nxtb-primary);
    padding-inline-start: 0.95rem;
}
.iraqprwnxtb__view {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 1rem;
    border-radius: 9rem;
    font-weight: 700;
    font-size: clamp(0.76rem, 3vw, 0.85rem);
    background: var(--nxtb-grad);
    color: var(--nxtb-helper);
    box-shadow: 0 0.7rem 1.5rem -0.5rem var(--nxtb-shadow-lg);
    transition: transform 0.45s var(--nxtb-ease), box-shadow 0.45s ease-in-out;
}
.iraqprwnxtb__view i { font-size: 0.85em; transition: transform 0.45s var(--nxtb-ease); }
.iraqprwnxtb__view:hover { transform: translateY(-0.15rem); box-shadow: 0 1.1rem 2rem -0.5rem var(--nxtb-shadow-lg); }
.iraqprwnxtb__view:hover i { transform: translate(-0.18rem, -0.18rem); }

/* ============================================================
   TESTIMONIAL — قسم داكن + إطارات لقطات لامعة + علامة اقتباس
============================================================ */
.iraqtstnxtb__border { display: none; }
.iraqtstnxtb__header { position: relative; }
.iraqtstnxtb__header::after {
    content: "\201D";
    position: absolute;
    inset: -2.5rem auto auto -0.5rem;
    font-family: Georgia, "Cairo", serif;
    font-size: 8rem;
    line-height: 1;
    color: color-mix(in srgb, var(--nxtb-helper) 12%, transparent);
    pointer-events: none;
}

/* --- سلايدر السحب (Drag / Swipe) --- */
.iraqtstnxtb__slider {
    position: relative;
    margin-top: 2.2rem;
}
.iraqtstnxtb__track,
.iraqtstnxtb__grid.iraqtstnxtb__track {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 1.2rem !important;
    list-style: none;
    margin: 0;
    padding: 0.5rem 0.4rem 1.6rem !important;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0.4rem;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    cursor: grab;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
}
.iraqtstnxtb__track::-webkit-scrollbar { display: none; }
.iraqtstnxtb__track--drag {
    cursor: grabbing;
    scroll-snap-type: none;
    scroll-behavior: auto;
}
.iraqtstnxtb__card {
    flex: 0 0 82%;
    max-width: 30rem;
    scroll-snap-align: center;
    overflow: hidden;
    opacity: 1 !important;
    transform: none !important;
    background: var(--nxtb-surface) !important;
    border: 0.06rem solid color-mix(in srgb, var(--nxtb-helper) 18%, transparent) !important;
    border-radius: var(--nxtb-radius) !important;
    padding: 0.6rem !important;
    box-shadow: 0 1.6rem 3.4rem -1.1rem color-mix(in srgb, var(--nxtb-secondary) 65%, transparent);
    transition: box-shadow 0.5s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
}
.iraqtstnxtb__card:hover {
    box-shadow: 0 2rem 4rem -1rem color-mix(in srgb, var(--nxtb-secondary) 72%, transparent);
}
.iraqtstnxtb__shot {
    display: block;
    width: 100%;
    border: 0 !important;
    border-radius: 0.75rem !important;
    pointer-events: none;
    -webkit-user-drag: none;
    transition: transform 0.9s var(--nxtb-ease);
}
.iraqtstnxtb__card:hover .iraqtstnxtb__shot { transform: scale(1.04); }

/* أزرار التنقّل */
.iraqtstnxtb__nav {
    display: none;
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    z-index: 4;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    background: var(--nxtb-grad);
    color: var(--nxtb-helper);
    font-size: 0.95rem;
    box-shadow: 0 0.9rem 1.8rem -0.5rem color-mix(in srgb, var(--nxtb-secondary) 70%, transparent);
    transition: transform 0.4s var(--nxtb-ease), box-shadow 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.iraqtstnxtb__nav:hover { transform: translateY(-50%) scale(1.08); }
.iraqtstnxtb__nav--prev { right: -0.4rem; }
.iraqtstnxtb__nav--next { left: -0.4rem; }
@media (min-width: 769px) {
    .iraqtstnxtb__nav { display: grid; }
    .iraqtstnxtb__card { flex-basis: 52%; }
}
@media (min-width: 1025px) {
    .iraqtstnxtb__card { flex-basis: 38%; }
    .iraqtstnxtb__nav--prev { right: -1.2rem; }
    .iraqtstnxtb__nav--next { left: -1.2rem; }
}

/* نقاط المؤشّر */
.iraqtstnxtb__dots {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 0.6rem;
}
.iraqtstnxtb__dot {
    width: 0.5rem;
    height: 0.5rem;
    padding: 0;
    border: 0;
    border-radius: 9rem;
    cursor: pointer;
    background: color-mix(in srgb, var(--nxtb-helper) 32%, transparent);
    transition: width 0.4s var(--nxtb-ease), background 0.4s ease-in-out;
}
.iraqtstnxtb__dot.is-active {
    width: 1.5rem;
    background: var(--nxtb-helper);
}

/* ============================================================
   SERVICE-LOCATION — شارات مدن (map pin) بحركة نبض
============================================================ */
.iraqsvlnxtb__border { display: none; }
.iraqsvlnxtb__card {
    justify-content: center;
    gap: 0.6rem !important;
    padding: 1.1rem 1rem !important;
    border-radius: 9rem !important;
    background: var(--nxtb-surface) !important;
    border: 0.06rem solid var(--nxtb-hairline) !important;
    box-shadow: 0 0.8rem 1.8rem -0.8rem var(--nxtb-shadow);
    transform: translateY(0) scale(0.8) !important;
    opacity: 0;
    transition: opacity 0.55s ease-in-out,
                transform 0.6s var(--nxtb-ease-out),
                background 0.45s ease-in-out,
                color 0.45s ease-in-out,
                box-shadow 0.45s ease-in-out !important;
}
.iraqsvlnxtb__card.is-shown { transform: none !important; opacity: 1; }
.iraqsvlnxtb__card i {
    display: grid; place-items: center;
    width: 1.9rem; height: 1.9rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--nxtb-secondary) 12%, transparent);
    color: var(--nxtb-secondary) !important;
    transition: transform 0.5s var(--nxtb-ease), background 0.45s ease-in-out, color 0.45s ease-in-out;
}
.iraqsvlnxtb__card:hover {
    background: var(--nxtb-grad) !important;
    color: var(--nxtb-helper) !important;
    transform: translateY(-0.35rem) !important;
    box-shadow: 0 1.4rem 2.6rem -0.9rem var(--nxtb-shadow-lg);
}
.iraqsvlnxtb__card:hover i {
    background: color-mix(in srgb, var(--nxtb-helper) 22%, transparent);
    color: var(--nxtb-helper) !important;
    transform: translateY(-0.18rem) scale(1.08);
}

/* ============================================================
   FAQ — بطاقة سؤال بشريط جانبي متحرّك + أيقونة متدرّجة
============================================================ */
.iraqfqnxtb__item {
    position: relative;
    overflow: hidden;
    border: 0.06rem solid var(--nxtb-hairline) !important;
    border-radius: var(--nxtb-radius-sm) !important;
    background: var(--nxtb-surface) !important;
    padding-inline: 1.2rem !important;
    transition: box-shadow 0.45s ease-in-out, background 0.45s ease-in-out, transform 0.45s var(--nxtb-ease) !important;
}
.iraqfqnxtb__item::before {
    content: "";
    position: absolute; inset: 0 auto 0 0; width: 0.28rem;
    background: var(--nxtb-grad);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.5s var(--nxtb-ease);
}
.iraqfqnxtb__item:hover { transform: translateX(-0.25rem); box-shadow: 0 1rem 2.2rem -0.9rem var(--nxtb-shadow); }
.iraqfqnxtb__item--open {
    background: color-mix(in srgb, var(--nxtb-secondary) 4%, var(--nxtb-surface)) !important;
    box-shadow: 0 1.1rem 2.6rem -0.9rem var(--nxtb-shadow);
}
.iraqfqnxtb__item--open::before { transform: scaleY(1); }
.iraqfqnxtb__q i {
    width: 2rem; height: 2rem;
    display: grid; place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--nxtb-secondary) 10%, transparent);
    transition: transform 0.5s var(--nxtb-ease), background 0.45s ease-in-out, color 0.45s ease-in-out;
}
.iraqfqnxtb__item--open .iraqfqnxtb__q i {
    background: var(--nxtb-grad);
    color: var(--nxtb-helper);
}

/* ============================================================
   STEPS — خط زمني عمودي + أرقام كأقراص لامعة
============================================================ */
.iraqstpnxtb__steps { position: relative; }
.iraqstpnxtb__steps::before {
    content: "";
    position: absolute;
    top: 2rem; bottom: 2rem; right: 1.3rem;
    width: 0.14rem;
    background: linear-gradient(180deg, var(--nxtb-secondary), color-mix(in srgb, var(--nxtb-secondary) 20%, transparent));
}
.iraqstpnxtb__step { position: relative; }
.iraqstpnxtb__reveal {
    transform: translateX(-2.2rem) !important;
    transition: opacity 0.65s ease-in-out, transform 0.75s var(--nxtb-ease-out) !important;
}
.iraqstpnxtb__reveal.is-shown { transform: none !important; }
.iraqstpnxtb__step-body {
    background: var(--nxtb-surface);
    border: 0.06rem solid var(--nxtb-hairline);
    border-radius: var(--nxtb-radius);
    padding: 1.15rem 1.25rem !important;
    box-shadow: 0 1rem 2.4rem -0.9rem var(--nxtb-shadow);
    transition: transform 0.5s var(--nxtb-ease), box-shadow 0.5s ease-in-out;
}
.iraqstpnxtb__step:hover .iraqstpnxtb__step-body {
    transform: translateX(-0.45rem);
    box-shadow: 0 1.8rem 3.4rem -1rem var(--nxtb-shadow-lg);
}
.iraqstpnxtb__num {
    position: relative;
    z-index: 1;
    width: 2.8rem !important; height: 2.8rem !important;
    border-radius: 50% !important;
    background: var(--nxtb-grad) !important;
    box-shadow: 0 0 0 0.4rem color-mix(in srgb, var(--nxtb-secondary) 8%, var(--nxtb-helper)),
                0 0.8rem 1.6rem -0.4rem var(--nxtb-shadow-lg);
    overflow: hidden;
    transition: transform 0.5s var(--nxtb-ease);
}
.iraqstpnxtb__num::after {
    content: "";
    position: absolute; inset: 0 0 55% 0;
    background: var(--nxtb-gloss);
}
.iraqstpnxtb__step:hover .iraqstpnxtb__num { transform: scale(1.1); }

/* (ستايل CTA القديم كسكشن لافتة اتشال — دلوقتي شريط ثابت في آخر الملف) */

/* ============================================================
   FOOTER — تلميع
============================================================ */
.iraqftrnxtb { position: relative; overflow: hidden; }
.iraqftrnxtb::before {
    content: "";
    position: absolute; inset: 0;
    background-image: radial-gradient(color-mix(in srgb, var(--nxtb-helper) 8%, transparent) 0.08rem, transparent 0.09rem);
    background-size: 1.1rem 1.1rem;
    opacity: 0.5;
    pointer-events: none;
}
.iraqftrnxtb__container { position: relative; z-index: 1; }
.iraqftrnxtb__brand-mark { background: var(--nxtb-grad) !important; }
.iraqftrnxtb__col-title { position: relative; padding-bottom: 0.6rem; }
.iraqftrnxtb__col-title::after {
    content: "";
    position: absolute; inset: auto auto 0 auto; right: 0;
    width: 1.8rem; height: 0.2rem; border-radius: 9rem;
    background: var(--nxtb-grad);
}
.iraqftrnxtb__list a {
    display: inline-block;
    transition: transform 0.4s var(--nxtb-ease), opacity 0.4s ease-in-out;
}
.iraqftrnxtb__list a:hover { transform: translateX(-0.4rem); opacity: 1; }
.iraqftrnxtb__socials a {
    border: 0 !important;
    background: color-mix(in srgb, var(--nxtb-helper) 12%, transparent) !important;
    border-radius: 0.7rem !important;
    transition: transform 0.4s var(--nxtb-ease), background 0.4s ease-in-out, color 0.4s ease-in-out !important;
}
.iraqftrnxtb__socials a:hover {
    background: var(--nxtb-helper) !important;
    color: var(--nxtb-secondary) !important;
    transform: translateY(-0.2rem);
}

/* ============================================================
   HERO — صفحة الخدمة (iraqhrsnxtb) : بنفس لغة الهيرو الرئيسي
============================================================ */
.iraqhrsnxtb {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(55% 50% at 90% 0%, color-mix(in srgb, var(--nxtb-secondary) 30%, transparent), transparent 70%),
        var(--nxtb-secondary) !important;
}
.iraqhrsnxtb::after {
    content: "";
    position: absolute;
    inset: auto -10rem -12rem auto;
    width: 24rem; height: 24rem; border-radius: 50%;
    border: 0.14rem solid color-mix(in srgb, var(--nxtb-helper) 12%, transparent);
}
.iraqhrsnxtb__content { position: relative; z-index: 1; }
.iraqhrsnxtb__line--title,
.iraqhrsnxtb__line--hook,
.iraqhrsnxtb__line--cta { display: none !important; }
.iraqhrsnxtb__line--feature {
    height: 0.28rem !important;
    max-width: 2.4rem !important;
    border-radius: 9rem !important;
    background: linear-gradient(90deg, var(--nxtb-primary), var(--nxtb-helper)) !important;
}
.iraqhrsnxtb__crumbs {
    width: fit-content;
    padding: 0.45rem 1rem;
    border-radius: 9rem;
    background: color-mix(in srgb, var(--nxtb-helper) 10%, transparent);
    border: 0.06rem solid color-mix(in srgb, var(--nxtb-helper) 16%, transparent);
}
.iraqhrsnxtb__title {
    font-weight: 900 !important;
    font-size: clamp(1.9rem, 7vw, 3.1rem) !important;
    line-height: 1.2 !important;
}
.iraqhrsnxtb__feature-body i {
    width: 2.4rem; height: 2.4rem;
    display: grid; place-items: center;
    border-radius: 0.8rem;
    background: color-mix(in srgb, var(--nxtb-helper) 12%, transparent);
    color: var(--nxtb-helper) !important;
    margin-top: 0 !important;
}
.iraqhrsnxtb__cta-btn { border-radius: 9rem !important; font-weight: 700 !important; transition: transform 0.45s var(--nxtb-ease), box-shadow 0.45s ease-in-out !important; }
.iraqhrsnxtb__cta-btn--call {
    background: var(--nxtb-helper) !important;
    color: var(--nxtb-secondary) !important;
    box-shadow: 0 1rem 2.2rem -0.6rem color-mix(in srgb, var(--nxtb-secondary) 60%, transparent);
}
.iraqhrsnxtb__cta-btn--wa {
    background: transparent !important;
    color: var(--nxtb-helper) !important;
    border: 0.12rem solid color-mix(in srgb, var(--nxtb-helper) 45%, transparent) !important;
}
.iraqhrsnxtb__cta-btn:hover { transform: translateY(-0.25rem); }

/* ============================================================
   احترام تفضيل تقليل الحركة
============================================================ */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.001s !important; transition-duration: 0.001s !important; }
}


/* ============================================================
   CONTACT INFO — iraqcinxtb (سكشن جديد بنفس اللغة)
============================================================ */
.iraqcinxtb {
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--nxtb-secondary) 8%, var(--nxtb-helper)),
        var(--nxtb-helper));
    padding-block: 4.25rem;
    overflow: hidden;
}
.iraqcinxtb__container { max-width: 78rem; margin: 0 auto; padding-inline: 1rem; }
.iraqcinxtb__header { display: flex; flex-direction: column; margin-bottom: 2rem; }
.iraqcinxtb__line {
    display: block;
    height: 0.3rem;
    width: 100%;
    max-width: 3.25rem;
    border-radius: 9rem;
    background: linear-gradient(90deg, var(--nxtb-primary), var(--nxtb-secondary));
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.8s ease-in-out;
    margin-bottom: 1.1rem;
}
.iraqcinxtb__line.is-drawn { transform: scaleX(1); }
.iraqcinxtb__title {
    font-weight: 800;
    font-size: clamp(1.55rem, 6vw, 2.5rem);
    letter-spacing: -0.015em;
    line-height: 1.35;
    color: var(--nxtb-secondary);
}
.iraqcinxtb__intro {
    margin-top: 0.7rem;
    font-size: clamp(0.95rem, 3.6vw, 1.08rem);
    line-height: 2;
    color: var(--nxtb-primary);
    max-width: 44rem;
}
.iraqcinxtb__content { display: grid; grid-template-columns: 1fr; gap: 1.6rem; }
.iraqcinxtb__list { list-style: none; display: flex; flex-direction: column; gap: 0.9rem; margin: 0; padding: 0; }
.iraqcinxtb__item {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--nxtb-helper);
    border: 0.1rem solid color-mix(in srgb, var(--nxtb-secondary) 14%, transparent);
    border-radius: 1.1rem;
    padding: 1rem 1.1rem;
    box-shadow: 0 1rem 2.2rem -1rem var(--nxtb-shadow);
    transition: transform 0.5s var(--nxtb-ease), box-shadow 0.5s ease-in-out;
}
.iraqcinxtb__item:hover {
    transform: translateX(-0.3rem);
    box-shadow: 0 1.6rem 3rem -1rem var(--nxtb-shadow-lg);
}
.iraqcinxtb__icon {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0.9rem;
    background: var(--nxtb-grad);
    color: var(--nxtb-helper);
    font-size: 1.05rem;
}
.iraqcinxtb__item-body { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
.iraqcinxtb__item-label { font-size: clamp(0.72rem, 3vw, 0.82rem); color: var(--nxtb-primary); }
.iraqcinxtb__item-value {
    font-weight: 700;
    font-size: clamp(0.9rem, 3.6vw, 1rem);
    color: var(--nxtb-secondary);
    word-break: break-word;
}
a.iraqcinxtb__item-value { transition: color 0.4s ease-in-out; }
a.iraqcinxtb__item-value:hover { color: var(--nxtb-primary); }
.iraqcinxtb__socials { list-style: none; display: flex; gap: 0.7rem; padding: 0.3rem 0 0; margin: 0; }
.iraqcinxtb__social {
    display: grid;
    place-items: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0.9rem;
    background: var(--nxtb-helper);
    border: 0.1rem solid color-mix(in srgb, var(--nxtb-secondary) 14%, transparent);
    color: var(--nxtb-secondary);
    transition: transform 0.4s var(--nxtb-ease), background 0.4s ease-in-out, color 0.4s ease-in-out;
}
.iraqcinxtb__social .iraqcinxtb__icon {
    width: auto; height: auto;
    background: none;
    color: inherit;
    font-size: 1rem;
}
.iraqcinxtb__social:hover {
    background: var(--nxtb-grad);
    color: var(--nxtb-helper);
    transform: translateY(-0.25rem);
}
.iraqcinxtb__map-wrap {
    border-radius: 1.3rem;
    overflow: hidden;
    border: 0.1rem solid color-mix(in srgb, var(--nxtb-secondary) 16%, transparent);
    box-shadow: 0 1.6rem 3.4rem -1.4rem var(--nxtb-shadow-lg);
    min-height: 18rem;
}
.iraqcinxtb__map {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 18rem;
    border: 0;
    filter: grayscale(0.3) contrast(1.05);
}
/* reveal — يظهر افتراضيًا، والـ JS يضيف is-armed للحركة فقط */
.iraqcinxtb__reveal.is-armed {
    opacity: 0;
    transform: translateY(1.4rem);
    transition: opacity 0.7s ease-in-out, transform 0.7s var(--nxtb-ease-out);
}
.iraqcinxtb__reveal.is-armed.is-inview { opacity: 1; transform: none; }

@media (min-width: 769px) {
    .iraqcinxtb__content { grid-template-columns: 1fr 1.05fr; align-items: stretch; }
    .iraqcinxtb__map-wrap, .iraqcinxtb__map { min-height: 100%; }
}
@media (min-width: 1025px) {
    .iraqcinxtb { padding-block: 6.5rem; }
    .iraqcinxtb__container { padding-inline: 2rem; }
}


/* ============================================================
   FIXED CTA — Exact Crescent Circle + White Pill Badge (مطابق للصورة تماماً)
   Stacked vertically on the bottom right (فوق بعض يمين)
============================================================ */
.iraqctafnxtb {
    position: fixed !important;
    z-index: 99 !important;
    inset: auto 1.5rem 1.6rem auto !important; /* مثبت يمين الشاشة */
    display: flex !important;
    flex-direction: column !important; /* فوق بعض */
    align-items: flex-end !important;
    gap: 1.25rem !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    overflow: visible !important;
}
.iraqctafnxtb::before,
.iraqctafnxtb::after { content: none !important; }
.iraqctafnxtb__btn--top { display: none !important; }

.iraqctafnxtb__btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: #ffffff !important;
    height: 3.35rem !important;
    width: clamp(10.5rem, 26vw, 12rem) !important; /* عرض موحد متطابق تماماً للزرين */
    padding-left: 1.8rem !important;
    padding-right: 4.1rem !important;
    border-radius: 9rem !important;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    overflow: visible !important;
    box-shadow: 0 0.85rem 2.4rem -0.4rem rgba(0, 0, 0, 0.16),
                0 0.2rem 0.6rem rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.35s cubic-bezier(0.2, 0.75, 0.25, 1),
                box-shadow 0.35s ease !important;
}

/* 1. الدائرة الخلفية الكبرى (Crescent Outer Colored Circle) */
.iraqctafnxtb__btn::before {
    content: "";
    position: absolute;
    right: -0.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 4.3rem;
    height: 4.3rem;
    border-radius: 50%;
    z-index: 1;
    box-shadow: 0 0.45rem 1.3rem rgba(0, 0, 0, 0.2);
    transition: transform 0.35s cubic-bezier(0.2, 0.75, 0.25, 1);
}

/* 2. الإطار الأبيض الدائري الفاصل (Inner White Crescent Cutout) */
.iraqctafnxtb__btn::after {
    content: "";
    position: absolute;
    right: -0.32rem;
    top: 50%;
    transform: translateY(-50%);
    width: 3.45rem;
    height: 3.45rem;
    border-radius: 50%;
    background: #ffffff;
    z-index: 2;
    box-shadow: inset 0 0.1rem 0.25rem rgba(0, 0, 0, 0.08);
}

/* 3. الدائرة الداخلية الملونة الحاملة للأيقونة البيضاء */
.iraqctafnxtb__icon {
    position: absolute !important;
    right: 0.05rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 3 !important;
    display: grid !important;
    place-items: center !important;
    width: 2.7rem !important;
    height: 2.7rem !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    color: #ffffff !important;
    box-shadow: 0 0.25rem 0.7rem rgba(0, 0, 0, 0.15) !important;
    transition: transform 0.35s cubic-bezier(0.2, 0.75, 0.25, 1) !important;
}

/* 4. نص الزر الواضح والأنيق على اليسار */
.iraqctafnxtb__label {
    position: relative !important;
    z-index: 4 !important;
    font-family: "Cairo", "IBM Plex Sans Arabic", sans-serif !important;
    font-weight: 900 !important;
    font-size: clamp(1.02rem, 3.2vw, 1.14rem) !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
}

/* زر اتصال (Call Button) — أزرق كحلي ملكي */
.iraqctafnxtb__btn--call::before {
    background: linear-gradient(135deg, #1e3a5f, #10243e) !important;
}
.iraqctafnxtb__btn--call .iraqctafnxtb__icon {
    background: linear-gradient(135deg, #1e3a5f, #142c4b) !important;
    font-size: 1.2rem !important;
}
.iraqctafnxtb__btn--call .iraqctafnxtb__label {
    color: #1e3a5f !important;
}

/* زر واتساب (WhatsApp Button) — أخضر زمردي جذاب */
.iraqctafnxtb__btn--wa::before {
    background: linear-gradient(135deg, #25D366, #128C7E) !important;
}
.iraqctafnxtb__btn--wa .iraqctafnxtb__icon {
    background: linear-gradient(135deg, #25D366, #128C7E) !important;
    font-size: 1.42rem !important;
}
.iraqctafnxtb__btn--wa .iraqctafnxtb__label {
    color: #0b6833 !important;
}

/* تفاعل hover */
.iraqctafnxtb__btn:hover {
    transform: translateX(-0.45rem) translateY(-0.15rem) scale(1.03) !important;
    box-shadow: 0 1.2rem 3rem -0.4rem rgba(0, 0, 0, 0.24) !important;
}
.iraqctafnxtb__btn:hover::before {
    transform: translateY(-50%) scale(1.06);
}
.iraqctafnxtb__btn:hover .iraqctafnxtb__icon {
    transform: translateY(-50%) scale(1.12) rotate(6deg) !important;
}

@media (max-width: 480px) {
    .iraqctafnxtb {
        inset: auto 1rem 1.2rem auto !important;
        gap: 1rem !important;
    }
    .iraqctafnxtb__btn {
        height: 3rem !important;
        width: 9.8rem !important;
        padding-left: 1.4rem !important;
        padding-right: 3.6rem !important;
    }
    .iraqctafnxtb__btn::before {
        right: -0.65rem;
        width: 3.8rem;
        height: 3.8rem;
    }
    .iraqctafnxtb__btn::after {
        right: -0.28rem;
        width: 3.05rem;
        height: 3.05rem;
    }
    .iraqctafnxtb__icon {
        right: 0.05rem !important;
        width: 2.4rem !important;
        height: 2.4rem !important;
        font-size: 1.1rem !important;
    }
    .iraqctafnxtb__label {
        font-size: 0.96rem !important;
    }
}