/* Add custom CSS styles below */ 
/* ===== Sahl brand CSS — paste as one block ===== */

/* Full dark header */
.store-header, header.store-header, .main-nav-container {
  background-color: #1E1B4B !important;
}
.store-header a, .store-header .sicon-user, .store-header .sicon-shopping-bag,
.store-header svg, .store-header .header-btn, .store-header span {
  color: #FFFFFF !important;
}
.store-header .s-cart-summary-count,
.store-header [class*="cart-count"] {
  background-color: #22D3EE !important;
  color: #1E1B4B !important;
}
.main-nav-container a, .main-menu a { color: #EEF2FF !important; }
.main-menu a:hover { color: #22D3EE !important; }

/* Cap product page image height — all products, desktop + mobile */
.product-single .s-slider-container,
.product-entry .s-slider-container,
section[class*="product"] .s-slider-container {
  max-height: 460px !important;
}
.product-single .s-slider-container img,
.product-entry .s-slider-container img,
section[class*="product"] .s-slider-container img {
  max-height: 440px !important;
  width: auto !important;
  object-fit: contain !important;
  margin-inline: auto !important;
}
@media (max-width: 768px) {
  .product-single .s-slider-container,
  .product-entry .s-slider-container { max-height: 340px !important; }
  .product-single .s-slider-container img,
  .product-entry .s-slider-container img { max-height: 320px !important; }
}
/* Cap product gallery — all layers, Raed details-slider */
salla-slider.details-slider,
.details-slider,
.details-slider .swiper,
.details-slider .s-slider-wrapper,
.details-slider .swiper-wrapper {
  max-height: 440px !important;
  height: auto !important;
}
.details-slider .swiper-slide,
.details-slider .magnify-wrapper,
.details-slider .homeslider__slide {
  max-height: 440px !important;
  height: 440px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff;
}
.details-slider .swiper-slide img {
  max-height: 420px !important;
  height: auto !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
}
/* keep thumbnails small */
.details-slider .slide--one-fourth,
.details-slider .slide--one-fourth img {
  max-height: 90px !important;
  height: auto !important;
}
@media (max-width: 768px) {
  salla-slider.details-slider, .details-slider, .details-slider .swiper,
  .details-slider .swiper-wrapper { max-height: 340px !important; }
  .details-slider .swiper-slide,
  .details-slider .magnify-wrapper { height: 320px !important; max-height: 320px !important; }
  .details-slider .swiper-slide img { max-height: 300px !important; }
}