* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .hero-banner {
      position: relative;
      width: 100%;
      height: 90vh;
      min-height: 550px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0 8%;
    }

    .slider-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
    }

    /* تأثير التكبير المستمر والناعم (Ken Burns Effect) */
    .slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      opacity: 0;
      transform: scale(1);
      transition: opacity 1.2s ease-in-out, transform 5s cubic-bezier(0.1, 0.2, 0.25, 1);
    }

    .slide.active {
      opacity: 1;
      transform: scale(1.15);
    }

    .overlay-dark {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 100%);
    }

    /* بطاقة المحتوى النصي */
    .hero-content-box {
      position: relative;
      z-index: 10;
      background: rgba(45, 30, 20, 0.85);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      color: #ffffff;
      padding: 40px 45px;
      border-radius: 16px;
      max-width: 480px;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
      border: 1px solid rgba(255, 255, 255, 0.15);
      animation: fadeInUp 0.8s ease-out;
    }

    .badge-subtitle {
      display: inline-block;
      color: #f59e0b;
      font-size: 1.1rem;
      font-weight: 600;
      margin-bottom: 8px;
    }

    .main-title {
      font-size: 3.2rem;
      font-weight: 800;
      color: #ffffff;
      line-height: 1.1;
      margin-bottom: 10px;
    }

    .sub-title {
      font-size: 1.4rem;
      font-weight: 500;
      color: #fef3c7;
      margin-bottom: 15px;
    }

    .description {
      font-size: 1rem;
      color: #e5e7eb;
      line-height: 1.6;
      margin-bottom: 25px;
    }

    /* زر التسوق */
    .cta-button {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background-color: #d97706;
      color: #ffffff;
      padding: 14px 28px;
      border-radius: 50px;
      text-decoration: none;
      font-weight: 700;
      font-size: 1.05rem;
      transition: all 0.3s ease;
      box-shadow: 0 4px 15px rgba(217, 119, 6, 0.4);
    }

    .cta-button:hover {
      background-color: #b45309;
      transform: translateY(-3px);
      box-shadow: 0 8px 25px rgba(180, 83, 9, 0.5);
    }

    /* أزرار التحكم */
    .slider-controls {
      position: absolute;
      bottom: 30px;
      left: 8%;
      z-index: 10;
      display: flex;
      gap: 12px;
    }

    .slider-controls button {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.4);
      background: rgba(0, 0, 0, 0.3);
      color: white;
      font-size: 1.1rem;
      cursor: pointer;
      backdrop-filter: blur(5px);
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .slider-controls button:hover {
      background: #d97706;
      border-color: #d97706;
    }

    /* النقاط */
    .slider-dots {
      position: absolute;
      bottom: 40px;
      right: 8%;
      z-index: 10;
      display: flex;
      gap: 8px;
    }

    .dot {
      width: 12px;
      height: 12px;
      background: rgba(255, 255, 255, 0.4);
      border-radius: 50%;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .dot.active {
      background: #f59e0b;
      width: 32px;
      border-radius: 10px;
    }

    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(20px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @media (max-width: 768px) {
      .hero-banner {
        padding: 0 5%;
        justify-content: center;
      }

      .hero-content-box {
        text-align: center;
        padding: 30px 20px;
      }

      .main-title {
        font-size: 2.4rem;
      }

      .sub-title {
        font-size: 1.1rem;
      }

      .slider-controls {
        left: 50%;
        transform: translateX(-50%);
      }

      .slider-dots {
        display: none;
      }
    }


.free-shipping-section {
    width: 100%;
    background-color: #7b030b; /* لون خلفية متناسق احتياطي */
    margin: 30px 0;
    overflow: hidden;
}

.free-shipping-section .banner-container {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
}

.free-shipping-section img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* تأثير تحوير خفيف عند المرور فوق البانر (اختياري) */
.free-shipping-section img:hover {
    transform: scale(1.01);
}

/* تحسين العرض على الشاشات الصغيرة (الموبايل) */
@media (max-width: 768px) {
    .free-shipping-section {
        margin: 15px 0;
    }
}

.banner-wrapper {
    position: relative;
    width: 100%;
}

.banner-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}

/* زر النسخ المتوضع فوق مكان الكود في الصورة (تحتاجين لتعديل الـ bottom و left حسب مكان الكود بدقة في تصميمك) */
.copy-code-btn {
    position: absolute;
    bottom: 8%; /* تعديل حسب موقع الكود في الصورة */
    left: 28%;   /* تعديل حسب موقع الكود في الصورة */
    background: rgba(255, 255, 255, 0.9);
    border: 2px dashed #d32f2f;
    color: #d32f2f;
    padding: 6px 15px;
    font-size: 1.1rem;
    font-weight: bold;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.copy-code-btn:hover {
    background: #fff;
    transform: scale(1.05);
}

.copy-code-btn .copy-hint {
    font-size: 0.75rem;
    color: #555;
    background: #eee;
    padding: 2px 6px;
    border-radius: 4px;
}

/* تصميم التنبيه (Toast Notification) */
.toast {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(100px);
    background-color: #333;
    color: #fff;
    padding: 12px 24px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    font-size: 1rem;
    z-index: 1000;
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.toast.show {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}
/*@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');*/


/* * Phenix Restaurant Menu — override.css*/
/* * ─────────────────────────────────────*/
/* * Visual overrides for the Phenix online menu. Upload as Phenix Custom CSS.*/
/* * Pair with custom.js (Phenix Custom JS).*/
/* **/
/* * Full customization guide: CUSTOMIZATION.md (same folder)*/
/* **/
/* * File map (search these headers):*/
/* *   :root                          → design tokens (colors, z-index)*/
/* *   SHOP SECTION — category-section → category pills + product grid*/
/* *   Product Details Modal          → #product-popup layout*/
/* *   Modifier groups (.template-mod) → add-ons / modifiers styling*/
/* *   Side cart / My Box             → #my-box-nav drawer*/
/* *   Mobile Bottom Navigation       → floating bottom nav*/
/* **/
/* * Category icon appearance: .tablink-icon (icons injected by custom.js)*/
/* * Category pill sizing:      .tablinks min-width / max-width*/
 

/* ── Reference menu design tokens (original online menu/style.css) ─────────── */
/*:root {*/
/*    --primary-red: #ff4646;*/
/*    --primary-orange: #ff8e26;*/
/*    --bg-cream: #fff5ee;*/
/*    --surface-white: #ffffff;*/
/*    --text-main: #1a1a1a;*/
/*    --text-muted: #8c8c8c;*/
/*    --font-family: 'Plus Jakarta Sans', sans-serif;*/
/*    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.03);*/
/*    --shadow-card: 0 16px 32px rgba(255, 70, 70, 0.04);*/
/*    --shadow-nav: 0 2px 20px rgba(0, 0, 0, 0.08);*/
/*    --z-nav-top: 200;*/
/*    --z-nav-search: 210;*/
/*    --z-nav-categories: 190;*/
/*    --z-cart-backdrop: 1200;*/
/*    --z-cart-drawer: 1210;*/
/*    --z-bottom-nav: 1100;*/
/*    --z-modal: 10001;*/
/*    --sticky-nav-height: 0px;*/
/*    --header-glass-bg: rgba(255, 255, 255, 0.78);*/
/*    --header-glass-bg-scrolled: rgba(255, 255, 255, 0.92);*/
/*    --header-glass-border: rgba(255, 255, 255, 0.65);*/
/*    --header-glass-blur: blur(18px) saturate(160%);*/
/*}*/

/*body:has(header.header) {*/
/*    background-color: var(--bg-cream);*/
/*    color: var(--text-main);*/
/*    font-family: var(--font-family);*/
/*    -webkit-tap-highlight-color: transparent;*/
/*    padding: 20px;*/
/*    overflow-x: clip;*/
/*}*/

/*[lang="ar"] body:has(header.header),*/
/*html[lang="ar"] body:has(header.header) {*/
/*    font-family: 'Cairo', sans-serif;*/
/*}*/

/* ── Hide header clutter (keep location box — styled below) ─────────────── */
/*header.header .header-top,*/
/*header.header .contact-info,*/
/*header.header .user-dropdown,*/
/*header.header .user-dropdown-menu {*/
/*    display: none !important;*/
/*}*/

/* Duplicate mobile container in header-top — single source is .header-locationbox */
/*header.header .header-location-box {*/
/*    display: none !important;*/
/*}*/

/*header.header .language-dropdown .dropdown-content {*/
/*    display: none;*/
/*}*/

/*header.header .language-dropdown.open .dropdown-content {*/
/*    display: block;*/
/*}*/

/* ── Sticky glass header bar ─────────────────────────────────────────────── */
/*header.header {*/
/*    position: sticky;*/
/*    top: 0;*/
/*    z-index: var(--z-nav-top);*/
/*    background: var(--header-glass-bg);*/
/*    backdrop-filter: var(--header-glass-blur);*/
/*    -webkit-backdrop-filter: var(--header-glass-blur);*/
/*    border: 1px solid var(--header-glass-border);*/
/*    border-top: none;*/
/*    box-shadow: var(--shadow-nav);*/
/*    border-radius: 0 0 20px 20px;*/
/*    margin-bottom: 16px;*/
/*    transition: background 0.25s ease, box-shadow 0.2s ease, backdrop-filter 0.25s ease;*/
/*}*/

/*header.header[data-scrolled="true"] {*/
/*    background: var(--header-glass-bg-scrolled);*/
/*    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);*/
/*}*/

/*header.header > .container {*/
/*    max-width: 1300px;*/
/*    padding-inline: 20px;*/
/*}*/

/*header.header .header-middle {*/
/*    padding-block: 10px;*/
/*}*/

/*header.header .navbar {*/
/*    display: grid;*/
/*    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);*/
/*    align-items: center;*/
/*    gap: 16px;*/
/*    padding: 0;*/
/*    background: transparent !important;*/
/*    border: none !important;*/
/*}*/

/* ── Location + delivery bar (premium pill dock) ─────────────────────────── */
/*.header-locationbox {*/
/*    min-width: 0;*/
/*    flex-shrink: 1;*/
/*}*/

/*.header-locationbox .header-locanddelverybox {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 8px;*/
/*    padding: 6px 8px;*/
/*    background: var(--surface-white);*/
/*    border: 1px solid rgba(0, 0, 0, 0.06);*/
/*    border-radius: 999px;*/
/*    box-shadow: var(--shadow-soft);*/
/*    transition: box-shadow 0.18s ease, border-color 0.18s ease;*/
/*}*/

/*.header-locationbox .header-locanddelverybox:hover {*/
/*    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.06);*/
/*    border-color: rgba(0, 0, 0, 0.08);*/
/*}*/

/*.header-locationbox .header-location {*/
/*    min-width: 0;*/
/*    flex-shrink: 1;*/
/*}*/

/*.header-locationbox .header-location a.btn-all {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    gap: 6px;*/
/*    min-width: 0;*/
/*    max-width: 220px;*/
/*    padding: 8px 12px;*/
/*    margin: 0;*/
/*    border: none;*/
/*    border-radius: 999px;*/
/*    background: transparent;*/
/*    color: var(--text-main);*/
/*    font-family: inherit;*/
/*    font-size: 0.82rem;*/
/*    font-weight: 700;*/
/*    line-height: 1.2;*/
/*    text-decoration: none;*/
/*    white-space: nowrap;*/
/*    cursor: pointer;*/
/*    transition: color 0.18s ease, background 0.18s ease;*/
/*}*/

/*.header-locationbox .header-location a.btn-all:hover {*/
/*    background: rgba(255, 70, 70, 0.06);*/
/*    color: var(--text-main);*/
/*}*/

/*.header-locationbox .header-location a.btn-all i {*/
/*    flex-shrink: 0;*/
/*    color: var(--primary-red);*/
/*    font-size: 0.95rem;*/
/*}*/

/*.header-locationbox .header-location #address-branch {*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    white-space: nowrap;*/
/*    min-width: 0;*/
/*}*/

/*.header-locationbox .delvary-box {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 4px;*/
/*    flex-shrink: 0;*/
/*}*/

/*.header-locationbox .delvary-box .custom-btn {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    gap: 5px;*/
/*    padding: 8px 14px;*/
/*    margin: 0;*/
/*    border: none;*/
/*    border-radius: 999px;*/
/*    background: transparent;*/
/*    color: var(--text-muted);*/
/*    font-family: inherit;*/
/*    font-size: 0.78rem;*/
/*    font-weight: 700;*/
/*    line-height: 1.2;*/
/*    text-decoration: none;*/
/*    white-space: nowrap;*/
/*    cursor: pointer;*/
/*    transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;*/
/*}*/

/*.header-locationbox .delvary-box .custom-btn i {*/
/*    font-size: 0.88rem;*/
/*    opacity: 0.85;*/
/*}*/

/*.header-locationbox .delvary-box .custom-btn:hover:not(.type-active) {*/
/*    color: var(--text-main);*/
/*    background: rgba(0, 0, 0, 0.04);*/
/*}*/

/*.header-locationbox .delvary-box .custom-btn.type-active {*/
/*    color: var(--surface-white);*/
/*    background: var(--primary-red);*/
/*    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 4px 12px rgba(255, 70, 70, 0.25);*/
/*}*/

/*.header-locationbox .delvary-box .custom-btn.type-active i {*/
/*    opacity: 1;*/
/*}*/

/* Mobile sub-bar — repositioned by custom.js above .category-section */
/*@media (max-width: 991px) {*/
/*    header.header .header-locationbox {*/
/*        display: none !important;*/
/*    }*/
/*}*/

/*.header-locationbox.phenix-location-subbar {*/
/*    display: block !important;*/
/*    width: 100%;*/
/*    max-width: 1200px;*/
/*    margin: 0 auto 12px;*/
/*    padding-inline: 16px;*/
/*    box-sizing: border-box;*/
/*}*/

/*.header-locationbox.phenix-location-subbar .header-locanddelverybox {*/
/*    width: 100%;*/
/*    justify-content: space-between;*/
/*    border-radius: 16px;*/
/*    padding: 8px 10px;*/
/*    gap: 6px;*/
/*}*/

/*.header-locationbox.phenix-location-subbar .header-location a.btn-all {*/
/*    max-width: min(42vw, 180px);*/
/*    padding: 8px 10px;*/
/*    font-size: 0.78rem;*/
/*}*/

/*.header-locationbox.phenix-location-subbar .delvary-box .custom-btn {*/
/*    padding: 8px 10px;*/
/*    font-size: 0.72rem;*/
/*}*/

/*@media (max-width: 480px) {*/
/*    .header-locationbox.phenix-location-subbar .delvary-box .custom-btn span {*/
/*        display: none;*/
/*    }*/

/*    .header-locationbox.phenix-location-subbar .delvary-box .custom-btn {*/
/*        padding: 8px 11px;*/
/*    }*/
/*}*/

/* Desktop: show dock in navbar center cluster */
/*@media (min-width: 992px) {*/
/*    header.header .header-locationbox {*/
/*        display: flex !important;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*    }*/

/*    header.header .navbar {*/
/*        grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);*/
/*        grid-template-areas: "brand location nav actions";*/
/*    }*/

/*    header.header .navbar-brand {*/
/*        grid-area: brand;*/
/*    }*/

/*    header.header .header-locationbox {*/
/*        grid-area: location;*/
/*        justify-self: center;*/
/*    }*/

/*    header.header .mainMenu.desktop-header {*/
/*        grid-area: nav;*/
/*        justify-self: center;*/
/*    }*/

/*    header.header .header-offcnvsbtn {*/
/*        grid-area: actions;*/
/*        justify-self: end;*/
/*    }*/

/*    header.header .navbar > .offcanvas {*/
/*        position: fixed;*/
/*    }*/
/*}*/

/*@media (min-width: 992px) and (max-width: 1199px) {*/
/*    .header-locationbox .header-location a.btn-all {*/
/*        max-width: 160px;*/
/*    }*/

/*    .header-locationbox .delvary-box .custom-btn {*/
/*        padding: 8px 10px;*/
/*        font-size: 0.72rem;*/
/*    }*/
/*}*/

/* ── Desktop two-row header (≥1200px) — Row 1: nav · Row 2: fulfillment ─── */
/*@media (min-width: 1200px) {*/
/*    header.header .header-middle {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        align-items: stretch;*/
/*        gap: 10px;*/
/*        padding-block: 12px 10px;*/
/*    }*/

/*     Row 1 — navbar only (fulfillment bar moved out by custom.js) */
/*    header.header .navbar {*/
/*        display: grid !important;*/
/*        grid-template-columns: 1fr auto 1fr;*/
/*        grid-template-areas: "brand primaryNav actions";*/
/*        align-items: center;*/
/*        gap: 12px 24px;*/
/*        width: 100%;*/
/*    }*/

/*    header.header .navbar-brand {*/
/*        grid-area: brand;*/
/*        justify-self: start;*/
/*        align-self: center;*/
/*    }*/

/*    header.header .navbar-brand p {*/
/*        display: none !important;*/
/*    }*/

/*    header.header .mainMenu.desktop-header {*/
/*        grid-area: primaryNav;*/
/*        justify-self: center;*/
/*        align-self: center;*/
/*    }*/

/*    header.header .header-offcnvsbtn {*/
/*        grid-area: actions;*/
/*        justify-self: end;*/
/*        align-self: center;*/
/*    }*/

/*    header.header .navbar > .offcanvas {*/
/*        position: fixed;*/
/*    }*/

/*     Fulfillment must live outside navbar — hide if still inside before/without JS */
/*    header.header .navbar > .header-locationbox {*/
/*        display: none !important;*/
/*    }*/

/*     Row 2 — fulfillment bar (sibling below navbar, not inside grid) */
/*    header.header .header-middle > .header-locationbox,*/
/*    header.header .header-locationbox.phenix-desktop-fulfillment {*/
/*        display: flex !important;*/
/*        justify-content: center;*/
/*        align-items: center;*/
/*        width: 100%;*/
/*        min-width: 0 !important;*/
/*        max-width: 100%;*/
/*        margin: 0;*/
/*        padding: 0;*/
/*        position: relative !important;*/
/*        float: none !important;*/
/*    }*/

/*     Neutralize platform positioning that splits location from the pill */
/*    header.header .header-locationbox.phenix-desktop-fulfillment .header-locanddelverybox,*/
/*    header.header .header-middle > .header-locationbox .header-locanddelverybox {*/
/*        display: flex !important;*/
/*        flex-direction: row !important;*/
/*        flex-wrap: nowrap !important;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*        gap: 12px;*/
/*        width: auto;*/
/*        max-width: min(100%, 720px);*/
/*        padding: 8px 16px;*/
/*        margin-inline: auto;*/
/*        position: relative !important;*/
/*        background: var(--surface-white);*/
/*        border: 1px solid rgba(0, 0, 0, 0.06);*/
/*        border-radius: 999px;*/
/*        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);*/
/*    }*/

/*    header.header .header-locationbox.phenix-desktop-fulfillment .header-location,*/
/*    header.header .header-locationbox.phenix-desktop-fulfillment .delvary-box,*/
/*    header.header .header-middle > .header-locationbox .header-location,*/
/*    header.header .header-middle > .header-locationbox .delvary-box {*/
/*        display: flex !important;*/
/*        flex-direction: row !important;*/
/*        flex-wrap: nowrap !important;*/
/*        align-items: center;*/
/*        position: static !important;*/
/*        float: none !important;*/
/*        inset: auto !important;*/
/*        transform: none !important;*/
/*        top: auto !important;*/
/*        right: auto !important;*/
/*        left: auto !important;*/
/*        bottom: auto !important;*/
/*        width: auto !important;*/
/*        max-width: none !important;*/
/*        margin: 0 !important;*/
/*    }*/

/*    header.header .header-locationbox.phenix-desktop-fulfillment .header-location a.btn-all,*/
/*    header.header .header-middle > .header-locationbox .header-location a.btn-all {*/
/*        display: inline-flex !important;*/
/*        max-width: 260px;*/
/*        padding: 6px 12px;*/
/*        font-size: 0.84rem;*/
/*        justify-content: flex-start !important;*/
/*        width: auto !important;*/
/*    }*/

/*    header.header .header-locationbox.phenix-desktop-fulfillment .delvary-box,*/
/*    header.header .header-middle > .header-locationbox .delvary-box {*/
/*        flex-shrink: 0;*/
/*        gap: 6px;*/
/*        padding-inline-start: 12px;*/
/*        border-inline-start: 1px solid rgba(0, 0, 0, 0.08);*/
/*        background: transparent !important;*/
/*        box-shadow: none !important;*/
/*        border-top: none !important;*/
/*        border-bottom: none !important;*/
/*        border-inline-end: none !important;*/
/*        border-radius: 0 !important;*/
/*    }*/

/*    header.header .header-locationbox.phenix-desktop-fulfillment .delvary-box .custom-btn,*/
/*    header.header .header-middle > .header-locationbox .delvary-box .custom-btn {*/
/*        padding: 8px 16px;*/
/*        font-size: 0.8rem;*/
/*    }*/

/*     Primary CTA stays the boldest accent in Row 1 */
/*    header.header .header-offcnvsbtn .header-icons .cta-btn,*/
/*    header.header .header-offcnvsbtn .header-icons .btn-all {*/
/*        font-weight: 800;*/
/*        box-shadow: 0 4px 18px rgba(255, 70, 70, 0.32);*/
/*    }*/

/*    header.header .header-offcnvsbtn .header-icons .cta-btn:hover,*/
/*    header.header .header-offcnvsbtn .header-icons .btn-all:hover {*/
/*        box-shadow: 0 6px 22px rgba(255, 70, 70, 0.38);*/
/*    }*/
/*}*/

/* ── Logo + brand title ───────────────────────────────────────────────────── */
/*header.header .navbar-brand {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 12px;*/
/*    flex-shrink: 0;*/
/*    padding: 0;*/
/*    margin: 0;*/
/*    min-width: 0;*/
/*    text-decoration: none;*/
/*}*/

/*header.header .navbar-brand img {*/
/*    max-height: 40px;*/
/*    height: auto;*/
/*    width: auto;*/
/*    max-width: 110px;*/
/*    object-fit: contain;*/
/*    display: block;*/
/*    flex-shrink: 0;*/
/*}*/

/*header.header .navbar-brand h1 {*/
/*    font-size: clamp(0.95rem, 1.6vw, 1.2rem);*/
/*    font-weight: 800;*/
/*    line-height: 1.15;*/
/*    letter-spacing: -0.02em;*/
/*    margin: 0;*/
/*    color: var(--text-main);*/
/*    font-family: inherit;*/
/*}*/

/*header.header .navbar-brand h1 span:last-child {*/
/*    color: var(--primary-red);*/
/*}*/

/*header.header .navbar-brand p {*/
/*    color: var(--text-muted);*/
/*    font-size: 0.72rem;*/
/*    margin: 2px 0 0;*/
/*    line-height: 1.3;*/
/*    font-family: inherit;*/
/*}*/

/* ── Center tabs: .mainMenu.desktop-header ──────────────────────────────── */
/*header.header .mainMenu.desktop-header {*/
/*    justify-self: center;*/
/*    display: flex !important;*/
/*    align-items: stretch;*/
/*    gap: 0;*/
/*    list-style: none;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    flex-grow: 0 !important;*/
/*}*/

/*header.header .mainMenu.desktop-header li {*/
/*    list-style: none;*/
/*}*/

/*header.header .mainMenu.desktop-header .nav-link {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    gap: 8px;*/
/*    padding: 16px 24px;*/
/*    border: none;*/
/*    border-bottom: 3px solid transparent;*/
/*    background: transparent;*/
/*    font-family: inherit;*/
/*    font-size: 0.9rem;*/
/*    font-weight: 700;*/
/*    color: var(--text-muted);*/
/*    text-decoration: none;*/
/*    white-space: nowrap;*/
/*    user-select: none;*/
/*    transition: color 0.18s ease, border-color 0.18s ease;*/
/*}*/

/*header.header .mainMenu.desktop-header .nav-link:hover {*/
/*    color: var(--text-main);*/
/*}*/

/*header.header .mainMenu.desktop-header .nav-link.active {*/
/*    color: var(--primary-red);*/
/*    border-bottom-color: var(--primary-red);*/
/*}*/

/* ── Actions: .header-offcnvsbtn ────────────────────────────────────────── */
/*header.header .header-offcnvsbtn {*/
/*    justify-self: end;*/
/*    flex-shrink: 0;*/
/*    min-width: fit-content;*/
/*}*/

/*header.header .header-offcnvsbtn > ul {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 12px;*/
/*    list-style: none;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    flex-wrap: nowrap;*/
/*}*/

/*header.header .header-offcnvsbtn > ul > li.user-dropdown {*/
/*    display: none !important;*/
/*}*/

/*header.header .header-offcnvsbtn > ul > li:has(.language-dropdown) > a:first-child {*/
/*    display: none !important;*/
/*}*/

/*header.header .header-offcnvsbtn > ul > li {*/
/*    list-style: none;*/
/*    position: relative;*/
/*    flex-shrink: 0;*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/




/*header.header .header-offcnvsbtn .header-icons {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 12px;*/
/*    position: relative;*/
/*    flex-shrink: 0;*/
/*    width: auto;*/
/*    height: auto;*/
/*    overflow: visible;*/
/*}*/

/*header.header .header-offcnvsbtn .header-icons > a:first-child {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    flex-shrink: 0;*/
/*    width: 44px;*/
/*    height: 44px;*/
/*    border-radius: 50%;*/
/*    background: rgba(255, 255, 255, 0.95);*/
/*    box-shadow: var(--shadow-soft);*/
/*    text-decoration: none;*/
/*    color: var(--text-main);*/
/*    position: relative;*/
/*    overflow: visible;*/
/*}*/

/*header.header .header-offcnvsbtn .header-icons.open > a:first-child {*/
/*    color: var(--primary-red);*/
/*    background: rgba(255, 70, 70, 0.08);*/
/*    box-shadow: 0 0 0 2px rgba(255, 70, 70, 0.18);*/
/*}*/

/*header.header .header-offcnvsbtn .header-icons > a:first-child i {*/
/*    color: var(--primary-red);*/
/*    font-size: 1rem;*/
/*}*/

/*header.header .header-offcnvsbtn .header-icons .cta-btn,*/
/*header.header .header-offcnvsbtn .header-icons .btn-all {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    flex-shrink: 0;*/
/*    white-space: nowrap;*/
/*    min-width: max-content;*/
/*    margin: 0;*/
/*    padding: 10px 18px;*/
/*    font-family: inherit;*/
/*    font-size: 0.9rem;*/
/*    font-weight: 700;*/
/*    line-height: 1.2;*/
/*    color: var(--surface-white);*/
/*    background-color: var(--primary-red);*/
/*    border: none;*/
/*    border-radius: 999px;*/
/*    text-decoration: none;*/
/*    box-shadow: var(--shadow-soft);*/
/*    transition: opacity 0.2s ease;*/
/*}*/

/*header.header .header-offcnvsbtn .header-icons .cta-btn:hover,*/
/*header.header .header-offcnvsbtn .header-icons .btn-all:hover {*/
/*    opacity: 0.9;*/
/*    color: var(--surface-white);*/
/*}*/

/*header.header .header-offcnvsbtn .header-icons .form {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    position: absolute;*/
/*    top: calc(100% + 8px);*/
/*    inset-inline-end: 0;*/
/*    width: 320px;*/
/*    padding: 8px;*/
/*    margin: 0 !important;*/
/*    background: rgba(255, 255, 255, 0.96);*/
/*    backdrop-filter: blur(12px);*/
/*    -webkit-backdrop-filter: blur(12px);*/
/*    border-radius: 16px;*/
/*    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);*/
/*    z-index: var(--z-nav-search);*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*    pointer-events: none;*/
/*    transform: translateY(-8px);*/
/*    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;*/
/*}*/

/*header.header .header-offcnvsbtn .header-icons.open .form {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*    pointer-events: auto;*/
/*    transform: translateY(0);*/
/*}*/

/*header.header .header-offcnvsbtn .header-icons .search-input,*/
/*header.header .header-offcnvsbtn .header-icons #search-materials {*/
/*    width: 100%;*/
/*    min-width: 0;*/
/*    padding: 10px 16px;*/
/*    border: none;*/
/*    border-radius: 12px;*/
/*    background: var(--bg-cream);*/
/*    box-shadow: none;*/
/*    font-size: 0.88rem;*/
/*    font-family: inherit;*/
/*    color: var(--text-main);*/
/*}*/

/*header.header .header-offcnvsbtn .header-icons .search-input:focus,*/
/*header.header .header-offcnvsbtn .header-icons #search-materials:focus {*/
/*    outline: none;*/
/*    background: var(--surface-white);*/
/*    box-shadow: 0 0 0 2px rgba(255, 70, 70, 0.25);*/
/*}*/

/*header.header .header-offcnvsbtn .header-icons .btn-search {*/
/*    display: none;*/
/*}*/

/*[dir="rtl"] header.header .header-offcnvsbtn .header-icons .search-input,*/
/*[dir="rtl"] header.header .header-offcnvsbtn .header-icons #search-materials {*/
/*    text-align: right;*/
/*}*/

/*header.header .header-offcnvsbtn #menuButton {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    position: relative;*/
/*    flex-shrink: 0;*/
/*    width: 44px;*/
/*    height: 44px;*/
/*    padding: 0;*/
/*    border-radius: 50%;*/
/*    background: rgba(255, 255, 255, 0.95);*/
/*    box-shadow: var(--shadow-soft);*/
/*    text-decoration: none;*/
/*    color: var(--text-main);*/
/*    font-size: 1.1rem;*/
/*    line-height: 1;*/
/*}*/

/*header.header .header-offcnvsbtn #menuButton i {*/
/*    color: var(--primary-red);*/
/*}*/

/*header.header .header-offcnvsbtn #menuButton .cart_item {*/
/*    position: absolute;*/
/*    top: -4px;*/
/*    inset-inline-start: -4px;*/
/*    inset-inline-end: auto;*/
/*    right: auto;*/
/*    left: auto;*/
/*    background-color: var(--primary-orange);*/
/*    color: var(--surface-white);*/
/*    font-size: 0.7rem;*/
/*    font-weight: 800;*/
/*    min-width: 18px;*/
/*    height: 18px;*/
/*    border-radius: 50%;*/
/*    display: inline-flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    border: 2px solid var(--surface-white);*/
/*    line-height: 1;*/
/*    padding: 0 3px;*/
/*    pointer-events: none;*/
/*}*/

/*[dir="rtl"] header.header .header-offcnvsbtn #menuButton .cart_item {*/
/*    inset-inline-start: auto;*/
/*    inset-inline-end: -4px;*/
/*}*/

/*header.header .header-offcnvsbtn .language-dropdown {*/
/*    position: relative;*/
/*    flex-shrink: 0;*/
/*}*/

/*header.header .header-offcnvsbtn .language-dropdown > a {*/
/*    display: contents;*/
/*}*/

/*header.header .header-offcnvsbtn .language-dropdown #dropdown-btn {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    flex-shrink: 0;*/
/*    min-width: 44px;*/
/*    height: 44px;*/
/*    width: auto;*/
/*    padding: 0 14px;*/
/*    border: 2px solid var(--primary-red);*/
/*    border-radius: 999px;*/
/*    background: rgba(255, 255, 255, 0.95);*/
/*    color: var(--primary-red);*/
/*    font-weight: 800;*/
/*    font-size: 0.8rem;*/
/*    font-family: inherit;*/
/*    line-height: 1;*/
/*    cursor: pointer;*/
/*    box-shadow: var(--shadow-soft);*/
/*    transition: background 0.2s, color 0.2s;*/
/*    text-transform: uppercase;*/
/*}*/

/*header.header .header-offcnvsbtn .language-dropdown #dropdown-btn i {*/
/*    display: none;*/
/*}*/

/*header.header .header-offcnvsbtn .language-dropdown #dropdown-btn:hover {*/
/*    background: var(--primary-red);*/
/*    color: var(--surface-white);*/
/*}*/

/*header.header .header-offcnvsbtn .language-dropdown .dropdown-content {*/
/*    position: absolute;*/
/*    top: calc(100% + 8px);*/
/*    inset-inline-end: 0;*/
/*    min-width: 120px;*/
/*    background: rgba(255, 255, 255, 0.96);*/
/*    backdrop-filter: blur(12px);*/
/*    -webkit-backdrop-filter: blur(12px);*/
/*    border-radius: 12px;*/
/*    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);*/
/*    z-index: var(--z-nav-search);*/
/*    padding: 4px 0;*/
/*}*/

/*header.header .header-offcnvsbtn .language-dropdown .dropdown-content a {*/
/*    display: block;*/
/*    padding: 8px 16px !important;*/
/*    text-decoration: none;*/
/*    color: var(--text-main);*/
/*    font-weight: 600;*/
/*    font-size: 0.85rem;*/
/*    font-family: inherit;*/
/*}*/

/*header.header .header-offcnvsbtn .language-dropdown .dropdown-content a:hover {*/
/*    background: var(--bg-cream);*/
/*    color: var(--primary-red);*/
/*}*/

/*header.header .header-offcnvsbtn .language-dropdown .dropdown-content .flag-icon {*/
/*    display: none;*/
/*}*/

/*header.header .navbar-toggler {*/
/*    display: none !important;*/
/*     background: rgba(255, 255, 255, 0.95);*/
/*    border: none;*/
/*    width: 44px;*/
/*    height: 44px;*/
/*    border-radius: 50%;*/
/*    box-shadow: var(--shadow-soft);*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    padding: 0;*/
/*    color: var(--primary-red); */
/*}*/

/* @media (min-width: 1025px) {*/
/*    header.header .navbar-toggler {*/
/*        display: none !important;*/
/*    }*/
/*} */

/* ── RTL ────────────────────────────────────────────────────────────────── */
/*[dir="rtl"] header.header .header-offcnvsbtn > ul {*/
/*    flex-direction: row-reverse;*/
/*}*/

/* LTR: keep even spacing between icon buttons (cart ↔ lang) */
/*[dir="ltr"] header.header .header-offcnvsbtn > ul {*/
/*    flex-direction: row;*/
/*    gap: 12px;*/
/*}*/

/*[dir="ltr"] header.header .header-offcnvsbtn #menuButton,*/
/*[dir="ltr"] header.header .header-offcnvsbtn .language-dropdown #dropdown-btn {*/
/*    padding: 0 !important;*/
/*}*/

/*[dir="ltr"] header.header .header-offcnvsbtn .language-dropdown #dropdown-btn {*/
/*    padding-inline: 14px !important;*/
/*}*/

/* ── Tablet: stacked layout + scrollable nav tabs ─────────────────────── */
/*@media (max-width: 1024px) {*/
/*    body:has(header.header) {*/
/*        padding: 15px;*/
/*    }*/

/*    header.header > .container {*/
/*        padding-inline: 16px;*/
/*    }*/

/*    header.header .navbar {*/
/*        display: flex !important;*/
/*        flex-wrap: wrap;*/
/*        justify-content: space-between;*/
/*        align-items: center;*/
/*        gap: 10px 12px;*/
/*    }*/

/*    header.header .navbar-brand {*/
/*        flex: 1 1 auto;*/
/*        min-width: 0;*/
/*        order: 1;*/
/*    }*/

/*    header.header .header-offcnvsbtn {*/
/*        flex: 0 0 auto;*/
/*        order: 2;*/
/*    }*/

/*    header.header .navbar-brand img {*/
/*        max-height: 34px;*/
/*        max-width: 72px;*/
/*    }*/

/*    header.header .navbar-brand h1 {*/
/*        font-size: 0.95rem;*/
/*    }*/

/*    header.header .navbar-brand p {*/
/*        display: none;*/
/*    }*/

/*     Scrollable tab row (replaces hidden desktop nav) */
/*    header.header .mainMenu.desktop-header {*/
/*        display: flex !important;*/
/*        flex: 1 1 100%;*/
/*        order: 4;*/
/*        justify-self: stretch;*/
/*        justify-content: flex-start;*/
/*        gap: 8px;*/
/*        overflow-x: auto;*/
/*        overflow-y: hidden;*/
/*        width: 100%;*/
/*        max-width: 100%;*/
/*        padding-block: 4px 6px;*/
/*        scroll-padding-inline: 4px;*/
/*        scrollbar-width: none;*/
/*        -webkit-overflow-scrolling: touch;*/
/*    }*/

/*    header.header .mainMenu.desktop-header::-webkit-scrollbar {*/
/*        display: none;*/
/*    }*/

/*    header.header .mainMenu.desktop-header .nav-link {*/
/*        flex-shrink: 0;*/
/*        padding: 10px 20px;*/
/*        font-size: 0.88rem;*/
/*        border-bottom: none;*/
/*        border-radius: 999px;*/
/*        background: rgba(255, 255, 255, 0.9);*/
/*        box-shadow: var(--shadow-soft);*/
/*        border: 2px solid transparent;*/
/*        transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;*/
/*    }*/

/*    header.header .mainMenu.desktop-header .nav-link:hover {*/
/*        background-color: rgba(255, 70, 70, 0.08);*/
/*        border-color: rgba(255, 70, 70, 0.25);*/
/*        color: var(--primary-red);*/
/*    }*/

/*    header.header .mainMenu.desktop-header .nav-link.active {*/
/*        background-color: var(--surface-white);*/
/*        border-color: var(--primary-red);*/
/*        color: var(--primary-red);*/
/*        box-shadow: 0 4px 14px rgba(255, 70, 70, 0.12);*/
/*    }*/

/*    header.header .header-offcnvsbtn > ul {*/
/*        gap: 10px;*/
/*    }*/

/*    header.header .header-offcnvsbtn .header-icons {*/
/*        gap: 10px;*/
/*    }*/

/*    header.header .header-offcnvsbtn .header-icons .cta-btn,*/
/*    header.header .header-offcnvsbtn .header-icons .btn-all {*/
/*        padding: 8px 14px;*/
/*        font-size: 0.85rem;*/
/*    }*/
/*}*/

/* Location dock between brand row and nav tabs on tablet desktop (992–1024) */
/*@media (max-width: 1024px) and (min-width: 992px) {*/
/*    header.header .header-locationbox {*/
/*        display: flex !important;*/
/*        flex: 1 1 100%;*/
/*        order: 3;*/
/*        justify-content: center;*/
/*        min-width: 0;*/
/*    }*/
/*}*/

/* Mobile — disable expensive backdrop-filter on sticky header (GPU savings) */
/*@media (max-width: 991px) {*/
/*    header.header {*/
/*        backdrop-filter: none !important;*/
/*        -webkit-backdrop-filter: none !important;*/
/*        background: rgba(255, 255, 255, 0.96);*/
/*        transition: background 0.25s ease, box-shadow 0.2s ease;*/
/*    }*/

/*    header.header[data-scrolled="true"] {*/
/*        background: rgba(255, 255, 255, 0.98);*/
/*    }*/
/*}*/

/* Mobile search — portaled to body via custom.js (escapes header containing block) */
/*@media (max-width: 991px) {*/
/*    .header-search-panel {*/
/*        position: fixed !important;*/
/*        top: 0 !important;*/
/*        left: 0 !important;*/
/*        right: 0 !important;*/
/*        width: 100% !important;*/
/*        max-width: 100% !important;*/
/*        margin: 0 !important;*/
/*        padding: calc(12px + env(safe-area-inset-top, 0px)) 16px 14px !important;*/
/*        display: flex !important;*/
/*        align-items: center;*/
/*        gap: 0;*/
/*        border: none !important;*/
/*        border-radius: 0 0 20px 20px !important;*/
/*        background: rgba(255, 255, 255, 0.98) !important;*/
/*        backdrop-filter: none !important;*/
/*        -webkit-backdrop-filter: none !important;*/
/*        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;*/
/*        z-index: calc(var(--z-nav-top) + 25) !important;*/
/*        transform: none !important;*/
/*        opacity: 1 !important;*/
/*        visibility: visible !important;*/
/*        pointer-events: auto !important;*/
/*        box-sizing: border-box;*/
/*    }*/

/*    .header-search-panel.d-none {*/
/*        display: none !important;*/
/*    }*/

/*    .header-search-panel #search-materials,*/
/*    .header-search-panel .search-input {*/
/*        flex: 1 1 auto;*/
/*        width: 100% !important;*/
/*        min-width: 0;*/
/*        margin: 0 !important;*/
/*        padding: 12px 18px !important;*/
/*        border: none !important;*/
/*        border-radius: 999px !important;*/
/*        background: var(--bg-cream) !important;*/
/*        box-shadow: var(--shadow-soft) !important;*/
/*        font-size: 0.95rem !important;*/
/*        font-family: inherit;*/
/*        color: var(--text-main);*/
/*        text-align: start !important;*/
/*    }*/

/*    .header-search-panel #search-materials:focus,*/
/*    .header-search-panel .search-input:focus {*/
/*        outline: none;*/
/*        background: var(--surface-white) !important;*/
/*        box-shadow: 0 0 0 2px rgba(255, 70, 70, 0.25) !important;*/
/*    }*/

/*    [dir="rtl"] .header-search-panel #search-materials,*/
/*    [dir="rtl"] .header-search-panel .search-input,*/
/*    html[lang="ar"] .header-search-panel #search-materials {*/
/*        text-align: right !important;*/
/*        direction: rtl;*/
/*    }*/

/*     Kill platform nested-anchor dropdown positioning when panel is active */
/*    .header-search-panel,*/
/*    header.header .header-icons a .header-search-panel {*/
/*        min-width: 0 !important;*/
/*        top: 0 !important;*/
/*        inset-inline-end: auto !important;*/
/*    }*/
/*}*/

/* ── Mobile / tablet header — clean 2-column bar ─────────────────────────── */
/*@media (max-width: 991px) {*/
/*    header.header .navbar {*/
/*        display: grid !important;*/
/*        grid-template-columns: minmax(0, 1fr) auto;*/
/*        grid-template-areas: "brand actions";*/
/*        align-items: center;*/
/*        gap: 8px 10px;*/
/*        flex-wrap: nowrap !important;*/
/*    }*/

/*    header.header .navbar-brand {*/
/*        grid-area: brand;*/
/*        order: unset !important;*/
/*        flex: unset !important;*/
/*        min-width: 0;*/
/*    }*/

/*    header.header .header-offcnvsbtn {*/
/*        grid-area: actions;*/
/*        order: unset !important;*/
/*        justify-self: end;*/
/*    }*/

/*     Duplicate nav pills live in the hamburger menu — hide here */
/*    header.header .mainMenu.desktop-header {*/
/*        display: none !important;*/
/*    }*/

/*    header.header .header-offcnvsbtn > ul {*/
/*        flex-wrap: nowrap;*/
/*        gap: 6px;*/
/*        justify-content: flex-end;*/
/*    }*/

/*    [dir="ltr"] header.header .header-offcnvsbtn > ul {*/
/*        gap: 10px;*/
/*    }*/

/*    header.header .header-offcnvsbtn .header-icons {*/
/*        gap: 6px;*/
/*        flex-wrap: nowrap;*/
/*    }*/

/*    header.header .header-offcnvsbtn .header-icons > a:first-child,*/
/*    header.header .header-offcnvsbtn #menuButton,*/
/*    header.header .header-offcnvsbtn .language-dropdown #dropdown-btn,*/
/*    header.header .navbar-toggler {*/
/*        width: 38px;*/
/*        height: 38px;*/
/*        min-width: 38px;*/
/*        flex-shrink: 0;*/
/*    }*/

/*    header.header .header-offcnvsbtn .language-dropdown #dropdown-btn {*/
/*        padding: 0 8px;*/
/*        font-size: 0.72rem;*/
/*        font-weight: 800;*/
/*        letter-spacing: 0.02em;*/
/*    }*/
/*}*/

/* ── Mobile: tighter spacing, compact actions ───────────────────────────── */
/*@media (max-width: 767px) {*/
/*    header.header {*/
/*        border-radius: 0 0 16px 16px;*/
/*        margin-bottom: 12px;*/
/*    }*/

/*    header.header .header-middle {*/
/*        padding-block: 8px;*/
/*    }*/

/*    header.header > .container {*/
/*        padding-inline: 12px;*/
/*    }*/

/*    header.header .navbar-brand img {*/
/*        max-height: 32px;*/
/*        max-width: 64px;*/
/*    }*/

/*    header.header .navbar-brand h1 {*/
/*        font-size: 0.88rem;*/
/*    }*/
/*}*/

/*@media (max-width: 480px) {*/
/*    header.header .navbar-brand h1 {*/
/*        font-size: 0.88rem;*/
/*    }*/

/*     Hide Order Now on very small screens to protect action spacing */
/*    header.header .header-offcnvsbtn .header-icons .cta-btn,*/
/*    header.header .header-offcnvsbtn .header-icons .btn-all {*/
/*        display: none;*/
/*    }*/
/*}*/

/* ══════════════════════════════════════════════════════════════════════════*/
/*   SHOP SECTION — category-section (full layout reset + rebuild)*/
/*   Mobile-first app menu: categories scroll row on top → products below.*/
/*   Uses !important to win over template JS / inline styles.*/
/*   ══════════════════════════════════════════════════════════════════════════ */

/* ── 0. App-like narrow shell ───────────────────────────────────────────── */
/*.category-section {*/
/*    width: 100% !important;*/
/*    max-width: 100% !important;*/
/*    min-width: 0 !important;*/
/*    overflow: visible !important;*/
/*    font-family: inherit;*/
/*}*/

/*.category-section > .container {*/
/*    display: block !important;*/
/*    width: 100% !important;*/
/*    max-width: 1200px !important;*/
/*    margin-inline: auto !important;*/
/*    padding-inline: 16px !important;*/
/*}*/

/*.category-section .category-main {*/
/*    display: block !important;*/
/*    width: 100% !important;*/
/*    max-width: 100% !important;*/
/*    min-width: 0 !important;*/
/*    float: none !important;*/
/*    position: relative !important;*/
/*    transform: none !important;*/
/*}*/

/* ── 1. Kill Bootstrap row/column sidebar layout ─────────────────────────── */
/*.category-section .category-main > .row {*/
/*    display: block !important;*/
/*    flex-direction: unset !important;*/
/*    flex-wrap: unset !important;*/
/*    align-items: unset !important;*/
/*    justify-content: unset !important;*/
/*    grid-template-columns: unset !important;*/
/*    width: 100% !important;*/
/*    max-width: 100% !important;*/
/*    min-width: 0 !important;*/
/*    height: auto !important;*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*    gap: 0 !important;*/
/*    --bs-gutter-x: 0 !important;*/
/*    --bs-gutter-y: 0 !important;*/
/*}*/

/*.category-section .category-main > .row::before,*/
/*.category-section .category-main > .row::after {*/
/*    display: none !important;*/
/*    content: none !important;*/
/*}*/

/*.category-section .category-main > .row > .col-lg-3,*/
/*.category-section .category-main > .row > .col-md-4,*/
/*.category-section .category-main > .row > .col-lg-9,*/
/*.category-section .category-main > .row > .col-md-8 {*/
/*    display: block !important;*/
/*    width: 100% !important;*/
/*    max-width: 100% !important;*/
/*    min-width: 0 !important;*/
/*    flex: none !important;*/
/*    float: none !important;*/
/*    position: relative !important;*/
/*    inset: auto !important;*/
/*    transform: none !important;*/
/*    height: auto !important;*/
/*    min-height: 0 !important;*/
/*    max-height: none !important;*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*    overflow: visible !important;*/
/*}*/

/* Categories column first, products second (DOM order) */
/*.category-section .category-left {*/
/*    order: unset !important;*/
/*}*/

/*.category-section .category-right {*/
/*    display: block !important;*/
/*    width: 100% !important;*/
/*    max-width: 100% !important;*/
/*    min-width: 0 !important;*/
/*    float: none !important;*/
/*    position: relative !important;*/
/*    transform: none !important;*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*}*/

/*.category-section .category-content {*/
/*    display: block !important;*/
/*    width: 100% !important;*/
/*    max-width: 100% !important;*/
/*    min-width: 0 !important;*/
/*}*/

/* ── 2. Hide clutter ─────────────────────────────────────────────────────── */
/*.category-section .cross-btn,*/
/*.category-section .tab > div:has(.price-filter),*/
/*.category-section .price-filter,*/
/*.category-section .views,*/
/*.category-section .gridView,*/
/*.category-section .listView,*/
/*.category-section .result,*/
/*.category-section .container-pagination,*/
/*.category-section .content > .d-flex.align-items-center.justify-content-between,*/
/*.category-section .category-right + .d-flex {*/
/*    display: none !important;*/
/*}*/

/* ── 3. Categories — horizontal scroll row (all breakpoints) ─────────────── */

/* Force visibility — wins over platform theme display:none on mobile/tablet */
/*@media (max-width: 1199.98px) {*/
/*    .category-section .category-left,*/
/*    .category-section .category-left .tab,*/
/*    .category-section .category-left .side-menu {*/
/*        display: flex !important;*/
/*        visibility: visible !important;*/
/*        opacity: 1 !important;*/
/*        pointer-events: auto !important;*/
/*        height: auto !important;*/
/*        max-height: none !important;*/
/*        overflow: visible !important;*/
/*    }*/

/*    .category-section .category-left {*/
/*        flex-direction: column !important;*/
/*    }*/

/*    .category-section .category-left .tab {*/
/*        flex-direction: column !important;*/
/*        display: block !important;*/
/*    }*/

/*    .category-section .category-left .side-menu {*/
/*        flex-direction: row !important;*/
/*    }*/
/*}*/


/* * Platform drawer hack: at ≤767px Phenix moves .tab off-screen (translateX(-100%)).*/
/* * The heading (.category-heading) sits OUTSIDE .tab, so only the title shows.*/
/* * Reset .tab globally so category pills always stay visible.*/
 
/*.category-section .category-left .tab,*/
/*.category-section .category-left.show .tab,*/
/*.category-section .category-left .tab.d-flex,*/
/*.category-section .category-left .tab.flex-column {*/
/*    position: relative !important;*/
/*    top: auto !important;*/
/*    left: auto !important;*/
/*    right: auto !important;*/
/*    bottom: auto !important;*/
/*    inset: auto !important;*/
/*    width: 100% !important;*/
/*    height: auto !important;*/
/*    min-height: 0 !important;*/
/*    max-height: none !important;*/
/*    transform: none !important;*/
/*    translate: none !important;*/
/*    transition: none !important;*/
/*    overflow: visible !important;*/
/*    border: none !important;*/
/*    background: transparent !important;*/
/*    z-index: auto !important;*/
/*    display: block !important;*/
/*    flex-direction: column !important;*/
/*}*/

/*.category-section .category-left .tab .side-menu,*/
/*.category-section .category-left .side-menu.flex-grow-1,*/
/*.category-section .tab .side-menu.flex-grow-1 {*/
/*    display: flex !important;*/
/*    visibility: visible !important;*/
/*    opacity: 1 !important;*/
/*    pointer-events: auto !important;*/
/*    flex: 0 0 auto !important;*/
/*    flex-grow: 0 !important;*/
/*    max-height: none !important;*/
/*    min-height: 44px !important;*/
/*    overflow-x: auto !important;*/
/*    overflow-y: visible !important;*/
/*}*/

/*.category-section .category-left .side-menu .tablinks,*/
/*.category-section .tab button.tablinks,*/
/*.category-section .tab .tablinks {*/
/*    display: inline-flex !important;*/
/*    visibility: visible !important;*/
/*    opacity: 1 !important;*/
/*    pointer-events: auto !important;*/
/*}*/

/* @media (max-width: 767px) {*/
/*    .category-section .category-left .category-heading {*/
/*        display: flex !important;*/
/*        align-items: center;*/
/*        justify-content: flex-start;*/
/*        gap: 8px;*/
/*        text-align: start !important;*/
/*        font-size: 0.95rem !important;*/
/*        margin-bottom: 8px !important;*/
/*    }*/

/*    .category-section .category-left .category-heading .filter-head {*/
/*        margin: 0;*/
/*    }*/
/*} */

/*.category-section .category-left {*/
/*    position: sticky !important;*/
/*    top: var(--sticky-nav-height, 0px) !important;*/
/*    z-index: var(--z-nav-categories) !important;*/
/*    width: 100% !important;*/
/*    max-width: 100% !important;*/
/*    min-width: 0 !important;*/
/*    height: auto !important;*/
/*    min-height: 0 !important;*/
/*    max-height: none !important;*/
/*    margin: 0 0 16px !important;*/
/*    padding: 0 0 6px !important;*/
/*    overflow: visible !important;*/
/*    border: none !important;*/
/*    box-shadow: none !important;*/
/*    background: transparent !important;*/
/*}*/

/*.category-section .category-left .category-heading {*/
/*    display: none !important;*/
/*     text-align: center !important;*/
/*    margin: 0 0 12px !important;*/
/*    padding: 0 !important;*/
/*    font-size: 1.05rem !important;*/
/*    font-weight: 800 !important;*/
/*    letter-spacing: -0.02em;*/
/*    color: var(--text-main) !important;*/
/*    font-family: inherit;*/
/*    line-height: 1.3; */
/*}*/

/* .category-section .category-left .category-heading .filter-head {*/
/*    color: var(--primary-red);*/
/*    margin-inline-end: 6px;*/
/*    vertical-align: middle;*/
/*} */

/*.category-section .category-left .tab {*/
/*    display: block !important;*/
/*    flex-direction: unset !important;*/
/*    width: 100% !important;*/
/*    min-width: 0 !important;*/
/*    height: auto !important;*/
/*    max-height: none !important;*/
/*    overflow: visible !important;*/
/*    border: none !important;*/
/*    background: transparent !important;*/
/*    padding: 0 !important;*/
/*    margin: 0 !important;*/
/*    gap: 0 !important;*/
/*}*/

/*.category-section .category-left .side-menu {*/
/*    display: flex !important;*/
/*    flex-direction: row !important;*/
/*    flex-wrap: nowrap !important;*/
/*    align-items: center !important;*/
/*    flex-grow: 0 !important;*/
/*    width: 100% !important;*/
/*    max-width: 100% !important;*/
/*    min-width: 0 !important;*/
/*    height: auto !important;*/
/*    max-height: none !important;*/
/*    overflow-x: auto !important;*/
/*    overflow-y: hidden !important;*/
/*    gap: 10px !important;*/
/*    padding-block: 4px 8px !important;*/
/*    padding-inline: 2px;*/
/*    scroll-padding-inline: 8px;*/
/*    scroll-snap-type: x proximity;*/
/*    scrollbar-width: none;*/
/*    -ms-overflow-style: none;*/
/*    -webkit-overflow-scrolling: touch;*/
/*    border: none !important;*/
/*    background: transparent !important;*/
/*    float: none !important;*/
/*    position: relative !important;*/
/*    transform: none !important;*/
/*}*/

/*.category-section .category-left .side-menu::-webkit-scrollbar {*/
/*    display: none;*/
/*    width: 0;*/
/*    height: 0;*/
/*}*/

/*.category-section .category-left .side-menu > .collapse:not(.show) {*/
/*    display: none !important;*/
/*}*/

/*.category-section .category-left .side-menu > .collapse.show {*/
/*    display: contents !important;*/
/*}*/

/* Category badge — reset platform vertical red-bar / dropdown layout */
/*.category-section .category-left .tablinks {*/
/*    appearance: none;*/
/*    -webkit-appearance: none;*/
/*    box-sizing: border-box;*/
/*    display: inline-flex !important;*/
/*    flex-direction: row !important;*/
/*    align-items: center !important;*/
/*    justify-content: flex-start !important;*/
/*    gap: 10px !important;*/
/*    width: auto !important;*/
/*    flex: 0 0 auto !important;*/
/*    min-width: 112px !important;*/
/*    max-width: 176px !important;*/
/*    min-height: 44px !important;*/
/*    height: auto !important;*/
/*    max-height: none !important;*/
/*    margin: 0 !important;*/
/*    padding-block: 8px !important;*/
/*    padding-inline: 8px 16px !important;*/
/*    position: relative !important;*/
/*    inset: auto !important;*/
/*    float: none !important;*/
/*    transform: none !important;*/
/*    writing-mode: horizontal-tb !important;*/
/*    scroll-snap-align: start;*/
/*    background: var(--surface-white) !important;*/
/*    border: 1.5px solid rgba(0, 0, 0, 0.06) !important;*/
/*    border-radius: 999px !important;*/
/*    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;*/
/*    font-family: inherit !important;*/
/*    font-size: 0.875rem !important;*/
/*    font-weight: 700 !important;*/
/*    line-height: 1.2 !important;*/
/*    color: var(--text-main) !important;*/
/*    cursor: pointer !important;*/
/*    -webkit-tap-highlight-color: transparent;*/
/*    touch-action: manipulation;*/
/*    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;*/
/*}*/

/*.category-section .category-left .tablinks::before,*/
/*.category-section .category-left .tablinks::after {*/
/*    content: none !important;*/
/*    display: none !important;*/
/*}*/

/*.category-section .category-left .tablinks:focus-visible {*/
/*    outline: 2px solid var(--primary-red);*/
/*    outline-offset: 2px;*/
/*}*/

/*.category-section .category-left .tablinks img {*/
/*    display: none !important;*/
/*    width: 0 !important;*/
/*    height: 0 !important;*/
/*    min-width: 0 !important;*/
/*    max-width: 0 !important;*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*    overflow: hidden !important;*/
/*    flex: 0 0 0 !important;*/
/*}*/

/*.category-section .category-left .tablinks .tablink-icon {*/
/*    display: inline-flex !important;*/
/*    align-items: center !important;*/
/*    justify-content: center !important;*/
/*    flex: 0 0 32px !important;*/
/*    width: 32px !important;*/
/*    height: 32px !important;*/
/*    min-width: 32px !important;*/
/*    max-width: 32px !important;*/
/*    border-radius: 50% !important;*/
/*    background: var(--bg-cream) !important;*/
/*    color: var(--text-main) !important;*/
/*    font-size: 0.82rem !important;*/
/*    line-height: 1 !important;*/
/*    flex-shrink: 0 !important;*/
/*    pointer-events: none;*/
/*    transition: background-color 0.2s ease, color 0.2s ease;*/
/*}*/

/*.category-section .category-left .tablinks p {*/
/*    display: block !important;*/
/*    visibility: visible !important;*/
/*    opacity: 1 !important;*/
/*    flex: 1 1 auto !important;*/
/*    min-width: 0 !important;*/
/*    width: auto !important;*/
/*    height: auto !important;*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*    font-family: inherit !important;*/
/*    font-size: inherit !important;*/
/*    font-weight: inherit !important;*/
/*    line-height: inherit !important;*/
/*    color: inherit !important;*/
/*    text-align: start !important;*/
/*    white-space: nowrap !important;*/
/*    overflow: hidden !important;*/
/*    text-overflow: ellipsis !important;*/
/*    float: none !important;*/
/*    position: static !important;*/
/*    text-decoration: none !important;*/
/*}*/

/*.category-section .category-left .tablinks > i:not(.tablink-icon) {*/
/*    display: inline-flex !important;*/
/*    align-items: center !important;*/
/*    justify-content: center !important;*/
/*    flex-shrink: 0 !important;*/
/*    width: 18px !important;*/
/*    height: 18px !important;*/
/*    margin-inline-start: 2px !important;*/
/*    font-size: 0.7rem !important;*/
/*    color: var(--text-muted) !important;*/
/*    transition: transform 0.2s ease, color 0.2s ease;*/
/*}*/

/*.category-section .category-left .tablinks > i:not(.tablink-icon)[style*="display: none"],*/
/*.category-section .category-left .tablinks > i:not(.tablink-icon)[style*="display:none"] {*/
/*    display: none !important;*/
/*}*/

/*.category-section .category-left .tablinks:has(+ .collapse.show) > i:not(.tablink-icon),*/
/*.category-section .category-left .tablinks > i:not(.tablink-icon)[aria-expanded="true"] {*/
/*    transform: rotate(180deg);*/
/*    color: var(--primary-red) !important;*/
/*}*/

/*.category-section .category-left .tablinks:hover:not(.active) {*/
/*    background: var(--surface-white) !important;*/
/*    border-color: rgba(255, 70, 70, 0.3) !important;*/
/*    box-shadow: 0 4px 14px rgba(255, 70, 70, 0.08) !important;*/
/*}*/

/*.category-section .category-left .tablinks.active {*/
/*    background: var(--surface-white) !important;*/
/*    border-color: var(--primary-red) !important;*/
/*    color: var(--primary-red) !important;*/
/*    box-shadow: 0 4px 14px rgba(255, 70, 70, 0.12) !important;*/
/*}*/

/*.category-section .category-left .tablinks.active > i.tablink-icon {*/
/*    color: var(--primary-red) !important;*/
/*    background: rgba(255, 70, 70, 0.1) !important;*/
/*}*/

/*.category-section .category-left .tablinks.active p {*/
/*    color: var(--primary-red) !important;*/
/*    text-decoration: none !important;*/
/*}*/

/*.category-section .category-left .tablinks.active > i:not(.tablink-icon) {*/
/*    color: var(--primary-red) !important;*/
/*}*/

/*.category-section .category-left .collapse .tablinks {*/
/*    min-height: 40px !important;*/
/*    font-size: 0.82rem !important;*/
/*    padding-inline-end: 12px !important;*/
/*    min-width: 100px !important;*/
/*    max-width: 160px !important;*/
/*}*/

/*.category-section .category-left .collapse .tablinks img {*/
/*    display: none !important;*/
/*}*/

/*.category-section .category-left .collapse .tablinks .tablink-icon {*/
/*    width: 28px !important;*/
/*    height: 28px !important;*/
/*    min-width: 28px !important;*/
/*    max-width: 28px !important;*/
/*    flex: 0 0 28px !important;*/
/*    font-size: 0.75rem !important;*/
/*}*/

/* ── 4. Products area ──────────────────────────────────────────────────── */
/*.category-section .content {*/
/*    display: block !important;*/
/*    width: 100% !important;*/
/*    max-width: 100% !important;*/
/*    min-width: 0 !important;*/
/*    align-items: unset !important;*/
/*    float: none !important;*/
/*    transform: none !important;*/
/*}*/

/*.category-section .pro-heading {*/
/*    margin: 0 0 14px !important;*/
/*    padding: 0 !important;*/
/*    font-size: 1.2rem !important;*/
/*    font-weight: 800 !important;*/
/*    color: var(--primary-red) !important;*/
/*    font-family: inherit;*/
/*    line-height: 1.25;*/
/*    text-align: start;*/
/*}*/

/*.category-section .menu-item-wrapper {*/
/*    display: grid !important;*/
/*    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;*/
/*    gap: 12px !important;*/
/*    width: 100% !important;*/
/*    max-width: 100% !important;*/
/*    min-width: 0 !important;*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*    float: none !important;*/
/*    position: relative !important;*/
/*    transform: none !important;*/
/*}*/

/*.category-section .menu-item {*/
/*    width: 100% !important;*/
/*    min-width: 0 !important;*/
/*    max-width: none !important;*/
/*}*/

/* Phone card sizing — 2 columns on every mobile width */
/*@media (max-width: 991px) {*/
/*    .category-section .menu-item {*/
/*        border-radius: 20px !important;*/
/*    }*/

/*    .category-section .menu-item .menu-item-img {*/
/*        border-radius: 20px 20px 0 0 !important;*/
/*    }*/

/*    .category-section .menu-item .product-name {*/
/*        font-size: 0.88rem !important;*/
/*    }*/

/*    .category-section .menu-item .product-price,*/
/*    .category-section .menu-item .product-price-catalog {*/
/*        font-size: 0.95rem !important;*/
/*    }*/

/*    .category-section .menu-item .menu-icon .addToCard {*/
/*        width: 32px !important;*/
/*        height: 32px !important;*/
/*    }*/
/*}*/

/*@media (max-width: 399px) {*/
/*    .category-section .menu-item-wrapper {*/
/*        gap: 10px !important;*/
/*    }*/

/*    .category-section > .container {*/
/*        padding-inline: 12px !important;*/
/*    }*/
/*}*/

/* Desktop — multi-column product grid */
/*@media (min-width: 992px) {*/
/*    .category-section > .container {*/
/*        max-width: 1200px !important;*/
/*        padding-inline: 20px !important;*/
/*    }*/

/*    .category-section .category-left {*/
/*        margin-bottom: 20px !important;*/
/*    }*/
 
/*    .category-section .category-left .category-heading {*/
/*        font-size: 1.15rem !important;*/
/*        margin-bottom: 14px !important;*/
/*    } */

/*    .category-section .category-left .side-menu {*/
/*        gap: 12px !important;*/
/*        flex-wrap: wrap !important;*/
/*        overflow-x: visible !important;*/
/*    }*/

/*    .category-section .category-left .tablinks {*/
/*        min-height: 46px !important;*/
/*        min-width: 118px !important;*/
/*        max-width: 188px !important;*/
/*        font-size: 0.9rem !important;*/
/*        padding-inline: 8px 18px !important;*/
/*    }*/

/*    .category-section .category-left .tablinks .tablink-icon {*/
/*        width: 34px !important;*/
/*        height: 34px !important;*/
/*        min-width: 34px !important;*/
/*        max-width: 34px !important;*/
/*        flex: 0 0 34px !important;*/
/*        font-size: 0.88rem !important;*/
/*    }*/

/*    .category-section .menu-item-wrapper {*/
/*        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;*/
/*        gap: 16px !important;*/
/*    }*/

/*    .category-section .menu-item .menu-item-img img {*/
/*        aspect-ratio: 4 / 3 !important;*/
/*    }*/
/*}*/

/*@media (min-width: 1200px) {*/
/*    .category-section .menu-item-wrapper {*/
/*        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;*/
/*        gap: 18px !important;*/
/*    }*/
/*}*/

/*@media (max-width: 599px) {*/
/*    .category-section .category-left .side-menu {*/
/*        gap: 8px !important;*/
/*        padding-block: 2px 6px !important;*/
/*        margin-inline: -2px;*/
/*    }*/

/*    .category-section .category-left .tablinks {*/
/*        min-height: 42px !important;*/
/*        min-width: 108px !important;*/
/*        max-width: 168px !important;*/
/*        padding-block: 7px !important;*/
/*        padding-inline: 7px 14px !important;*/
/*        font-size: 0.82rem !important;*/
/*        gap: 8px !important;*/
/*    }*/

/*    .category-section .category-left .tablinks .tablink-icon {*/
/*        width: 30px !important;*/
/*        height: 30px !important;*/
/*        min-width: 30px !important;*/
/*        max-width: 30px !important;*/
/*        flex: 0 0 30px !important;*/
/*        font-size: 0.78rem !important;*/
/*    }*/
/*}*/

/* @media (max-width: 399px) {*/
/*    .category-section .category-left .category-heading {*/
/*        font-size: 0.98rem !important;*/
/*        margin-bottom: 10px !important;*/
/*    }*/
/*} */

/* ══════════════════════════════════════════════════════════════════════════*/
/*   Product Details Modal — premium single-column (CSS-only layout refactor)*/
/*   Targets #product-popup / .single-product-main without HTML changes.*/
/*   ══════════════════════════════════════════════════════════════════════════ */

/*#product-popup.modal .modal-dialog,*/
/*.modal:has(.single-product-main) .modal-dialog {*/
/*    max-width: 420px !important;*/
/*    margin: 1rem auto;*/
/*}*/

/*#product-popup .modal-content,*/
/*.modal:has(.single-product-main) .modal-content {*/
/*    background: var(--surface-white);*/
/*    border: none;*/
/*    border-radius: 24px;*/
/*    overflow: hidden;*/
/*    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);*/
/*    font-family: inherit;*/
/*    color: var(--text-main);*/
/*}*/

/*#product-popup .product-popup-body,*/
/*.modal:has(.single-product-main) .modal-body {*/
/*    position: relative;*/
/*    padding: 0;*/
/*    overflow-y: auto;*/
/*    max-height: min(90dvh, 90vh);*/
/*    -webkit-overflow-scrolling: touch;*/
/*}*/

/*#product-popup .product-popup-body > .btn-close,*/
/*.modal:has(.single-product-main) .product-popup-body > .btn-close,*/
/*.modal:has(.single-product-main) .btn-close,*/
/*.modal:has(.single-product-main) button[data-bs-dismiss="modal"] {*/
/*    position: absolute !important;*/
/*    top: 12px !important;*/
/*    inset-inline-end: 12px !important;*/
/*    inset-inline-start: auto !important;*/
/*    left: auto !important;*/
/*    right: auto !important;*/
/*    z-index: 6;*/
/*    background-color: var(--bg-cream) !important;*/
/*    border: none !important;*/
/*    width: 36px !important;*/
/*    height: 36px !important;*/
/*    min-width: 36px;*/
/*    min-height: 36px;*/
/*    border-radius: 50% !important;*/
/*    opacity: 1 !important;*/
/*    padding: 0 !important;*/
/*    margin: 0 !important;*/
/*    display: inline-flex !important;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    box-shadow: var(--shadow-soft);*/
/*    transition: background-color 0.2s ease, transform 0.15s ease;*/
/*    filter: none !important;*/
/*    visibility: visible !important;*/
/*}*/

/*#product-popup .product-popup-body > .btn-close:hover,*/
/*.modal:has(.single-product-main) .btn-close:hover {*/
/*    background-color: var(--surface-white) !important;*/
/*}*/

/*#product-popup .product-popup-body > .btn-close:active,*/
/*.modal:has(.single-product-main) .btn-close:active {*/
/*    transform: scale(0.94);*/
/*}*/

/*.single-product-main {*/
/*    font-family: inherit;*/
/*    color: var(--text-main);*/
/*    padding: 0 0 20px !important;*/
/*    border: none !important;*/
/*}*/

/*.single-product-main > .row {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: stretch;*/
/*    margin: 0 !important;*/
/*    --bs-gutter-x: 0;*/
/*    --bs-gutter-y: 0;*/
/*}*/

/*.single-product-main .image-section,*/
/*.single-product-main .unit-section,*/
/*.single-product-main .single-product-content,*/
/*.single-product-main .singlepro-inner,*/
/*.single-product-main .add-customizationsbox,*/
/*.single-product-main #material-details.form {*/
/*    display: contents;*/
/*}*/

/*.single-product-main .image-section[class*="col-"],*/
/*.single-product-main .unit-section[class*="col-"] {*/
/*    width: 100% !important;*/
/*    max-width: 100% !important;*/
/*    flex: none !important;*/
/*    background: transparent !important;*/
/*    border-radius: 0 !important;*/
/*    box-shadow: none !important;*/
/*    max-height: none !important;*/
/*    padding: 0 !important;*/
/*}*/

/*.single-product-main .single-product-image { order: 1; }*/
/*.single-product-main .product-info { order: 2; }*/
/*.single-product-main #inventory { order: 3; }*/
/*.single-product-main .product-description { order: 4; }*/
/*.single-product-main .pc-box { order: 5; }*/
/*.single-product-main .product-customization.unit-note { order: 6; }*/
/*.single-product-main .product-customization.image-note { order: 7; }*/
/*.single-product-main .product-btns { order: 8; }*/

/*.single-product-main .single-product-image {*/
/*    width: 100%;*/
/*    max-width: 100%;*/
/*    height: auto;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    border: none;*/
/*    border-radius: 0;*/
/*    background: transparent;*/
/*    overflow: hidden;*/
/*    box-sizing: border-box;*/
/*    aspect-ratio: 16 / 10;*/
/*    max-height: 240px;*/
/*}*/

/*.single-product-main .single-product-image img,*/
/*.single-product-main #product-img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    min-height: 180px;*/
/*    display: block;*/
/*    object-fit: cover;*/
/*    object-position: center;*/
/*    border-radius: 0;*/
/*    aspect-ratio: auto;*/
/*}*/

/*.single-product-main .product-info {*/
/*    padding: 16px 20px 8px;*/
/*    text-align: center;*/
/*}*/

/*.single-product-main .product-modal-name {*/
/*    font-size: 1.25rem;*/
/*    font-weight: 800 !important;*/
/*    color: var(--text-main);*/
/*    line-height: 1.25;*/
/*    margin: 0 0 8px;*/
/*    font-family: inherit;*/
/*    overflow-wrap: break-word;*/
/*    letter-spacing: -0.02em;*/
/*    text-align: center;*/
/*}*/

/*.single-product-main .product-modal-price,*/
/*.single-product-main .product-price-catalog,*/
/*.single-product-main #material-price {*/
/*    font-size: 1.35rem;*/
/*    font-weight: 800;*/
/*    color: var(--primary-red);*/
/*    font-family: inherit;*/
/*    line-height: 1.2;*/
/*    text-align: center;*/
/*    margin: 0;*/
/*}*/

/*.single-product-main .product-description {*/
/*    font-size: 0.875rem !important;*/
/*    color: var(--text-muted);*/
/*    line-height: 1.55;*/
/*    padding: 0 20px 16px;*/
/*    font-family: inherit;*/
/*    text-align: center;*/
/*}*/

/*.single-product-main .product-description:empty {*/
/*    display: none;*/
/*}*/

/*.single-product-main .pc-box {*/
/*    width: 100%;*/
/*    padding: 0 20px;*/
/*    margin: 0 0 12px;*/
/*}*/

/*.single-product-main .product-customization {*/
/*    margin: 0 0 16px;*/
/*    border-radius: 0;*/
/*    position: static;*/
/*}*/

/*.single-product-main .product-customization.section-sizes:not(:has(.pro-customization-input, .pro-customization-item, input)) {*/
/*    display: none !important;*/
/*}*/

/*.single-product-main .product-customization h5,*/
/*.single-product-main .product-customization .mb-3,*/
/*.single-product-main .product-customization .mb-2 {*/
/*    font-size: 1rem;*/
/*    font-weight: 800;*/
/*    color: var(--text-main);*/
/*    text-align: center;*/
/*    margin: 0 0 8px !important;*/
/*    font-family: inherit;*/
/*}*/

/*.single-product-main .product-customization-inner {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 8px;*/
/*    width: 100%;*/
/*}*/

/*.single-product-main .product-customization-inner .befor,*/
/*.single-product-main .pc-box .text-danger,*/
/*.single-product-main .pc-box .warn,*/
/*.single-product-main .pc-box p.text-danger {*/
/*    font-size: 0.78rem;*/
/*    color: var(--primary-red) !important;*/
/*    text-align: start;*/
/*    margin: 0 0 10px;*/
/*    line-height: 1.45;*/
/*}*/

/* ── Modifier groups (.template-mod) — premium pill list ─────────────────── */
/*.single-product-main .template-mod,*/
/*#product-popup .template-mod {*/
/*    background: #f0f0f2 !important;*/
/*    border-radius: 18px !important;*/
/*    padding: 16px 14px !important;*/
/*    margin: 10px 0 0 !important;*/
/*    width: 100%;*/
/*    text-align: start;*/
/*    line-height: 1.5;*/
/*}*/

/*.single-product-main .template-mod > p,*/
/*#product-popup .template-mod > p {*/
/*    color: var(--primary-red) !important;*/
/*    font-weight: 700 !important;*/
/*    font-size: 0.95rem !important;*/
/*    display: inline !important;*/
/*    margin: 0 !important;*/
/*}*/

/*.single-product-main .template-mod [id^="count-mod-hint"],*/
/*#product-popup .template-mod [id^="count-mod-hint"] {*/
/*    color: var(--text-main) !important;*/
/*    font-weight: 600 !important;*/
/*    font-size: 0.82rem !important;*/
/*}*/

/*.single-product-main .template-mod .product-customization-inner,*/
/*#product-popup .template-mod .product-customization-inner {*/
/*    display: flex !important;*/
/*    flex-direction: column !important;*/
/*    gap: 10px !important;*/
/*    margin-top: 12px !important;*/
/*    width: 100% !important;*/
/*    grid-template-columns: none !important;*/
/*}*/

/*.single-product-main .section-additions > h5,*/
/*.single-product-main .product-customization.section-additions > h5,*/
/*#product-popup .section-additions > h5 {*/
/*    text-align: start !important;*/
/*    font-size: 1rem !important;*/
/*    font-weight: 800 !important;*/
/*    color: var(--text-main) !important;*/
/*    margin: 0 0 4px !important;*/
/*}*/

/*.single-product-main .additionsList,*/
/*#product-popup .additionsList {*/
/*    width: 100%;*/
/*    margin: 0 !important;*/
/*}*/

/*.single-product-main .additionsList .form-group,*/
/*#product-popup .additionsList .form-group {*/
/*    margin: 0 !important;*/
/*}*/

/*.single-product-main .additionsList .pro-customization-input,*/
/*#product-popup .additionsList .pro-customization-input {*/
/*    display: flex !important;*/
/*    align-items: center !important;*/
/*    justify-content: flex-start !important;*/
/*    width: 100% !important;*/
/*    margin: 0 !important;*/
/*    padding: 11px 14px !important;*/
/*    background: rgba(255, 240, 235, 0.95) !important;*/
/*    border: 1.5px solid rgba(255, 70, 70, 0.08) !important;*/
/*    border-radius: 14px !important;*/
/*    box-shadow: none !important;*/
/*    transition: background-color 0.2s ease, border-color 0.2s ease;*/
/*}*/

/*.single-product-main .additionsList .pro-customization-input:hover,*/
/*#product-popup .additionsList .pro-customization-input:hover {*/
/*    border-color: rgba(255, 70, 70, 0.22) !important;*/
/*    background: rgba(255, 232, 225, 0.98) !important;*/
/*}*/

/*.single-product-main .additionsList .pro-customization-input:has(.custom-control-input:checked),*/
/*#product-popup .additionsList .pro-customization-input:has(.custom-control-input:checked) {*/
/*    background: rgba(255, 225, 218, 1) !important;*/
/*    border-color: rgba(255, 70, 70, 0.28) !important;*/
/*}*/

/*.single-product-main .additionsList label.custom-control,*/
/*#product-popup .additionsList label.custom-control {*/
/*    width: 100% !important;*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*    display: flex !important;*/
/*    align-items: center !important;*/
/*    justify-content: flex-start !important;*/
/*    cursor: pointer;*/
/*    min-height: 0;*/
/*}*/

/*.single-product-main .additionsList .click-checkbox,*/
/*#product-popup .additionsList .click-checkbox {*/
/*    display: flex !important;*/
/*    align-items: center !important;*/
/*    gap: 12px !important;*/
/*    width: 100% !important;*/
/*    margin: 0 !important;*/
/*}*/

/*[dir="rtl"] .single-product-main .additionsList .click-checkbox,*/
/*[dir="rtl"] #product-popup .additionsList .click-checkbox {*/
/*    flex-direction: row;*/
/*    justify-content: flex-start;*/
/*}*/

/*[dir="ltr"] .single-product-main .additionsList .click-checkbox,*/
/*[dir="ltr"] #product-popup .additionsList .click-checkbox {*/
/*    flex-direction: row;*/
/*    justify-content: flex-start;*/
/*}*/

/*.single-product-main .additionsList .custom-control-input,*/
/*#product-popup .additionsList .custom-control-input {*/
/*    appearance: none !important;*/
/*    -webkit-appearance: none !important;*/
/*    width: 20px !important;*/
/*    height: 20px !important;*/
/*    min-width: 20px !important;*/
/*    margin: 0 !important;*/
/*    flex-shrink: 0 !important;*/
/*    border: 2px solid #c4c4c8 !important;*/
/*    border-radius: 5px !important;*/
/*    background: var(--surface-white) !important;*/
/*    cursor: pointer;*/
/*    position: relative;*/
/*    accent-color: transparent;*/
/*}*/

/*.single-product-main .additionsList .custom-control-input:checked,*/
/*#product-popup .additionsList .custom-control-input:checked {*/
/*    background: var(--primary-red) !important;*/
/*    border-color: var(--primary-red) !important;*/
/*}*/

/*.single-product-main .additionsList .custom-control-input:checked::after,*/
/*#product-popup .additionsList .custom-control-input:checked::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 46%;*/
/*    width: 5px;*/
/*    height: 9px;*/
/*    border: solid var(--surface-white);*/
/*    border-width: 0 2px 2px 0;*/
/*    transform: translate(-50%, -55%) rotate(45deg);*/
/*}*/

/*.single-product-main .additionsList .custom-control-description,*/
/*#product-popup .additionsList .custom-control-description {*/
/*    flex: 1 1 auto;*/
/*    min-width: 0;*/
/*    display: flex !important;*/
/*    align-items: center !important;*/
/*    flex-wrap: wrap !important;*/
/*    gap: 6px !important;*/
/*    color: var(--primary-red) !important;*/
/*    font-size: 0.92rem !important;*/
/*    font-weight: 600 !important;*/
/*    font-family: inherit;*/
/*    text-align: start;*/
/*    line-height: 1.35;*/
/*}*/

/*.single-product-main .additionsList .custom-control-description .product-price-catalog,*/
/*#product-popup .additionsList .custom-control-description .product-price-catalog {*/
/*    color: var(--primary-red) !important;*/
/*    font-weight: 600 !important;*/
/*    font-size: 0.92rem !important;*/
/*    margin: 0 !important;*/
/*}*/

/* Generic customization rows (sizes, etc.) — outside additionsList */
/*.single-product-main .section-sizes .pro-customization-input,*/
/*.single-product-main .pro-customization-item {*/
/*    display: flex !important;*/
/*    align-items: center;*/
/*    gap: 12px;*/
/*    width: 100%;*/
/*    margin: 0 !important;*/
/*    padding: 12px 14px !important;*/
/*    background: var(--bg-cream) !important;*/
/*    border: 1.5px solid transparent !important;*/
/*    border-radius: 14px !important;*/
/*    box-shadow: none !important;*/
/*    transition: border-color 0.2s ease, background-color 0.2s ease;*/
/*}*/

/*.single-product-main .section-sizes .pro-customization-input:hover,*/
/*.single-product-main .pro-customization-item:hover {*/
/*    border-color: rgba(255, 70, 70, 0.18) !important;*/
/*}*/

/*.single-product-main .pro-customization-input input[type="checkbox"]:not(.custom-control-input),*/
/*.single-product-main .pro-customization-input input[type="radio"],*/
/*.single-product-main .pro-customization-item input[type="checkbox"],*/
/*.single-product-main .pro-customization-item input[type="radio"] {*/
/*    width: 18px !important;*/
/*    height: 18px !important;*/
/*    min-width: 18px;*/
/*    margin: 0 !important;*/
/*    flex-shrink: 0;*/
/*    accent-color: var(--primary-red);*/
/*}*/

/*.single-product-main .pro-customization-input label:not(.custom-control),*/
/*.single-product-main .pro-customization-item label {*/
/*    flex: 1 1 auto;*/
/*    min-width: 0;*/
/*    margin: 0 !important;*/
/*    font-size: 0.9rem !important;*/
/*    font-weight: 600 !important;*/
/*    color: var(--text-main) !important;*/
/*    font-family: inherit;*/
/*    text-align: start;*/
/*    cursor: pointer;*/
/*}*/

/*.single-product-main .pro-customization-input .input-group,*/
/*.single-product-main .pro-customization-item .input-group {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 12px;*/
/*    flex-wrap: nowrap;*/
/*}*/

/*.single-product-main .product-customization.image-note,*/
/*.single-product-main .product-customization.unit-note {*/
/*    padding: 0;*/
/*    width: 100%;*/
/*}*/

/*.single-product-main:has(.unit-section .product-customization-inner:not(:empty)) .product-customization.image-note {*/
/*    display: none !important;*/
/*}*/

/*.single-product-main .product-customization-inner .mynote,*/
/*.single-product-main .mynote.form-control {*/
/*    width: 100%;*/
/*    padding: 12px 14px;*/
/*    background: var(--bg-cream);*/
/*    border: none;*/
/*    border-radius: 14px;*/
/*    font-size: 0.875rem;*/
/*    font-family: inherit;*/
/*    color: var(--text-main);*/
/*    line-height: 1.5;*/
/*    resize: vertical;*/
/*    min-height: 72px;*/
/*    transition: box-shadow 0.2s ease, background-color 0.2s ease;*/
/*}*/

/*.single-product-main .mynote.form-control:focus {*/
/*    outline: none;*/
/*    background: var(--surface-white);*/
/*    box-shadow: 0 0 0 2px rgba(255, 70, 70, 0.25);*/
/*}*/

/*.single-product-main .mynote.form-control::placeholder {*/
/*    color: var(--text-muted);*/
/*}*/

/*.single-product-main .product-btns {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 12px;*/
/*    width: 100%;*/
/*    margin-top: 8px;*/
/*    padding: 16px 20px 0;*/
/*    border-top: 2px solid var(--bg-cream);*/
/*    background: var(--surface-white);*/
/*    position: sticky;*/
/*    bottom: 0;*/
/*    z-index: 2;*/
/*}*/

/*.single-product-main .probtns-left,*/
/*.single-product-main .probtns-right {*/
/*    width: 100% !important;*/
/*    max-width: 100% !important;*/
/*    margin: 0 !important;*/
/*}*/

/*.single-product-main .probtns-right.mt-3 {*/
/*    margin-top: 0 !important;*/
/*}*/

/*.single-product-main .quantity {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: flex-end;*/
/*    gap: 12px;*/
/*    background: var(--bg-cream);*/
/*    border-radius: 999px;*/
/*    padding: 10px 14px;*/
/*    box-shadow: none;*/
/*}*/

/*.single-product-main .quantity::before {*/
/*    content: 'Quantity';*/
/*    flex: 1 1 auto;*/
/*    min-width: 0;*/
/*    font-size: 0.92rem;*/
/*    font-weight: 600;*/
/*    color: var(--text-muted);*/
/*    text-align: start;*/
/*    padding-inline-end: 8px;*/
/*    margin-inline-end: auto;*/
/*}*/

/*html[lang="ar"] .single-product-main .quantity::before,*/
/*[dir="rtl"] .single-product-main .quantity::before {*/
/*    content: 'الكمية';*/
/*}*/

/*.single-product-main .quantity .minus,*/
/*.single-product-main .quantity .plus {*/
/*    background: var(--surface-white);*/
/*    border: none;*/
/*    width: 36px;*/
/*    height: 36px;*/
/*    border-radius: 50%;*/
/*    cursor: pointer;*/
/*    box-shadow: var(--shadow-soft);*/
/*    font-size: 1.05rem;*/
/*    font-weight: 700;*/
/*    color: var(--text-main);*/
/*    font-family: inherit;*/
/*    line-height: 1;*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    transition: transform 0.2s ease, color 0.2s ease;*/
/*    flex-shrink: 0;*/
/*}*/

/*.single-product-main .quantity .minus:hover,*/
/*.single-product-main .quantity .plus:hover {*/
/*    color: var(--primary-red);*/
/*}*/

/*.single-product-main .quantity .minus:active,*/
/*.single-product-main .quantity .plus:active {*/
/*    transform: scale(0.92);*/
/*}*/

/*.single-product-main .quantity .input-box,*/
/*.single-product-main .quantity #quantity {*/
/*    font-size: 1.05rem;*/
/*    font-weight: 800;*/
/*    width: 36px;*/
/*    min-width: 36px;*/
/*    text-align: center;*/
/*    color: var(--text-main);*/
/*    background: transparent;*/
/*    border: none;*/
/*    font-family: inherit;*/
/*    -moz-appearance: textfield;*/
/*    flex-shrink: 0;*/
/*}*/

/*.single-product-main .quantity .input-box::-webkit-outer-spin-button,*/
/*.single-product-main .quantity .input-box::-webkit-inner-spin-button,*/
/*.single-product-main .quantity #quantity::-webkit-outer-spin-button,*/
/*.single-product-main .quantity #quantity::-webkit-inner-spin-button {*/
/*    -webkit-appearance: none;*/
/*    margin: 0;*/
/*}*/

/*.single-product-main .probtns-right .btn-all,*/
/*.single-product-main .btn-all[data-action="add-to-cart"],*/
/*.single-product-main .btn-all[data-action="update-cart"] {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    gap: 8px;*/
/*    width: 100% !important;*/
/*    background-color: var(--primary-red) !important;*/
/*    color: var(--surface-white) !important;*/
/*    border: none !important;*/
/*    padding: 15px 20px;*/
/*    border-radius: 999px;*/
/*    font-size: 1rem;*/
/*    font-weight: 700;*/
/*    font-family: inherit;*/
/*    text-decoration: none;*/
/*    cursor: pointer;*/
/*    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);*/
/*    transition: opacity 0.2s ease, transform 0.2s ease;*/
/*    line-height: 1.2;*/
/*}*/

/*.single-product-main .probtns-right .btn-all:hover,*/
/*.single-product-main .btn-all[data-action="add-to-cart"]:hover,*/
/*.single-product-main .btn-all[data-action="update-cart"]:hover {*/
/*    opacity: 0.92;*/
/*    color: var(--surface-white) !important;*/
/*}*/

/*.single-product-main .probtns-right .btn-all:active,*/
/*.single-product-main .btn-all[data-action="add-to-cart"]:active,*/
/*.single-product-main .btn-all[data-action="update-cart"]:active {*/
/*    transform: scale(0.98);*/
/*}*/

/*.single-product-main .pc-box {*/
/*    order: 5;*/
/*    width: 100%;*/
/*    padding: 0;*/
/*}*/

/*.single-product-main .product-customization.section-additions:not(:has(.pro-customization-input, .pro-customization-item, input)) {*/
/*    display: none !important;*/
/*}*/

/*.single-product-main .pro-customization-item .modifier-price {*/
/*    margin-inline-start: auto;*/
/*    flex-shrink: 0;*/
/*    color: var(--primary-red) !important;*/
/*    font-weight: 700;*/
/*    font-size: 0.85rem;*/
/*}*/

/*.single-product-main .additionsList .pro-customization-input span.text-danger,*/
/*#product-popup .additionsList .pro-customization-input span.text-danger {*/
/*    margin-inline-start: 0 !important;*/
/*}*/

/*.single-product-main .modifier-amount {*/
/*    width: auto !important;*/
/*    margin-inline-start: auto;*/
/*    flex-shrink: 0;*/
/*}*/

/* Beat platform #product-popup rules (phenix custom.css) */
/*#product-popup .modal-dialog.modal-xl {*/
/*    max-width: 420px !important;*/
/*}*/

/*#product-popup .single-product-content {*/
/*    padding: 0 !important;*/
/*}*/

/*#product-popup .single-product-image {*/
/*    width: 100% !important;*/
/*    max-width: 100% !important;*/
/*    height: auto !important;*/
/*    min-height: 0 !important;*/
/*    border-radius: 0 !important;*/
/*    border: none !important;*/
/*    padding: 0 !important;*/
/*    margin: 0 !important;*/
/*    overflow: hidden !important;*/
/*    aspect-ratio: 16 / 10 !important;*/
/*    max-height: 240px !important;*/
/*}*/

/*#product-popup .single-product-image img,*/
/*#product-popup #product-img {*/
/*    width: 100% !important;*/
/*    height: 100% !important;*/
/*    min-height: 180px !important;*/
/*    border-radius: 0 !important;*/
/*    object-fit: cover !important;*/
/*    object-position: center !important;*/
/*}*/

/*html[dir="rtl"] #product-popup .product-popup-body > .btn-close,*/
/*html[dir="ltr"] #product-popup .product-popup-body > .btn-close,*/
/*html[dir="rtl"] #product-popup button.btn-close,*/
/*html[dir="ltr"] #product-popup button.btn-close {*/
/*    inset-inline-end: 12px !important;*/
/*    inset-inline-start: auto !important;*/
/*    left: auto !important;*/
/*    right: auto !important;*/
/*    top: 12px !important;*/
/*    border: none !important;*/
/*    background-color: var(--bg-cream) !important;*/
/*    width: 36px !important;*/
/*    height: 36px !important;*/
/*    padding: 0 !important;*/
/*    box-shadow: var(--shadow-soft) !important;*/
/*}*/

/*#product-popup .quantity {*/
/*    width: 100% !important;*/
/*    background: var(--bg-cream) !important;*/
/*    border-radius: 999px !important;*/
/*    box-shadow: none !important;*/
/*    padding: 10px 14px !important;*/
/*    overflow: visible !important;*/
/*    justify-content: flex-end !important;*/
/*}*/

/*#product-popup .quantity button,*/
/*#product-popup .quantity .minus,*/
/*#product-popup .quantity .plus {*/
/*    background: var(--surface-white) !important;*/
/*    color: var(--text-main) !important;*/
/*    border: none !important;*/
/*    width: 36px !important;*/
/*    height: 36px !important;*/
/*    border-radius: 50% !important;*/
/*    box-shadow: var(--shadow-soft) !important;*/
/*}*/

/*#product-popup .product-btns a.btn-all {*/
/*    border: none !important;*/
/*    width: 100% !important;*/
/*    border-radius: 999px !important;*/
/*    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;*/
/*}*/

/*#product-popup .template-mod {*/
/*    background: #f0f0f2 !important;*/
/*    border-radius: 18px !important;*/
/*}*/

/*#product-popup .additionsList .pro-customization-input label,*/
/*#product-popup .additionsList .custom-control-description {*/
/*    font-size: 0.92rem !important;*/
/*    color: var(--primary-red) !important;*/
/*}*/

/*#product-popup .additionsList .pro-customization-input:hover .modifier-amount input,*/
/*#product-popup .additionsList .pro-customization-input:hover .modifier-amount button {*/
/*    color: inherit !important;*/
/*    border-color: inherit !important;*/
/*}*/

/* Grid card trigger — menu-item.html (opens modal) */
/*.menu-item {*/
/*    font-family: inherit;*/
/*    background-color: var(--surface-white);*/
/*    border-radius: 24px;*/
/*    overflow: hidden;*/
/*    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);*/
/*    transition: transform 0.3s ease, box-shadow 0.3s ease;*/
/*}*/

/*.menu-item:hover {*/
/*    transform: translateY(-2px);*/
/*    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);*/
/*}*/

/*.menu-item .menu-item-img {*/
/*    overflow: hidden;*/
/*    border-radius: 24px 24px 0 0;*/
/*}*/

/*.menu-item .menu-item-img img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*    display: block;*/
/*    aspect-ratio: 4 / 3;*/
/*}*/

/*.menu-item .menu-item-ctn {*/
/*    padding: 10px 14px 14px;*/
/*    color: var(--text-main);*/
/*}*/

/*.menu-item .product-name {*/
/*    font-size: 1rem;*/
/*    font-weight: 700;*/
/*    color: var(--text-main);*/
/*    line-height: 1.25;*/
/*    font-family: inherit;*/
/*    text-decoration: none;*/
/*}*/

/*.menu-item .show-material-details {*/
/*    color: inherit;*/
/*    text-decoration: none;*/
/*}*/

/*.menu-item .product-price,*/
/*.menu-item .product-price-catalog {*/
/*    font-size: 1.2rem;*/
/*    font-weight: 800;*/
/*    color: var(--text-main);*/
/*    font-family: inherit;*/
/*}*/

/*.menu-item .menu-icon {*/
/*    list-style: none;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

/*.menu-item .menu-icon .addToCard {*/
/*    width: 36px;*/
/*    height: 36px;*/
/*    border-radius: 50%;*/
/*    border: none;*/
/*    background-color: var(--primary-red);*/
/*    color: var(--surface-white);*/
/*    cursor: pointer;*/
/*    box-shadow: 0 4px 12px rgba(255, 70, 70, 0.35);*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    transition: transform 0.3s ease, filter 0.2s ease;*/
/*    padding: 0;*/
/*}*/

/*.menu-item .menu-icon .addToCard i {*/
/*    font-size: 14px;*/
/*    color: var(--surface-white);*/
/*    pointer-events: none;*/
/*}*/

/*.menu-item .menu-icon .addToCard:hover {*/
/*    transform: scale(1.08);*/
/*    filter: brightness(0.92);*/
/*}*/

/*.menu-item .menu-icon .addToCard:active {*/
/*    transform: scale(0.92);*/
/*}*/

/* Modal responsive — bottom-sheet feel on small screens */
/*@media (max-width: 768px) {*/
/*    #product-popup.modal .modal-dialog,*/
/*    .modal:has(.single-product-main) .modal-dialog {*/
/*        max-width: 100% !important;*/
/*        width: calc(100% - 1rem);*/
/*        margin: 0.5rem auto 0;*/
/*    }*/

/*    #product-popup .modal-content,*/
/*    .modal:has(.single-product-main) .modal-content {*/
/*        border-radius: 24px 24px 0 0;*/
/*        max-height: min(92dvh, 92vh);*/
/*    }*/

/*    .single-product-main {*/
/*        padding: 0 0 16px !important;*/
/*    }*/

/*    .single-product-main .single-product-image,*/
/*    #product-popup .single-product-image {*/
/*        width: 100% !important;*/
/*        max-height: 210px !important;*/
/*        aspect-ratio: 16 / 10 !important;*/
/*    }*/

/*    .single-product-main .single-product-image img,*/
/*    #product-popup .single-product-image img {*/
/*        min-height: 160px !important;*/
/*    }*/

/*    .single-product-main .product-info {*/
/*        padding: 14px 16px 8px;*/
/*    }*/

/*    .single-product-main .product-description {*/
/*        padding: 0 16px 14px;*/
/*    }*/

/*    .single-product-main .pc-box {*/
/*        padding: 0 16px;*/
/*    }*/

/*    .single-product-main .product-btns {*/
/*        padding: 14px 16px 0;*/
/*        padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));*/
/*    }*/

/*    .single-product-main .product-modal-name {*/
/*        font-size: 1.1rem;*/
/*    }*/

/*    .single-product-main .product-modal-price,*/
/*    .single-product-main .product-price-catalog,*/
/*    .single-product-main #material-price {*/
/*        font-size: 1.2rem;*/
/*    }*/

/*    .single-product-main .probtns-right .btn-all,*/
/*    .single-product-main .btn-all[data-action="add-to-cart"],*/
/*    .single-product-main .btn-all[data-action="update-cart"] {*/
/*        padding: 12px 16px;*/
/*        font-size: 0.95rem;*/
/*    }*/

/*    .menu-item {*/
/*        border-radius: 20px;*/
/*    }*/

/*    .menu-item .menu-item-img {*/
/*        border-radius: 20px 20px 0 0;*/
/*    }*/

/*    .menu-item .product-name {*/
/*        font-size: 0.9rem;*/
/*    }*/

/*    .menu-item .product-price,*/
/*    .menu-item .product-price-catalog {*/
/*        font-size: 0.95rem;*/
/*    }*/
/*}*/

/*@media (max-width: 480px) {*/
/*    .single-product-main .product-modal-name {*/
/*        font-size: 1rem;*/
/*    }*/

/*    .single-product-main .quantity .minus,*/
/*    .single-product-main .quantity .plus {*/
/*        width: 36px;*/
/*        height: 36px;*/
/*    }*/

/*    .menu-item .menu-icon .addToCard {*/
/*        width: 32px;*/
/*        height: 32px;*/
/*    }*/
/*}*/

/* ══════════════════════════════════════════════════════════════════════════*/
/*   Footer — footer.html classes only*/
/*   Minimal restaurant menu footer; reference .site-footer typography/colors.*/
/*   ══════════════════════════════════════════════════════════════════════════ */

/* Hide link columns, promos, and contact blocks */
/*footer.footer .footer-links,*/
/*footer.footer .footer-logo,*/
/*footer.footer .store-boxfooter,*/
/*footer.footer .footerTop,*/
/*footer.footer .footerMenu,*/
/*footer.footer .custom-contact-list,*/
/*footer.footer .contact-item,*/
/*footer.footer .contact-icon,*/
/*footer.footer .contact-text,*/
/*footer.footer .user-name,*/
/*footer.footer .user-phone,*/
/*footer.footer .contact-info {*/
/*    display: none !important;*/
/*}*/

/*footer.footer {*/
/*    background: transparent;*/
/*    border: none;*/
/*    margin-top: 40px;*/
/*    padding: 0 0 calc(16px + env(safe-area-inset-bottom, 0px));*/
/*    font-family: inherit;*/
/*    color: var(--text-muted);*/
/*}*/

/*footer.footer .container {*/
/*    max-width: 1300px;*/
/*    padding-inline: 20px;*/
/*}*/

/*footer.footer .footer-mian {*/
/*    width: 100%;*/
/*}*/

/*footer.footer .row {*/
/*    justify-content: center;*/
/*    text-align: center;*/
/*    --bs-gutter-y: 0;*/
/*}*/

/*footer.footer .footer-box {*/
/*    text-align: center;*/
/*    padding: 0;*/
/*    background: transparent;*/
/*    border: none;*/
/*    box-shadow: none;*/
/*}*/

/* Social icons */
/*footer.footer .footer-slinks {*/
/*    margin-bottom: 12px;*/
/*}*/

/*footer.footer .footer-slinks ul {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    flex-wrap: wrap;*/
/*    gap: 10px;*/
/*    list-style: none;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

/*footer.footer .footer-slinks li {*/
/*    list-style: none;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

/*footer.footer .footer-slinks a {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    border-radius: 50%;*/
/*    background: var(--primary-red);*/
/*    color: var(--text-muted);*/
/*    text-decoration: none;*/
/*    box-shadow: var(--shadow-soft);*/
/*    font-size: 1rem;*/
/*    line-height: 1;*/
/*    transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;*/
/*}*/

/*footer.footer .footer-slinks a:hover {*/
/*    color: var(--primary-red);*/
/*    background: rgba(255, 70, 70, 0.08);*/
/*    transform: translateY(-1px);*/
/*}*/

/* Copyright / powered-by line */
/*footer.footer .footer-bottm {*/
/*    width: 100%;*/
/*    margin-top: 0;*/
/*    padding-top: 24px;*/
/*    border-top: 2px solid rgba(0, 0, 0, 0.06);*/
/*    text-align: center;*/
/*}*/

/*footer.footer .footer-bottm span {*/
/*    display: block;*/
/*    color: var(--text-muted) !important;*/
/*    font-size: 0.8rem;*/
/*    font-weight: 400;*/
/*    line-height: 1.6;*/
/*    font-family: inherit;*/
/*}*/

/*footer.footer .footer-bottm a,*/
/*footer.footer .footer-bottm a.text-primary {*/
/*    color: var(--text-main) !important;*/
/*    font-weight: 700;*/
/*    text-decoration: none;*/
/*    transition: color 0.2s ease;*/
/*}*/

/*footer.footer .footer-bottm a:hover,*/
/*footer.footer .footer-bottm a.text-primary:hover {*/
/*    color: var(--primary-red) !important;*/
/*}*/

/*@media (max-width: 767px) {*/
/*    footer.footer {*/
/*        margin-top: 32px;*/
/*    }*/

/*    footer.footer .container {*/
/*        padding-inline: 16px;*/
/*    }*/

/*    footer.footer .footer-slinks a {*/
/*        width: 36px;*/
/*        height: 36px;*/
/*        font-size: 0.9rem;*/
/*    }*/

/*    footer.footer .footer-bottm {*/
/*        padding-top: 20px;*/
/*    }*/

/*    footer.footer .footer-bottm span {*/
/*        font-size: 0.75rem;*/
/*    }*/
/*}*/

/* ══════════════════════════════════════════════════════════════════════════*/
/*   Side Cart — side-cart.html classes only*/
/*   Reference .cart-sidebar visual identity; slide/overlay behavior preserved.*/
/*   ══════════════════════════════════════════════════════════════════════════ */

/* Cart must sit above sticky header (200) and categories (190) */
/*#overlay-backdrop {*/
/*    z-index: var(--z-cart-backdrop) !important;*/
/*}*/

/*.my-box-nav,*/
/*.my-box-nav.cart,*/
/*#my-box-nav.my-box-nav {*/
/*    z-index: var(--z-cart-drawer) !important;*/
/*}*/

/*.my-box-nav.cart {*/
/*    background-color: var(--surface-white);*/
/*    font-family: inherit;*/
/*    color: var(--text-main);*/
/*     Do not set transform, position, or width — platform JS controls drawer slide */
/*}*/

/*[dir="ltr"] .my-box-nav.cart {*/
/*    border-radius: 0 28px 28px 0;*/
/*    box-shadow: 12px 0 48px rgba(0, 0, 0, 0.12);*/
/*}*/

/*[dir="rtl"] .my-box-nav.cart {*/
/*    border-radius: 28px 0 0 28px;*/
/*    box-shadow: -12px 0 48px rgba(0, 0, 0, 0.12);*/
/*}*/

/*.my-box-nav .my-box-wrap {*/
/*    padding: 25px;*/
/*    height: 100%;*/
/*    font-family: inherit;*/
/*    gap: 0;*/
/*}*/

/* Header */
/*.my-box-nav .mybox-tp {*/
/*    display: flex;*/
/*    align-items: flex-start;*/
/*    justify-content: space-between;*/
/*    gap: 12px;*/
/*    position: relative;*/
/*    padding-bottom: 15px;*/
/*    margin-bottom: 0;*/
/*    border-bottom: 2px solid var(--bg-cream);*/
/*    padding-inline: 0;*/
/*}*/

/*.my-box-nav .my-box-heading {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    gap: 12px;*/
/*    flex: 1;*/
/*    min-width: 0;*/
/*    padding: 0 !important;*/
/*}*/

/*.my-box-nav .my-box-heading h4 {*/
/*    margin: 0;*/
/*    font-size: 1.1rem;*/
/*    font-weight: 700;*/
/*    color: var(--text-main);*/
/*    font-family: inherit;*/
/*    line-height: 1.3;*/
/*    flex: 1;*/
/*    min-width: 0;*/
/*}*/

/*.my-box-nav .empty-cart,*/
/*.my-box-nav button.empty-cart {*/
/*    appearance: none;*/
/*    -webkit-appearance: none;*/
/*    background-color: #fff0f0 !important;*/
/*    color: #ff4d4d !important;*/
/*    border: none !important;*/
/*    padding: 8px !important;*/
/*    border-radius: 12px;*/
/*    font-size: 0.85rem;*/
/*    font-weight: 700;*/
/*    cursor: pointer;*/
/*    display: inline-flex !important;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    flex-shrink: 0;*/
/*    width: 36px;*/
/*    height: 36px;*/
/*    min-width: 36px;*/
/*    line-height: 1;*/
/*    box-shadow: none;*/
/*    transition: opacity 0.2s ease, background-color 0.2s ease;*/
/*}*/

/*.my-box-nav .empty-cart:hover,*/
/*.my-box-nav button.empty-cart:hover {*/
/*    opacity: 1;*/
/*    background-color: rgba(255, 77, 77, 0.14) !important;*/
/*    color: var(--primary-red) !important;*/
/*}*/

/*.my-box-nav .empty-cart i,*/
/*.my-box-nav button.empty-cart i {*/
/*    font-size: 0.95rem;*/
/*    line-height: 1;*/
/*}*/

/* Flex layout instead of absolute — fixes rtl.css right: 17.9rem clipping */
/*.my-box-nav #close-btn,*/
/*html[lang="ar"] .my-box-nav div#close-btn,*/
/*[dir="rtl"] .my-box-nav #close-btn {*/
/*    position: static !important;*/
/*    top: auto !important;*/
/*    right: auto !important;*/
/*    left: auto !important;*/
/*    inset: auto !important;*/
/*    flex-shrink: 0;*/
/*    width: 36px !important;*/
/*    height: 36px !important;*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*    border-radius: 50%;*/
/*    background: transparent !important;*/
/*    display: flex !important;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

/*.my-box-nav .close-button {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: 36px;*/
/*    height: 36px;*/
/*    border-radius: 50%;*/
/*    background: var(--bg-cream);*/
/*    color: var(--text-main);*/
/*    text-decoration: none;*/
/*    font-size: 1rem;*/
/*    line-height: 1;*/
/*    transition: color 0.2s ease, background-color 0.2s ease;*/
/*}*/

/*.my-box-nav .close-button:hover,*/
/*.my-box-nav #close-btn:hover {*/
/*    background: rgba(255, 70, 70, 0.08) !important;*/
/*}*/

/*.my-box-nav .close-button:hover {*/
/*    color: var(--primary-red);*/
/*}*/

/*.my-box-nav #close-btn:hover .close-button i,*/
/*html[lang="ar"] .my-box-nav div#close-btn:hover .close-button i {*/
/*    color: var(--primary-red) !important;*/
/*}*/

/*[dir="rtl"] .my-box-nav .mybox-tp,*/
/*html[lang="ar"] .my-box-nav .mybox-tp {*/
/*    flex-direction: row-reverse;*/
/*}*/

/*html[lang="ar"] .my-box-nav .my-box-heading {*/
/*    padding: 0 !important;*/
/*}*/

/* Scrollable items area */
/*.my-box-nav .all-orders {*/
/*    overflow-y: auto;*/
/*    -webkit-overflow-scrolling: touch;*/
/*    padding: 15px 0;*/
/*    min-height: 0;*/
/*}*/

/*.my-box-nav .my-orders {*/
/*    background: var(--surface-white);*/
/*    border-radius: 12px;*/
/*    padding: 12px;*/
/*    margin-bottom: 10px;*/
/*    box-shadow: var(--shadow-soft);*/
/*}*/

/*.my-box-nav .order-details {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    align-items: flex-start;*/
/*    gap: 12px;*/
/*}*/

/*.my-box-nav .order-img {*/
/*    flex-shrink: 0;*/
/*}*/

/*.my-box-nav .order-img img {*/
/*    width: 56px;*/
/*    height: 56px;*/
/*    border-radius: 8px;*/
/*    object-fit: cover;*/
/*    display: block;*/
/*}*/

/*.my-box-nav .order-name {*/
/*    flex: 1;*/
/*    min-width: 0;*/
/*}*/

/*.my-box-nav .order-name p {*/
/*    margin: 0;*/
/*    color: var(--text-main) !important;*/
/*    font-size: 1rem;*/
/*    font-weight: 700;*/
/*    line-height: 1.3;*/
/*    font-family: inherit;*/
/*}*/

/*.my-box-nav .order-name p span {*/
/*    font-weight: 500;*/
/*    font-size: 0.85rem;*/
/*    color: var(--text-muted);*/
/*}*/

/*.my-box-nav .list-modifiers {*/
/*    color: var(--text-muted);*/
/*    font-size: 0.8rem;*/
/*    margin-top: 4px;*/
/*}*/

/*.my-box-nav .order-cancel {*/
/*    flex-shrink: 0;*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: 32px;*/
/*    height: 32px;*/
/*    color: #ff4d4d;*/
/*    border-radius: 50%;*/
/*    transition: background-color 0.2s ease;*/
/*}*/

/*.my-box-nav .order-cancel:hover {*/
/*    background: rgba(255, 77, 77, 0.08);*/
/*}*/

/* Line price + quantity */
/*.my-box-nav .biling {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    gap: 12px;*/
/*    width: 100%;*/
/*    margin-top: 10px;*/
/*    padding-top: 10px;*/
/*    border-top: 1px solid var(--bg-cream);*/
/*}*/

/*.my-box-nav .biling > span {*/
/*    font-size: 0.9rem;*/
/*    font-weight: 600;*/
/*    color: var(--text-main);*/
/*    font-family: inherit;*/
/*}*/

/*.my-box-nav .quantity {*/
/*    background: var(--bg-cream);*/
/*    border-radius: 30px;*/
/*    padding: 4px 8px;*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    gap: 8px;*/
/*    flex-shrink: 0;*/
/*}*/

/*.my-box-nav .quantity .minus,*/
/*.my-box-nav .quantity .plus {*/
/*    background: var(--surface-white);*/
/*    border: none;*/
/*    width: 32px;*/
/*    height: 32px;*/
/*    border-radius: 50%;*/
/*    cursor: pointer;*/
/*    box-shadow: var(--shadow-soft);*/
/*    font-size: 1rem;*/
/*    font-weight: 700;*/
/*    color: var(--text-main);*/
/*    font-family: inherit;*/
/*    line-height: 1;*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    transition: transform 0.2s ease, color 0.2s ease;*/
/*    flex-shrink: 0;*/
/*}*/

/*.my-box-nav .quantity .minus:hover,*/
/*.my-box-nav .quantity .plus:hover {*/
/*    color: var(--primary-red);*/
/*}*/

/*.my-box-nav .quantity .minus:active,*/
/*.my-box-nav .quantity .plus:active {*/
/*    transform: scale(0.92);*/
/*}*/

/*.my-box-nav .quantity .input-box {*/
/*    font-size: 1.1rem;*/
/*    font-weight: 800;*/
/*    min-width: 28px;*/
/*    width: 36px;*/
/*    text-align: center;*/
/*    color: var(--text-main);*/
/*    background: transparent;*/
/*    border: none;*/
/*    font-family: inherit;*/
/*    -moz-appearance: textfield;*/
/*    appearance: textfield;*/
/*    padding: 0;*/
/*}*/

/*.my-box-nav .quantity .input-box::-webkit-outer-spin-button,*/
/*.my-box-nav .quantity .input-box::-webkit-inner-spin-button {*/
/*    -webkit-appearance: none;*/
/*    margin: 0;*/
/*}*/

/* Totals + checkout */
/*.my-box-nav .all-prices {*/
/*    border-top: 2px solid var(--bg-cream);*/
/*    padding-top: 15px;*/
/*    margin-top: auto;*/
/*    flex-shrink: 0;*/
/*}*/

/*.my-box-nav .sub-total {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    gap: 12px;*/
/*    margin-bottom: 8px;*/
/*}*/

/*.my-box-nav .sub-total h5 {*/
/*    margin: 0;*/
/*    font-family: inherit;*/
/*    font-size: 0.9rem;*/
/*    font-weight: 600;*/
/*    color: var(--text-main);*/
/*    line-height: 1.3;*/
/*}*/

/*.my-box-nav .sub-total .delivery-price {*/
/*    color: var(--text-muted);*/
/*    font-weight: 500;*/
/*    text-align: end;*/
/*}*/

/*.my-box-nav .sub-total:last-child h5 {*/
/*    font-size: 1.15rem;*/
/*    font-weight: 800;*/
/*}*/

/*.my-box-nav .total-price {*/
/*    color: var(--primary-red) !important;*/
/*}*/

/*.my-box-nav .discount-price.d-none {*/
/*    display: none !important;*/
/*}*/

/*.my-box-nav .sumbmission-btns,*/
/*.my-box-nav .sumbmission-btns.flex-row {*/
/*    display: flex !important;*/
/*    flex-direction: column !important;*/
/*    flex-wrap: nowrap !important;*/
/*    align-items: stretch;*/
/*    gap: 0;*/
/*    margin-top: 12px;*/
/*}*/

/*.my-box-nav .checkout-btn {*/
/*    display: none !important;*/
/*}*/

/*.my-box-nav .continue-btn {*/
/*    flex: none !important;*/
/*    width: 100% !important;*/
/*    max-width: none !important;*/
/*    height: auto !important;*/
/*    min-height: 52px;*/
/*    margin: 0 !important;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    text-align: center;*/
/*    background-color: var(--primary-red);*/
/*    color: var(--surface-white);*/
/*    border: none;*/
/*    padding: 14px 20px !important;*/
/*    border-radius: 999px;*/
/*    font-size: 0.95rem !important;*/
/*    font-weight: 800;*/
/*    font-family: inherit;*/
/*    cursor: pointer;*/
/*    box-shadow: 0 4px 18px rgba(255, 70, 70, 0.32);*/
/*    transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;*/
/*    line-height: 1.3;*/
/*    white-space: normal;*/
/*    -webkit-tap-highlight-color: transparent;*/
/*}*/

/*.my-box-nav .continue-btn:hover {*/
/*    opacity: 0.92;*/
/*    color: var(--surface-white);*/
/*    box-shadow: 0 6px 22px rgba(255, 70, 70, 0.38);*/
/*}*/

/*.my-box-nav .continue-btn:active {*/
/*    transform: scale(0.98);*/
/*}*/

/* RTL item row */
/*[dir="rtl"] .my-box-nav .order-details {*/
/*    flex-direction: row-reverse;*/
/*}*/

/*[dir="rtl"] .my-box-nav .biling {*/
/*    flex-direction: row-reverse;*/
/*}*/

/*[dir="rtl"] .my-box-nav .sub-total {*/
/*    flex-direction: row-reverse;*/
/*}*/

/*@media (max-width: 1024px) {*/
/*    [dir="ltr"] .my-box-nav.cart {*/
/*        border-radius: 0 24px 24px 0;*/
/*    }*/

/*    [dir="rtl"] .my-box-nav.cart {*/
/*        border-radius: 24px 0 0 24px;*/
/*    }*/

/*    .my-box-nav .my-box-wrap {*/
/*        padding: 20px;*/
/*    }*/
/*}*/

/*@media (max-width: 480px) {*/
/*    .my-box-nav .my-box-wrap {*/
/*        padding: 16px;*/
/*    }*/

/*    .my-box-nav .my-box-heading h4 {*/
/*        font-size: 1rem;*/
/*    }*/

/*    .my-box-nav .order-name p {*/
/*        font-size: 0.92rem;*/
/*    }*/
/*}*/
/* Order Now CTA — scoped padding (do not hit cart/lang circle buttons) */
/*header.header .header-offcnvsbtn .header-icons .cta-btn,*/
/*header.header .header-offcnvsbtn .header-icons .btn-all {*/
/*    padding: 10px 12px !important;*/
/*}*/

/* ══════════════════════════════════════════════════════════════════════════*/
/*   Mobile Bottom Navigation — luxury floating dock*/
/*   Targets #bottom-nav (reference menu) and .nav-bottom (platform theme).*/
/*   ══════════════════════════════════════════════════════════════════════════ */

/*#bottom-nav {*/
/*    display: none;*/
/*}*/

/*@media (max-width: 1024px) {*/
/*    :root {*/
/*        --bottom-nav-height: calc(64px + 16px + env(safe-area-inset-bottom, 0px));*/
/*    }*/

/*     Reserve scroll space beneath the floating dock */
/*    body:has(#bottom-nav),*/
/*    body:has(.nav-bottom) {*/
/*        padding-bottom: var(--bottom-nav-height) !important;*/
/*    }*/

/*     Remove full-width wrapper chrome from theme parents */
/*    .nav-bottom-wrap,*/
/*    .mobile-bottom-nav,*/
/*    .footer-navigation,*/
/*    .bottom-nav-wrapper,*/
/*    .nav-bottom-container {*/
/*        background: transparent !important;*/
/*        border: none !important;*/
/*        box-shadow: none !important;*/
/*        padding: 0 !important;*/
/*        margin: 0 !important;*/
/*        width: auto !important;*/
/*        max-width: none !important;*/
/*        position: static !important;*/
/*    }*/

/*    #bottom-nav,*/
/*    .nav-bottom,*/
/*    nav.nav-bottom {*/
/*        display: flex !important;*/
/*        position: fixed !important;*/
/*        bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;*/
/*        left: 16px !important;*/
/*        right: 16px !important;*/
/*        width: auto !important;*/
/*        max-width: none !important;*/
/*        height: 64px;*/
/*        margin: 0 !important;*/
/*        padding: 6px 10px !important;*/
/*        background: #ffffff !important;*/
/*        border: none !important;*/
/*        border-top: none !important;*/
/*        border-radius: 24px;*/
/*        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);*/
/*        z-index: var(--z-bottom-nav) !important;*/
/*        align-items: center;*/
/*        justify-content: space-around;*/
/*        -webkit-backdrop-filter: none;*/
/*        backdrop-filter: none;*/
/*    }*/

/*     Platform themes that nest items inside a list */
/*    .nav-bottom > ul,*/
/*    .nav-bottom ul.nav-list {*/
/*        display: flex;*/
/*        align-items: center;*/
/*        justify-content: space-around;*/
/*        width: 100%;*/
/*        height: 100%;*/
/*        margin: 0;*/
/*        padding: 0;*/
/*        list-style: none;*/
/*        background: transparent;*/
/*        border: none;*/
/*        box-shadow: none;*/
/*    }*/

/*    .nav-bottom > ul > li,*/
/*    .nav-bottom ul.nav-list > li {*/
/*        flex: 1;*/
/*        display: flex;*/
/*        justify-content: center;*/
/*        align-items: center;*/
/*        background: transparent;*/
/*        border: none;*/
/*        box-shadow: none;*/
/*    }*/

/*    #bottom-nav .nav-tab,*/
/*    .nav-bottom .nav-tab,*/
/*    .nav-bottom > a,*/
/*    .nav-bottom > button,*/
/*    .nav-bottom > li > a,*/
/*    .nav-bottom > li > button,*/
/*    .nav-bottom .nav-item > a,*/
/*    .nav-bottom .nav-item > button {*/
/*        flex: 1;*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*        gap: 4px;*/
/*        min-height: 44px;*/
/*        margin: 0;*/
/*        padding: 6px 4px;*/
/*        border: none;*/
/*        background: transparent;*/
/*        color: var(--text-muted);*/
/*        font-size: 11px;*/
/*        font-weight: 600;*/
/*        font-family: inherit;*/
/*        line-height: 1.2;*/
/*        text-decoration: none;*/
/*        cursor: pointer;*/
/*        transition: color 0.18s ease;*/
/*        touch-action: manipulation;*/
/*        -webkit-tap-highlight-color: transparent;*/
/*    }*/

/*    #bottom-nav .nav-tab.active,*/
/*    .nav-bottom .nav-tab.active,*/
/*    .nav-bottom > a.active,*/
/*    .nav-bottom > button.active,*/
/*    .nav-bottom > li.active > a,*/
/*    .nav-bottom > li.active > button,*/
/*    .nav-bottom .nav-item.active > a,*/
/*    .nav-bottom .nav-item.active > button,*/
/*    .nav-bottom a[aria-current="page"],*/
/*    .nav-bottom button[aria-current="page"] {*/
/*        color: var(--primary-red);*/
/*    }*/

/*    #bottom-nav .nav-tab .nav-icon,*/
/*    .nav-bottom .nav-icon,*/
/*    .nav-bottom .nav-tab i,*/
/*    .nav-bottom a i,*/
/*    .nav-bottom button i {*/
/*        font-size: 1.25rem;*/
/*        line-height: 1;*/
/*        display: inline-flex;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*    }*/

/*    #bottom-nav .nav-icon-wrap,*/
/*    .nav-bottom .nav-icon-wrap {*/
/*        position: relative;*/
/*        display: inline-flex;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*        font-size: 1.25rem;*/
/*        line-height: 1;*/
/*    }*/

/*    #bottom-nav .nav-label,*/
/*    .nav-bottom .nav-label {*/
/*        font-size: 11px;*/
/*        font-weight: 600;*/
/*        line-height: 1.2;*/
/*    }*/

/*    #bottom-nav .nav-badge,*/
/*    .nav-bottom .nav-badge {*/
/*        position: absolute;*/
/*        top: -5px;*/
/*        right: -8px;*/
/*        background: var(--primary-red);*/
/*        color: #fff;*/
/*        font-size: 10px;*/
/*        font-weight: 700;*/
/*        min-width: 16px;*/
/*        height: 16px;*/
/*        border-radius: 8px;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*        padding: 0 4px;*/
/*        line-height: 1;*/
/*        pointer-events: none;*/
/*    }*/

/*    #bottom-nav .nav-badge[hidden],*/
/*    .nav-bottom .nav-badge[hidden] {*/
/*        display: none;*/
/*    }*/
/*}*/



/*#phenix-bottom-nav {*/
/*    display: none;*/
/*}*/

/*@media (max-width: 991px) {*/
/*    #phenix-bottom-nav {*/
/*        display: flex;*/
/*        position: fixed;*/
/*        bottom: 0;*/
/*        left: 0;*/
/*        right: 0;*/
/*        height: 60px;*/
/*        background: var(--surface-white);*/
/*        box-shadow: var(--shadow-nav);*/
/*        z-index: var(--z-bottom-nav);*/
/*        justify-content: space-around;*/
/*        align-items: center;*/
/*        direction: rtl;*/
/*        padding-bottom: env(safe-area-inset-bottom);*/
/*        font-family: var(--font-family);*/
/*    }*/

/*    #phenix-bottom-nav a {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*        color: var(--text-muted);*/
/*        text-decoration: none;*/
/*        font-size: 11px;*/
/*        gap: 3px;*/
/*        flex: 1;*/
/*        height: 100%;*/
/*        transition: color 0.2s;*/
/*    }*/

/*    #phenix-bottom-nav a i {*/
/*        font-size: 20px;*/
/*    }*/

/*    #phenix-bottom-nav a.active {*/
/*        color: var(--primary-red);*/
/*    }*/

/*    body {*/
/*        padding-bottom: 70px;*/
/*    }*/
/*}*/

/*.home-categories__list .category-item {*/
/*    text-align: center;*/
/*    padding: 10px;*/
/*}*/

/*.home-categories__list .category-item img {*/
/*    max-width: 100%;*/
/*    height: auto;*/
/*    border-radius: 8px;*/
/*    margin: 0 auto 10px auto;*/
/*}*/

/*.home-categories__list .category-title {*/
/*    color: #fff;*/
/*    font-weight: bold;*/
/*    display: block;*/
/*}*/