@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800&display=swap");

:root{--brand:#e45aa5;--brand-soft:#fff0f7;--ink:#25262d;--muted:#757b87;--line:#ececf1;--bg:#fff;--shadow:0 15px 45px rgba(55,40,50,.09);--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;direction:rtl;font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--container),calc(100% - 30px));margin:auto}.top-ticker{background:var(--brand);color:#fff;height:34px;overflow:hidden;display:flex;align-items:center;white-space:nowrap}.ticker-track{display:inline-flex;gap:60px;min-width:max-content;animation:ticker 18s linear infinite;font-size:13px;font-weight:700}.ticker-offer{background:#fff;color:var(--brand);padding:4px 11px;border-radius:999px}@keyframes ticker{from{transform:translateX(-5%)}to{transform:translateX(45%)}}.header{position:sticky;top:0;z-index:60;background:#fffffff2;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.head-row{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.logo img{width:122px}.head-left,.head-right{display:flex;gap:9px;align-items:center}.head-left{justify-content:flex-start}.head-right{justify-content:flex-end}.icon{width:41px;height:41px;border:1px solid var(--line);background:#fff;border-radius:14px;display:grid;place-items:center;position:relative}.count{position:absolute;top:-7px;left:-7px;background:var(--brand);color:#fff;min-width:20px;height:20px;padding:0 5px;border-radius:99px;border:2px solid #fff;font-size:10px;display:grid;place-items:center}.search-wrap{position:relative}.search-pop{display:none;position:absolute;top:48px;left:0;width:290px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow)}.search-wrap.open .search-pop{display:block}.nav{display:flex;gap:5px;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 0 13px}.nav a{padding:8px 10px;border-radius:999px;font-size:13px}.nav a:hover{background:var(--brand-soft);color:var(--brand)}#navCats{display:contents}.mobile-menu{display:none}.btn{border:0;border-radius:15px;padding:12px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--brand);color:#fff}.outline{border:1px solid var(--brand);background:#fff;color:var(--brand)}.soft{background:var(--brand-soft);color:var(--brand)}.full{width:100%}.input,select,textarea{width:100%;border:1px solid #dfe0e6;background:#fff;border-radius:13px;padding:11px 12px;outline:none}.input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px #e45aa512}.hero{padding:20px 0 10px}.hero-shell{position:relative;overflow:hidden;border-radius:30px;height:470px;background:#f8edf4;box-shadow:var(--shadow)}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .65s}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:470px;object-fit:cover}.hero-content{position:absolute;right:55px;top:50%;transform:translateY(-50%);background:#ffffffd9;backdrop-filter:blur(10px);width:min(480px,calc(100% - 30px));padding:28px;border-radius:24px;z-index:5}.hero-content h1{font-size:43px;margin:12px 0}.hero-content p{color:#5e6470;line-height:1.8}.eyebrow{display:inline-flex;background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px}.hero-dots{position:absolute;bottom:17px;right:50%;transform:translateX(50%);z-index:9;display:flex;gap:7px}.hero-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#ffffff88}.hero-dots button.active{width:26px;border-radius:9px;background:#fff}.section{padding:58px 0}.soft-section{background:linear-gradient(180deg,#fff,#fff8fc)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.section-head small{color:var(--brand);font-weight:800}.section-head h2{font-size:29px;margin:6px 0}.section-head p{color:var(--muted);margin:0}.link{color:var(--brand);font-weight:800}.category-strip{display:flex;gap:14px;overflow:auto;padding:8px 2px 14px}.category-card{min-width:130px;text-align:center}.category-circle{width:116px;height:116px;margin:auto;border-radius:50%;display:grid;place-items:center;font-size:47px;background:linear-gradient(145deg,#c9f4ea,#ffd7e8);border:7px solid #fff;box-shadow:0 8px 24px #46324117}.category-card:nth-child(3n+2) .category-circle{background:linear-gradient(145deg,#e1efff,#eee4ff)}.category-card:nth-child(3n+3) .category-circle{background:linear-gradient(145deg,#fff3d8,#ffe0ea)}.category-card span{display:block;margin-top:9px;font-weight:800;font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.product-card{border:1px solid var(--line);border-radius:23px;overflow:hidden;background:#fff;transition:.25s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-media{aspect-ratio:1;position:relative;background:#fafafa;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:12px;right:12px;background:var(--brand);color:#fff;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}.wish{position:absolute;left:12px;top:12px;width:37px;height:37px;border-radius:50%;border:0;background:#fff;color:#666;font-size:20px;z-index:2}.wish.on{color:var(--brand);background:var(--brand-soft)}.product-body{padding:15px}.cat-name{font-size:11px;color:#88909c}.product-title{display:block;font-size:16px;font-weight:800;margin:7px 0;line-height:1.55}.rating{font-size:12px;color:#e9a033}.prices{display:flex;align-items:center;gap:8px;margin:8px 0 12px}.price{font-size:18px;font-weight:900}.old{text-decoration:line-through;color:#a9adb6;font-size:12px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card-actions .btn{padding:10px 8px;font-size:12px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{border:1px solid var(--line);border-radius:20px;padding:18px;background:#fff;display:flex;gap:13px}.feature i{width:44px;height:44px;border-radius:14px;background:var(--brand-soft);display:grid;place-items:center;font-style:normal;font-size:22px}.feature strong{display:block}.feature small{color:var(--muted)}.quote{border-radius:28px;background:linear-gradient(120deg,#fff0f7,#f5f0ff,#ecfbf7);padding:42px;text-align:center}.quote .cat{font-size:64px}.quote h2{color:var(--brand)}.footer{background:#282932;color:#fff;margin-top:55px;padding:50px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:25px}.footer p,.footer a{color:#c9cbd3;line-height:1.8}.footer a{display:block;margin:7px 0}.foot-bottom{margin-top:30px;padding-top:18px;border-top:1px solid #ffffff18;color:#aeb1bb;display:flex;justify-content:space-between}.whatsapp{position:fixed;left:20px;bottom:20px;background:#25d366;color:#fff;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:25px;z-index:40;box-shadow:0 12px 25px #25d36644}.page-hero{text-align:center;padding:48px 0 26px;background:linear-gradient(180deg,#fff5fa,#fff)}.page-hero h1{font-size:36px;margin:0 0 8px}.page-hero p{color:var(--muted)}.shop-layout{display:grid;grid-template-columns:250px 1fr;gap:25px;align-items:start}.filters{position:sticky;top:112px;border:1px solid var(--line);border-radius:22px;padding:18px;background:#fff}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.product-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;padding:48px 0}.gallery-main{border-radius:28px;overflow:hidden;background:#fafafa}.gallery-main img{width:100%;aspect-ratio:1;object-fit:cover}.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px}.thumb{border:2px solid transparent;border-radius:14px;overflow:hidden;padding:0;background:#fff}.thumb.active{border-color:var(--brand)}.thumb img{aspect-ratio:1;object-fit:cover}.product-info{position:sticky;top:118px}.product-info h1{font-size:32px;margin:9px 0}.lead{color:#656b76;line-height:1.9}.stock{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eaf9f1;color:#248057;font-size:12px;font-weight:800}.stock.low{background:#fff4d9;color:#93680d}.stock.out{background:#ffeded;color:#b43838}.qty{display:flex;align-items:center;gap:12px;margin:18px 0}.qty-box{display:flex;border:1px solid var(--line);border-radius:13px;overflow:hidden}.qty-box button{width:40px;height:40px;border:0;background:#fff}.qty-box span{min-width:42px;display:grid;place-items:center}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.desc{margin-top:22px;background:#fafafa;border-radius:18px;padding:18px;line-height:1.9}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:27px;align-items:start}.cart-row{display:grid;grid-template-columns:84px 1fr auto 105px 55px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.cart-row img{width:84px;height:84px;object-fit:cover;border-radius:15px}.cart-row small{display:block;color:var(--muted);margin-top:5px}.remove{border:0;background:none;color:#c33}.summary{position:sticky;top:118px;border:1px solid var(--line);border-radius:22px;padding:19px;background:#fff}.sum-row{display:flex;justify-content:space-between;padding:9px 0}.sum-row.total{font-size:19px;border-top:1px solid var(--line);margin-top:6px;padding-top:15px}.progress{height:8px;background:#f0f0f4;border-radius:99px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--brand)}.checkout-main{display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:start}.checkout-card{border:1px dashed #aab0bb;border-radius:22px;padding:20px}.checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wide{grid-column:1/-1}.payment-methods{display:grid;gap:9px}.pay-option{border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;align-items:center;gap:10px}.pay-option:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.pay-option.disabled{opacity:.45;cursor:not-allowed}.payment-box{background:#fff7fb;border-radius:15px;padding:13px;line-height:1.8;font-size:13px}.upload-box{border:1px dashed var(--brand);border-radius:15px;padding:14px;text-align:center}.order-mini{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.order-mini img{width:58px;height:58px;border-radius:12px;object-fit:cover}.order-mini .grow{flex:1}.notice{padding:12px 14px;border-radius:13px;background:#fff7dc;color:#76580f;font-size:13px;line-height:1.7}.empty{text-align:center;border:1px dashed #ddd;border-radius:22px;padding:45px}.disabled{pointer-events:none;opacity:.45}.error{color:#bd3333}.toast-host{position:fixed;right:18px;bottom:18px;z-index:200;display:grid;gap:8px}.toast{background:#282932;color:#fff;padding:11px 16px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:980px){.product-grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}.shop-layout,.product-detail,.checkout-main,.cart-layout{grid-template-columns:1fr}.filters,.product-info,.summary{position:static}.footer-grid{grid-template-columns:1fr 1fr}.nav{display:none}.nav.open{display:flex;position:absolute;right:0;left:0;top:78px;background:#fff;padding:14px;box-shadow:var(--shadow)}.mobile-menu{display:grid}}@media(max-width:650px){.container{width:min(100% - 20px,var(--container))}.head-row{grid-template-columns:auto 1fr auto;height:68px}.logo img{width:100px}.hero-shell,.hero-slide img{height:450px}.hero-content{right:13px;left:13px;top:auto;bottom:28px;transform:none;width:auto}.hero-content h1{font-size:29px}.section{padding:44px 0}.product-grid{gap:11px}.product-title{font-size:14px}.card-actions{grid-template-columns:1fr}.features{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.foot-bottom{display:block}.checkout-form{grid-template-columns:1fr}.wide{grid-column:auto}.cart-row{grid-template-columns:68px 1fr auto}.cart-row img{width:68px;height:68px}.cart-row .qty-box{grid-column:3}.cart-row>strong{grid-column:2}.remove{grid-column:3}.category-card{min-width:105px}.category-circle{width:90px;height:90px;font-size:36px}.action-row{grid-template-columns:1fr}}
.hero-content {
    display: none !important;
}
.logo img {
    width: 45px !important;
    height: 45px !important;
    object-fit: contain !important;
    border-radius: 50% !important;
}
.hero-shell {
    min-height: 390px !important;
    height: 390px !important;
}

.hero-slide img {
    height: 390px !important;
    object-fit: cover !important;
}
/* سلة التسوق أوضح وأقوى */
.head-left {
    justify-content: flex-start !important;
    gap: 12px !important;
}

.head-left a[href="/cart.html"] {
    background: #c8ff4d !important;
    border: 2px solid #9edc1d !important;
    color: #1f2a00 !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    font-size: 22px !important;
    box-shadow: 0 8px 18px rgba(158, 220, 29, 0.25) !important;
}

/* رقم المنتجات فوق السلة */
.head-left a[href="/cart.html"] .count {
    background: #ff4f9f !important;
    color: white !important;
    border: 2px solid white !important;
    min-width: 24px !important;
    height: 24px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    top: -8px !important;
    left: -8px !important;
}
/* نقل السلة والمفضلة لأقصى الشمال */
.head-left {
    width: 100% !important;
    justify-content: flex-end !important;
    transform: none !important;
}
/* ===== مكان وشكل لوجو Wefa ===== */

.head-row {
    position: relative !important;
}

/* اللوجو ناحية اليمين */
.logo {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 60px !important;
    height: 60px !important;

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

    border-radius: 50% !important;
    z-index: 10 !important;
}

/* حجم اللوجو */
.logo img {
    width: 52px !important;
    height: 52px !important;
    object-fit: contain !important;
    border-radius: 50% !important;
}

/* الدائرة المتحركة حول اللوجو */
.logo::before {
    content: "" !important;
    position: absolute !important;

    width: 62px !important;
    height: 62px !important;

    border: 2px dashed #8fa36b !important;
    border-radius: 50% !important;

    animation: wefaLogoSpin 8s linear infinite !important;

    pointer-events: none !important;
}

/* حركة دوران الدائرة */
@keyframes wefaLogoSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* ===== ترتيب الهيدر النهائي ===== */

.head-row {
    position: relative !important;
}

/* اللوجو أقصى اليمين */
.logo {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* البحث بجانب اللوجو من ناحية الشمال */
.head-right {
    position: absolute !important;
    right: 95px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    display: flex !important;
    align-items: center !important;
}

/* إخفاء زر العدسة القديم */
#searchBtn {
    display: none !important;
}

/* خلي مربع البحث ظاهر دائمًا */
.search-wrap {
    position: relative !important;
}

.search-pop {
    display: block !important;
    position: static !important;

    width: 260px !important;

    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* شكل مستطيل البحث */
#globalSearch {
    width: 260px !important;
    height: 43px !important;

    border: 1px solid #e5e5ea !important;
    border-radius: 14px !important;

    background: #fafafa !important;

    padding: 0 16px !important;

    font-size: 14px !important;
    color: #333 !important;

    box-shadow: none !important;
}

/* كلمة ابحث هنا بلون باهت */
#globalSearch::placeholder {
    color: #b6b6bd !important;
    opacity: 1 !important;
}

