/** Shopify CDN: Minification failed

Line 50:21 Expected identifier but found bad string token
Line 50:22 Unterminated string token

**/
/* PRIME badge styles */
.is-prime .card--block-media {
    border: solid 2px #01919D;
}

/* footer menu */
.menu__item a.link {
  text-decoration: underline;
  text-underline-offset: auto;
}

a.link--hover-underline:not(:has(.text)){
  --line-link-gap: auto;
}

/* footer newsletter */
.email-signup__button--integrated{
    right: 0;
}

.email-signup__button:not(.promo-btn) {
    padding-right: 10px;
    padding-left: 4px;
    background-color: #DBDBDB;
    border: 1px solid #DBDBDB;
}
.email-signup__button svg {
    color: white !important;
}

.email-signup__input-groups .email-signup__input--none{
    font-size:11px;
    font-family: 'Poppins';
    color: #DBDBDB;
}


.cart__invoice-notice{
    background:#fff8e1;
    border-left:4px solid #f59e0b;
    padding:1rem;
    margin-bottom:1rem;
    border-radius:0.4rem;
    font-size:1.3rem;"
}

.link_custom_message_cart{
    text-decoration:underline;
    text-underline-offset: auto;
}


/* === COLLECTION CAROUSEL: frecce esterne sempre visibili === */

/* 1. Abilita overflow visible per far uscire le frecce */
.collection-carousel-swiper-component:has(.swiper-btns-wrap--outside) .swiper {
  overflow: visible;
}
.collection-carousel-swiper-component .swiper-btns-wrap--outside {
  z-index: 9999;
}


/* 2. Definisce la distanza esterna delle frecce */
.collection-carousel-swiper-component {
  --arrow-position-outside: 0px;
  position: relative;
   z-index: 9999;
}




/* 3. Stile cerchio blu con freccia bianca */
.collection-carousel-swiper-component .swiper-btns-wrap--outside .swiper-button {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  background-color: #89CEFE;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  transition: background-color 0.2s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.collection-carousel-swiper-component .swiper-btns-wrap--outside .swiper-button:hover {
  background-color: #89CEFE;
}

/* 4. Freccia bianca */
.collection-carousel-swiper-component .swiper-btns-wrap--outside .swiper-button .icon,
.collection-carousel-swiper-component .swiper-btns-wrap--outside .swiper-button svg {
  color: #ffffff !important;
  width: 18px;
  height: 18px;
}

/* 5. Nasconde pseudo-elementi del tema che potrebbero interferire */
.collection-carousel-swiper-component .swiper-btns-wrap--outside .swiper-button [data-fill-bg] {
  display: none;
}

.swiper-button:before {
    background-color: #89CEFE;
}

/* --- STILE BADGE (Come da Screenshot) --- */
.label-shipping {
  padding: 4px 10px !important;
  font-size: 12px !important;
  border-radius: 0px 4px 5px 0px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin-bottom: 5px;
}

.label-standard {
  background-color: #F0F0F0 !important;
  color: #24353B !important;
}

.label-prime {
  background-color: #008da0 !important;
  color: white !important;
}

/* --- POSIZIONAMENTO NELLA CARD --- */
.card__inner {
  position: relative !important;
}

.card__inner .custom-shipping-label-wrapper {
  position: absolute !important;
  top: 15px !important;
  left: 0px !important;
  z-index: 20 !important;
  border-left:0!important}

.custom-shipping-label-wrapper {
    left: 0px !important;
    top: 20px !important;
}

/* --- POSIZIONAMENTO NEL DETTAGLIO PRODOTTO --- */
/* Se appare sopra il titolo, gli diamo un margine per distanziarlo */
.product__info-container .custom-shipping-label-wrapper {
  position: relative;
  margin: 15px 0;
  display: block;
}


/* Riduce lo spazio tra i link, il separatore e il titolo */
.breadcrumbs__list {
  gap: 5px !important; /* Riduce lo spazio orizzontale generale */
}

.breadcrumbs__item {
  gap: 0px !important; /* Riduce lo spazio interno tra testo e separatore */
}

.breadcrumbs__separator {
  margin: 0 2px !important; /* Stringe ulteriormente lo spazio attorno al simbolo > */
  display: inline-flex;
  align-items: center;
}
li.breadcrumbs__item.inline-flex.items-center.gap-style.shrink-0 {
    gap: 0px !important;
}

.breadcrumbs__item {
    padding-right: 0px!important;
}

.header__row.header__row--bottom.color-scheme-1.section.section--full-width-margin.section--page-width.color-tablet-scheme-1.color-mobile-scheme-1.max-md\:hidden {
box-shadow: 1px 6px 5px -2px #0000001A!important;
}

.header__menu-item.menu__link--level-1 {
    padding: 0.5rem calc(var(--gap-x) / 1.5 + 1rem)!important;
}


/*custom registration form*/

