/* Add custom CSS styles below */ 
/* =========================================================
   BOOSTLY — CLEAN FINAL CSS
   Black + Neon Lime
   Replace the entire Custom CSS field with this file.
========================================================= */

:root{
  --boost-black:#050505;
  --boost-dark:#0b0b0b;
  --boost-card:#080808;
  --boost-card-2:#101010;
  --boost-lime:#B8FF00;
  --boost-lime-hover:#CBFF38;
  --boost-white:#ffffff;
  --boost-muted:#a6a6a6;
  --boost-border:#262626;
}

/* =========================================================
   GLOBAL
========================================================= */

html,
body{
  background:
    radial-gradient(circle at 50% 0%, rgba(184,255,0,.06), transparent 34%),
    var(--boost-black) !important;
  color:var(--boost-white) !important;
}

::selection{
  background:var(--boost-lime);
  color:#000;
}

a{
  transition:color .2s ease;
}

a:hover{
  color:var(--boost-lime) !important;
}

input,
textarea,
select{
  background:#111 !important;
  color:#fff !important;
  border:1px solid #292929 !important;
  border-radius:12px !important;
}

input:focus,
textarea:focus,
select:focus{
  border-color:var(--boost-lime) !important;
  box-shadow:0 0 0 3px rgba(184,255,0,.10) !important;
  outline:none !important;
}

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

header,
.site-header,
.main-header,
.main-nav-container,
.navbar{
  position:relative !important;
  z-index:9999 !important;
  overflow:visible !important;
  background:#050505 !important;
  border-bottom:1px solid rgba(184,255,0,.18) !important;
}

@media (min-width:992px){

  .main-nav-container .container,
  .main-header .container,
  header .container{
    position:relative !important;
    min-height:120px !important;
    background:#050505 !important;
  }

  /* logo center */
  .boostly-header-center{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    z-index:30 !important;
  }

  .boostly-header-center .navbar-brand,
  .boostly-header-center .logo{
    position:static !important;
    inset:auto !important;
    transform:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .boostly-header-center img{
    width:auto !important;
    height:112px !important;
    max-height:112px !important;
    max-width:270px !important;
    object-fit:contain !important;
  }

  /* left tools */
  .boostly-left-tools{
    position:absolute !important;
    left:28px !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    direction:ltr !important;
    z-index:40 !important;
  }

  .boostly-left-tools > *{
    flex:0 0 auto;
  }

  .boostly-left-tools salla-user-menu,
  .boostly-left-tools salla-cart-summary{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    margin:0 !important;
  }

  /* header search — only the search that JS explicitly moves into tools */
  .boostly-left-tools .boostly-header-search{
    width:275px !important;
    max-width:275px !important;
    min-width:275px !important;
    margin:0 !important;
    position:relative !important;
    z-index:50 !important;
  }

  .boostly-left-tools .boostly-header-search input{
    height:44px !important;
    background:#080808 !important;
    color:var(--boost-lime) !important;
    caret-color:var(--boost-lime) !important;
    border:1px solid rgba(184,255,0,.50) !important;
    border-radius:12px !important;
    direction:rtl !important;
    text-align:right !important;
    padding-inline:16px 48px !important;
    opacity:1 !important;
  }

  .boostly-left-tools .boostly-header-search input::placeholder{
    color:rgba(184,255,0,.70) !important;
    opacity:1 !important;
  }

  .boostly-left-tools .boostly-header-search input:focus{
    border-color:var(--boost-lime) !important;
    box-shadow:0 0 12px rgba(184,255,0,.20) !important;
  }

  .boostly-left-tools .boostly-header-search svg,
  .boostly-left-tools .boostly-header-search i{
    color:var(--boost-lime) !important;
    stroke:var(--boost-lime) !important;
  }

  /* cart shell */
  .boostly-left-tools salla-cart-summary{
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--boost-lime) !important;
    background:#050505 !important;
    border:1px solid rgba(184,255,0,.55) !important;
    border-radius:50px !important;
    padding:0 10px !important;
    white-space:nowrap !important;
    transition:border-color .2s ease, box-shadow .2s ease !important;
  }

  .boostly-left-tools salla-cart-summary svg,
  .boostly-left-tools salla-cart-summary i{
    color:var(--boost-lime) !important;
    stroke:var(--boost-lime) !important;
  }

  .boostly-cart-price,
  .boostly-price-number,
  .boostly-price-currency{
    color:var(--boost-lime) !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }

  .boostly-price-currency{
    margin:0 !important;
  }

  @media (hover:hover) and (pointer:fine){
    .boostly-left-tools salla-cart-summary:hover{
      border-color:var(--boost-lime) !important;
      box-shadow:0 0 12px rgba(184,255,0,.30) !important;
    }
  }
}