/* السلة والمفضلة أقصى الشمال */
.head-left {
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: auto !important;

    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* السلة واضحة */
.head-left a[href="/cart.html"] {
    background: #c8ff4d !important;
    border: 2px solid #9edc1d !important;

    width: 48px !important;
    height: 48px !important;

    border-radius: 16px !important;
    font-size: 22px !important;
}

/* رقم المنتجات فوق السلة */
.head-left a[href="/cart.html"] .count {
    background: #ff4f9f !important;
    color: white !important;

    min-width: 23px !important;
    height: 23px !important;

    font-size: 12px !important;
    font-weight: bold !important;

    top: -8px !important;
    left: -8px !important;
}
/* تحسين خط قائمة الأقسام */
header nav a,
.nav a {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #2f2f35 !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
    transition: 0.25s ease !important;
}

/* حركة بسيطة عند الوقوف على القسم */
header nav a:hover,
.nav a:hover {
    color: #e9569d !important;
    transform: translateY(-1px);
}
/* =========================================
   Responsive Hero Banners
   لا يغيّر اللوجو
========================================= */

/* الكمبيوتر */
.hero-shell {
    height: 340px !important;
    min-height: 340px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
}

.hero-slide {
    width: 100% !important;
    height: 100% !important;
}

.hero-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}


