/* Mobile Catalog Styles */

#projects-mobile {
  display: none;
}

/* Swiper pagination bullets for mobile */
.swiper-pagination-mobile-1 .swiper-pagination-bullet,
.swiper-pagination-mobile-2 .swiper-pagination-bullet,
.swiper-pagination-mobile-3 .swiper-pagination-bullet,
.swiper-pagination-mobile-4 .swiper-pagination-bullet,
.swiper-pagination-mobile-5 .swiper-pagination-bullet,
.swiper-pagination-mobile-6 .swiper-pagination-bullet,
.swiper-pagination-mobile-7 .swiper-pagination-bullet,
.swiper-pagination-mobile-8 .swiper-pagination-bullet,
.swiper-pagination-mobile-9 .swiper-pagination-bullet,
.swiper-pagination-mobile-10 .swiper-pagination-bullet,
.swiper-pagination-mobile-11 .swiper-pagination-bullet,
.swiper-pagination-mobile-12 .swiper-pagination-bullet,
.swiper-pagination-mobile-13 .swiper-pagination-bullet,
.swiper-pagination-mobile-14 .swiper-pagination-bullet,
.swiper-pagination-mobile-15 .swiper-pagination-bullet,
.swiper-pagination-mobile-16 .swiper-pagination-bullet,
.swiper-pagination-mobile-17 .swiper-pagination-bullet,
.swiper-pagination-mobile-18 .swiper-pagination-bullet,
.swiper-pagination-mobile-19 .swiper-pagination-bullet,
.swiper-pagination-mobile-20 .swiper-pagination-bullet,
.swiper-pagination-mobile-21 .swiper-pagination-bullet,
.swiper-pagination-mobile-22 .swiper-pagination-bullet,
.swiper-pagination-mobile-23 .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #D9D9D9;
  opacity: 1;
  border-radius: 2px;
}

.swiper-pagination-mobile-1 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-2 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-3 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-4 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-5 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-6 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-7 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-8 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-9 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-10 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-11 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-12 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-13 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-14 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-15 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-16 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-17 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-18 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-19 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-20 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-21 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-22 .swiper-pagination-bullet-active,
.swiper-pagination-mobile-23 .swiper-pagination-bullet-active {
  background: #C39A6B;
}

/* Media query for mobile display - ТОЛЬКО для экранов < 600px (не Fold!) */
@media (max-width: 599px) {
  #projects {
    display: none !important;
  }
  
  #projects-mobile {
    display: block !important;
  }
  
  /* Hide desktop gallery, show mobile */
  #era-gallery {
    display: none !important;
  }
  
  #era-gallery-mobile {
    display: block !important;
  }
}