/* Add custom CSS styles below */ 
/* All website text */
body {
  font-size: 16px !important;
}

/* Headers */
h1 { font-size: 22px !important; }
h2 { font-size: 22px !important; }
h3 { font-size: 18px !important; }

/* Product titles */
.product-title {
  font-size: 19px !important;
}

/* Product prices */
.product-price {
  font-size: 16px !important;
}

/* Navigation menu */
.nav-menu {
  font-size: 14px !important;
}
/* Reduce general spacing */
body {
line-height: 1.2 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Reduce spacing between elements */
{
margin-bottom: 10px !important;
padding: 10px !important;
}
/* Reduce product spacing */
.product-card {
margin: 15px !important;
padding: 8px !important;
}
/* Reduce header/footer spacing */
header, footer {
padding: 80px !important;
margin: 10 !important;
}
/* Increase header logo size */
.navbar-brand img {
  max-height: 60px !important; /* increase or decrease */
  width: auto !important;
}
/* keep header centered nicely */
.navbar-brand {
  display: flex !important;
  align-items: left !important;
  justify-content: left !important;
}
/* increase header height */
#mainnav.art-main-nav,
#mainnav.art-main-nav .inner,
#mainnav.art-main-nav .grid {
  min-height: 100px !important;
}
/* Remove duplicate language/currency buttons */

/* hide mobile top bar button */
.art-top-navbar .btn--rounded-gray {
  display: none !important;
}
/* Language + currency button */
.btn--rounded-gray {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;

  padding: 6px 14px !important;
  border-radius: 25px !important;

  border: 0px solid #000 !important;
  background: #fff !important;

  font-size: 09px !important;
  letter-spacing: 1px !important;

  cursor: pointer !important;
}

/* hover */
.btn--rounded-gray:hover {
  background: #000 !important;
  color: #fff !important;
}
/* Hide products section title */
section h2 {
  display: none !important;
}
/* Smaller product images (homepage only) */
.index salla-products-list img,
.index salla-products-slider img {
  height: 480px !important; /* adjust: 240–300 is a good range */
  object-fit: cover !important;
}
.index salla-product-card img {
  width: 100% !important;
  object-fit: cover !important;
}
/* Homepage product images: 856x1080 ratio */
.index salla-product-card img,
.index salla-products-list img,
.index salla-products-slider img {
  width: 100% !important;
  aspect-ratio: 400 / 500 !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
}
.product-single .art-details-slider.details-slider {
  max-width: 420px !important;
  margin: 0 auto !important;
}
textarea::placeholder {
  font-size: 0 !important;
}

textarea::placeholder::first-letter {
  font-size: initial !important;
}
/* RELATED PRODUCTS: align cards */
.product-single salla-products-slider {
  display: block !important;
}

.product-single salla-products-slider .s-products-slider-container,
.product-single salla-products-slider .swiper-wrapper {
  align-items: flex-start !important;
}

/* make each related product card same structure */
.product-single salla-products-slider salla-product-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* equal image ratio */
.product-single salla-products-slider salla-product-card img {
  width: 100% !important;
  aspect-ratio: 856 / 1080 !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
}

/* equal content area */
.product-single salla-products-slider .s-product-card-content,
.product-single salla-products-slider .art-product-card-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  flex-grow: 1 !important;
  text-align: center !important;
  padding-top: 12px !important;
}

/* force title height so cards align */
.product-single salla-products-slider h3,
.product-single salla-products-slider .s-product-card-title {
  min-height: 48px !important;
  line-height: 1.25 !important;
  text-align: center !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  margin-bottom: 8px !important;
}

/* keep price aligned */
.product-single salla-products-slider .product-price,
.product-single salla-products-slider .s-product-card-price {
  margin-top: auto !important;
  text-align: center !important;
}
/* Hide footer language/currency button */
.art-store-footer .footer-buttons,
.art-store-footer .footer-buttons .btn--rounded-gray {
  display: none !important;
}
.art-store-footer .footer-copyright,
.art-store-footer .store-footer__copyright {
  display: none !important;
}
/* Add space below header */
.home main {
  padding-top: 60px !important;
}
/* Hide products/category page title */
#page-main-title {
  display: none !important;
}
/* Increase sort dropdown width */
#product-filter {
  min-width: 200px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
/* Mobile spacing system (balanced) */
@media (max-width: 767px) {

  /* Breadcrumbs */
  .breadcrumbs,
  salla-breadcrumb {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* Products */
  salla-products-list {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* Categories */
  .art-categories-grid {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* SORT ROW (this fixes your issue) */
  .product-index .mb-4.sm\:mb-6.flex.justify-between.items-center {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
/* Hide only on product page */
.product-single .s-product-single__sales,
.product-single .s-product-single__sold {
  display: none !important;
}