/** Shopify CDN: Minification failed

Line 176:0 Unexpected "}"

**/
/* 
Name: Fusta
Author: HasTech
*/
/* Ajax Spin Cart */
.ajax-spin-cart .cart-loading, .ajax-spin-cart.add-item .cart-title, .ajax-spin-cart .cart-added, .ajax-spin-cart .cart-unavailable{
  display: none;
}
.ajax-spin-cart.loading.add-item .cart-added, .ajax-spin-cart.loading.add-item .cart-unavailable{
  display: none;
}
.ajax-spin-cart.loading .cart-loading, .ajax-spin-cart.add-item .cart-added{
  display: inline-block;
}

.modal-open .ajax-spin-cart.add-item .cart-unavailable{
  display: inline-block;
}
.modal-open .ajax-spin-cart.add-item .cart-loading{
  display: none;
}
.modal-open .ajax-spin-cart.add-item .cart-added{
  display: none;
}

/* Wishlist Button */
.wishlist-action a {
  display: inline-block;
}
.action-wishlist .loading-wishlist, .action-wishlist .remove-wishlist, a.go-to-wishlist{
  display: none;
}
.action-wishlist.loading-wishlist .loading-wishlist{
  display: inline-block;
}
.action-wishlist.loading-wishlist .add-wishlist, .action-wishlist.adding-wishlist .remove-wishlist, .action-wishlist.adding-wishlist + a.go-to-wishlist{
  display: none;
}
.action-wishlist.is-active .add-wishlist{
  display: none;
}
.action-wishlist.is-active .remove-wishlist, .action-wishlist.is-active + a.go-to-wishlist{
  display: inline-block;
}
.action-wishlist.is-active.adding-wishlist .remove-wishlist, .action-wishlist.is-active.adding-wishlist + a.go-to-wishlist{
  display: inline-block;
}
.action-wishlist.loading-wishlist.adding-wishlist .remove-wishlist, .action-wishlist.loading-wishlist.adding-wishlist + a.go-to-wishlist{
  display: none;
}

.language-currency-wrapper ul li.drodown-show {
  margin-bottom: 0;
}

.main-menu-area ul > li {
  margin-bottom: 0px;
}
.featured-image {
  position: relative;
}

.cart-tempty-title{
  display: none;
}

.main-menu-area .mega-menu {
  margin: 0;
}
.main-menu-area .mega-menu > li ul {
  margin: 0;
}
.main-menu-area .mega-menu li ul li.mega-menu-title {
  padding: 0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
}

.main-menu-area .sub-menu {
    margin: 0;
}


.cart-buttons {
}
.spr-icon {
    font-size: 12px !important;
}

