:root {
        --brand: #883576;
        --brand-300: #b968a6;
        --soft: #ffeef6; /* خلفية البحث طبقاً للصورة */
        --line: #e5cddd; /* خط فاصل */
        --muted: #bfbfc3; /* رمادي العناصر السفلية */
      }

      body {
        font-weight: 600;
      }
      .header {
        /* border-bottom: 1px solid var(--line); */
        background: #fff;
      }

      /* الشعار */
      .logo img {
        height: 87px;
      }

      /* زر تسجيل الدخول الكبير */
      .btn-login {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        background: var(--brand);
        color: #fff;
        border: 0;
           padding: 14px 20px;
        border-radius: 10px;
        font-weight: 800;
        line-height: 1;
        text-decoration: none !important;
      }
      .btn-login .bi {
        font-size: 1.2rem;
      }

      /* أيقونات بإطار */
      .icon-box {
        width: 40px;
        height: 40px;
        border: 1.6px solid var(--brand);
        color: var(--brand);
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.35rem;
      }

      /* شريط البحث (ديسكتوب) */
      .search-desktop {
        position: relative;
        background: var(--soft);
        height: 64px;
        border-radius: 24px;
        display: flex;
        align-items: center;
        padding: 0.5rem 1.1rem;
      }
      .search-desktop input {
        border: 0;
        background: transparent;
        outline: 0;
        box-shadow: none;
        width: 100%;
        height: 100%;
        font-size: 18px;
        font-weight: 800;
        color: var(--brand);
        padding-inline: 0.6rem 2.4rem; /* مساحة الأيقونة */
      }
      .search-desktop input::placeholder {
        color: var(--brand);
      }
      .search-desktop i.bi-search {
        position: absolute;
        inset-inline-end: 16px;
        font-size: 1.45rem;
        color: var(--brand);
      }

      /* صف التصنيفات (ديسكتوب) */
      .cats {
        color: var(--muted);
      }
      .cats a {
        color: var(--muted);
        text-decoration: none;
        font-weight: 800;
      }
      .cats a.active {
        color: var(--brand);
      }
      .cats-row {
        gap: 2.4rem;
      }
      .cats .grid {
        font-size: 1.6rem;
        color: #b86aa7;
      }
      :root {
        --brand: #883576;
        --soft: #fff7fb;
        --line: #c786b0; /* لون الحد العلوي للشريط */
        --muted: #bfbfc3;
      }

      /* ===== شريط التصنيفات (ديسكتوب) ===== */
      .cats-strip {
        background: var(--soft);
        /* border-top: 2px solid var(--brand);  */
      }
      .cats-row {
        height: 56px; /* توحيد الارتفاع */
        display: flex;
        align-items: center;
      }

      /* يمين: الأصناف + شبكة */
      .cats-right a {
        text-decoration: none;
        font-weight: 800;
        color: var(--brand);
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
      }
      .cats-right i {
        font-size: 20px;
        color: var(--brand);
      }

      /* وسط: التصنيفات */
      .cats-center {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2.2rem;
        white-space: nowrap;
      }
      .cats-center a {
        /* color: var(--muted); */
        color:#000;
        text-decoration: none;
        font-weight: 800;
      }
      .cats-center a:hover {
        color: #9b9b9b;
      }

      /* يسار: اللغة + طلب تقسيط */
      .cats-left {
        display: flex;
        align-items: center;
        gap: 1.25rem;
      }

      /* محوّل اللغة */
      .lang-switch {
        display: flex;
        align-items: center;
        gap: 0.55rem;
        color: #9a9a9a;
        text-decoration: none;
        font-weight: 800;
      }
      .lang-flag {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.25rem 0.5rem;
        background: #0b5d39;
        color: #fff;
        border-radius: 0.5rem;
        font-size: 0.8rem;
        line-height: 1;
      }
      .lang-switch .bi {
        color: #2e2e2e;
        font-size: 1rem;
      }

      /* زر طلب تقسيط */
      .installment-link {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        color: var(--brand);
        text-decoration: none;
        font-weight: 800;
      }
      .installment-link i {
       font-size: 21px;
    color: var(--brand);
    transform: translateY(1px);
    padding-top: 10px;
      }

      /* baseline موحّد لكل الأيقونات الصغيرة */
      .cats-strip .bi {
        vertical-align: -0.12em;
      }

      /* موبايل */
      .m-top .icon {
        font-size: 1.9rem;
        color: #7b6b79;
      }
      .m-search {
        background: var(--soft);
        border-radius: 20px;
        height: 56px;
        position: relative;
        display: flex;
        align-items: center;
        margin-top: 0.6rem;
      }
      .m-search input {
        border: 0;
        background: transparent;
        width: 100%;
        height: 100%;
        padding-inline: 0.9rem 2.5rem;
        font-size: 1.25rem;
        font-weight: 800;
        color: var(--brand);
      }
      .m-search input::placeholder {
        color: var(--brand);
      }
      .m-search .bi-search {
        position: absolute;
        inset-inline-end: 14px;
        font-size: 1.5rem;
        color: var(--brand);
      }
      .m-cats {
        display: flex;
        gap: 1.65rem;
            padding: 10px 5px !important;
        overflow-x: auto;
        white-space: nowrap;
        padding: 0.35rem 0 0.4rem;
        scrollbar-width: thin;
      }
      .m-cats a {
        /* color: #bdb0bb; */
        color: #000;
        text-decoration: none;
        font-weight: 800;
      }
      .m-cats a.active {
        color: var(--brand);
      }
      .m-cats::-webkit-scrollbar {
        height: 6px;
      }
      .m-cats::-webkit-scrollbar-thumb {
        background: #d8c1d2;
        border-radius: 10px;
      }

      /* ضبط محاذاة الأيقونات مع النص */
      .bi {
        vertical-align: -0.12em;
      }
      /* صف البحث + طلب تقسيط (موبايل) */
      .m-search-row {
        display: flex;
        align-items: center;
        gap: 14px;
        justify-content: center;
      }

      /* زر طلب تقسيط بمحاذاة البحث */
      .installment-btn {
            width: 45px;
    height: 45px;
    border: 1.8px solid var(--brand);
    color: var(--brand);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    font-size: 1.8rem;
      }

      /* غلّظ الأيقونة قليلًا لو احتجت */
      .installment-btn .bi {
        font-weight: 600;
        font-size: 31px;
      }

      /* اجعل خانة البحث تتمدّد لملء الباقي */
      .m-search {
        flex: 1;
      }
      /* أبعاد اللوحة */

      /* بطاقة العروض */
      .promo-card {
        position: relative;
        border: 2px dashed #e7d3e1;
        border-radius: 20px;
        background: radial-gradient(120% 120% at 0% 0%, #ffe7f3 0%, #fff 60%);
      }
      .chip {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        padding: 0.45rem 1rem;
        border: 1.6px solid #c98db2;
        border-radius: 999px;
        color: #883576;
        font-weight: 800;
        background: #fff;
        line-height: 1;
      }
      .promo-copy h3 {
        color: #5a5a5a;
        font-size: 1.35rem;
      }
      .promo-copy h2 {
        color: #2f2f2f;
        font-size: 2rem;
      }
      .promo-copy .year {
        color: #883576;
      }
      .btn-brand {
        background: #883576;
        color: #fff;
        border-radius: 999px;
    padding: 10px 39px !important;
    font-size: 16px;

      }
      .promo-ghost {
        position: absolute;
        inset-inline-start: 1rem;
        inset-block-end: 1rem;
        opacity: 0.15;
        font-size: 6rem;
        color: #883576;
      }

      /* العناوين داخل الأعمدة */
      .section-title {
        color: #883576;
        font-weight: 800;
        margin-bottom: 0.8rem;
        text-decoration: underline;
        text-underline-offset: 0.35rem;
      }

      /* حبوب (Pills) */
      .pills-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 0.6rem 0.6rem;
      }
      .pill {
        display: inline-block;
        padding: 10px;
        border: 1.6px solid #c98db2;
        border-radius: 999px;
        color: #883576;
        text-decoration: none;
        font-weight: 800;
        font-size: 17px.95rem;
      }
      .pill:hover {
        background: #fff3f9;
      }

      /* قوائم */
      .cats-list,
      .brands-list {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .cats-list li + li,
      .brands-list li + li {
        margin-top: 0.55rem;
      }
      .cats-list a,
      .brands-list a {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        text-decoration: none;
        color: #5a5a5a;
        font-weight: 800;
      }
      .cats-list i,
      .brands-list i {
        color: #883576;
        font-size: 1.1rem;
        vertical-align: -0.12em;
      }
      .cats-list a:hover,
      .brands-list a:hover {
        color: #2f2f2f;
      }

      /* الأصناف يبقى ثابت عند الطرف (يمين في RTL) */
      @media (max-width: 991.98px) {
        .m-cats .sticky-first {
          position: sticky;
          inset-inline-end: 0; /* يثبت على يمين RTL / يسار LTR تلقائيًا */
          z-index: 3;
          background: linear-gradient(
            to left,
            #fff 80%,
            rgba(255, 255, 255, 0)
          ); /* غطاء بسيط */
          padding-inline: 0.75rem 0.5rem; /* تباعد لطيف مع العناصر التي تمر تحته */
        }
      }
      :root {
        --brand: #883576;
        --soft: #fff7fb;
      }

      /* ===== ميجا-منيو (ديسكتوب) ===== */
      .cats-mega-wrap {
        position: relative;
      }
      .mega-panel {
        display: none;
        position: absolute;
        inset-inline: 0;
        top: calc(100% + 0.6rem);
        z-index: 1050;
      }
      .mega-panel.show {
        display: block;
      }
      .mega-card {
        border: 1px solid #e7d3e1;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 16px 40px rgba(136, 53, 118, 0.1),
          0 60px 120px rgba(136, 53, 118, 0.12); /* توهج لطيف مثل الصورة */
      }

      /* بطاقة العروض يسار */
      .promo-card {
        position: relative;
        border: 2px dashed #e7d3e1;
        border-radius: 18px;
        background: radial-gradient(120% 120% at 0% 0%, #ffe7f3 0%, #fff 60%);
      }
      .chip {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        padding: 0.45rem 1rem;
        border: 1.6px solid #c98db2;
        border-radius: 999px;
        color: var(--brand);
        background: #fff;
        font-weight: 800;
      }
      .promo-copy h3 {
        color: #4f4f4f;
        font-size: 1.35rem;
      }
      .promo-copy h2 {
        color: #2f2f2f;
        font-size: 2rem;
      }
      .promo-copy .year {
        color: var(--brand);
      }
      .btn-brand {
        background: var(--brand);
        color: #fff;
      }
      .promo-ghost {
        position: absolute;
        inset-inline-start: 1rem;
        inset-block-end: 1rem;
        opacity: 0.1;
        font-size: 6rem;
        color: var(--brand);
      }

      /* عناوين الأعمدة */
      .section-title {
        color: var(--brand);
        font-weight: 800;
        margin-bottom: 0.85rem;
        text-decoration: underline;
        text-underline-offset: 0.35rem;
      }

      /* Pills */
      .pills-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 0.6rem;
      }
      .pill {
        display: inline-block;
        padding: 0.45rem 0.9rem;
        border: 1.6px solid #c98db2;
        border-radius: 999px;
        color: var(--brand);
        text-decoration: none;
        font-weight: 800;
        font-size: 0.95rem;
      }
      .pill:hover {
        background: #fff3f9;
      }

      /* قوائم */
      .cats-list,
      .brands-list {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .cats-list li + li,
      .brands-list li + li {
        margin-top: 0.6rem;
      }
      .cats-list a,
      .brands-list a {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        text-decoration: none;
        color: #5a5a5a;
        font-weight: 800;
      }
      .cats-list i,
      .brands-list i {
        color: var(--brand);
      }

      /* Offcanvas (موبايل) */
      .nn-canvas {
        --bs-offcanvas-width: 100vw;
      }
      .nn-canvas .offcanvas-title {
        color: #883576;
      }

      /* بطاقة العروض */
      .promo-card {
        position: relative;
        border: 2px dashed #e7d3e1;
        border-radius: 18px;
        background: radial-gradient(120% 120% at 0% 0%, #ffe7f3 0%, #fff 60%);
      }
      .chip {
        display: inline-flex;
        gap: 0.35rem;
        padding: 0.45rem 1rem;
        border: 1.6px solid #c98db2;
        border-radius: 999px;
        color: #883576;
        background: #fff;
        font-weight: 800;
        line-height: 1;
      }
      .promo-copy .year {
        color: #883576;
      }
      .btn-brand {
        background: #883576;
        color: #fff;
      }
      .promo-ghost {
        position: absolute;
        inset-inline-start: 1rem;
        inset-block-end: 1rem;
        opacity: 0.12;
        font-size: 5rem;
        color: #883576;
      }

      /* العناوين/القوائم/الحبوب */
      .section-title {
        color: #883576;
        font-weight: 800;
        margin: 0.25rem 0 0.75rem;
        text-decoration: underline;
        text-underline-offset: 0.3rem;
      }
      .pills-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 0.6rem;
      }
      .pill {
        display: inline-block;
        padding: 7px;
        border: 1.6px solid #c98db2;
        border-radius: 999px;
        color: #883576;
        text-decoration: none;
        font-weight: 800;
        font-size: 16px;
      }
      .pill:hover {
        background: #fff3f9;
      }
      .cats-list,
      .brands-list {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .cats-list li + li,
      .brands-list li + li {
        margin-top: 0.6rem;
      }
      .cats-list a,
      .brands-list a {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        text-decoration: none;
        color: #5a5a5a;
        font-weight: 800;
      }
      .cats-list i,
      .brands-list i {
        color: #883576;
      }
      /* ===== صندوق نتائج البحث (مشترك) ===== */
      .sr-panel {
        position: absolute;
        inset-inline: 0;
        top: calc(100% + 0.5rem);
        background: #fff;
        border: 1px solid #edd7e6;
        border-radius: 16px;
        box-shadow: 0 14px 40px rgba(136, 53, 118, 0.12);
        z-index: 1055;
        overflow: hidden;
        display: none;
      }
      .sr-panel.show {
        display: block;
      }
      .sr-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.6rem 0.9rem;
        border-bottom: 1px solid #edd7e6;
      }
      .sr-title {
        margin: 0;
        color: #883576;
        font-weight: 900;
        display: flex;
        align-items: center;
        gap: 0.5rem;
      }
      .sr-close {
        border: 0;
        background: #f7e9f3;
        width: 36px;
        height: 36px;
        border-radius: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
      }
      .sr-body {
        padding: 0.9rem;
        max-height: 60vh;
        overflow: auto;
      }

      /* كرت النتيجة */
      .result-card {
        border: 1px solid #edd7e6;
        border-radius: 12px;
        padding: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        text-decoration: none;
        background: #fff;
        height: 100%;
        transition: box-shadow 0.15s ease, transform 0.05s ease;
      }
      .result-card:hover {
        box-shadow: 0 8px 28px rgba(136, 53, 118, 0.08);
        transform: translateY(-1px);
      }
      .rc-info {
        min-width: 0;
      }
      .rc-title {
        margin: 0 0 0.3rem 0;
        font-weight: 900;
        color: #4a3f46;
        line-height: 1.35;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      .rc-price {
        margin: 0;
        color: #ff8d1a;
        font-weight: 900;
      }

      .rc-thumb {
        width: 120px;
        height: 96px;
        flex: 0 0 120px;
        background: #fff;
        border: 1px solid #edd7e6;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 6px;
      }
      .rc-thumb img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
      }

      /* زر عرض الكل */
      .btn-more {
        background: #883576;
        color: #fff;
        font-weight: 800;
        border-radius: 999px;
        padding: 0.6rem 1.25rem;
      }

      /* ==== استجابة الجوال ==== */
      @media (max-width: 991.98px) {
        /* الصندوق داخل شريط بحث الجوال */
        .sr-panel {
          top: calc(100% + 0.4rem);
          inset-inline: 0;
          border-radius: 14px;
        }
        .result-card {
          padding: 14px;
        }
        .rc-thumb {
          width: 92px;
          height: 82px;
          flex-basis: 92px;
        }
        .rc-title {
          font-size: 1.02rem;
        }
        .btn-more {
          width: 100%;
        }
      }
      /* ===== جذع الأصناف (العمود الأيمن في الميجا) ===== */
      .cats-root {
        list-style: none;
        margin: 0;
        padding: 0;
      }
      .cats-root li + li {
        margin-top: 0.5rem;
      }
      .cats-root a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        text-decoration: none;
        font-weight: 800;
        color: #5a5a5a;
        padding:10px;
        border: 1px solid #e7d3e1;
        border-radius: 12px;
        background: #fff;
      }
      .cats-root a .bi {
        color: var(--brand);
        opacity: 0.6;
      }
      .cats-root li.active > a {
        color: var(--brand);
        border-color: #d5b6c8;
        background: #fff7fb;
      }

      /* شبكة روابط فرعية لطيفة */
      .subgrid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.6rem;
      }
      .subgrid a {
        display: flex;
        align-items: center;
        font-weight: 500;
        gap: 0.5rem;
        text-decoration: none;
        padding: 8px;
        border: 1px solid #e7d3e1;
        border-radius: 12px;
        color: #4a3f46;
        background: #fff;
      }
      .subgrid a .bi {
        color: var(--brand);
      }

      /* Accordion في الموبايل */
      .nn-acc .accordion-button {
        font-weight: 800;
        color: #4a3f46;
            font-size: 16px;
      }
      .nn-acc .accordion-button:focus {
        box-shadow: none;
      }
      .nn-acc .accordion-button:not(.collapsed) {
        color: var(--brand);
        background: #fff7fb;
      }
      .nn-acc .accordion-item {
        border: 1px solid #e7d3e1;
        border-radius: 12px;
        overflow: hidden;
      }
      .nn-acc .accordion-item + .accordion-item {
        margin-top: 0.6rem;
      }
      /* حجم وعرض المنيو */
      .nn-menu {
        --bs-offcanvas-width: 88vw;
      } /* عدّلها لو تبغى 90vw مثلاً */
      .nn-menu .offcanvas-header {
        border-bottom: 1px solid #e7d3e1;
      }

      /* عناصر الروابط */
      .menu-list li + li {
        margin-top: 0.6rem;
      }
      .menu-list a {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.85rem 1rem;
        border: 1px solid #e7d3e1;
        border-radius: 12px;
        text-decoration: none;
        font-weight: 800;
        color: #4a3f46;
        background: #fff;
      }
      .menu-list a .bi {
        color: #883576;
        font-size: 1.2rem;
      }

      /* لمسة هوفر خفيفة */
      .menu-list a:hover {
        box-shadow: 0 10px 30px rgba(136, 53, 118, 0.08);
      }
      :root{
  --brand:#883576;
  --soft:#fff7fb;
  --line:#edd7e6;

  /* يتم تحديثها تلقائياً من سكربتك */
  --search-top: 80px;          /* Desktop fallback */
  --search-left: 12px;
  --search-width: 640px;
  --search-top-mobile: 76px;   /* Mobile fallback */
}

