/* ✅ استيراد خط Cairo */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

body {
  font-family: "Cairo" !important;
}

/* 📱 الموبايل */
@media (max-width: 767px) {
  body.index::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 170vh;
    background-image: url("https://i.ibb.co/YnvS3NC/Frame-1000010153-2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }

  .slider-banner-main-0.landing-banner.landing-page-fixed-bannar-.flex.flex-col.md\:flex-row.justify-between.items-center.bg-cover.bg-no-repeat.bg-center.relative.w-full.gap-8.px-4 {
    padding-top: 55px;
  }
}

/* 📊 التابلت */
@media (min-width: 768px) and (max-width: 1023px) {
  body.index::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 220vh;
    background-image: url("https://i.ibb.co/YnvS3NC/Frame-1000010153-2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}

/* 🖥️ الديسكتوب */
@media (min-width: 1024px) {
  body.index::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 195vh;
    background-image: url("https://i.ibb.co/YnvS3NC/Frame-1000010153-2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }

  .vedio_banner .soura_icon {
    background-color: #0598de;
  }

  lord-icon.flex.m-auto {
    --lord-icon-primary: #000 !important;
    --lord-icon-secondary: #fff !important;
    --lord-icon-primary-base: #000 !important;
    --lord-icon-secondary-base: #fff !important;
  }

  .md\:w-\[40\%\].w-full.flex.items-end.justify-start.sal-animate {
    width: 70%;
  }

  .store-footer__inner {
    background-color: #0598DE;
  }

  .store-header .inner .container {
    max-width: 85%;
  }

  .main-nav-container.fixed-pinned .navbar-brand img,
  .navbar-brand img {
    max-height: 4rem;
  }

  div#mainnav {
    background-color: #fff;
    color: #0598DE;
  }

  .header-left .header-btn__icon {
    color: #0598DE;
  }

  .s-product-card-content {
    background-color: #0598DE;
  }
}

span.accordion, .accordion_static {
    display: none;
}