.language-currency-wrapper ul.open-dropdown{
    width: 200px;
    margin: 0;
}
.mobile-menu .mean-bar .mean-nav > ul li {
    margin-bottom: 0;
}
@media (max-width: 768px) {
  /* Ensure the banner block is properly structured */
  #shopify-section-1619442128fbfcd012 > section {
    position: relative;
    display: flex;
    justify-content: center; /* Center the content */
    align-items: center;
    width: 100%; /* Ensure the image fits within the container */
    height: auto;
    overflow: hidden; /* Prevent any content spillover */
  }

  /* Apply the gradient only over the image container */
  #shopify-section-1619442128fbfcd012 > section > div {
    position: relative;
    width: 100%;
    height: auto;
  }

  /* Apply a top-to-bottom gradient within the image container */
  #shopify-section-1619442128fbfcd012 > section > div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Ensure the gradient covers the full image width */
    height: 60%; /* Cover only the top 60% of the image */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); /* Gradient that fades */
    z-index: 2;
    pointer-events: none; /* Ensure it doesn't interfere with interactions */
  }

  /* Ensure the image is displayed correctly */
  #shopify-section-1619442128fbfcd012 > section > div > img.banner-mobile {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover; /* Make sure the image fits the container properly */
    z-index: 1;
    position: relative;
  }

  /* Adjust the text container to sit higher on the image */
  #shopify-section-1619442128fbfcd012 > section > div > div {
    position: absolute;
    top: 10%; /* Move the text closer to the top of the image */
    z-index: 3;
    color: #ffffff; /* Ensure white text for readability */
    width: 80%; /* Keep the content constrained within 80% of the width */
    left: 50%; /* Center the text horizontally */
    transform: translateX(-50%); /* Adjust centering */
    padding: 0 10px; /* Add some padding for spacing */
    text-align: center; /* Ensure the text and button are centered */
  }

  /* Styling adjustments for the title, paragraph, and button */
  .custom-banner h1 {
    font-size: 1.6rem; /* Adjust the font size for mobile */
    margin-bottom: 10px; /* Space below the title */
  }

  .custom-banner p {
    font-size: 1rem; /* Keep paragraph text at a readable size */
    line-height: 1.4;
    margin-bottom: 15px; /* Space below the text */
  }

  .btn.btn-style-medium {
    font-size: 1rem; /* Button text size */
    padding: 8px 20px;
  }
}

}
@media (max-width: 768px) {
  .testi-desc p {
    font-size: 1em !important; /* Slightly larger text */
    line-height: 1.5 !important; /* Adjust line spacing */
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
  }
}
.custom-banner .banner-block {
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-banner .banner-block img {
  max-width: 100%;
  height: auto;
  display: block;
}
/* Targeting screens larger than 992px (PC size) */
@media (min-width: 992px) {
  /* Adjust the title size slightly bigger */
  .heading-home {
    font-size: 1.8rem !important; /* Slightly increase the title size */
    margin-bottom: 15px !important; /* Adjust bottom margin */
    text-align: center !important; /* Keep the title centered */
  }

  /* Make the testimonial text a bit bigger and center-align it */
  .testi-desc p {
    font-size: 1.2rem !important; /* Increase text size slightly */
    line-height: 1.6 !important; /* Adjust line height for better readability */
    text-align: center !important; /* Center-align the text */
  }
}
/* Apply the grey gradient overlay on PC screens only */
@media (min-width: 992px) {
  /* Ensure the banner block stays structured and adapts responsively */
  #shopify-section-1619442128fbfcd012 > section {
    position: relative;
    display: flex;
    justify-content: center; /* Center the content */
    align-items: center;
    width: 100%; /* Set full width */
    margin: 0 auto; /* Center the banner */
    height: auto;
    overflow: hidden; /* Prevent gradient spillover */
  }

  /* Apply a softer grey gradient over the left side of the image's container */
  #shopify-section-1619442128fbfcd012 > section > div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%; /* Set the gradient to 50% width */
    height: 100%;
    background: linear-gradient(to right, rgba(128, 128, 128, 0.7), transparent); /* Softer grey gradient */
    z-index: 2;
    pointer-events: none;
    max-width: 100%; /* Ensure it never exceeds the image width */
  }

  /* Ensure the image itself stays full width and centered within its container */
  #shopify-section-1619442128fbfcd012 > section > div > a > img {
    display: block;
    width: 100%; /* Ensure the image fits the container */
    height: auto;
    z-index: 1;
    position: relative;
  }

  /* Center the entire text/button container on the left side */
  #shopify-section-1619442128fbfcd012 > section > div > div {
    position: absolute;
    z-index: 3; /* Ensure text stays above the image and gradient */
    color: #ffffff; /* Ensure white text for contrast */
    width: 50%; /* Container width to fit the left half of the image */
    padding: 20px; /* Padding to prevent the text from touching the edges */
    left: 0; /* Position the container on the left side */
    display: flex;
    flex-direction: column; /* Stack text and button vertically */
    justify-content: center; /* Center the content vertically */
    align-items: center; /* Center the content horizontally */
    text-align: center; /* Center the text within the container */
    height: 100%; /* Ensure the container covers the height of the image */
  }

  /* Title (Salonul Tău de Frumusețe, Acasă) styling */
  .custom-banner h1 {
    font-size: 2.5rem; /* Adjust title size */
    margin-bottom: 15px; /* Space below the title */
    color: #ffffff; /* Keep title white for readability */
  }

  /* Secondary text styling */
  .custom-banner p {
    font-size: 1.2rem; /* Keep secondary text size */
    line-height: 1.5;
    margin-bottom: 20px; /* Space below the text */
    color: #ffffff; /* Keep paragraph text white */
  }

  /* Button styling remains intact */
  .custom-banner .btn {
    margin-top: 10px;
  }
}

/* Apply to all product images inside the collection grid */
.product-image a.pro-img img.img-fluid {
  width: 100%;
  aspect-ratio: 1 / 1; /* Enforces a 1:1 square aspect ratio */
  object-fit: cover; /* Ensures the image fits and covers the square without distortion */
  display: block;
}
@media (max-width: 768px) {
  /* Further reduce the button size in the home slider for mobile screens */
  #home-slider > div.swiper-wrapper > div > div > div > div .btn {
    font-size: 0.6rem; /* Make the font even smaller */
    padding: 3px 8px; /* Further reduce padding to make the button smaller */
  }

  /* Apply smaller font size to all testimonial items (active or inactive) */
  #testimonial-slider .owl-item div.testi-desc p {
    font-size: 0.8rem; /* Reduce the font size for the testimonials */
    line-height: 1.3;  /* Slightly reduce line-height */
    margin-bottom: 0px; /* Remove any extra space below the text */
  }

  /* Reduce padding inside the testimonial content for all items */
  #testimonial-slider .owl-item div.testi-content {
    padding: 10px 0px; /* Reduce padding inside the testimonial items */
  }

  /* Optionally remove unnecessary margins/padding around the testimonial section */
  #testimonial-slider {
    margin-bottom: 0px !important; /* Ensure no margin exists below the testimonial */
  }
}