/* شكل صندوق البحث نفسه (اختياري) */
.search-desktop{
  position:relative; background:var(--soft); height:60px; border-radius:22px;
  display:flex; align-items:center; padding:0 .9rem;
}
.search-desktop input{
  width:100%; height:100%; border:0; outline:0; background:transparent;
  font-weight:800; font-size:18px; color:var(--brand);
  padding-inline: .4rem 2.2rem;
}
.search-desktop input::placeholder{ color:var(--brand); opacity:.9 }
.search-desktop .bi-search{
  position:absolute; inset-inline-end:14px; color:var(--brand); font-size:1.25rem;
}

/* ======= لوح النتائج ======= */
.nn-search-sheet{
  position:fixed; z-index:2000; background:#fff; border:1px solid var(--line);
  border-radius:16px; box-shadow:0 16px 40px rgba(136,53,118,.12);
  max-height:70vh; overflow:hidden;
}

/* تموضع ديسكتوب: يعتمد على المتغيرات التي يضبطها السكربت */
@media (min-width: 576px){
  .nn-search-sheet{
    top:var(--search-top); left:var(--search-left); width:var(--search-width);
    right:auto;
  }
}
/* تموضع موبايل: بعرض الشاشة بهوامش */
@media (max-width: 575.98px){
  .nn-search-sheet{
    top:var(--search-top-mobile); left:12px; right:12px;
  }
}