@media (max-width:991px){
  .boostly-header-center img{
    max-height:70px !important;
  }

  .boostly-left-tools{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }

  .boostly-left-tools .boostly-header-search{
    display:none !important;
  }
}

/* =========================================================
   MAIN MENU + DROPDOWN
========================================================= */

.main-menu li,
.navbar-nav li,
.main-nav li{
  position:relative !important;
}

.main-menu > li > a,
.navbar-nav > li > a,
.main-nav > li > a,
.boostly-main-category-title{
  color:var(--boost-lime) !important;
  font-weight:800 !important;
  transition:color .2s ease !important;
}

.main-menu > li:hover > a,
.navbar-nav > li:hover > a,
.main-nav > li:hover > a,
.menu-item-has-children:focus-within > a,
.menu-item-has-children.active > a,
.boostly-main-category-title:hover{
  color:#fff !important;
}

.dropdown-menu,
.sub-menu,
.main-menu .dropdown-menu,
.navbar-nav .dropdown-menu,
.main-nav .dropdown-menu,
.menu-item-has-children > ul,
.s-menu-wrapper{
  background:#050505 !important;
  border:1px solid rgba(184,255,0,.30) !important;
  border-radius:12px !important;
  min-width:280px !important;
  padding:8px 0 !important;
  overflow:hidden !important;
  z-index:99999 !important;
  box-shadow:0 16px 35px rgba(0,0,0,.75) !important;
}

.dropdown-menu li,
.sub-menu li,
.menu-item-has-children > ul li{
  background:#050505 !important;
  width:100% !important;
}

