/** Shopify CDN: Minification failed

Line 37:2 Unexpected "="

**/
@font-face{font-family:"TWK Lausanne";src:url("./TWKLausanne-400.woff2") format("woff2"),url("./TWKLausanne-400.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"TWK Lausanne";src:url("./TWKLausanne-200.woff2") format("woff2"),url("./TWKLausanne-200.woff") format("woff");font-weight:200;font-style:normal;font-display:swap}.collection{position:relative;max-width:100vw}.collection .collection__head{position:relative;margin-block:4.9rem 2.6rem;padding-inline:1.7rem;display:flex;justify-content:space-between;align-items:flex-end}@media(min-width: 1024px){.collection .collection__head{margin-block:9.2rem 4rem;padding-inline:3rem}}.collection .collection__no-products-title{margin-block:11rem 0;font-weight:400;font-size:2.2rem;line-height:3.3rem;text-transform:none;text-align:center}.collection .collection__filters-remove{position:relative}.collection .collection__filters-remove::after{content:"";position:absolute;bottom:-0.3rem;left:0;width:100%;height:1px;background-color:#000;transform-origin:center;transition:transform .3s ease-out}.collection .collection__filters-remove:hover::after,.collection .collection__filters-remove:focus-visible::after{transform:scaleX(0)}.collection .collection__title{margin:0;display:flex;justify-content:space-between;align-items:flex-end;gap:.5rem;font-weight:400;font-size:2.2rem;line-height:2.2rem}.collection .collection__title svg{width:7.6rem;height:9rem;margin-bottom:.2rem}.collection .collection__title span{max-width:11ch}@media(min-width: 1024px){.collection .collection__title{gap:6rem;font-size:3.8rem;line-height:4.2rem}.collection .collection__title svg{width:21.1rem;height:25rem;margin-bottom:.5rem}.collection .collection__title span{max-width:unset}}@media(min-width: 1024px){.collection .collection__title{gap:11.7rem}}.collection .collection__description{margin-bottom:4.2rem}.collection .collection__description p,.collection .collection__description a{font-size:.9rem;text-transform:uppercase}@media(min-width: 1024px){.collection .collection__description{margin-bottom:10.7rem}.collection .collection__description p,.collection .collection__description a{max-width:65ch;font-size:1.4rem}}.collection .collection__filters{position:relative}.collection .collection__body{position:relative;max-width:100%;padding-bottom:8rem;box-sizing:border-box}@media(min-width: 1024px){.collection .collection__body{padding-bottom:9rem}}.collection .collection__items{position:relative;margin-bottom:3.6rem;padding:0;display:grid;grid-template-columns:repeat(2, 1fr);border-bottom:1px solid #000;box-sizing:border-box}.collection .collection__items:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:#000;z-index:-1}@media(min-width: 1024px){.collection .collection__items{margin-bottom:8.5rem;grid-template-columns:repeat(4, 1fr)}}.collection .collection__item{position:relative;width:100%;min-width:0;border-top:1px solid #000;border-right:1px solid #000}.collection .collection__item:nth-child(2n+1){border-left:1px solid #000}.collection .collection__item:after{content:"";position:absolute;bottom:-1px;left:0;right:-1px;height:1px;background-color:#000}@media(min-width: 1024px){.collection .collection__item:nth-child(2n+1){border-left:none}.collection .collection__item:nth-child(4n+1){border-left:1px solid #000}}/*# sourceMappingURL=main-collection.css.map */
.collection .collection__extended {
  max-width: 72ch;
  margin: 2rem auto;
  line-height: 1.7;
}

.collection .collection__extended :where(p,a) { 
  text-transform: none; 
  font-size: 1rem; 
}

@media (min-width: 1024px) {
  .collection .collection__extended :where(p,a) { font-size: 1.125rem; }
}

.collection .collection__extended h2,
.collection .collection__extended h3 { 
  font-weight: 400; margin: 1.25rem 0 .5rem; line-height: 1.3; 
}

.collection .collection__extended p { margin: .75rem 0; }

.collection .collection__extended ul,
.collection .collection__extended ol { 
  margin: .75rem 0 .75rem 1.25rem; 
}

.collection .collection__extended hr {
  border: 0; border-top: 1px solid rgba(0,0,0,.15); margin: 1.5rem 0;
}
* === OVERRIDE: .collection__extended full width su desktop con padding sito === */

/* Mobile/Tablet: mantieni colonna leggibile + padding coerente */
.collection .collection__extended {
  padding-inline: 1.7rem;   /* come l'header su mobile */
}

/* Desktop */
@media (min-width: 1024px) {
  .collection .collection__extended {
    max-width: none;        /* rimuove il vincolo a 72ch */
    width: 100%;            /* occupa tutta la larghezza del contenitore */
    margin-left: 0;         /* niente centratura */
    margin-right: 0;
    padding-inline: 3rem;   /* stesso bordo laterale dell'header desktop */
    text-align: left;       /* allineata a sinistra */
  }
}

/* === FULL-BLEED su desktop per .collection__extended === */
@media (min-width: 1024px) {
  .collection .collection__extended {
    /* esci dal contenitore e prendi tutta la viewport */
    width: 100vw;
    max-width: 100vw;
    /* spingi il blocco ai bordi della viewport */
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    /* bordo interno come il resto del sito */
    padding-left: 3rem;
    padding-right: 3rem;

    /* sicurezza */
    box-sizing: border-box;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .collection { overflow: visible; }
}

@media (min-width: 1024px) {
  .collection .collection__extended :where(p, a) { font-size: 1.25rem; line-height: 1.8; }
}

/* ===== Full-bleed wrapper per l'esteso ===== */
@media (min-width: 1024px) {
  .container-full {
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;                         /* prende tutta la viewport */
    margin-left: -50vw;                   /* esce dai limiti del wrapper */
    margin-right: -50vw;
    padding-inline: 3rem;                 /* bordo interno coerente con l'header desktop */
    box-sizing: border-box;
  }

  /* L'esteso non deve avere max-width né centrature */
  .container-full .collection__extended {
    max-width: none !important;
    width: 100%;
    margin: 2rem 0;                       /* niente auto, così non si centra */
    text-align: left;
  }
}

/* paracadute in caso di wrapper con overflow nascosto */
@media (min-width: 1024px) {
  .shopify-section.collection { overflow: visible; }
}

@media (min-width: 1024px) {
  .container-full .collection__extended > * { max-width: none !important; }
}

/* ===== FULL-BLEED + annulla max-width dei figli RTE ===== */
@media (min-width: 1024px) {
  .container-full {
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    padding-inline: 3rem;       /* bordo coerente col sito */
    box-sizing: border-box;
  }

  .container-full .collection__extended {
    width: 100%;
    max-width: none !important;
    margin: 2rem 0 !important;
    text-align: left;
  }

  /* 🔥 qui togliamo ogni vincolo ai children dell'RTE */
  .container-full .collection__extended.rte > * {
    max-width: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .container-full .collection__extended.rte p,
  .container-full .collection__extended.rte ul,
  .container-full .collection__extended.rte ol,
  .container-full .collection__extended.rte h2,
  .container-full .collection__extended.rte h3,
  .container-full .collection__extended.rte blockquote,
  .container-full .collection__extended.rte img {
    max-width: none !important;
  }
}

/* se qualche wrapper tronca, aprilo */
@media (min-width: 1024px) {
  .shopify-section.collection,
  .collection { overflow: visible; }
}

@media (min-width: 1024px) {
  .container-full .collection__extended.rte :where(p,li,a) {
    font-size: 1.25rem;   /* ~20px */
    line-height: 1.8;
  }
}

/* === Mobile: padding laterale per description + extended === */
@media (max-width: 1023px) {
  /* se usi il wrapper full-bleed, riportalo dentro al layout su mobile */
  .container-full {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-inline: 1.7rem;  /* stesso bordo dell'header mobile */
    box-sizing: border-box;
  }

  /* testo esteso */
  .container-full .collection__extended,
  .collection .collection__extended {
    margin: 1.5rem 0;
  }

  /* description (se la usi in alto) */
  .collection .collection__description,
  .collection .collection__description.rte {
    padding-inline: 1.7rem;  /* bordo laterale su mobile */
    box-sizing: border-box;
  }
}

/* Centra i testi di description ed extended */
.collection .collection__description,
.collection .collection__description.rte,
.collection .collection__extended,
.container-full .collection__extended {
  text-align: center !important;
}

/* Liste centrate (bullet/numero allineati al testo) */
.collection .collection__description ul,
.collection .collection__description ol,
.collection .collection__extended ul,
.collection .collection__extended ol,
.container-full .collection__extended ul,
.container-full .collection__extended ol {
  list-style-position: inside;
  padding-left: 0;
}

/* Immagini/btn centrati */
.collection .collection__description img,
.collection .collection__extended img,
.container-full .collection__extended img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* === Center H1 + togglers a destra (robusto) === */
.collection .collection__head {
  position: relative;
  display: flex !important;
  justify-content: center !important;   /* centro l'insieme */
  align-items: flex-end !important;
}

/* H1 centrato */
.collection .collection__title {
  flex: 0 1 auto !important;
  width: 100% !important;               /* consente il centraggio indipendente */
  display: flex !important;
  justify-content: center !important;   /* icona + testo centrati */
  align-items: flex-end !important;
  gap: .75rem !important;
  text-align: center !important;
}

/* Tasti filtri/ordina ancorati a destra, fuori dal flusso flex */
.collection .filter__togglers {
  position: absolute !important;
  right: 3rem;                          /* allinea al padding desktop dell'header */
  bottom: 0;
  margin: 0 !important;
}

/* Spaziatura corretta su mobile */
@media (max-width: 1023px) {
  .collection .filter__togglers { right: 1.7rem; }
}

@media (max-width: 1023px) {
  .collection .collection__head{
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    row-gap: .75rem;
  }

  .collection .collection__title{
    order: 1;
    flex: 1 1 100% !important;      /* occupa la riga */
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-end !important;
    gap: .75rem;
    text-align: left !important;
  }

  .collection .filter__togglers{
    order: 2;
    flex: 0 0 100% !important;      /* nuova riga */
    display: flex !important;
    justify-content: flex-end !important;
    margin-left: 0 !important;
  }
}

/* DESKTOP: titolo centrato, toggle ancorati a destra */
@media (min-width: 1024px) {
  .collection .collection__head{
    position: relative;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-end !important;
  }

  .collection .collection__title{
    flex: 0 1 auto !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-end !important;
    gap: .75rem;
    text-align: center !important;
  }

  .collection .filter__togglers{
    position: absolute !important;
    right: 3rem;                     /* allinea al padding desktop */
    bottom: 0;
    margin: 0 !important;
  }
}