/* =========================
   التابلت
========================= */
@media (max-width: 1024px) {

    .hero-shell {
        height: 275px !important;
        min-height: 275px !important;
        border-radius: 22px !important;
    }

    .hero {
        padding-top: 12px !important;
    }
}


/* =========================
   الموبايل
========================= */
@media (max-width: 600px) {

    .hero {
        padding-top: 8px !important;
    }

    .hero .container {
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .hero-shell {
        width: 100% !important;
        height: 190px !important;
        min-height: 190px !important;
        border-radius: 18px !important;
    }

    .hero-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .hero-dots {
        bottom: 8px !important;
    }
}


/* =========================
   الموبايلات الصغيرة جدًا
========================= */
@media (max-width: 390px) {

    .hero-shell {
        height: 170px !important;
        min-height: 170px !important;
    }
}

/* =========================================================
   Wefa Professional Typography
   خط احترافي موحّد للعربي والإنجليزي
   ========================================================= */

html,
body,
button,
input,
select,
textarea,
a {
    font-family: "Cairo", Tahoma, Arial, sans-serif !important;
}

html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-weight: 500 !important;
    line-height: 1.75 !important;
}

/* عناوين الموقع */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Cairo", Tahoma, Arial, sans-serif !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
}

/* عناوين الأقسام */
.section-head h2,
.page-hero h1,
.product-info h1,
.quote h2 {
    font-weight: 800 !important;
}

