/*
Theme Name: النخبة - خزانات المياه
Theme URI: https://alnukhba-sa.com/
Author: النخبة
Author URI: https://alnukhba-sa.com/
Description: قالب وردبريس مخصص لشركة النخبة لتنظيف وعزل خزانات المياه بالرياض. صفحة هبوط احترافية بتصميم RTL مع نموذج واتساب وقسم خدمات وأسئلة شائعة.
Version: 1.0.0
Requires at least: 5.5
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alnukhba
Tags: rtl-language-support, custom-menu, featured-images, threaded-comments
*/

/* ========== خط Cairo ========== */

* { margin:0; padding:0; box-sizing:border-box; }

html { scroll-behavior:smooth; }

body {
    font-family:'Cairo',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;
    direction:rtl; font-weight:400; line-height:1.6;
    background:#0d2035; color:#fff; margin:0;
    overflow-x:hidden;
}

a { color:inherit; }
img { max-width:100%; height:auto; }

/* ========== المتغيرات العامة ========== */
:root {
  --dark:#0d2035; --dark-2:#123352;
  --cyan:#229ebc; --cyan-2:#1a8a9e;
  --orange:#fc8503; --org-2:#d96e00;
  --ease:cubic-bezier(.4,0,.2,1); --t:.32s var(--ease);
}

/* ━━━━━━━━━━ مسار التنقّل (Breadcrumbs) ━━━━━━━━━━ */
.nk-crumbs {
    display:flex; flex-wrap:wrap; align-items:center; gap:8px;
    font-size:.85rem; color:rgba(255,255,255,.55);
    max-width:1100px; margin:0 auto; padding:16px 20px;
}
.nk-crumbs a { color:var(--cyan); text-decoration:none; transition:color .2s; }
.nk-crumbs a:hover { color:var(--orange); text-decoration:underline; text-underline-offset:3px; }
.nk-crumbs .sep { color:rgba(255,255,255,.3); }
.nk-crumbs .current { color:rgba(255,255,255,.78); font-weight:600; }

