/* .store-header .top-navbar {
   background: var(--glass-bg);
   backdrop-filter: blur(15px);
}
.store-header div[id="mainnav"] {
   margin-top:1rem; 
} */

/* =========================
   AreenTV / Salla Custom CSS (Optimized)
   ========================= */

/* 1) Tokens */
:root{
  --brand: #2182A1;
  --brand2:#2081A1;
  --accent:#3CAE7F;

  --txt:#090909;

  --glass-bg: rgba(255,255,255,.10);
  --glass-br: rgba(255,255,255,.20);
  --glass-sh: rgba(0,0,0,.10);

  --radius-pill: 100px;
}
body.index {
  background-color:#fff !important;
}
.navbar-brand img {
  max-height: 5rem !important;
}

@media(min-width:640px) {
  body.index div#mainnav:not(div.fixed-header) {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    background-color:rgba(255,255,255,.10);
    /* backdrop-filter: blur(15px); */
    backdrop-filter: blur(20px);
    border-radius: 100px;
    /* overflow: hidden; */
    margin-top: 3.5rem;
  }
  body.index div#mainnav:not(div.fixed-header) .inner {
    border-radius: 100px;
  }
  #main-content section:first-of-type {
    margin-top: -7.5rem !important;
  }
  body.index div#mainnav:not(div.fixed-header) .main-menu li.root-level>a, body.index div#mainnav:not(div.fixed-header) .header-btn__icon, body.index div#mainnav:not(div.fixed-header) .s-cart-summary-total {
    color:#fff !important;
  }
}
@media(max-width:639px) {
  #main-content section:first-of-type {
    margin-top: 0 !important;
  }
}

#main-content section:first-of-type .container {
  width:100%;
  max-width:100%;
  padding:0;
  margin:0;
}

/* ترتيب اللوجو/المحتوى (تثبيت سلوكك) */
#mainnav .container > div div:first-child{
  width:50%;
  justify-content:space-between;
}
#mainnav .navbar-brand{ order:1; }

/* 5) Products / Sliders */
.s-product-card-entry{
  border:1px solid var(--brand);
  box-shadow:0 0 5px 0 #68686894;
}
.s-products-slider-card{
  margin-top:4px;
  margin-bottom:4px;
}
.s-slider-block__title h2{ color:var(--txt); }

.s-product-card-image{ background:transparent; }

.s-slider-nav-arrow{
  border-color:var(--brand);
  background-color:var(--brand);
}
.s-slider-nav-arrow svg,
.s-slider-nav-arrow:not(:disabled):hover svg{
  fill:#fff;
}

/* Buttons */
.s-button-primary-outline{
  background: linear-gradient(263.13deg, var(--brand2) 0.23%, var(--accent) 99.77%);
  color:#fff;
}

/* 6) Fixed banner images */
.banner--fixed img{
  border-radius:0;
  background:transparent;
}

/* 7) Banners grid (flex layout) */
section.s-block.s-block--banners.container div.grid{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
section.s-block.s-block--banners.container div.grid a.banner-entry{
  width:50%;
  background:transparent;
  height:310px;
}
.banner-entry > div{
  background-size:contain;
  background-repeat:no-repeat;
}

@media (max-width:767px){
  section.s-block.s-block--banners.container div.grid a.banner-entry{
    width:100%;
    height:190px;
  }
  .store-footer__inner *{
    justify-content:center;
    text-align:center;
  }
}

/* 8) Footer */
.store-footer .store-footer__inner{ background-color:var(--brand); }
.store-footer{ color:#fff; }

/* 9) Hide titles on home (حسب رغبتك) */
body.index .s-slider-block__title{ display:none; }

/* 10) Small fixed banner max-width after certain blocks */
#main-content section:first-of-type + .s-block .banner--fixed img,
section.s-block.s-block--banners.container + .s-block .banner--fixed img,
section#best-offers-4-slider + .s-block + .s-block .banner--fixed img{
  max-width:250px;
  margin:auto;
}

/* 11) Best offers spacing */
section#best-offers-4-slider,
section#best-offers-7-slider,
section#best-offers-9-slider,
section#best-offers-11-slider{
  margin-top:1rem;
}
@media (min-width:640px){
  section#best-offers-4-slider,
  section#best-offers-7-slider,
  section#best-offers-9-slider,
  section#best-offers-11-slider{
    margin-top:2rem;
  }
}