.custom-form-registration input{
    padding: 10px;
    border-radius: 50px;
    border-color: #DBDBDB;
}

.cf-field[data-cf-invalid=true]:not([data-cf-field-type=repeating_group]) {
  background: transparent!important;
  border-color:transparent!important;
}

.cf-field[data-cf-invalid=true]:not([data-cf-field-type=repeating_group]) .cf-field-errors li {
    font-size: 12px;
}

.custom-form-registration{
  --focused-base-box-shadow: 0 0 0 .05rem #89CEFE, .4rem rgb(var(--color-foreground-rgb) / var(--opacity-30));
}

.cf-select-wrap select {
    padding: 10px;
    border-radius: 50px;
}

.custom-form-registration input::placeholder {
  font-family:"Poppins";
}

.custom-form-registration .cf-enum-field__choices fieldset {

    font-size: 15px!important;
} 

span.cart-text {
    display: none;
}
.header__icon--both.header__icon--cart [data-cart-count] {
    padding-inline-end: 0;
}

.header__search details {
    border: 1px solid #89CEFE;
    border-radius: 50px;
    display: flex;
    justify-content: end;
}

span.header__icon.header__icon--icon {
    background: #89CEFE;
    border-radius: 0px 50px 50px 0px;
}
svg.icon.icon-search {
    color: white;
}

.header__icon--search .header__icon .svg-wrapper {
    width: 55px;
}

.group-block-content.relative.layout-panel-flex.layout-panel-flex--column.mobile-column {
    --gap: max(0px, calc(var(--gap-scale, 1.0) * 12px)) !important;
}

@media (max-width: 768px){
  .header__search-direct {
    display: none!important;
}
span.header__icon.header__icon--icon{
  background:transparent;
}
svg.icon.icon-search {
    color: #89CEFE;
}
}



/* Campo di inserimento testo */



.search-direct-button:hover {
  opacity: 0.8;
}

/* Icona SVG dentro il pulsante */
.header__icons, .header__logo {
  display: flex !important;
  white-space: nowrap !important;
}
.search-direct-button {
  background: #99d3ff !important;
  border: none !important;
  width: 65px !important;
  height: 100% !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: white !important;
}

.search-direct-input {
  flex: 1 !important;
  border: none !important;
  padding: 0 20px !important;
  font-size: 16px !important;
  outline: none !important;
  background: transparent !important;
    --color-foreground:transparent;
}

/* Forza il contenitore della ricerca a prendersi lo spazio */
@media (min-width 770px){
  .header__search-direct {
  grid-column: 2 !important; /* La posiziona al centro */
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

}


/* Regola la larghezza massima della barra stessa */
.search-direct-form {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  /* Qui decidiamo la larghezza reale: 
     sarà il 100% dello spazio centrale, ma non oltre i 600px */
  max-width: 600px !important; 
  height: 48px !important;
  border: 2px solid #99d3ff !important;
  border-radius: 50px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}



/* 1. Reset totale dei contenitori - Devono occupare tutto lo spazio */
.mega-menu__content, 
.list-menu--wrapper, 
.mega-menu__container {
  display: block !important;
  width: 100vw !important; /* Forza la larghezza dell'intera finestra */
  left: 0 !important;
  right: 0 !important;
  max-width: 100vw !important;
}

/* 2. La lista: Forziamo 4 colonne con altezza dinamica per ogni cella */
.mega-menu__list {
  display: grid !important;
  /* Forza 4 colonne uguali */
  grid-template-columns: repeat(4, 1fr) !important;
  /* align-items: flex-start è la CHIAVE: impedisce alle celle di essere alte tutte uguali */
  align-items: flex-start !important; 
  gap: 20px 40px !important;
  padding: 40px !important;
  list-style: none !important;
  width: 100% !important;
}

/* 3. Nascondi le colonne che non hanno link (rimozione fisica del buco) */
.mega-menu__list > li:not(:has(a)) {
  display: none !important;
}

/* 4. Forza ogni colonna ad autogestirsi lo spazio */
.mega-menu__list > li {
  grid-row: auto !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
}

/* 5. Titoli: reset di margini e altezze residue del tema */
.mega-menu__list > li b, 
.mega-menu__list > li summary, 
.mega-menu__list > li strong {
  display: block !important;
  margin: 0 0 15px 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

/* 6. Fix per il tema Dawn/derivato: rompe il limite dei 4 elementi fissi */
.list-menu--wrapper {
  --columns-count: 4 !important;
}

.haloCalculatorShipping .message{
  font-size:1.3rem;
}

.drawer__footer {
    padding-block: 1.5rem 3rem;
    margin-top: auto;
}

.haloCalculatorShipping {
    position: relative;
    margin: 20px 0 18px;
    min-height: var(--free-shipping-min-height);
}

cart-drawer-items .section--main-cart .cart__contents {
    max-height: calc(90dvh - var(--cart-drawer-header-height))!important;
}