/* النصوص والوصف */
p,
small,
span,
label {
    font-family: "Cairo", Tahoma, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

p {
    line-height: 1.9 !important;
    font-weight: 500 !important;
}

/* القائمة العلوية */
header nav a,
.nav a {
    font-family: "Cairo", Tahoma, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.7 !important;
}

/* أسماء المنتجات */
.product-title {
    font-family: "Cairo", Tahoma, Arial, sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.65 !important;
}

.cat-name,
.feature small,
.section-head p,
.lead,
.footer p,
.footer a {
    font-weight: 500 !important;
}

/* الأسعار */
.price {
    font-family: "Cairo", Tahoma, Arial, sans-serif !important;
    font-weight: 800 !important;
}

/* الأزرار */
.btn,
button {
    font-family: "Cairo", Tahoma, Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

/* خانات الإدخال */
input,
textarea,
select,
.input {
    font-family: "Cairo", Tahoma, Arial, sans-serif !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
}

/* Placeholder */
input::placeholder,
textarea::placeholder,
#globalSearch::placeholder {
    font-family: "Cairo", Tahoma, Arial, sans-serif !important;
    font-weight: 400 !important;
}

/* الشريط العلوي */
.top-ticker,
.ticker-track,
.ticker-offer {
    font-family: "Cairo", Tahoma, Arial, sans-serif !important;
}

/* الفوتر */
.footer h3 {
    font-weight: 700 !important;
}

/* تحسين القراءة على الهاتف */
@media (max-width: 650px) {
    body {
        font-size: 14px !important;
    }

    header nav a,
    .nav a {
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    .section-head h2 {
        font-size: 25px !important;
    }

    .product-title {
        font-size: 14px !important;
    }
}
/* ===== حركة فئات المنتجات ===== */

.category-strip {
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
}

.category-strip::-webkit-scrollbar {
    display: none !important;
}

.category-card {
    flex: 0 0 auto !important;
    scroll-snap-align: center !important;
}ٍ

/* =========================================================
   WEFA PREMIUM TYPOGRAPHY — 2026
   Body: Cairo
   Headings/UI: Alexandria
   ========================================================= */

html,
body,
p,
small,
span,
label,
input,
textarea,
select,
.input {
    font-family: "Cairo", Tahoma, Arial, sans-serif !important;
}

body {
    font-weight: 500 !important;
    line-height: 1.8 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-head h2,
.page-hero h1,
.product-info h1,
.quote h2,
.product-title,
.price,
.btn,
button,
header nav a,
.nav a,
.category-card span,
.ticker-track,
.ticker-offer {
    font-family: "Alexandria", "Cairo", Tahoma, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

.section-head h2,
.page-hero h1,
.product-info h1,
.quote h2 {
    font-weight: 800 !important;
}

.product-title {
    font-weight: 700 !important;
    line-height: 1.65 !important;
}

.price {
    font-weight: 800 !important;
}

.btn,
button {
    font-weight: 700 !important;
}

header nav a,
.nav a {
    font-weight: 600 !important;
}

.category-card span {
    font-weight: 700 !important;
}

input::placeholder,
textarea::placeholder,
#globalSearch::placeholder {
    font-family: "Cairo", Tahoma, Arial, sans-serif !important;
    font-weight: 400 !important;
}

@media (max-width: 650px) {
    body {
        font-size: 14px !important;
    }

    .section-head h2 {
        font-size: 25px !important;
    }

    .product-title {
        font-size: 14px !important;
    }
}

/* ===== صور الأقسام داخل الدوائر ===== */
.category-circle img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:50% !important;
    display:block !important;
}

/* ===== تنبيه نجاح الطلب بعد إتمام الدفع ===== */
.order-success-notice{
  position:relative;
  margin-top:14px;
  padding:2px;
  border-radius:22px;
  overflow:hidden;
  isolation:isolate;
  box-shadow:0 14px 34px rgba(38,157,102,.16);
  animation:wefaNoticePop .4s ease both;
}
.order-success-notice::before{
  content:"";
  position:absolute;
  inset:-160%;
  z-index:-2;
  background:conic-gradient(from 0deg,#20b26b,#8bdcb2,#ffffff,#e45aa5,#ffd8eb,#20b26b);
  animation:wefaNoticeSpin 2.8s linear infinite;
}
.order-success-notice::after{
  content:"";
  position:absolute;
  inset:2px;
  z-index:-1;
  border-radius:20px;
  background:linear-gradient(135deg,#f4fff8 0%,#ffffff 55%,#fff7fb 100%);
}
.order-success-inner{
  display:flex;
  align-items:flex-start;
  gap:13px;
  padding:17px 18px;
  border-radius:20px;
}
.order-success-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#20b26b;
  color:#fff;
  font-size:24px;
  font-weight:900;
  box-shadow:0 6px 18px rgba(32,178,107,.24);
}
.order-success-inner strong{
  display:block;
  color:#14633e;
  font-size:17px;
  font-weight:900;
  margin-bottom:4px;
}
.order-success-inner p{
  margin:3px 0;
  color:#38453e;
  line-height:1.9;
  font-weight:600;
}
.order-success-number{
  margin-top:7px !important;
  padding-top:7px;
  border-top:1px dashed rgba(32,178,107,.28);
}
@keyframes wefaNoticeSpin{to{transform:rotate(360deg)}}
@keyframes wefaNoticePop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.order-success-notice::before{animation:none}.order-success-notice{animation:none}}
@media (max-width:650px){
  .order-success-inner{padding:14px 13px;gap:10px}
  .order-success-icon{flex-basis:38px;width:38px;height:38px;font-size:21px}
  .order-success-inner strong{font-size:15px}
  .order-success-inner p{font-size:13px}
}


/* =========================================================
   WEFA — FINAL MOBILE RESPONSIVE FIX
   أضف هذا الجزء في آخر ملف site.css فقط
   لا يحذف أو يغيّر أي أكواد قديمة
   ========================================================= */

/* منع الصفحة نفسها من الخروج خارج عرض الشاشة */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body {
  position: relative !important;
}

main,
header,
footer,
section {
  max-width: 100% !important;
}

img,
video,
svg,
canvas {
  max-width: 100% !important;
}

/* الحفاظ على السكرول الأفقي داخل الأقسام فقط وليس الصفحة كلها */
.category-strip {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-inline: contain;
}

/* حركة واتساب بسيطة: طلوع ونزول مسافة صغيرة */
.whatsapp {
  animation: wefaWhatsAppFloat 1.45s ease-in-out infinite !important;
  will-change: transform;
}

.whatsapp img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: inherit !important;
}

@keyframes wefaWhatsAppFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .whatsapp {
    animation: none !important;
  }
}

