/* Add custom CSS styles below */ 
@media (min-width: 1024px) {
.top-nav{
display: none !important}}


h1{
font-size: 34px !important;
}

a:hover {
  color: rgb(204, 35, 42) !important;
}

.main-menu a{
font-size: 16px !important; }

@media (min-width: 1024px) {
    .s-products-list-vertical-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

.menu-title{
display: none; }

#hero-slider-0,
#hero-slider-1 {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* DESKTOP: عرض slider-0 فقط (شاشات >= 1025px) */
@media (min-width: 1025px) {
  #hero-slider-0 {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
  }
  #hero-slider-1 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

/* TABLET + MOBILE: عرض slider-1 فقط (شاشات <= 1024px) */
@media (max-width: 1024px) {
  #hero-slider-1 {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
  }
  #hero-slider-0 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}


.s-social-link a svg {
    height: 1.5rem;
    width: 1.5rem;}

.store-footer .s-social-link a{
height: 3rem;
    width: 3rem;
    MARGIN-TOP: 20PX;
}