.nn-sheet-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:.7rem .9rem; border-bottom:1px solid var(--line); background:#fff;
}
.nn-sheet-head .bi{ color:var(--brand) }
.nn-sheet-body{ padding:.9rem; overflow:auto; max-height:calc(70vh - 58px); }

/* شبكة النتائج: موبايل عمود واحد، ديسكتوب 3 أعمدة */
#searchResults{
  display:grid; gap:.75rem;
  grid-template-columns: 1fr;            /* Mobile */
}
@media (min-width: 992px){
  #searchResults{ grid-template-columns: repeat(3, 1fr); }
}

/* بطاقة النتيجة — نفس الكلاسات التي يبنيها السكربت */
.result-item{
  direction:rtl; display:flex; align-items:center; justify-content:space-between; gap:.75rem;
  background:#fff; border:1px solid var(--line); border-radius:12px;
  padding:.75rem .9rem; text-decoration:none;
  transition:box-shadow .15s ease, transform .05s ease;
}
.result-item:hover{ box-shadow:0 10px 28px rgba(136,53,118,.08); transform:translateY(-1px); }

.result-text{ min-width:0; }
.result-title{
  margin:0 0 .25rem; font-weight:900; color:#4a3f46; line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.result-price{ display:flex; align-items:baseline; gap:.5rem; }
.result-price .cur{ color:#ff8d1a; font-weight:900 }
.result-price .old{ color:#9a9a9a; text-decoration:line-through; font-weight:700 }

.result-img{
  width:96px; height:86px; object-fit:contain; background:#fff;
  border:1px solid var(--line); border-radius:12px; padding:6px; flex:0 0 96px;
}
@media (min-width: 992px){
  .result-img{ width:120px; height:96px; flex-basis:96px !important; }
}

/* زر عرض الكل */
.btn-brand{ background:var(--brand); color:#fff; }



/* ====== ضبط صندوق نتائج البحث ====== */
.nn-search-sheet{
  /* فوق كل شيء */
  z-index: 3000;

  /* حواف ولمعة أنعم */
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(136,53,118,.14);

  /* لا تسمح له يطلع خارج الشاشة */
  width: min(var(--search-width), calc(100vw - 24px));
  left: max(12px, var(--search-left));
}

/* موضع الموبايل يبقى بعرض الشاشة بهوامش 12px (كما هو) */
@media (max-width: 575.98px){
  .nn-search-sheet{
    top: var(--search-top-mobile);
    left: 12px; right: 12px;
    width: auto;
  }
}

/* رأس الصندوق */
.nn-sheet-head{
  padding: .75rem 1rem;
  border-bottom: 1px solid #edd7e6;
}
.nn-sheet-head .bi{ color:#883576; }

/* جسم الصندوق + تمرير سلس */
.nn-sheet-body{
  padding: .9rem;
  max-height: calc(70vh - 60px);
  overflow: auto;
  overscroll-behavior: contain;
}

/* شريط تمرير أشيك */
.nn-sheet-body::-webkit-scrollbar{ width: 8px; height: 8px; }
.nn-sheet-body::-webkit-scrollbar-thumb{ background:#cfa8c3; border-radius: 10px; }
.nn-sheet-body{ scrollbar-color:#cfa8c3 transparent; scrollbar-width: thin; }

/* شبكة النتائج: موبايل 1 عمود، تابليت 2، ديسكتوب 3 */
#searchResults{
  display: grid;
  gap: .9rem;
  grid-template-columns: 1fr;                 /* xs */
}
@media (min-width: 576px){ #searchResults{ grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px){ #searchResults{ grid-template-columns: repeat(3, 1fr); } }

/* الكرت */
.result-item{
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .85rem;
  padding: .85rem 1rem;
  border: 1px solid #edd7e6;
  border-radius: 14px;
  background: #fff;
  text-decoration: none;
  transition: box-shadow .15s ease, transform .05s ease;
}
.result-item:hover{ box-shadow: 0 10px 30px rgba(136,53,118,.10); transform: translateY(-1px); }

.result-text{ min-width: 0; }
.result-title{
  margin: 0 0 .25rem;
  font-weight: 900;
  color: #4a3f46;
  line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.result-price{ display: flex; align-items: baseline; gap: .5rem; }
.result-price .cur{ color: #ff8d1a; font-weight: 900; }
.result-price .old{ color: #9a9a9a; text-decoration: line-through; font-weight: 700; }

/* صورة المنتج */
.result-img{
  width: 100px; height: 90px; flex: 0 0 100px;
  object-fit: contain;
  background: #fff;
  border: 1px solid #edd7e6;
  border-radius: 12px;
  padding: 6px;
}
@media (min-width: 992px){
  .result-img{ width: 120px; height: 96px; flex-basis: 120px; }
}

/* زر عرض الكل */
.btn-brand{ background:#883576; color:#fff; }
.btn-brand:hover{ filter: brightness(1.05); }

/* سهم صغير يربط اللوح بحقل البحث (اختياري وجميل) */
.nn-search-sheet::before{
  content:"";
  position: absolute;
  top: -10px;
  inset-inline-end: 24px;  /* غيّر الرقم لو تبغاه يجي فوق أيقونة البحث */
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  filter: drop-shadow(0 -2px 2px rgba(136,53,118,.10));
}
.btn-menu-mobile{
    margin-bottom: 0 !important;
    border: unset !important;
}
.result-img{
    border:unset !important;
}
.searchMore{
    margin-bottom: 2rem !important;
}
#catsToggle span{
    font-size: 21px;
}
span.cart-count{
    right: 2px;
   
    top: -14px;
    background-color: #883576;
}
.short-link-mobile i{
    font-size: 22px;

}
.lang-badge{
  width:34px; height:24px; border-radius:8px;
  background:#0b5d39; display:inline-flex; align-items:center; justify-content:center;
}
.emoji-flag{ font-size:16px; line-height:1; }
.header-style-1{
    background-color: #FFF !important;
}
.search-icon{
  position: absolute;
  inset-inline-end: .75rem;         /* يمين في RTL */
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.1rem;
  color: #883576;
  pointer-events: none;             /* الضغط يروح للـ input */
}
#globalSearchMobile{
    background-color: #fff7fb;
    color: #943e80;
}
#globalSearchMobile::placeholder
{
     color: #943e80;
     font-weight: 600;
}