/* =========================
   MOBILE / TABLET
   ========================= */
@media (max-width: 980px) {

  .container {
    width: calc(100% - 20px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
  }

  /* الهيدر يتكيف مع عرض الجهاز بدل المقاسات الثابتة القديمة */
  .head-row {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 68px !important;
    height: auto !important;

    display: flex !important;
    align-items: center !important;
    gap: 7px !important;

    padding: 8px 0 !important;
    position: relative !important;
  }

  /* اللوجو يمين */
  .logo {
    order: 1 !important;

    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;

    flex: 0 0 52px !important;
    width: 52px !important;
    height: 52px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .logo img {
    width: 46px !important;
    height: 46px !important;
  }

  .logo::before {
    width: 52px !important;
    height: 52px !important;
  }

  /* البحث + زر القائمة في المنتصف */
  .head-right {
    order: 2 !important;

    position: static !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;

    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;

    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .mobile-menu {
    display: grid !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
  }

  .search-wrap {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .search-pop {
    display: block !important;
    position: static !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  #globalSearch {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;

    padding: 0 12px !important;
    font-size: 13px !important;
  }

  /* المفضلة والسلة شمال */
  .head-left {
    order: 3 !important;

    position: static !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;

    flex: 0 0 auto !important;
    width: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
  }

  .head-left .icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 13px !important;
  }

  .head-left a[href="/cart.html"] {
    width: 45px !important;
    height: 45px !important;
    border-radius: 14px !important;
    font-size: 20px !important;
  }

  /* القائمة المنسدلة لا توسع الشاشة */
  .nav.open {
    width: 100% !important;
    max-width: 100% !important;
    right: 0 !important;
    left: 0 !important;
    top: 100% !important;
    overflow-x: hidden !important;
  }

  /* البنر */
  .hero,
  .hero .container,
  .hero-shell,
  .hero-slide,
  .hero-slide img {
    max-width: 100% !important;
  }

  .hero .container {
    width: calc(100% - 20px) !important;
    padding: 0 !important;
  }

  /* عناوين الأقسام لا تتقص */
  .section-head {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .section-head > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .section-head h2,
  .section-head p {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .section-head .link,
  .section-head > a.link {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}

/* =========================
   PHONE
   ========================= */
@media (max-width: 650px) {

  .container {
    width: calc(100% - 16px) !important;
  }

  .head-row {
    gap: 5px !important;
  }

  .logo {
    flex-basis: 48px !important;
    width: 48px !important;
    height: 48px !important;
  }

  .logo img {
    width: 42px !important;
    height: 42px !important;
  }

  .logo::before {
    width: 48px !important;
    height: 48px !important;
  }

  .mobile-menu {
    flex-basis: 40px !important;
    width: 40px !important;
    height: 40px !important;
  }

  .head-left .icon {
    width: 40px !important;
    height: 40px !important;
  }

  .head-left a[href="/cart.html"] {
    width: 43px !important;
    height: 43px !important;
  }

  #globalSearch {
    height: 40px !important;
    padding-inline: 10px !important;
    font-size: 12px !important;
  }

  /* البنر داخل الشاشة بالكامل */
  .hero {
    padding-top: 8px !important;
  }

  .hero .container {
    width: calc(100% - 16px) !important;
  }

  .hero-shell {
    width: 100% !important;
    height: clamp(165px, 47vw, 205px) !important;
    min-height: 0 !important;
    border-radius: 18px !important;
  }

  .hero-slide,
  .hero-slide img {
    width: 100% !important;
    height: 100% !important;
  }

  .hero-slide img {
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* عنوان "اختاري القسم..." */
  .section {
    padding: 38px 0 !important;
  }

  .section-head {
    gap: 10px !important;
    margin-bottom: 18px !important;
    align-items: flex-end !important;
  }

  .section-head h2 {
    font-size: clamp(23px, 7vw, 29px) !important;
    line-height: 1.45 !important;
    margin: 5px 0 !important;
  }

  .section-head p {
    font-size: 13px !important;
    line-height: 1.9 !important;
  }

  .section-head .link,
  .section-head > a.link {
    font-size: 13px !important;
  }

  /* دوائر الأقسام */
  .category-strip {
    gap: 10px !important;
    padding-inline: 2px !important;
  }

  .category-card {
    min-width: 92px !important;
    max-width: 92px !important;
  }

  .category-circle {
    width: 82px !important;
    height: 82px !important;
    border-width: 6px !important;
    font-size: 32px !important;
  }

  .category-card span {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  /* واتساب */
  .whatsapp {
    left: 14px !important;
    bottom: 16px !important;
    width: 54px !important;
    height: 54px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
  }
}

/* موبايلات صغيرة جدًا */
@media (max-width: 380px) {

  .container,
  .hero .container {
    width: calc(100% - 12px) !important;
  }

  .head-row {
    gap: 4px !important;
  }

  .logo {
    flex-basis: 44px !important;
    width: 44px !important;
    height: 44px !important;
  }

  .logo img {
    width: 39px !important;
    height: 39px !important;
  }

  .logo::before {
    width: 44px !important;
    height: 44px !important;
  }

  .mobile-menu,
  .head-left .icon {
    width: 38px !important;
    height: 38px !important;
  }

  .mobile-menu {
    flex-basis: 38px !important;
  }

  .head-left a[href="/cart.html"] {
    width: 40px !important;
    height: 40px !important;
  }

  #globalSearch {
    height: 38px !important;
    padding-inline: 8px !important;
  }

  .hero-shell {
    height: clamp(155px, 46vw, 178px) !important;
  }

  .category-card {
    min-width: 88px !important;
    max-width: 88px !important;
  }

  .category-circle {
    width: 78px !important;
    height: 78px !important;
  }
}