:root{
  --gold:#0B7A73;
  --gold-2:#18A89E;
  --ink:#163B3A;
  --ink-2:#245452;
  --black:#063E3B;
  --paper:#F5FCFA;
  --muted:#57706D;
  --line:#D7ECE7;
  --success:#16835A;
  --danger:#B42318;
  --shadow:0 20px 60px rgba(11,122,115,.14);
  --radius:22px;
  --accent:#C7A24A;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.85;direction:rtl}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.section{padding:88px 0}.section-sm{padding:54px 0}.muted{color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#0B7A73;font-weight:800;font-size:.92rem;letter-spacing:.02em}.eyebrow:before{content:"";width:28px;height:3px;border-radius:9px;background:var(--gold)}.section-title{font-size:clamp(2rem,4vw,3.4rem);line-height:1.28;margin:12px 0 16px;letter-spacing:-.035em}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:38px}.section-head p{max-width:630px;margin:0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:14px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.25s}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#fff;box-shadow:0 12px 30px rgba(11,122,115,.28)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(11,122,115,.36)}.btn-dark{background:var(--ink);color:#fff}.btn-outline{border-color:#A8D6CF;background:#fff;color:var(--ink)}.btn-sm{min-height:40px;padding:0 16px;border-radius:11px}.btn-block{width:100%}.tag{display:inline-flex;padding:5px 12px;border-radius:99px;background:#DDF4EF;color:#075C57;font-size:.82rem;font-weight:800}.alert{padding:14px 18px;border-radius:14px;margin:0 0 22px;font-weight:700}.alert-success{background:#e9f8f1;color:#126447;border:1px solid #bde7d5}.alert-danger{background:#fff0ed;color:#8f2118;border:1px solid #f2c3bd}.header{position:sticky;top:0;z-index:50;background:rgba(6,62,59,.94);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:105px;height:62px;object-fit:contain}.brand-copy strong{display:block;color:#fff;font-size:1rem}.brand-copy span{color:#B8DED8;font-size:.75rem}.nav-links{display:flex;align-items:center;gap:22px;color:#F4FFFC;font-size:.92rem;font-weight:700}.nav-links a{opacity:.82;transition:.2s}.nav-links a:hover,.nav-links a.active{opacity:1;color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none;border:0;background:#0B7A73;color:#fff;width:45px;height:45px;border-radius:12px;font-size:1.3rem}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.16),transparent 32%),linear-gradient(145deg,#063E3B,#0B7A73 58%,#075C57);color:#fff;padding:105px 0 84px}.hero:after{content:"";position:absolute;inset:auto -140px -250px auto;width:620px;height:620px;border:1px solid rgba(248,185,35,.18);border-radius:50%;box-shadow:0 0 0 55px rgba(248,185,35,.03),0 0 0 110px rgba(248,185,35,.025)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;position:relative;z-index:2}.hero h1{font-size:clamp(2.75rem,6vw,5.4rem);line-height:1.16;margin:16px 0 22px;letter-spacing:-.055em}.hero h1 span{color:var(--gold)}.hero p{color:#DCEFEB;font-size:1.12rem;max-width:720px;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.stat{padding:17px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:16px}.stat strong{display:block;font-size:1.4rem;color:var(--gold)}.stat span{font-size:.84rem;color:#C6E3DE}.hero-art{position:relative;min-height:430px;display:grid;place-items:center}.logo-orbit{width:min(410px,95%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(248,185,35,.14),transparent 60%);border:1px solid rgba(248,185,35,.19);box-shadow:0 0 0 24px rgba(255,255,255,.018),0 0 0 48px rgba(248,185,35,.025)}.logo-orbit img{width:87%;filter:drop-shadow(0 25px 45px rgba(0,0,0,.35))}.floating-card{position:absolute;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px);border-radius:16px;padding:14px 17px;box-shadow:0 18px 45px rgba(0,0,0,.28);font-weight:700}.floating-card.one{top:35px;right:5px}.floating-card.two{bottom:38px;left:-4px}.floating-card b{color:var(--gold)}.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.trust-item{background:#fff;padding:24px;display:flex;gap:13px;align-items:center}.trust-icon{width:43px;height:43px;border-radius:12px;background:#DDF4EF;display:grid;place-items:center;font-size:1.25rem}.trust-item strong{display:block}.trust-item span{font-size:.82rem;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px;box-shadow:0 10px 30px rgba(33,30,32,.055);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#75BDB3}.service-card{position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column}.service-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(248,185,35,.09);left:-40px;bottom:-40px}.service-icon{width:58px;height:58px;border-radius:17px;background:var(--ink);color:var(--gold);display:grid;place-items:center;font-size:1.45rem;font-weight:900;margin-bottom:20px}.service-card h3{font-size:1.28rem;line-height:1.5;margin:0 0 10px}.service-card p{color:var(--muted);margin:0 0 20px;font-size:.93rem}.card-link{margin-top:auto;color:#0B7A73;font-weight:800;display:flex;align-items:center;gap:7px}.dark-section{background:linear-gradient(145deg,#063E3B,#0B7A73);color:#fff;position:relative;overflow:hidden}.dark-section .section-title{color:#fff}.dark-section .muted,.dark-section .section-head p{color:#D5ECE8}.dark-section:before{content:"";position:absolute;inset:-100px auto auto -100px;width:360px;height:360px;background:radial-gradient(circle,rgba(248,185,35,.14),transparent 68%)}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.package-card{background:#fff;color:var(--ink);border-radius:24px;padding:30px;position:relative;border:1px solid rgba(255,255,255,.2)}.package-card.featured{outline:2px solid var(--gold);transform:translateY(-9px)}.package-price{font-size:2.35rem;font-weight:900;line-height:1.2;margin:16px 0}.package-price small{font-size:.83rem;color:var(--muted)}.package-list{padding:0;list-style:none;margin:22px 0}.package-list li{padding:8px 0;border-bottom:1px solid #eee7dc;display:flex;gap:9px}.package-list li:before{content:"✓";color:#0B7A73;font-weight:900}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-card{overflow:hidden;background:#fff;border-radius:22px;border:1px solid var(--line)}.work-media{height:230px;background:linear-gradient(145deg,#0B7A73,#063E3B);display:grid;place-items:center;overflow:hidden}.work-media img{width:100%;height:100%;object-fit:cover}.work-placeholder{font-size:3rem;color:var(--gold)}.work-copy{padding:22px}.work-copy h3{margin:7px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-panel{background:#fff;border:1px solid var(--line);border-radius:26px;padding:32px;box-shadow:var(--shadow)}.feature-list{display:grid;gap:15px}.feature{display:flex;gap:14px;align-items:flex-start}.feature span{flex:0 0 42px;height:42px;border-radius:12px;background:#DDF4EF;display:grid;place-items:center;font-weight:900}.feature h4{margin:0 0 3px}.feature p{margin:0;color:var(--muted);font-size:.9rem}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quote{font-size:2.2rem;color:var(--gold);line-height:1}.stars{color:#df9e00;letter-spacing:3px}.testimonial-meta{display:flex;gap:12px;align-items:center;margin-top:18px}.avatar{width:46px;height:46px;border-radius:50%;background:#0B7A73;color:var(--gold);display:grid;place-items:center;font-weight:900;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.faq-question{width:100%;border:0;background:#fff;padding:19px 21px;text-align:right;display:flex;justify-content:space-between;gap:18px;font-weight:900;cursor:pointer}.faq-answer{display:none;padding:0 21px 21px;color:var(--muted)}.faq-item.open .faq-answer{display:block}.cta{background:linear-gradient(135deg,#0B7A73,#18A89E);border-radius:30px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;border:35px solid rgba(0,0,0,.05);left:-70px;top:-85px}.cta h2{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 8px;line-height:1.25}.cta p{margin:0;max-width:650px}.footer{background:#063E3B;color:#DCEFEB;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:1.15fr .7fr .7fr 1fr;gap:35px}.footer h4{color:#fff;margin:0 0 16px}.footer-brand img{width:180px;max-height:110px;object-fit:contain;margin-bottom:15px}.footer-links{display:grid;gap:9px}.footer-links a{color:#C6E3DE;font-size:.92rem}.footer-links a:hover{color:var(--gold)}.contact-line{display:flex;gap:10px;margin:10px 0;align-items:flex-start}.copyright{border-top:1px solid rgba(255,255,255,.09);margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.85rem}.whatsapp-float{position:fixed;z-index:45;left:20px;bottom:20px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#1fbf6b;color:#fff;font-size:1.55rem;box-shadow:0 12px 30px rgba(17,120,66,.3)}.page-hero{background:linear-gradient(145deg,#063E3B,#0B7A73);color:#fff;padding:75px 0}.breadcrumb{font-size:.87rem;color:#C6E3DE}.page-hero h1{font-size:clamp(2.3rem,5vw,4rem);margin:12px 0 9px}.content-body{font-size:1.03rem}.content-body h2,.content-body h3{margin-top:30px;line-height:1.45}.content-body ul{padding-right:22px}.form-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 12px 40px rgba(33,30,32,.07)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:.9rem}.input,.select,.textarea{width:100%;border:1px solid #d9d0c4;background:#fff;border-radius:13px;padding:12px 14px;outline:none;transition:.2s}.textarea{min-height:135px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#0B7A73;box-shadow:0 0 0 4px rgba(11,122,115,.13)}.help{font-size:.8rem;color:var(--muted)}.error{font-size:.8rem;color:var(--danger)}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.method-option{position:relative}.method-option input{position:absolute;opacity:0}.method-card{border:1px solid var(--line);border-radius:15px;padding:15px;display:block;cursor:pointer}.method-option input:checked+.method-card{border:2px solid var(--gold);background:#EAF8F5}.order-summary{background:#063E3B;color:#fff;border-radius:24px;padding:28px;position:sticky;top:105px}.status-pill{display:inline-flex;padding:6px 12px;border-radius:99px;font-size:.82rem;font-weight:900;background:#eee}.status-new{background:#eef2ff;color:#3949ab}.status-awaiting_payment{background:#fff2ce;color:#795200}.status-payment_review{background:#e9f1ff;color:#1752a5}.status-confirmed{background:#e7f8ee;color:#126441}.status-in_progress{background:#eee9ff;color:#5c35a8}.status-completed{background:#dff7ee;color:#0d6b48}.status-cancelled{background:#feeceb;color:#9a271f}.timeline{position:relative;padding-right:25px}.timeline:before{content:"";position:absolute;right:7px;top:6px;bottom:6px;width:2px;background:#C7E3DD}.timeline-item{position:relative;padding:0 18px 23px 0}.timeline-item:before{content:"";position:absolute;right:-23px;top:7px;width:14px;height:14px;border-radius:50%;background:var(--gold);border:3px solid #fff;box-shadow:0 0 0 1px #86C8BE}.pagination{display:flex;gap:7px;justify-content:center;margin-top:32px}.pagination a,.pagination span{min-width:39px;height:39px;border:1px solid var(--line);display:grid;place-items:center;border-radius:10px;background:#fff}.pagination .active span{background:var(--ink);color:#fff}.empty{padding:55px 25px;text-align:center;border:1px dashed #A8D6CF;border-radius:20px;color:var(--muted)}
@media(max-width:980px){.nav-links{position:fixed;inset:84px 16px auto;background:#063E3B;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px;display:none;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-actions .btn{display:none}.menu-toggle{display:block}.hero-grid,.split{grid-template-columns:1fr}.hero-art{min-height:340px}.cards,.package-grid,.work-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding-top:70px}}
@media(max-width:640px){.container{width:min(100% - 22px,1180px)}.section{padding:62px 0}.section-head{display:block}.cards,.package-grid,.work-grid,.testimonial-grid,.trust-grid,.form-grid,.payment-methods{grid-template-columns:1fr}.hero h1{font-size:2.75rem}.hero-stats{grid-template-columns:1fr}.hero-art{min-height:270px}.floating-card{font-size:.78rem}.trust-item{padding:18px}.cta{padding:30px 24px;display:block}.cta .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.brand-copy{display:none}.package-card.featured{transform:none}.page-hero{padding:52px 0}}


/* 5alsah identity refinements */
body{background:radial-gradient(circle at top right,rgba(24,168,158,.06),transparent 28%),var(--paper)}
.header{box-shadow:0 8px 28px rgba(6,62,59,.14)}
.hero h1 span,.package-price,.quote,.work-placeholder{color:var(--accent)}
.logo-orbit{background:radial-gradient(circle,rgba(199,162,74,.16),transparent 62%);border-color:rgba(199,162,74,.28)}
.floating-card b,.stars{color:var(--accent)}
.service-icon{background:linear-gradient(145deg,var(--black),var(--gold));color:#fff}
.package-card.featured{outline-color:var(--accent)}
.cta{color:#fff;box-shadow:0 24px 55px rgba(11,122,115,.22)}
.cta .btn-dark{background:#fff;color:var(--black)}
.btn-outline:hover{border-color:var(--gold);color:var(--gold);background:#EFFAF7}
.card,.form-card,.feature-panel,.work-card,.faq-item,.package-card{box-shadow:0 12px 34px rgba(11,122,115,.07)}
.trust-icon,.feature span,.tag{color:var(--gold)}
/* Feature numbers */
.stat strong,
.hero-stats strong,
.hero-stats .stat strong{
    color: #FFD54A !important;
    opacity: 1 !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
/* تحسين وضوح نصوص صفحة الباقات */
.package-card p,
.package-card .muted,
.package-card small,
.package-card ul,
.package-card li,
.package-list,
.package-list li {
    color: #355C58 !important;
    opacity: 1 !important;
}

/* عنوان الباقة */
.package-card h2,
.package-card h3,
.package-card h4 {
    color: #063E3B !important;
    opacity: 1 !important;
}

/* السعر */
.package-card .package-price,
.package-card .package-price strong {
    color: #C99A32 !important;
    opacity: 1 !important;
}

/* علامة الصح */
.package-list li::before {
    color: #0B7A73 !important;
}
/* لون النص الي موجود فوق نحول افكارك في الصفحة الرئيسية
section.hero span.eyebrow{
    color:#FFD54A !important;
    opacity:1 !important;
    visibility:visible !important;
    text-shadow:0 2px 8px rgba(0,0,0,.25);
}
/* ===========================
   Smart Assistant Floating Button
=========================== */

.assistant-float {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9998;

    display: flex;
    align-items: center;
    gap: 10px;

    border: none;
    cursor: pointer;

    padding: 12px 18px;
    border-radius: 999px;

    background: linear-gradient(135deg, #0f766e, #14b8a6);
    color: #fff;

    font-size: 15px;
    font-weight: 700;

    box-shadow: 0 14px 30px rgba(15, 118, 110, 0.30);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.assistant-float:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 38px rgba(15, 118, 110, 0.42);
}

.assistant-float-icon {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);

    font-size: 20px;
}

@media (max-width: 768px) {
    .assistant-float {
        right: 18px;
        bottom: 18px;

        padding: 11px 15px;

        font-size: 14px;
    }

    .assistant-float-icon {
        width: 36px;
        height: 36px;

        font-size: 19px;
    }
}
/* ===========================
   Smart Assistant Panel
=========================== */

.smart-assistant-overlay {
    position: fixed;
    inset: 0;
    z-index: 10050;

    display: flex;
    justify-content: flex-end;

    background: rgba(2, 20, 19, 0.45);
    backdrop-filter: blur(4px);
}

.smart-assistant-overlay[hidden] {
    display: none;
}

.smart-assistant-panel {
    width: min(420px, 100%);
    height: 100vh;
    max-height: 100vh;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background: #ffffff;

    box-shadow: -20px 0 50px rgba(2, 20, 19, 0.18);

    animation: smartAssistantSlideIn 0.28s ease;
}
.smart-assistant-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 22px 24px;

    background: linear-gradient(135deg, #0f766e, #14b8a6);

    color: #ffffff;
}

.smart-assistant-header h2 {
    margin: 4px 0 0;

    color: #ffffff;

    font-size: 24px;
    font-weight: 800;
}

.smart-assistant-label {
    display: block;

    font-size: 12px;
    font-weight: 700;

    opacity: 0.85;
}

.smart-assistant-close {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;

    cursor: pointer;

    font-size: 28px;
    line-height: 1;

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}

.smart-assistant-close:hover {
    transform: rotate(90deg);
    background: rgba(255, 255, 255, 0.22);
}

.smart-assistant-body {
    flex: 1;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 36px 28px;

    text-align: center;

    background:
        radial-gradient(circle at top right, rgba(20, 184, 166, 0.10), transparent 32%),
        #ffffff;
}

.smart-assistant-avatar {
    width: 92px;
    height: 92px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 22px;

    border-radius: 28px;

    background: linear-gradient(135deg, #0f766e, #14b8a6);

    box-shadow: 0 18px 40px rgba(15, 118, 110, 0.24);

    font-size: 44px;
}

.smart-assistant-body h3 {
    margin: 0 0 12px;

    color: #0f2f2d;

    font-size: 25px;
    font-weight: 800;
}

.smart-assistant-body p {
    max-width: 320px;

    margin: 0;

    color: #5c6f6d;

    font-size: 15px;
    line-height: 1.9;
}

.smart-assistant-features {
    width: 100%;

    display: grid;
    gap: 10px;

    margin: 28px 0;
}

.smart-assistant-features span {
    display: flex;
    align-items: center;

    padding: 13px 16px;

    border: 1px solid rgba(15, 118, 110, 0.12);
    border-radius: 14px;

    background: #f7fbfa;
    color: #164c47;

    font-size: 14px;
    font-weight: 700;
}

.smart-assistant-start {
    width: 100%;

    border: none;
    border-radius: 14px;

    padding: 15px 18px;

    background: linear-gradient(135deg, #0f766e, #14b8a6);
    color: #ffffff;

    cursor: pointer;

    font-size: 16px;
    font-weight: 800;

    box-shadow: 0 14px 30px rgba(15, 118, 110, 0.22);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.smart-assistant-start:hover {
    transform: translateY(-2px);

    box-shadow: 0 18px 34px rgba(15, 118, 110, 0.30);
}

@keyframes smartAssistantSlideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .smart-assistant-panel {
        width: 100%;
    }

    .smart-assistant-header {
        padding: 18px;
    }

    .smart-assistant-body {
        padding: 28px 20px;
    }

    .smart-assistant-avatar {
        width: 82px;
        height: 82px;

        font-size: 40px;
    }

    .smart-assistant-body h3 {
        font-size: 22px;
    }
}
/* ===========================
   Smart Assistant Chat UI
=========================== */

.assistant-chat-screen {
    width: 100%;
    height: 100%;
    min-height: 0;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background:
        linear-gradient(180deg, rgba(20, 184, 166, 0.06), transparent 22%),
        #f8fbfa;
}
.assistant-chat-status {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 14px 18px;

    border-bottom: 1px solid rgba(15, 118, 110, 0.10);
    background: #ffffff;
}

.assistant-status-avatar,
.assistant-message-avatar {
    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;

    background: linear-gradient(135deg, #0f766e, #14b8a6);
    color: #ffffff;

    font-weight: 800;
}

.assistant-status-avatar {
    width: 42px;
    height: 42px;

    font-size: 18px;
}

.assistant-chat-status > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.assistant-chat-status strong {
    color: #0f2f2d;

    font-size: 15px;
    font-weight: 800;
}

.assistant-chat-status span {
    display: flex;
    align-items: center;
    gap: 6px;

    color: #71817f;

    font-size: 12px;
}

.assistant-chat-status span i {
    width: 8px;
    height: 8px;

    display: inline-block;

    border-radius: 50%;

    background: #22c55e;

    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

.assistant-chat-messages {
    flex: 1;
    min-height: 0;

    display: flex;
    flex-direction: column;
    gap: 16px;

    overflow-y: auto;
    overscroll-behavior: contain;

    padding: 22px 18px 18px;

    scroll-behavior: smooth;
}
.assistant-message-row {
    display: flex;
    align-items: flex-end;
    gap: 9px;
}

.assistant-message-row-bot {
    justify-content: flex-start;
}

.assistant-message-row-user {
    justify-content: flex-end;
}

.assistant-message-avatar {
    width: 32px;
    height: 32px;

    font-size: 13px;
}

.assistant-message {
    max-width: 82%;

    padding: 12px 14px;

    border-radius: 18px;

    font-size: 14px;
    line-height: 1.8;

    box-shadow: 0 8px 20px rgba(15, 47, 45, 0.06);
}

.assistant-message p {
    margin: 0;
}

.assistant-message p + p {
    margin-top: 5px;
}

.assistant-message time {
    display: block;

    margin-top: 7px;

    font-size: 10px;

    opacity: 0.55;
}

.assistant-message-bot {
    border: 1px solid rgba(15, 118, 110, 0.10);
    border-bottom-right-radius: 6px;

    background: #ffffff;
    color: #183f3b;
}

.assistant-message-user {
    border-bottom-left-radius: 6px;

    background: linear-gradient(135deg, #0f766e, #14b8a6);
    color: #ffffff;
}

.assistant-suggestions {
    padding: 0 18px 14px;

    background: #f8fbfa;
}

.assistant-suggestions-title {
    display: block;

    margin-bottom: 9px;

    color: #68807d;

    font-size: 12px;
    font-weight: 700;
}

.assistant-suggestion-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.assistant-option {
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 999px;

    padding: 9px 13px;

    background: #ffffff;
    color: #164c47;

    cursor: pointer;

    font-family: inherit;
    font-size: 13px;
    font-weight: 700;

    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease,
        color 0.18s ease;
}

.assistant-option:hover {
    transform: translateY(-1px);

    border-color: #14b8a6;

    background: #ecfdf9;
    color: #0f766e;
}

.assistant-chat-form {
    padding: 14px 16px 16px;

    border-top: 1px solid rgba(15, 118, 110, 0.10);

    background: #ffffff;
}

.assistant-input-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 6px 6px 6px 14px;

    border: 1px solid rgba(15, 118, 110, 0.18);
    border-radius: 18px;

    background: #f8fbfa;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.assistant-input-wrapper:focus-within {
    border-color: #14b8a6;

    background: #ffffff;

    box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.10);
}

.assistant-input-wrapper input {
    flex: 1;
    min-width: 0;

    border: none;
    outline: none;

    padding: 9px 0;

    background: transparent;
    color: #173d39;

    font-family: inherit;
    font-size: 14px;
}

.assistant-input-wrapper input::placeholder {
    color: #91a29f;
}

.assistant-send-button {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border: none;
    border-radius: 14px;

    background: linear-gradient(135deg, #0f766e, #14b8a6);
    color: #ffffff;

    cursor: pointer;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.assistant-send-button:hover {
    transform: translateY(-1px);

    box-shadow: 0 10px 20px rgba(15, 118, 110, 0.22);
}

.assistant-chat-form small {
    display: block;

    margin-top: 8px;

    color: #91a29f;

    text-align: center;

    font-size: 10px;
}

.sr-only {
    position: absolute;

    width: 1px;
    height: 1px;

    padding: 0;
    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;
}

@media (max-width: 768px) {
    .assistant-chat-status {
        padding: 12px 16px;
    }

    .assistant-chat-messages {
        padding: 18px 14px 14px;
    }

    .assistant-suggestions {
        padding: 0 14px 12px;
    }

    .assistant-chat-form {
        padding: 12px 14px 14px;
    }

    .assistant-message {
        max-width: 86%;
    }
}


/* ===========================
ظبط شكل مؤثرات الموقع والحركة لما العميل ينزل
=========================== */

.scroll-reveal {
    opacity: 0;
    transform: translateY(38px);
    transition:
        opacity 0.75s ease,
        transform 0.75s ease;
    will-change: opacity, transform;
}

.scroll-reveal-left {
    transform: translateX(-42px);
}

.scroll-reveal-right {
    transform: translateX(42px);
}

.scroll-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* حركة خفيفة للكروت عند المرور */
.service-card,
.package-card,
.portfolio-card,
.testimonial-card {
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.service-card:hover,
.package-card:hover,
.portfolio-card:hover,
.testimonial-card:hover {
    transform: translateY(-7px);
}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
    .scroll-reveal,
    .scroll-reveal-left,
    .scroll-reveal-right {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .service-card,
    .package-card,
    .portfolio-card,
    .testimonial-card {
        transition: none;
    }
}





/* ===========================
   ظبط اشكال انميشن للموقع احترافية
=========================== */

.hero-content>*{
    opacity:0;
    transform:translateY(35px);
    animation:heroFade .8s forwards;
}

.hero-content>*:nth-child(1){
    animation-delay:.15s;
}

.hero-content>*:nth-child(2){
    animation-delay:.35s;
}

.hero-content>*:nth-child(3){
    animation-delay:.55s;
}

.hero-content>*:nth-child(4){
    animation-delay:.75s;
}

.hero-image{
    opacity:0;
    transform:translateX(50px) scale(.95);
    animation:heroImage .9s .45s forwards;
}

@keyframes heroFade{

    from{
        opacity:0;
        transform:translateY(35px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

@keyframes heroImage{

    from{
        opacity:0;
        transform:translateX(50px) scale(.95);
    }

    to{
        opacity:1;
        transform:translateX(0) scale(1);
    }

}

/* ===========================
   تحريك المحتويات في الخلفية والايقونات
=========================== */

body {
    position: relative;
    overflow-x: hidden;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    background:
        radial-gradient(circle at 15% 20%, rgba(125, 92, 255, 0.16), transparent 32%),
        radial-gradient(circle at 85% 25%, rgba(0, 204, 255, 0.13), transparent 30%),
        radial-gradient(circle at 50% 80%, rgba(255, 84, 170, 0.12), transparent 35%),
        linear-gradient(135deg, #ffffff, #f8f9ff, #ffffff);
    background-size: 180% 180%;
    animation: premiumGradientMove 14s ease-in-out infinite alternate;
    pointer-events: none;
}

body::after {
    content: "";
    position: fixed;
    width: 420px;
    height: 420px;
    top: 12%;
    right: -160px;
    z-index: -1;
    border-radius: 50%;
    background: rgba(121, 92, 255, 0.12);
    filter: blur(90px);
    animation: premiumGlowFloat 9s ease-in-out infinite alternate;
    pointer-events: none;
}

@keyframes premiumGradientMove {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

@keyframes premiumGlowFloat {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    100% {
        transform: translate3d(-80px, 70px, 0) scale(1.18);
    }
}

@media (prefers-reduced-motion: reduce) {
    body::before,
    body::after {
        animation: none;
    }
}