/* تكييف لون الفتات على الخلفيات الفاتحة إن لزم */
.nk-crumbs--light { color:rgba(13,32,53,.6); }
.nk-crumbs--light .current { color:#0d2035; }

/* ━━━━━━━━━━ HEADER / NAV ━━━━━━━━━━ */
.site-header {
    position:sticky; top:0; z-index:999;
    background:transparent;
    border-bottom:1px solid transparent;
    transition:background .35s ease, border-color .35s ease, box-shadow .35s ease, backdrop-filter .35s ease;
}
.site-header.is-scrolled {
    background:rgba(13,32,53,.92);
    backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
    border-bottom-color:rgba(255,255,255,.08);
    box-shadow:0 6px 24px rgba(0,0,0,.28);
}
.site-header__inner {
    max-width:1200px; margin:0 auto; padding:14px 20px;
    display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.site-brand { display:flex; align-items:center; gap:12px; text-decoration:none; flex-shrink:0; }
.site-brand__logo {
    width:44px; height:44px; border-radius:12px;
    background:linear-gradient(135deg,var(--cyan),var(--cyan-2));
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.site-brand__logo svg { width:24px; height:24px; }
.site-brand__text { display:flex; flex-direction:column; line-height:1.2; }
.site-brand__name { font-size:1.05rem; font-weight:800; color:#fff; }
.site-brand__tag  { font-size:.66rem; font-weight:600; color:var(--cyan); letter-spacing:.05em; }

.site-nav { display:flex; align-items:center; gap:26px; }
.site-nav ul { list-style:none; display:flex; align-items:center; gap:26px; margin:0; padding:0; }
.site-nav a {
    color:rgba(255,255,255,.78); text-decoration:none; font-size:.9rem; font-weight:600;
    transition:color .25s ease; position:relative; padding:4px 0;
}
.site-nav a:hover { color:var(--cyan); }
.site-nav a::after {
    content:''; position:absolute; bottom:-2px; right:0; left:0; height:2px;
    background:var(--cyan); transform:scaleX(0); transition:transform .25s ease;
}
.site-nav a:hover::after { transform:scaleX(1); }

.header-cta {
    display:inline-flex; align-items:center; gap:.5rem;
    background:var(--orange); color:#fff !important; text-decoration:none;
    padding:.6rem 1.3rem; border-radius:99px; font-weight:800; font-size:.88rem;
    box-shadow:0 4px 16px rgba(252,133,3,.32); transition:all .28s ease; white-space:nowrap;
}
.header-cta:hover { background:var(--org-2); transform:translateY(-1px); box-shadow:0 8px 22px rgba(252,133,3,.42); }
.header-cta svg { width:15px; height:15px; fill:currentColor; }

.nav-toggle {
    display:none; width:42px; height:42px; border:none; cursor:pointer;
    background:rgba(255,255,255,.08); border-radius:10px;
    align-items:center; justify-content:center; flex-direction:column; gap:4px;
}
.nav-toggle span { display:block; width:20px; height:2px; background:#fff; border-radius:2px; transition:.3s; }

@media(max-width:880px){
    .site-nav {
        position:absolute; top:100%; right:0; left:0;
        background:var(--dark-2); border-bottom:1px solid rgba(255,255,255,.08);
        flex-direction:column; align-items:stretch; padding:0; gap:0;
        max-height:0; overflow:hidden; transition:max-height .35s ease;
    }
    .site-nav.open { max-height:420px; }
    .site-nav ul { flex-direction:column; align-items:stretch; gap:0; width:100%; }
    .site-nav li { border-bottom:1px solid rgba(255,255,255,.06); }
    .site-nav a { display:block; padding:15px 20px; }
    .site-nav a::after { display:none; }
    .nav-toggle { display:flex; }
    /* زر الهاتف أيقونة فقط على الجوال */
    .header-cta { padding:0; width:42px; height:42px; border-radius:50%; justify-content:center; gap:0; }
    .header-cta__num { display:none; }
    .header-cta svg { width:18px; height:18px; }
}

/* ━━━━━━━━━━ FOOTER ━━━━━━━━━━ */
.site-footer { background:#081625; border-top:1px solid rgba(255,255,255,.08); }
.site-footer__main {
    max-width:1200px; margin:0 auto; padding:60px 20px 40px;
    display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:40px;
}
.footer-col h4 { font-size:1.05rem; font-weight:800; color:#fff; margin-bottom:18px; position:relative; padding-bottom:10px; }
.footer-col h4::after { content:''; position:absolute; bottom:0; right:0; width:36px; height:3px; background:var(--cyan); border-radius:2px; }
.footer-about { font-size:.9rem; line-height:1.9; color:rgba(255,255,255,.6); margin-bottom:18px; }
.footer-links { list-style:none; padding:0; margin:0; }
.footer-links li { margin-bottom:11px; }
.footer-links a { color:rgba(255,255,255,.62); text-decoration:none; font-size:.9rem; transition:color .25s,padding .25s; display:inline-flex; align-items:center; gap:8px; }
.footer-links a::before { content:'‹'; color:var(--cyan); font-weight:800; }
.footer-links a:hover { color:var(--cyan); padding-right:5px; }
.footer-contact-item { display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.7); font-size:.92rem; margin-bottom:14px; }
.footer-contact-item svg { width:18px; height:18px; fill:none; stroke:var(--cyan); stroke-width:2; flex-shrink:0; }
.site-footer__bottom {
    border-top:1px solid rgba(255,255,255,.07); padding:20px;
    text-align:center; font-size:.82rem; color:rgba(255,255,255,.42);
}
.site-footer__bottom a { color:var(--cyan); text-decoration:none; }

@media(max-width:768px){
    .site-footer__main { grid-template-columns:1fr; gap:32px; text-align:center; }
    .footer-col h4::after { right:50%; transform:translateX(50%); }
    .footer-links a { justify-content:center; }
    .footer-contact-item { justify-content:center; }
}

/* ━━━━━━━━━━ زر واتساب العائم ━━━━━━━━━━ */
.float-wa {
    position:fixed; bottom:22px; left:22px; z-index:998;
    width:58px; height:58px; border-radius:50%;
    background:#25d366; display:flex; align-items:center; justify-content:center;
    box-shadow:0 6px 22px rgba(37,211,102,.45); text-decoration:none;
    transition:transform .3s ease; animation:wa-pulse 2.4s infinite;
}
.float-wa:hover { transform:scale(1.08); }
.float-wa svg { width:30px; height:30px; fill:#fff; }
@keyframes wa-pulse {
    0%   { box-shadow:0 6px 22px rgba(37,211,102,.45), 0 0 0 0 rgba(37,211,102,.5); }
    70%  { box-shadow:0 6px 22px rgba(37,211,102,.45), 0 0 0 16px rgba(37,211,102,0); }
    100% { box-shadow:0 6px 22px rgba(37,211,102,.45), 0 0 0 0 rgba(37,211,102,0); }
}

/* ━━━━━━━━━━ زر الاتصال العائم (بجانب الواتساب) ━━━━━━━━━━ */
.float-call {
    position:fixed; bottom:90px; left:22px; z-index:998;
    width:58px; height:58px; border-radius:50%;
    background:var(--cyan); display:flex; align-items:center; justify-content:center;
    box-shadow:0 6px 22px rgba(34,158,188,.5); text-decoration:none;
    transition:transform .3s ease, background .3s ease;
}
.float-call:hover { transform:scale(1.08); background:var(--cyan-2); }
.float-call svg { width:28px; height:28px; fill:#fff; }
@media(max-width:560px){
    .float-call { width:52px; height:52px; bottom:82px; }
    .float-call svg { width:25px; height:25px; }
}

/* ━━━━━━━━━━ زر «اطلب الآن» الصغير (أسفل المنتصف) + النموذج المنبثق ━━━━━━━━━━ */
.nk-fab {
    position:fixed; bottom:20px; left:50%; transform:translateX(-50%); z-index:996;
    display:inline-flex; align-items:center; gap:9px;
    background:var(--orange); color:#fff; border:none; cursor:pointer;
    padding:13px 26px; border-radius:99px; font-family:'Cairo',sans-serif;
    font-weight:800; font-size:.95rem; white-space:nowrap;
    box-shadow:0 8px 26px rgba(252,133,3,.45); transition:transform .25s, box-shadow .25s, background .25s;
    animation:nk-fab-in .5s var(--ease) both;
}
.nk-fab:hover { background:var(--org-2); transform:translateX(-50%) translateY(-3px); box-shadow:0 14px 34px rgba(252,133,3,.55); }
.nk-fab svg { width:19px; height:19px; fill:currentColor; flex-shrink:0; }
@keyframes nk-fab-in { from{opacity:0;transform:translateX(-50%) translateY(20px)} to{opacity:1;transform:translateX(-50%) translateY(0)} }

/* النموذج المنبثق */
.nk-modal { position:fixed; inset:0; z-index:1001; display:none; }
.nk-modal.is-open { display:block; }
.nk-modal__overlay { position:absolute; inset:0; background:rgba(5,15,28,.72); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); animation:nk-fade .3s ease both; }
.nk-modal__card {
    position:absolute; bottom:0; left:50%; transform:translateX(-50%);
    width:100%; max-width:440px; background:#0f2742;
    border:1px solid rgba(34,158,188,.3); border-bottom:none;
    border-radius:22px 22px 0 0; padding:26px 24px 30px;
    box-shadow:0 -20px 60px rgba(0,0,0,.5); animation:nk-slide-up .35s var(--ease) both;
}
@media(min-width:560px){
    .nk-modal__card { bottom:auto; top:50%; transform:translate(-50%,-50%); border-radius:22px; border-bottom:1px solid rgba(34,158,188,.3); animation:nk-pop .3s var(--ease) both; }
}
.nk-modal__card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,var(--cyan),var(--orange),transparent); border-radius:22px 22px 0 0; }
.nk-modal__close {
    position:absolute; top:14px; left:14px; width:34px; height:34px; border-radius:50%;
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); color:#fff;
    font-size:1.2rem; line-height:1; cursor:pointer; transition:background .2s;
}
.nk-modal__close:hover { background:rgba(255,255,255,.18); }
.nk-modal__ic { width:60px; height:60px; margin:4px auto 14px; border-radius:50%; background:rgba(37,211,102,.15); border:2px solid rgba(37,211,102,.4); display:flex; align-items:center; justify-content:center; }
.nk-modal__ic svg { width:30px; height:30px; fill:#25d366; }
.nk-modal__title { font-size:1.3rem; font-weight:900; color:#fff; text-align:center; margin-bottom:6px; }
.nk-modal__sub { font-size:.88rem; color:rgba(255,255,255,.6); text-align:center; line-height:1.7; margin-bottom:20px; }
.nk-modal__field { margin-bottom:12px; }
.nk-modal__input, .nk-modal__select {
    width:100%; padding:13px 15px; border-radius:13px;
    border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.08);
    color:#fff; font-family:'Cairo',sans-serif; font-size:.92rem; outline:none; transition:all .25s;
}
.nk-modal__input::placeholder { color:rgba(255,255,255,.45); }
.nk-modal__input:focus, .nk-modal__select:focus { border-color:var(--cyan); background:rgba(255,255,255,.12); }
.nk-modal__select option { color:#0d2035; }
.nk-modal__send {
    width:100%; display:inline-flex; align-items:center; justify-content:center; gap:9px;
    background:#25d366; color:#fff; border:none; border-radius:13px; padding:14px;
    font-family:'Cairo',sans-serif; font-weight:800; font-size:1rem; cursor:pointer;
    margin-top:4px; transition:all .25s; box-shadow:0 8px 22px rgba(37,211,102,.4);
}
.nk-modal__send:hover { background:#1eb858; transform:translateY(-2px); }
.nk-modal__send svg { width:19px; height:19px; fill:currentColor; }
.nk-modal__note { font-size:.74rem; color:rgba(255,255,255,.45); text-align:center; margin-top:12px; }
@keyframes nk-fade { from{opacity:0} to{opacity:1} }
@keyframes nk-slide-up { from{transform:translateX(-50%) translateY(100%)} to{transform:translateX(-50%) translateY(0)} }
@keyframes nk-pop { from{opacity:0;transform:translate(-50%,-50%) scale(.95)} to{opacity:1;transform:translate(-50%,-50%) scale(1)} }

/* ━━━━━━━━━━ قائمة منسدلة (خدماتنا) ━━━━━━━━━━ */
.site-nav .has-sub { position:relative; }
.site-nav .nk-sub {
    list-style:none; margin:0; padding:8px; position:absolute; top:100%; right:0;
    min-width:230px; background:var(--dark-2); border:1px solid rgba(255,255,255,.1);
    border-radius:12px; box-shadow:0 14px 34px rgba(0,0,0,.4);
    opacity:0; visibility:hidden; transform:translateY(10px); transition:all .25s ease; z-index:50;
}
.site-nav .has-sub:hover .nk-sub { opacity:1; visibility:visible; transform:translateY(5px); }
.site-nav .nk-sub li { border:none; }
.site-nav .nk-sub a { padding:9px 12px; display:block; border-radius:8px; color:rgba(255,255,255,.78); }
.site-nav .nk-sub a:hover { background:rgba(34,158,188,.12); color:#229ebc; }
.site-nav .nk-sub a::after { display:none; }
.site-nav .has-sub > a::before { content:'▾'; margin-left:5px; font-size:.7em; opacity:.7; }
@media(max-width:880px){
    .site-nav .nk-sub { position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:none; background:rgba(0,0,0,.22); border-radius:0; padding:0; min-width:0; }
    .site-nav .nk-sub a { padding:13px 34px; border-bottom:1px solid rgba(255,255,255,.05); }
}

/* ━━━━━━━━━━ الصفحات الداخلية ━━━━━━━━━━ */
.nkp-hero { position:relative; padding:60px 0 50px; overflow:hidden; background:var(--dark); }
.nkp-hero__bg { position:absolute; inset:0; z-index:0; }
.nkp-hero__bg img { width:100%; height:100%; object-fit:cover; opacity:.22; }
.nkp-hero__bg::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(13,32,53,.75),rgba(13,32,53,.94)); }
.nkp-hero__in { position:relative; z-index:1; max-width:900px; margin:0 auto; padding:0 20px; text-align:center; }
.nkp-hero .nk-crumbs { justify-content:center; padding-top:0; }
.nkp-badge { display:inline-block; background:rgba(34,158,188,.15); border:1px solid rgba(34,158,188,.4); color:var(--cyan); padding:6px 18px; border-radius:99px; font-size:.78rem; font-weight:700; margin-bottom:14px; }
.nkp-title { font-size:clamp(1.7rem,4vw,2.6rem); font-weight:900; color:#fff; line-height:1.35; margin-bottom:12px; }
.nkp-sub { font-size:1rem; color:rgba(255,255,255,.62); line-height:1.8; max-width:640px; margin:0 auto; }

.nkp-section { background:var(--dark); padding:56px 0; }
.nkp-section--alt { background:var(--dark-2); }
.nkp-wrap { max-width:1100px; margin:0 auto; padding:0 20px; }
.nkp-content { color:rgba(255,255,255,.82); line-height:2; font-size:1.02rem; max-width:840px; margin:0 auto; }
.nkp-content h2 { font-size:clamp(1.3rem,2.4vw,1.7rem); font-weight:900; color:#fff; margin:34px 0 14px; padding-right:14px; border-right:4px solid var(--cyan); }
.nkp-content h3 { font-size:1.2rem; font-weight:800; color:var(--cyan); margin:26px 0 10px; }
.nkp-content p { margin:0 0 16px; }
.nkp-content a { color:var(--cyan); text-decoration:underline; text-underline-offset:3px; }
.nkp-content ul, .nkp-content ol { margin:0 0 18px; padding-right:8px; list-style:none; }
.nkp-content ul li { position:relative; padding:5px 26px 5px 0; }
.nkp-content ul li::before { content:''; position:absolute; right:0; top:11px; width:15px; height:15px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23229ebc' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20,6 9,17 4,12'/%3E%3C/svg%3E"); background-size:contain; background-repeat:no-repeat; }

/* شبكة الخدمات / البطاقات */
.nkp-head { text-align:center; max-width:680px; margin:0 auto 38px; }
.nkp-head h2 { font-size:clamp(1.5rem,3vw,2.1rem); font-weight:900; color:#fff; margin-bottom:8px; }
.nkp-head p { color:rgba(255,255,255,.6); }
.nkp-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; }
.nkp-card { display:flex; flex-direction:column; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:16px; overflow:hidden; text-decoration:none; transition:all .3s ease; position:relative; }
.nkp-card::before { content:''; position:absolute; top:0; right:0; left:0; height:3px; background:var(--orange); transform:scaleX(0); transition:transform .3s ease; z-index:2; }
.nkp-card:hover { transform:translateY(-6px); border-color:rgba(34,158,188,.3); box-shadow:0 18px 40px rgba(0,0,0,.3); }
.nkp-card:hover::before { transform:scaleX(1); }
.nkp-card__img { height:160px; overflow:hidden; background:var(--dark); }
.nkp-card__img img { width:100%; height:100%; object-fit:cover; opacity:.85; transition:transform .4s; }
.nkp-card:hover .nkp-card__img img { transform:scale(1.06); }
.nkp-card__b { padding:20px; flex:1; display:flex; flex-direction:column; }
.nkp-card__t { font-size:1.05rem; font-weight:800; color:#fff; margin-bottom:8px; transition:color .2s; }
.nkp-card:hover .nkp-card__t { color:var(--cyan); }
.nkp-card__x { font-size:.88rem; color:rgba(255,255,255,.6); line-height:1.7; margin-bottom:12px; flex:1; }
.nkp-card__m { color:var(--orange); font-weight:700; font-size:.85rem; }

/* وسائل التواصل */
.nkp-contact { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:18px; max-width:900px; margin:0 auto; }
.nkp-cm { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:16px; padding:24px; text-align:center; text-decoration:none; transition:all .3s ease; display:block; }
.nkp-cm:hover { border-color:rgba(34,158,188,.35); background:rgba(34,158,188,.06); transform:translateY(-4px); }
.nkp-cm__ic { width:54px; height:54px; margin:0 auto 12px; border-radius:14px; background:rgba(34,158,188,.14); border:1px solid rgba(34,158,188,.32); display:flex; align-items:center; justify-content:center; }
.nkp-cm__ic svg { width:26px; height:26px; stroke:var(--cyan); fill:none; stroke-width:2; }
.nkp-cm__t { font-weight:800; color:#fff; margin-bottom:5px; }
.nkp-cm__v { color:rgba(255,255,255,.65); font-size:.92rem; direction:ltr; }

/* نموذج */
.nkp-form { max-width:560px; margin:0 auto; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:20px; padding:28px; }
.nkp-form input, .nkp-form select, .nkp-form textarea { width:100%; padding:13px 15px; border-radius:13px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.08); color:#fff; font-family:'Cairo',sans-serif; font-size:.92rem; outline:none; margin-bottom:12px; transition:all .25s; }
.nkp-form input::placeholder, .nkp-form textarea::placeholder { color:rgba(255,255,255,.45); }
.nkp-form input:focus, .nkp-form select:focus, .nkp-form textarea:focus { border-color:var(--cyan); background:rgba(255,255,255,.12); }
.nkp-form select option { color:#0d2035; }
.nkp-form textarea { resize:vertical; min-height:90px; }
.nkp-form__send { display:flex; align-items:center; justify-content:center; gap:9px; background:#25d366; color:#fff; border:none; cursor:pointer; font-weight:800; font-size:1rem; box-shadow:0 8px 22px rgba(37,211,102,.4); }
.nkp-form__send:hover { background:#1eb858; }
.nkp-form__send svg { width:19px; height:19px; fill:currentColor; }

/* شريط النداء */
.nkp-cta { background:linear-gradient(135deg,var(--dark-2),#035d97); text-align:center; padding:48px 20px; }
.nkp-cta__t { font-size:clamp(1.4rem,3vw,2rem); font-weight:900; color:#fff; margin-bottom:8px; }
.nkp-cta__s { color:rgba(255,255,255,.7); margin-bottom:24px; }
.nkp-cta__btns { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.nkp-btn { display:inline-flex; align-items:center; gap:9px; padding:13px 30px; border-radius:99px; text-decoration:none; font-weight:800; font-size:.95rem; transition:all .28s ease; }
.nkp-btn--wa { background:var(--orange); color:#fff; box-shadow:0 8px 24px rgba(252,133,3,.35); }
.nkp-btn--wa:hover { background:var(--org-2); transform:translateY(-2px); color:#fff; }
.nkp-btn--call { background:rgba(255,255,255,.1); color:#fff; border:2px solid rgba(255,255,255,.25); }
.nkp-btn--call:hover { background:#fff; color:var(--dark); }

/* إحصائيات */
.nkp-stats { display:flex; flex-wrap:wrap; justify-content:center; gap:42px; max-width:900px; margin:34px auto 0; padding:0 20px; }
.nkp-stat { text-align:center; }
.nkp-stat b { display:block; font-size:2.3rem; font-weight:900; color:var(--cyan); line-height:1; }
.nkp-stat span { font-size:.9rem; color:rgba(255,255,255,.7); }

/* شريط المميزات في صفحة الخدمة */
.nkp-feats { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; max-width:1100px; margin:0 auto; padding:0 20px; }
.nkp-feat { display:flex; flex-direction:column; align-items:center; text-align:center; gap:9px; padding:18px 10px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:14px; transition:all .28s ease; }
.nkp-feat:hover { transform:translateY(-4px); border-color:rgba(34,158,188,.35); background:rgba(34,158,188,.06); }
.nkp-feat__ic { width:46px; height:46px; border-radius:12px; background:rgba(34,158,188,.14); border:1px solid rgba(34,158,188,.32); display:flex; align-items:center; justify-content:center; }
.nkp-feat__ic svg { width:23px; height:23px; stroke:var(--cyan); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.nkp-feat__t { font-size:.84rem; font-weight:700; color:#fff; line-height:1.4; }
@media(max-width:860px){ .nkp-feats { grid-template-columns:repeat(3,1fr); } }
@media(max-width:560px){ .nkp-feats { grid-template-columns:repeat(2,1fr); } }

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