*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;color:#13232b;background:#f7fbfc;line-height:1.7}.wrap{width:min(1120px,92%);margin:auto}header{background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 18px #0000000d}.nav{height:64px;display:flex;align-items:center;justify-content:space-between}.mini,.cta,button,.wa{border:0;text-decoration:none;cursor:pointer;font-weight:700;border-radius:12px}.mini{padding:8px 15px;background:#e7f7f4;color:#075e54}.hero{padding:48px 0;background:linear-gradient(135deg,#eefafa,#fff)}.grid,.two,.ordergrid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.media{position:relative}.media video,.two video{width:100%;display:block;border-radius:24px;background:#111;box-shadow:0 18px 45px #1233}.badge{position:absolute;top:14px;right:14px;background:#fff;padding:7px 12px;border-radius:999px;font-weight:700}.eyebrow{color:#087f70;font-weight:700}.copy h1{font-size:clamp(32px,5vw,58px);line-height:1.15;margin:8px 0 18px}.lead{font-size:19px;color:#52636b}.price{display:flex;align-items:center;gap:18px;margin:24px 0}.price b{font-size:38px;color:#087f70}.price span{background:#fff1d7;padding:5px 10px;border-radius:8px}.cta,button{display:block;text-align:center;background:#087f70;color:#fff;padding:15px 24px;font-size:18px;box-shadow:0 8px 20px #087f7040}.trust{font-size:14px;margin-top:12px;color:#53676e}.features{padding:60px 0}.features h2,.showcase h2,.order h2{text-align:center;font-size:32px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{background:#fff;padding:24px;border-radius:18px;box-shadow:0 8px 30px #1231;font-size:26px}.cards h3{font-size:18px;margin:8px 0}.cards p{font-size:15px;color:#66777d;margin:0}.showcase{padding:60px 0;background:#eaf6f5}.showcase h2{text-align:right}.showcase li{margin:8px 0}.order{padding:70px 0}.order h2{text-align:right}.summary{background:#eef8f6;border-radius:16px;padding:18px;margin:22px 0}.wa{display:inline-block;background:#25D366;color:#fff;padding:11px 17px}form{background:#fff;padding:28px;border-radius:22px;box-shadow:0 15px 45px #1232}form h3{margin-top:0;font-size:24px}label{display:block;font-weight:700;margin:13px 0}input,select{width:100%;margin-top:6px;padding:13px;border:1px solid #cbd7da;border-radius:10px;font:inherit;background:#fff}input:focus,select:focus{outline:2px solid #8bd2c9;border-color:transparent}button{width:100%;margin-top:20px}small{display:block;text-align:center;color:#718087;margin-top:10px}footer{padding:30px 0 90px;background:#13232b;color:#d8e4e6;text-align:center}.float{display:none}.success{max-width:620px;margin:80px auto;background:#fff;padding:40px;border-radius:22px;text-align:center;box-shadow:0 15px 45px #1232}
@media(max-width:800px){.hero{padding:24px 0 42px}.grid,.two,.ordergrid{grid-template-columns:1fr;gap:26px}.copy h1{font-size:35px}.cards{grid-template-columns:1fr 1fr}.media{order:0}.copy{order:1}.features{padding:42px 0}.showcase{padding:42px 0}.showcase h2,.order h2{text-align:right}.float{display:block;position:fixed;bottom:12px;left:4%;right:4%;z-index:20;background:#087f70;color:#fff;text-align:center;padding:13px;border-radius:14px;text-decoration:none;font-weight:700;box-shadow:0 8px 25px #0004}}@media(max-width:480px){.cards{grid-template-columns:1fr}.nav{height:56px}.mini{padding:6px 10px}.price b{font-size:32px}.order{padding:45px 0}form{padding:20px}}

.quantity-block{margin:18px 0}.quantity-control{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;direction:ltr}.quantity-control .qty-btn{width:48px;height:48px;margin:0;padding:0;border-radius:12px;font-size:28px;line-height:1;background:#087f70;color:#fff}.quantity-control input{width:76px;height:48px;margin:0;text-align:center;font-size:20px;font-weight:700;background:#fff}.discount-note{background:#fff7df;border:1px solid #f0d891;padding:10px 12px;border-radius:12px;font-size:14px}.live-total{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#eef8f6;padding:14px;border-radius:12px}.live-total strong{font-size:24px;color:#087f70}.live-total small{width:100%;margin:0;color:#087f70;font-weight:700;text-align:right}

.bundle-offer{display:flex;align-items:center;gap:12px;background:#fff7df;border:2px solid #edc85d;padding:13px 15px;border-radius:15px;margin:0 0 20px;box-shadow:0 8px 24px #8a6b1618}.bundle-offer .offer-fire{white-space:nowrap;background:#13232b;color:#fff;padding:6px 10px;border-radius:999px;font-weight:700}.bundle-offer strong{display:block;font-size:17px}.bundle-offer small{display:block;color:#66777d;margin:2px 0 0;text-align:right}.order-offer-banner{background:#fff4cf;border:2px dashed #d5a91e;border-radius:15px;padding:14px 16px;margin:14px 0 18px;font-size:17px}.order-offer-banner strong{color:#087f70;font-size:19px}@media(max-width:480px){.bundle-offer{align-items:flex-start;flex-direction:column}.bundle-offer .offer-fire{font-size:13px}.order-offer-banner{font-size:15px}}


/* =========================
   LANGUAGE SWITCHER
========================= */

.languages {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

    padding: 4px;

    background: #f3f7f6;
    border-radius: 12px;

    direction: ltr;

    flex-shrink: 0;
}

.languages a {
    display: flex;
    align-items: center;
    justify-content:center;
    

    min-width: 42px;
    height: 34px;

    padding: 0 10px;

    text-decoration: none;

    font-size: 13px;
    font-weight: 600;

    color: #344744;

    border-radius: 9px;

    white-space: nowrap;

    transition: 0.2s ease;
}

.languages a:hover {
    background: #e2eeeb;
    color: #087f70;
}

.languages a.active {
    background: #087f70;
    color: white;
}


/* =========================
   HEADER
========================= */

header .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

header .nav > strong {
    white-space: nowrap;
}

header .mini {
    white-space: nowrap;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 700px) {

    header .nav {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr)
            auto;

        gap: 10px;

        padding-top: 10px;
        padding-bottom: 10px;
    }


    /* اسم المنتج */

    header .nav > strong {
        grid-column: 1;
        grid-row: 1;

        font-size: 15px;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


    /* زر اطلب الآن */

    header .mini {
        grid-column: 2;
        grid-row: 1;

        margin: 0;
    }


    /* اللغات في سطر مستقل */

    .languages {
        grid-column: 1 / -1;
        grid-row: 2;

        width: fit-content;

        max-width: 100%;

        margin: 0 auto;

        justify-self: center;
    }


    .languages a {
        min-width: 48px;
        height: 32px;

        padding: 0 12px;

        font-size: 12px;
    }

}
/* Arabic-only landing page refinements */
html[dir="rtl"] body { direction: rtl; text-align: right; }
html[dir="rtl"] .nav { direction: rtl; }
html[dir="rtl"] .order { background:#f7fbfc; }
html[dir="rtl"] .ordergrid { align-items:start; }
html[dir="rtl"] form { direction:rtl; text-align:right; }
html[dir="rtl"] form small { text-align:right; }
html[dir="rtl"] .quantity-control { direction:ltr; }
@media(max-width:800px){
  html[dir="rtl"] .ordergrid > div { order:0; }
  html[dir="rtl"] .ordergrid > form { order:1; }
}


/* ===== Simplified conversion-focused order section ===== */
.ordergrid-simple{
    display:block;
    max-width:680px;
    margin:0 auto;
}
.order-form-main{
    width:100%;
}
.form-intro{
    text-align:center;
    margin-bottom:22px;
}
.form-intro .eyebrow{
    margin:0 0 4px;
}
.order .form-intro h2{
    text-align:center;
    margin:0 0 8px;
    font-size:clamp(25px,4vw,32px);
}
.form-price{
    margin:0;
    color:#53676e;
}
.form-price strong{
    color:#087f70;
    font-size:24px;
}
.float{
    transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.float.is-hidden{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(12px);
}
@media(max-width:800px){
    .ordergrid-simple{max-width:100%;}
    .order{padding:34px 0 45px;}
    .form-intro{margin-bottom:18px;}
}