/** Shopify CDN: Minification failed

Line 18:18 Unexpected "-->"
Line 43:0 Unexpected "<"

**/
/*// =============================================================================
// Ella Custom CSS - Customize The Style For Layout
// =============================================================================

// =============================================================================
//
// IMPORTANT DISCLAIMER
// Shopify is notifying shop owners about the need to convert scss files to css files.
// Please use only CSS to style the layout.
//
// =============================================================================*/
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

<!-- Utilità pesi (se vuoi usarle altrove) -->
<style>
.barlow-condensed-thin{font-family:"Barlow Condensed",sans-serif;font-weight:100;font-style:normal}
.barlow-condensed-extralight{font-family:"Barlow Condensed",sans-serif;font-weight:200;font-style:normal}
.barlow-condensed-light{font-family:"Barlow Condensed",sans-serif;font-weight:300;font-style:normal}
.barlow-condensed-regular{font-family:"Barlow Condensed",sans-serif;font-weight:400;font-style:normal}
.barlow-condensed-medium{font-family:"Barlow Condensed",sans-serif;font-weight:500;font-style:normal}
.barlow-condensed-semibold{font-family:"Barlow Condensed",sans-serif;font-weight:600;font-style:normal}
.barlow-condensed-bold{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-style:normal}
.barlow-condensed-extrabold{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-style:normal}
.barlow-condensed-black{font-family:"Barlow Condensed",sans-serif;font-weight:900;font-style:normal}
.barlow-condensed-thin-italic{font-family:"Barlow Condensed",sans-serif;font-weight:100;font-style:italic}
.barlow-condensed-extralight-italic{font-family:"Barlow Condensed",sans-serif;font-weight:200;font-style:italic}
.barlow-condensed-light-italic{font-family:"Barlow Condensed",sans-serif;font-weight:300;font-style:italic}
.barlow-condensed-regular-italic{font-family:"Barlow Condensed",sans-serif;font-weight:400;font-style:italic}
.barlow-condensed-medium-italic{font-family:"Barlow Condensed",sans-serif;font-weight:500;font-style:italic}
.barlow-condensed-semibold-italic{font-family:"Barlow Condensed",sans-serif;font-weight:600;font-style:italic}
.barlow-condensed-bold-italic{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-style:italic}
.barlow-condensed-extrabold-italic{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-style:italic}
.barlow-condensed-black-italic{font-family:"Barlow Condensed",sans-serif;font-weight:900;font-style:italic}
</style>
/* Applica Barlow Condensed 100 a tutti gli elementi di testo */
* {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 100 !important;
}

/* Specifica ulteriori stili per il body, h1, h2, p, a, button, ecc., se necessario */
body, h1, h2, h3, h4, h5, h6, p, a, button {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 100 !important;
}


p {
    line-height: 24px;
    font-size: 17px;
    font-weight: 100;
}

td {
    border: solid 1px;
    padding: 10px;
    border-color: #e0e0e0;
}

h1.main-page-title.page-header.scroll-trigger.animate--slide-in {
    line-height: 35px;
}

@media (max-width: 767px) { .collection-banner .image+.image {
    display: block;
    height: 50vh;
}
}




/* styli pagina faq */
.faqs-message .faqs-title {
  font-weight: 200;
}
.faqs-title {
  font-weight: 200 !important;
}
.faqs .faqs-item .card-header .title {
  font-weight: 200 !important;
  background-color: #fff !important;
}
.faqs-item .collapse {
  background-color: #fff !important;
}
h1.page-header.text-left.scroll-trigger.animate--slide-in.scroll-trigger--design-mode {
  line-height: 30px;
  display: none;
}
.faqs .faqs-title:after {
  height: 1px;
  background-color: #000000;
  display: none !important;
}
div {
    line-height: 24px !important;
}
.faqs-message-and-questions {
    display: flex
;
    gap: 30px;
    flex-direction: column;
    align-items: center;
    align-content: center;
}
@media (max-width: 550px) {
    .faqs .faqs-item .card-header .title, .faqs .faqs-item .card-body, .faqs .faqs-item .halo-text-format {
        padding: 15px;
    }
}

/* rimuovere resgistrazione da menu mobile */
a.header__link--account.customer_login_link {
  display: none !important;
}

/* rimuovere by app tracciamento */
#track123-powered-by {
    opacity: 0 !important;
}


.product-form__input .form__label,
.form__label-combined {
  font-weight: 100;
}
label.form-label {
  font-size: 12px;
  font-weight: 100;
}
input#halo-notify-emai {
  font-weight: 100 !important;
  font-size: 14px !important;
}
.halo-productView-right.productView-details.clearfix {
  padding-right: 50px;
}
@media (max-width: 550px) {
  .halo-productView-right.productView-details.clearfix {
    padding: 15px;
  }
}
input#halo-notify-email {
  font-size: 14px !important;
  font-weight: 100 !important;
}
@media (max-width: 767px) {
    .productView-stickyCart.style-1 .sticky-right .sticky-wishlist {
        
        display: none !important;
        
    }
}


/* Spaziatura infos/titolo */
.collection-info-item:not(.sub-collection) {
  padding-left: 50px;
  padding-bottom: 20px;
  font-weight: 100 !important;
}
.collection-info--absolute .collection-title {
  padding-left: 50px;
}

/* Banner sempre alto 50vh */
.collection-banner {
  height: 50vh;
  min-height: 300px; /* opzionale */
  position: relative;
  overflow: hidden;
}

/* Disattiva il padding-ratio dei wrapper immagine */
.collection-banner .image.image-adapt,
.collection-banner .image.image-mobile.image-adapt {
  height: 100%;
  padding-top: 0 !important;
  position: relative;
}

/* L'immagine riempie il box e resta centrata */
.collection-banner .image.image-adapt img,
.collection-banner .image.image-mobile.image-adapt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* Titolo quando è in flusso (relative) */
.collection-info--relative .collection-title {
  padding-bottom: 5px;
  padding-top: 30px;
  color: var(--desc-color);
  padding-left: 50px;
}

/* Mobile */
@media (max-width: 551px){
  .collection-info-item:not(.sub-collection) {
    padding-left: 20px;
    padding-bottom: 20px;
    font-weight: 100 !important;
  }
  .collection-info--absolute .collection-title {
    padding-left: 20px;
  }

  /* assicurati che qualunque variante del banner resti a 50vh */
  .collection-banner { height: 50vh !important; }
  .collection-banner.collection-banner--parallax.collection-banner--overlay.scroll-trigger.animate--slide-in {
    height: 50vh !important;
  }
  .collection-banner.scroll-trigger.animate--slide-in {
    height: 50vh !important;
  }

  .collection-info--relative .collection-title {
    padding-bottom: 5px;
    padding-top: 30px;
    color: var(--desc-color);
    padding-left: 20px;
  }
}

.toolbar .dropdown-menu.hidden-on-desktop .dropdown-menu-body li.is-active {
    font-weight: 400;
}
h1.page-header.text-center.scroll-trigger.animate--slide-in {
    line-height: 30px;
}