.dropdown-menu a,
.sub-menu a,
.menu-item-has-children > ul a{
  display:block !important;
  width:100% !important;
  padding:12px 16px !important;
  background:#050505 !important;
  color:var(--boost-lime) !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

.dropdown-menu a:hover,
.sub-menu a:hover,
.menu-item-has-children > ul a:hover{
  background:#151515 !important;
  color:#fff !important;
}

/* =========================================================
   SECTION TITLES
========================================================= */

.section-title,
.section--title,
h2.section-title,
.home-block-title{
  color:#fff !important;
  font-weight:800 !important;
}

.boostly-products-title{
  color:var(--boost-lime) !important;
  font-weight:800 !important;
  font-size:21px !important;
  margin-bottom:18px !important;
  text-align:right !important;
}

/* =========================================================
   PRODUCT CARDS
========================================================= */

salla-product-card,
.s-product-card-entry,
.product-card,
.product-entry,
.product-item{
  background:var(--boost-card) !important;
  border:1px solid rgba(184,255,0,.42) !important;
  border-radius:16px !important;
  overflow:hidden !important;
  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease !important;
}

.s-product-card-content,
.s-product-card-content-main,
.s-product-card-content-sub,
.s-product-card-content-footer,
.s-product-card-entry > div:not(.s-product-card-image),
.s-product-card-entry footer{
  background:var(--boost-card) !important;
}

.s-product-card-content-title,
.s-product-card-content-title a,
.s-product-card-content h3,
.s-product-card-content h4,
.s-product-card-content p,
.s-product-card-content-sub,
.product-title{
  color:var(--boost-lime) !important;
  text-align:center !important;
}

.s-product-card-price,
.s-product-card-sale-price,
.s-product-card-regular-price,
.s-product-card-content salla-money,
.product-price,
.product-card .price,
.product-entry .price,
.product-item .price{
  color:var(--boost-lime) !important;
  font-weight:800 !important;
  text-align:center !important;
  justify-content:center !important;
}

.s-product-card-content-sub{
  justify-content:center !important;
  align-items:center !important;
}

.s-product-card-promotion-title,
.s-product-card-entry .product-badge,
.s-product-card-entry .offer-badge,
.s-product-card-entry [class*="badge"],
.s-product-card-entry [class*="promotion"]{
  background:var(--boost-lime) !important;
  color:#000 !important;
  border-color:var(--boost-lime) !important;
  font-weight:800 !important;
}

.s-product-card-promotion-title *,
.s-product-card-entry .product-badge *,
.s-product-card-entry .offer-badge *,
.s-product-card-entry [class*="badge"] *{
  color:#000 !important;
}

.s-product-card-entry .s-button-element,
.s-product-card-entry button,
.product-card button,
.product-entry button,
.product-item button,
.add-to-cart,
salla-button::part(button){
  background:var(--boost-lime) !important;
  color:#000 !important;
  border:0 !important;
  border-radius:12px !important;
  font-weight:800 !important;
}

.s-product-card-entry .s-button-element *,
.s-product-card-entry button *,
.product-card button *,
.add-to-cart *,
.s-button-text{
  color:#000 !important;
}

.s-product-card-entry button svg,
.s-product-card-entry .s-button-element svg,
.add-to-cart svg{
  color:#000 !important;
  stroke:#000 !important;
}

@media (hover:hover) and (pointer:fine){
  .s-product-card-entry:hover,
  .product-card:hover,
  .product-entry:hover,
  .product-item:hover{
    transform:translateY(-6px) scale(1.01) !important;
    border-color:var(--boost-lime) !important;
    box-shadow:
      0 0 0 1px rgba(184,255,0,.70),
      0 0 14px rgba(184,255,0,.25),
      0 16px 35px rgba(0,0,0,.50) !important;
  }
}

@media (max-width:768px){
  .s-product-card-entry,
  .product-card,
  .product-entry,
  .product-item{
    transform:none !important;
  }
}

/* =========================================================
   LOGIN MODAL
========================================================= */

salla-login-modal{
  --color-primary:var(--boost-lime) !important;
  --color-primary-dark:#9DDB00 !important;
  --color-primary-light:#CBFF3A !important;
  --color-text:var(--boost-lime) !important;
  --color-primary-reverse:#000 !important;
  color:var(--boost-lime) !important;
}

.s-login-modal,
.login-modal,
.auth-modal,
.s-modal-container,
.s-modal-wrapper .s-modal-body,
.modal-content{
  background:#050505 !important;
  border:1.5px solid var(--boost-lime) !important;
  color:var(--boost-lime) !important;
  border-radius:16px !important;
  box-shadow:0 20px 50px rgba(0,0,0,.65) !important;
}

.s-login-modal h1,
.s-login-modal h2,
.s-login-modal h3,
.login-modal h1,
.login-modal h2,
.auth-modal h2,
.modal-content h2,
.s-login-modal label,
.login-modal label,
.auth-modal label,
.modal-content label{
  color:var(--boost-lime) !important;
}

.s-login-modal input,
.login-modal input,
.auth-modal input,
.modal-content input{
  background:#080808 !important;
  color:var(--boost-lime) !important;
  caret-color:var(--boost-lime) !important;
  border:1.5px solid var(--boost-lime) !important;
}

.s-login-modal input::placeholder,
.login-modal input::placeholder,
.auth-modal input::placeholder{
  color:#8b8b8b !important;
}

.s-login-modal button[type="submit"],
.login-modal button[type="submit"],
.auth-modal button[type="submit"]{
  background:var(--boost-lime) !important;
  color:#000 !important;
  border:1px solid var(--boost-lime) !important;
  font-weight:800 !important;
}

.s-login-modal .s-button-outline,
.login-modal .s-button-outline,
.auth-modal .s-button-outline{
  background:#050505 !important;
  color:var(--boost-lime) !important;
  border:1.5px solid var(--boost-lime) !important;
}

/* =========================================================
   CART PAGE + ORDER SUMMARY
========================================================= */

.cart-item,
.cart-product,
.cart-summary,
.cart-total,
.s-cart-item,
.s-cart-summary,
.cart-page .card,
.cart-page .bg-white,
.cart-page section > div{
  background:var(--boost-card) !important;
  color:#fff !important;
  border:1px solid rgba(184,255,0,.28) !important;
  border-radius:14px !important;
}

.cart-item h3,
.cart-item a,
.cart-product h3,
.cart-product a,
.s-cart-item h3,
.s-cart-item a,
.cart-item .price,
.cart-product .price,
.cart-page salla-money{
  color:var(--boost-lime) !important;
}

.quantity-counter,
.s-quantity-input-container,
salla-quantity-input{
  background:#090909 !important;
}

.quantity-counter button,
.s-quantity-input-container button{
  background:var(--boost-lime) !important;
  color:#000 !important;
  border:0 !important;
}

.quantity-counter input,
.s-quantity-input-container input{
  background:#050505 !important;
  color:#fff !important;
  border-color:#333 !important;
  font-weight:800 !important;
}

.boostly-order-summary{
  background:#080808 !important;
  border:1px solid rgba(184,255,0,.48) !important;
  border-radius:16px !important;
  color:#fff !important;
  padding:20px !important;
  overflow:hidden !important;
  transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease !important;
}

.boostly-order-summary > div,
.boostly-order-summary > section,
.boostly-order-summary [class*="bg-white"]{
  background:#080808 !important;
}

.boostly-order-summary h1,
.boostly-order-summary h2,
.boostly-order-summary h3,
.boostly-order-summary h4{
  color:var(--boost-lime) !important;
}

.boostly-order-summary p,
.boostly-order-summary span,
.boostly-order-summary label,
.boostly-order-summary div{
  color:var(--boost-lime) !important;
}

.boostly-order-summary strong,
.boostly-order-summary salla-money,
.boostly-order-summary .price,
.boostly-order-summary .total,
.boostly-order-summary [class*="price"],
.boostly-order-summary [class*="price"] *{
  color:var(--boost-lime) !important;
  font-weight:800 !important;
}

.boostly-order-summary button,
.boostly-order-summary .s-button-element{
  background:var(--boost-lime) !important;
  color:#000 !important;
  border:0 !important;
  border-radius:11px !important;
  font-weight:800 !important;
}

.boostly-order-summary button *,
.boostly-order-summary .s-button-element *{
  color:#000 !important;
}

@media (hover:hover) and (pointer:fine){
  .boostly-order-summary:hover{
    border-color:var(--boost-lime) !important;
    box-shadow:
      0 0 0 1px rgba(184,255,0,.60),
      0 0 14px rgba(184,255,0,.22),
      0 12px 28px rgba(0,0,0,.35) !important;
    transform:translateY(-3px) !important;
  }
}

/* =========================================================
   FOOTER
========================================================= */

footer,
.site-footer{
  background:#050505 !important;
  color:#aaa !important;
  border-top:1px solid rgba(184,255,0,.18) !important;
}

footer h3,
footer h4{
  color:#fff !important;
}

footer a{
  color:#aaa !important;
}

footer a:hover{
  color:var(--boost-lime) !important;
}

/* =========================================================
   SCROLLBAR
========================================================= */

::-webkit-scrollbar{
  width:8px;
}

::-webkit-scrollbar-track{
  background:#050505;
}

::-webkit-scrollbar-thumb{
  background:#333;
  border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{
  background:var(--boost-lime);
}

/* =========================================================
   SAFETY: keep page content below menus
========================================================= */

main,
.store-home,
.home,
.home-section,
section{
  position:relative;
  z-index:1;
}
/* =====================================
   BOOSTLY - STEP 1 - CENTER LOGO ONLY
===================================== */

@media (min-width:992px){

    .main-nav-container .container,
    .main-header .container,
    header .container{
        position:relative !important;
        min-height:120px !important;
    }

    header .navbar-brand,
    .main-header .navbar-brand,
    .main-nav-container .navbar-brand,
    header .logo{
        position:absolute !important;

        left:50% !important;
        right:auto !important;

        top:50% !important;

        transform:translate(-50%, -50%) !important;

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

        z-index:20 !important;
    }

    header .navbar-brand img,
    .main-header .navbar-brand img,
    .main-nav-container .navbar-brand img,
    header .logo img{
        width:auto !important;
        height:100px !important;
        max-height:100px !important;
        max-width:250px !important;
        object-fit:contain !important;
    }
}
/* =====================================
   BOOSTLY - STEP 2
   MOVE SEARCH + FIX LOGIN MODAL
===================================== */

@media (min-width:992px){

    /* نقل البحث الموجود نفسه إلى يسار الهيدر */
    header salla-search,
    .main-header salla-search,
    .main-nav-container salla-search{
        position:absolute !important;

        left:330px !important;
        right:auto !important;

        top:50% !important;
        transform:translateY(-50%) !important;

        width:280px !important;
        max-width:280px !important;

        margin:0 !important;

        z-index:35 !important;
    }

    /* شكل البحث */
    header salla-search input,
    .main-header salla-search input,
    .main-nav-container salla-search input{
        height:46px !important;

        background:#0b0b0b !important;
        color:#B8FF00 !important;
        caret-color:#B8FF00 !important;

        border:1px solid rgba(184,255,0,.45) !important;
        border-radius:12px !important;
    }

    header salla-search input::placeholder{
        color:rgba(184,255,0,.65) !important;
    }
}


/* نافذة تسجيل الدخول تكون فوق الهيدر */
salla-login-modal,
.s-modal-wrapper,
.s-modal-container,
.modal{
    z-index:999999 !important;
}


/* عند ظهور الخلفية */
.s-modal-overlay,
.s-modal-backdrop,
.modal-backdrop{
    z-index:999998 !important;
    background:rgba(0,0,0,.90) !important;
}


/* الهيدر يبقى خلف نافذة تسجيل الدخول */
header,
.main-header,
.main-nav-container{
    z-index:100 !important;
}
/* =====================================
   BOOSTLY - STEP 3
   SEARCH POSITION FINAL
===================================== */

@media (min-width:992px){

    header salla-search,
    .main-header salla-search,
    .main-nav-container salla-search{
        position:absolute !important;

        left:170px !important;
        right:auto !important;

        top:155px !important;
        transform:none !important;

        width:285px !important;
        min-width:285px !important;
        max-width:285px !important;

        margin:0 !important;

        z-index:40 !important;
    }
}
/* =====================================
   BOOSTLY - HEADER WITHOUT SEARCH
===================================== */

:root{
    --boost-lime:#B8FF00;
    --boost-black:#050505;
}


/* =========================
   إخفاء البحث بالكامل
========================= */

header salla-search,
.main-header salla-search,
.main-nav-container salla-search{
    display:none !important;
}


/* =========================
   الشعار - أكبر وفي المنتصف
========================= */

@media (min-width:992px){

    header .navbar-brand,
    .main-header .navbar-brand,
    .main-nav-container .navbar-brand,
    header .logo{
        position:absolute !important;

        left:50% !important;
        right:auto !important;

        top:50% !important;

        transform:translate(-50%,-50%) !important;

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

        z-index:30 !important;
    }

    header .navbar-brand img,
    .main-header .navbar-brand img,
    .main-nav-container .navbar-brand img,
    header .logo img{
        width:auto !important;

        height:125px !important;
        max-height:125px !important;
        max-width:300px !important;

        object-fit:contain !important;
    }
}


/* =========================
   السلة + تسجيل الدخول
   جهة اليسار
========================= */

@media (min-width:992px){

    header salla-cart-summary,
    header salla-user-menu,
    .main-header salla-cart-summary,
    .main-header salla-user-menu{
        position:relative !important;

        top:auto !important;
        left:auto !important;
        right:auto !important;

        transform:none !important;

        margin:0 5px !important;
    }


    /* السلة */
    header salla-cart-summary,
    .main-header salla-cart-summary{
        color:var(--boost-lime) !important;

        border:1px solid rgba(184,255,0,.65) !important;
        border-radius:50px !important;

        background:#050505 !important;

        min-width:55px !important;
        min-height:50px !important;

        padding:0 12px !important;

        transition:
            border-color .2s ease,
            box-shadow .2s ease,
            transform .2s ease !important;
    }


    /* تسجيل الدخول */
    header salla-user-menu,
    .main-header salla-user-menu{
        color:var(--boost-lime) !important;

        border:1px solid rgba(184,255,0,.45) !important;
        border-radius:50% !important;

        background:#050505 !important;

        width:50px !important;
        height:50px !important;

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

        transition:
            border-color .2s ease,
            box-shadow .2s ease,
            transform .2s ease !important;
    }


    /* أيقونات */
    header salla-cart-summary svg,
    header salla-cart-summary i,
    header salla-user-menu svg,
    header salla-user-menu i{
        color:var(--boost-lime) !important;
        stroke:var(--boost-lime) !important;
    }


    /* تأثير الماوس */
    header salla-cart-summary:hover,
    header salla-user-menu:hover{
        border-color:var(--boost-lime) !important;

        box-shadow:
            0 0 12px rgba(184,255,0,.30) !important;

        transform:translateY(-2px) !important;
    }
}


/* =========================
   لون سعر السلة
========================= */

header salla-cart-summary,
header salla-cart-summary *,
.main-header salla-cart-summary,
.main-header salla-cart-summary *{
    color:var(--boost-lime) !important;
}


/* =========================
   الشعار على الجوال
========================= */

@media (max-width:991px){

    header salla-search,
    .main-header salla-search{
        display:none !important;
    }

    header .navbar-brand img,
    .main-header .navbar-brand img{
        max-height:78px !important;
    }
}
/* =====================================
   BOOSTLY - HEADER DETAILS FINAL
===================================== */

:root{
    --boost-lime:#B8FF00;
}


/* =========================
   تسجيل الدخول - دائرة واضحة
========================= */

header salla-user-menu,
.main-header salla-user-menu{
    width:52px !important;
    height:52px !important;

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

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

    padding:0 !important;
    margin:0 7px !important;

    background:#050505 !important;

    border:1.5px solid #B8FF00 !important;
    border-radius:50% !important;

    box-shadow:0 0 0 rgba(184,255,0,0) !important;

    color:#B8FF00 !important;
}


/* أيقونة تسجيل الدخول */
header salla-user-menu svg,
header salla-user-menu i,
.main-header salla-user-menu svg,
.main-header salla-user-menu i{
    width:24px !important;
    height:24px !important;

    color:#B8FF00 !important;
    stroke:#B8FF00 !important;
}


/* إضاءة خفيفة */
@media (hover:hover) and (pointer:fine){

    header salla-user-menu:hover,
    .main-header salla-user-menu:hover{
        box-shadow:
            0 0 12px rgba(184,255,0,.35) !important;
    }

}


/* =========================
   السلة - بدون إطار حول السعر
========================= */

header salla-cart-summary,
.main-header salla-cart-summary{
    border:none !important;
    background:transparent !important;

    padding:0 !important;
    margin:0 6px !important;

    min-width:auto !important;
    min-height:auto !important;

    color:#B8FF00 !important;
}


/* السعر بدون أي إطار */
header salla-cart-summary span,
header salla-cart-summary salla-money,
header salla-cart-summary .price,
.main-header salla-cart-summary span,
.main-header salla-cart-summary salla-money,
.main-header salla-cart-summary .price{
    border:none !important;
    background:transparent !important;

    color:#B8FF00 !important;
    font-weight:800 !important;

    box-shadow:none !important;
}


/* إطار دائري حول أيقونة السلة فقط */
header salla-cart-summary svg,
.main-header salla-cart-summary svg{
    width:48px !important;
    height:48px !important;

    padding:11px !important;

    box-sizing:border-box !important;

    border:1.5px solid #B8FF00 !important;
    border-radius:50% !important;

    background:#050505 !important;

    color:#B8FF00 !important;
    stroke:#B8FF00 !important;

    transition:
        box-shadow .2s ease,
        transform .2s ease !important;
}


/* إضاءة السلة */
@media (hover:hover) and (pointer:fine){

    header salla-cart-summary svg:hover,
    .main-header salla-cart-summary svg:hover{
        box-shadow:
            0 0 12px rgba(184,255,0,.35) !important;

        transform:translateY(-2px) !important;
    }

}


/* =========================
   أحدث المنتجات - فسفوري
========================= */

.boostly-products-title,
.s-block__title,
.section-title,
section h2,
section h3{
    color:#B8FF00 !important;
}


/* نحافظ على العنوان بقوة */
h2.s-block__title,
h3.s-block__title{
    color:#B8FF00 !important;
    font-weight:800 !important;
}
/* =====================================
   BOOSTLY - CLEAN LOGIN ICON
===================================== */

header salla-user-menu,
.main-header salla-user-menu{

    /* حذف الإطار الكبير */
    border:none !important;
    box-shadow:none !important;
    background:transparent !important;

    width:auto !important;
    height:auto !important;
    min-width:auto !important;
    min-height:auto !important;

    padding:0 !important;
    margin:0 7px !important;

    color:#B8FF00 !important;
}


/* الأيقونة والدائرة الداخلية فقط */
header salla-user-menu svg,
header salla-user-menu i,
.main-header salla-user-menu svg,
.main-header salla-user-menu i{

    color:#B8FF00 !important;
    stroke:#B8FF00 !important;

    border-color:#B8FF00 !important;

    filter:none !important;
    box-shadow:none !important;

    opacity:1 !important;
}
/* =====================================
   BOOSTLY - FORCE NEON CIRCLES
===================================== */

salla-cart-summary,
salla-user-menu{
    --color-primary:#B8FF00 !important;
    --color-text:#B8FF00 !important;
    --color-border:#B8FF00 !important;
}


/* أي زر/رابط يغلّف المكوّن */
header salla-cart-summary button,
header salla-cart-summary a,
header salla-user-menu button,
header salla-user-menu a{
    border-color:#B8FF00 !important;
    color:#B8FF00 !important;

    box-shadow:
        0 0 5px rgba(184,255,0,.70),
        0 0 11px rgba(184,255,0,.30) !important;
}


/* أي غلاف مباشر حول السلة أو الدخول */
header *:has(> salla-cart-summary),
header *:has(> salla-user-menu){
    border-color:#B8FF00 !important;
}


/* رقم السلة */
header salla-cart-summary [class*="badge"],
header salla-cart-summary [class*="count"]{
    background:#B8FF00 !important;
    color:#000 !important;
    border-color:#B8FF00 !important;

    border-radius:50% !important;

    box-shadow:
        0 0 7px rgba(184,255,0,.75) !important;
}
/* =====================================
   BOOSTLY - REMOVE SQUARE + NEON CART
===================================== */

:root{
    --boost-lime:#B8FF00;
}


/* إزالة أي إطار مربع حول مجموعة السعر + السلة */
header *:has(> salla-cart-summary),
.main-header *:has(> salla-cart-summary){
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    background:transparent !important;
}


/* إزالة أي مربع/مستطيل من السلة نفسها */
header salla-cart-summary,
.main-header salla-cart-summary{
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    background:transparent !important;
    padding:0 !important;
}


/* الدائرة حول أيقونة السلة فقط */
header salla-cart-summary button,
header salla-cart-summary a,
.main-header salla-cart-summary button,
.main-header salla-cart-summary a{
    border:1.5px solid #B8FF00 !important;
    border-radius:50% !important;

    background:#050505 !important;
    color:#B8FF00 !important;

    box-shadow:
        0 0 6px rgba(184,255,0,.70),
        0 0 14px rgba(184,255,0,.28) !important;
}


/* أيقونة السلة */
header salla-cart-summary svg,
header salla-cart-summary i,
.main-header salla-cart-summary svg,
.main-header salla-cart-summary i{
    color:#B8FF00 !important;
    stroke:#B8FF00 !important;

    border-color:#B8FF00 !important;
}


/* السعر يبقى بدون إطار */
header salla-cart-summary span,
header salla-cart-summary salla-money,
header salla-cart-summary .price{
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;

    color:#B8FF00 !important;
}


/* رقم السلة */
header salla-cart-summary [class*="badge"],
header salla-cart-summary [class*="count"]{
    background:#B8FF00 !important;
    color:#000 !important;

    border:none !important;
    border-radius:50% !important;

    box-shadow:
        0 0 7px rgba(184,255,0,.80) !important;
}
/* إزالة البيضاوي حول السعر والسلة */
header *:has(> salla-cart-summary),
.main-header *:has(> salla-cart-summary){
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    background:transparent !important;
}


/* السعر بدون أي إطار */
header salla-cart-summary span,
header salla-cart-summary salla-money,
header salla-cart-summary .price,
.main-header salla-cart-summary span,
.main-header salla-cart-summary salla-money,
.main-header salla-cart-summary .price{
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    background:transparent !important;
}


/* نخلي دائرة السلة نفسها */
header salla-cart-summary button,
header salla-cart-summary a,
.main-header salla-cart-summary button,
.main-header salla-cart-summary a{
    border:1.5px solid #B8FF00 !important;
    border-radius:50% !important;

    background:#050505 !important;

    box-shadow:
        0 0 6px rgba(184,255,0,.70),
        0 0 14px rgba(184,255,0,.28) !important;
}
/* =====================================
   BOOSTLY - CART CIRCLE ONLY
===================================== */

/* إزالة البيضاوي بالكامل */
header salla-cart-summary button,
header salla-cart-summary a,
.main-header salla-cart-summary button,
.main-header salla-cart-summary a{
    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    padding:0 !important;
}


/* السعر بدون أي حدود */
header salla-cart-summary span,
header salla-cart-summary salla-money,
header salla-cart-summary .price{
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    background:transparent !important;
}


/* دائرة فسفورية حول رمز السلة فقط */
header salla-cart-summary svg,
.main-header salla-cart-summary svg{
    width:46px !important;
    height:46px !important;

    padding:10px !important;
    box-sizing:border-box !important;

    border:1.5px solid #B8FF00 !important;
    border-radius:50% !important;

    background:#050505 !important;

    color:#B8FF00 !important;
    stroke:#B8FF00 !important;

    box-shadow:
        0 0 6px rgba(184,255,0,.70),
        0 0 13px rgba(184,255,0,.25) !important;
}
/* =====================================
   BOOSTLY - REMOVE EXTRA HEADER SPACE
===================================== */

@media (min-width:992px){

    header,
    .main-header,
    .main-nav-container{
        padding-top:0 !important;
        padding-bottom:0 !important;
        margin-top:0 !important;
    }

    header .container,
    .main-header .container,
    .main-nav-container .container{
        min-height:185px !important;
        height:185px !important;

        padding-top:0 !important;
        padding-bottom:0 !important;

        margin-top:0 !important;
        margin-bottom:0 !important;
    }

    /* الشعار يبقى بالنص */
    header .navbar-brand,
    .main-header .navbar-brand,
    .main-nav-container .navbar-brand,
    header .logo{
        top:50% !important;
        transform:translate(-50%,-50%) !important;
    }
}
/* =====================================
   BOOSTLY - COMPACT HEADER FINAL
===================================== */

@media (min-width:992px){

    /* إلغاء الارتفاعات القديمة المتراكمة */
    header,
    .main-header,
    .main-nav-container{
        height:auto !important;
        min-height:0 !important;

        padding-top:0 !important;
        padding-bottom:0 !important;

        margin-top:0 !important;
        margin-bottom:0 !important;
    }

    /* أي حاويات داخل الهيدر ترجع طبيعية */
    header .container{
        height:auto !important;
        min-height:0 !important;
    }

    /* الشريط الرئيسي فقط */
    .main-nav-container > .container,
    .main-header > .container{
        height:160px !important;
        min-height:160px !important;

        padding-top:0 !important;
        padding-bottom:0 !important;

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

        position:relative !important;
    }

    /* الشعار بالنص */
    header .navbar-brand,
    .main-header .navbar-brand,
    .main-nav-container .navbar-brand,
    header .logo{
        top:50% !important;
        transform:translate(-50%,-50%) !important;
    }
}
/* BOOSTLY - SHRINK MAIN HEADER ONLY */
@media (min-width:992px){

    .main-nav-container{
        height:auto !important;
        min-height:0 !important;
        padding:0 !important;
    }

    .main-nav-container > .container{
        height:155px !important;
        min-height:155px !important;
        max-height:155px !important;

        padding-top:0 !important;
        padding-bottom:0 !important;

        display:flex !important;
        align-items:center !important;
        position:relative !important;
    }
}
/* BOOSTLY - REMOVE EMPTY SEARCH ROW */

@media (min-width:992px){

    /* إخفاء الصف الذي كان يحتوي البحث إذا لم يكن فيه الشعار أو السلة */
    header > *:has(salla-search):not(:has(.navbar-brand)):not(:has(.logo)):not(:has(salla-cart-summary)):not(:has(salla-user-menu)),
    .main-header:has(salla-search):not(:has(.navbar-brand)):not(:has(.logo)):not(:has(salla-cart-summary)):not(:has(salla-user-menu)){
        display:none !important;
        height:0 !important;
        min-height:0 !important;
        padding:0 !important;
        margin:0 !important;
    }
}
/* BOOSTLY - REMOVE SPACE ABOVE MAIN NAV */
@media (min-width:1024px){

    header[data-testid="store-header"] > .top-navbar,
    header[data-testid="store-header"] > .lg\:hidden{
        display:none !important;
        height:0 !important;
        min-height:0 !important;
        max-height:0 !important;
        padding:0 !important;
        margin:0 !important;
        border:0 !important;
        overflow:hidden !important;
    }

    header[data-testid="store-header"] > #mainnav{
        margin-top:0 !important;
        top:auto !important;
    }
}
/* BOOSTLY - LOGO VERTICAL FIX */
@media (min-width:992px){

    header .navbar-brand,
    .main-header .navbar-brand,
    .main-nav-container .navbar-brand,
    header .logo{
        top:54% !important;
        transform:translate(-50%,-10%) !important;
    }

}
/* BOOSTLY - LOGO ONLY SAFE FIX */

@media (min-width:1024px){

    #mainnav .navbar-brand,
    #mainnav .logo{
        top:54% !important;
        left:50% !important;
        transform:translate(-50%,-20%) !important;
    }

    #mainnav .navbar-brand img,
    #mainnav .logo img{
        height:145px !important;
        max-height:145px !important;
        width:auto !important;
        object-fit:contain !important;
    }

}