/** Shopify CDN: Minification failed

Line 438:12 Unexpected "'INCHIOSTRO: e'"
Line 439:74 Unterminated string token

**/
/* EazyLife — i colori del brand al posto di quelli di Kalles.
   ------------------------------------------------------------------
   NON tocca nessuna regola: ridefinisce solo le VARIABILI che Kalles
   usa gia' di suo. Cambiando la variabile, tutti i punti che la usano
   (65 su 8 file) prendono il colore giusto insieme.
   Kalles le vuole in formato "R G B" senza virgole, perche' le usa
   dentro rgb(var(--x) / opacita').

   PERCHE' L'ORO E NON UN ALTRO COLORE
   Il rosso #D81017 di Kalles serve a dire « questo e' vivo, e' tuo » :
   hover, elementi attivi, contatori, barra della spedizione.
   Su un negozio per bambini tutto crema, il rosso urla « saldi » e
   rompe la calma su cui e' costruito il brand.
   L'oro #9E8B72 e' gia' il colore d'accento della home: il cliente lo
   ha davanti dal primo istante. Riusarlo per gli stati attivi rende il
   sito una cosa sola, e da' calore invece di allarme.
   Il testo passa da #222222 (nero freddo) al nostro inchiostro #25221D,
   e il grigio di servizio da #626262 (freddo) a #6D6459 (caldo):
   differenze piccole, ma sono quelle che fanno sembrare un sito « fatto
   apposta » invece che « un tema comprato ». */

/* ATTENZIONE — perche' c'e' anche [color-scheme] qui sotto:
   Kalles NON tiene i colori solo sul body. Ogni sezione porta un attributo
   `color-scheme="scheme-1"` e DENTRO quell'attributo ridefinisce tutte le
   variabili da capo. Misurato sulla pagina carrello: sopra <hdt-main-cart>
   l'accento era gia' oro, sotto tornava rosso 216 16 23 — ed e' per questo
   che il bottone « Payer » restava rosso.
   Mettendo la stessa dichiarazione anche su [color-scheme], la correzione
   scende in TUTTE le sezioni del sito. */
/* --- A) I COLORI D'ACCENTO: valgono OVUNQUE, schemi compresi ---------
   Sono il brand: devono restare uguali su qualunque fondo. */
:root,
body,
[color-scheme],
body [color-scheme] {
  --color-accent: 158 139 114;
  --color-new-badge-background: 158 139 114;
  --color-new-badge-text: 245 241 232;
}

/* --- B) I COLORI DI TESTO: SOLO sul body, MAI dentro gli schemi ------
   ERRORE CORRETTO IL 28 AGOSTO: all'inizio avevo messo anche questi su
   [color-scheme]. Sbagliato: dentro uno schema Kalles decide il colore
   del testo IN BASE AL FONDO di quella sezione — sul bandone delle
   collezioni, che ha una foto scura sotto, ci mette il bianco.
   Sovrascrivendolo con l'inchiostro il titolo « Bébé » era diventato
   scuro su scuro: contrasto misurato 2,26:1, illeggibile.
   Qui restano solo sul body, dove il fondo e' il crema. */
:root, body {
  --color-base-text: 37 34 29;
  --color-secondary: 109 100 89;
  --color-tertiary: 148 139 123;
}

/* i link seguono l'inchiostro, non il nero puro */
/* il colore dei link: solo sul body, come gli altri colori di testo */
:root, body { --color-link: 37 34 29; }

/* --- gli effetti, dove Kalles non ne aveva --- */

/* il cuore della wishlist: si riempie d'oro e batte una volta sola */
hdt-wishlist[added] svg,
.hdt-card-product__btn-wishlist[added] svg,
.hdt-wishlist-added svg {
  fill: rgb(var(--color-accent));
  stroke: rgb(var(--color-accent));
  animation: ezl-battito .42s cubic-bezier(.2,.7,.3,1);
}
@keyframes ezl-battito {
  0% { transform: scale(1); } 42% { transform: scale(1.28); } 100% { transform: scale(1); }
}

/* i tondi d'azione della scheda (cuore, confronta, sguardo rapido):
   al passaggio si riempiono d'inchiostro, come il bottone della scheda prodotto */
.hdt-pr_btn a:hover,
.hdt-pr_btn button:hover,
.hdt-card-product__btn-quick-view:hover {
  background: rgb(37 34 29);
  color: rgb(245 241 232);
  border-color: rgb(37 34 29);
}

/* la barra « ancora X dh per la livraison offerte » nel carrello */
.hdt-mini-cart__threshold-bar > div {
  background: rgb(var(--color-accent));
}

/* il pallino col numero sul carrello e sul cuore, in alto */
.hdt-count-number, .hdt-cart-count, [class*="count-bubble"] {
  background: rgb(var(--color-accent));
  color: rgb(245 241 232);
}

@media (prefers-reduced-motion: reduce) {
  hdt-wishlist[added] svg, .hdt-card-product__btn-wishlist[added] svg { animation: none; }
}

/* ======================================================================
   SECONDO GIRO — i colori che restavano, perche' sono scritti A MANO
   dentro i css di Kalles e non passano da nessuna variabile globale.
   Trovati leggendo i sorgenti, uno per uno.
   ====================================================================== */

/* --- 1. IL CUORE, CONFRONTA, SGUARDO RAPIDO sulle schede ---------------
   Kalles li pilota con variabili LOCALI alla scheda (--wishlist-cl e
   compagnia), che ereditano dai colori dei bottoni del tema: da li'
   veniva il blu al passaggio del mouse.
   Si impostano quelle variabili: e' il suo stesso meccanismo, quindi
   forma, dimensioni e animazioni restano esattamente le sue. */
.hdt-card-product hdt-wishlist,
.hdt-card-product .hdt-card-product__btn-wishlist,
.hdt-card-product hdt-tooltip > .hdt-card-product__btn-wishlist {
  --wishlist-cl: #25221D;            --wishlist-bg-cl: #F5F1E8;
  --wishlist-cl-hover: #F5F1E8;      --wishlist-bg-cl-hover: #25221D;
  --wishlist-cl-active: #9E8B72;     --wishlist-bg-cl-active: #F5F1E8;
}
.hdt-card-product hdt-compare,
.hdt-card-product .hdt-card-product__btn-compare {
  --compare-cl: #25221D;             --compare-bg-cl: #F5F1E8;
  --compare-cl-hover: #F5F1E8;       --compare-bg-cl-hover: #25221D;
  --compare-cl-active: #9E8B72;      --compare-bg-cl-active: #F5F1E8;
}
.hdt-card-product .hdt-card-product__btn-quick-view {
  --quickview-cl: #25221D;           --quickview-bg-cl: #F5F1E8;
  --quickview-cl-hover: #F5F1E8;     --quickview-bg-cl-hover: #25221D;
}

/* il cuore e il confronta dentro la scheda prodotto (sotto il bottone) */
.hdt-product-form__btn-wishlist,
.hdt-product-form__btn-compare {
  --color: #25221D;
  --color-hover: #9E8B72;
  --color-active: #9E8B72;
}
.hdt-product-form__btn-wishlist:hover,
.hdt-product-form__btn-compare:hover {
  background: #25221D;
  color: #F5F1E8;
  border-color: #25221D;
  transform: translateY(-2px);
  transition: background .3s, color .3s, border-color .3s, transform .3s;
}

/* --- 2. I MESSAGGI CHE COMPAIONO (toast) -------------------------------
   Erano i colori di sistema: rosso #dc3545, verde #198754,
   giallo #ffc107, azzurro #0dcaf0. Sono QUELLI che si vedono quando
   metti qualcosa nel carrello.
   Restano DISTINGUIBILI fra loro — un errore non puo' avere lo stesso
   colore di un successo — ma tutti dentro la famiglia calda del brand. */
body .toast.success, body .toast-icon.success { --ezl-t: #9E8B72; }   /* oro    */
body .toast.error,   body .toast-icon.error   { --ezl-t: #8C4A32; }   /* terra  */
body .toast.warning, body .toast-icon.warning { --ezl-t: #8A7355; }   /* oro scuro */
body .toast.info,    body .toast-icon.info    { --ezl-t: #25221D; }   /* inchiostro */
body .toast-icon.success, body .toast-icon.error,
body .toast-icon.warning, body .toast-icon.info { background-color: var(--ezl-t); }
body .toast.success, body .toast.error,
body .toast.warning, body .toast.info { border-left-color: var(--ezl-t); }

/* --- 3. I COLORI DELLE MARCHE sui bottoni social nativi di Kalles ------
   Facebook #0766ff (il blu che si vedeva), Pinterest #bd091c,
   Telegram #31a8e0, WhatsApp #24d366, e-mail #5fb7e0, Tumblr #34475c.
   Sul nostro sito non ha senso avere sei colori diversi: diventano tutti
   inchiostro, e al passaggio si riempiono come i nostri. */
[class*="social-"] { --social-color: #25221D; }

/* --- 4. l'etichetta verde nel menu ------------------------------------ */
li.hdt-menu-item .hdt-menu-link .hdt_lb_nav { background: #9E8B72; }


/* --- 5. I PREZZI, ovunque --------------------------------------------
   `--color-pr-sale-price` e `--color-pr-price` erano gia' corretti, ma
   solo dentro `body.hdt-page-type-product` (in ezl-produit-fix.css).
   Nel CARRELLO quella regola non arriva, e il prezzo in saldo tornava
   arancione. Qui valgono su tutto il sito, schemi di colore compresi. */
:root, body, [color-scheme] {
  --color-pr-sale-price: 90 81 72;
  --color-pr-price: 168 155 134;
  --color-on-sale-badge-background: 37 34 29;
  --color-on-sale-badge-text: 245 241 232;
  --color-sold-out-badge-background: 148 139 123;
  --color-sold-out-badge-text: 245 241 232;
}

/* --- 7. IL BOTTONE DI PAGAMENTO ---------------------------------------
   Kalles lo lega all'accento, quindi seguendo la regola sopra diventerebbe
   ORO. Non va bene: « Payer » e' l'azione piu' importante del sito e deve
   avere il massimo contrasto, esattamente come « Ajouter au panier ».
   L'oro resta per gli ACCENTI (hover, barra spedizione, cuore attivo);
   l'inchiostro per le AZIONI. */
.hdt-main-cart__button-checkout,
.hdt-mini-cart__btn-checkout,
button[name="checkout"],
[class*="button-checkout"] {
  --hdt-btn-bg: 37 34 29;
  --hdt-btn-color: 245 241 232;
  --hdt-btn-hover-bg: 37 34 29;
  --hdt-btn-hover-color: 245 241 232;
  transition: transform .22s cubic-bezier(.2,.7,.3,1), box-shadow .22s;
}
.hdt-main-cart__button-checkout:hover,
.hdt-mini-cart__btn-checkout:hover,
button[name="checkout"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 5px rgba(37,34,29,.07), 0 20px 40px -20px rgba(37,34,29,.4);
}
@media (prefers-reduced-motion: reduce) {
  .hdt-main-cart__button-checkout:hover,
  .hdt-mini-cart__btn-checkout:hover,
  button[name="checkout"]:hover { transform: none; }
}


/* --- 8. LA PAGINA « VOTRE PANIER » -----------------------------------
   Non e' mai stata vestita (ferma al 28 luglio), e si vedeva:
   · il fondo era BIANCO invece del crema
   · il bandone del titolo era GRIGIO — misurato rgb(117,117,117).
     Non e' un colore scelto: e' l'overlay nero di `.hdt-heading-image`
     al 54% sopra un'immagine che non esiste. Stesso caso gia' visto
     sulle collezioni. Si spegne l'overlay e si mette il crema. */
body.hdt-page-type-cart { background: #F5F1E8; }
body.hdt-page-type-cart .hdt-heading-image { background: #EFE6D6; }
/* L'opacita' dell'overlay (0.54) la mette la SEZIONE, quindi non si vince
   da un foglio esterno. Ma il COLORE si': portandolo dal nero al crema,
   il velo diventa crema al 54% sopra crema — cioe' crema. Nessun
   !important, nessuna lotta con la cascata. */
body.hdt-page-type-cart .hdt-heading-image::before { background: #EFE6D6; }
body.hdt-page-type-cart .hdt-main-heading :where(h1,h2,.hdt-heading,.hdt-s-text) {
  font-family: 'Libre Baskerville', Georgia, serif;
  font-weight: 400;
  color: #25221D;
  text-transform: none;
  letter-spacing: -.012em;
}
/* i filetti della tabella del carrello, dal grigio freddo al nostro */
body.hdt-page-type-cart :where(th,td,.hdt-page-cart__footer,.hdt-cart-item) {
  border-color: #E2DCCB;
}


/* --- 9. pagina carrello: le due cose che resistevano ------------------
   Misurato: il fondo restava bianco e il bandone grigio anche con le
   regole sopra. Motivo: il fondo NON viene dal body ma dalla variabile
   dello SCHEMA di colore della sezione, e il velo del bandone ha
   l'opacita' messa inline (`--bg-overlay:0.54`) sull'elemento.
   Qui si agisce su quei due punti esatti, non su tutto. */
body.hdt-page-type-cart,
body.hdt-page-type-cart [color-scheme],
body.hdt-page-type-cart .hdt-s-gradient {
  --color-base-background: 245 241 232;
  --color-background: 245 241 232;
}
body.hdt-page-type-cart .hdt-section-heading,
body.hdt-page-type-cart .hdt-main-heading { background: #EFE6D6; }
body.hdt-page-type-cart .hdt-heading-image,
body.hdt-page-type-cart .hdt-heading-image.hdt-h-overlay { background: #EFE6D6 !important; }
body.hdt-page-type-cart .hdt-heading-image::before,
body.hdt-page-type-cart .hdt-heading-image.hdt-h-overlay::before {
  background: #EFE6D6 !important;
  background-color: #EFE6D6 !important;
}

/* ======================================================================
   TERZO GIRO — le variabili dei BOTTONI e del FOCUS.
   Trovate leggendole sull'elemento vero (« Retour à la boutique »),
   non nei sorgenti: sono variabili, non colori scritti.
   ====================================================================== */

:root, body, [color-scheme] {
  /* IL BLU CHE SI VEDEVA: --color-focus era 86 207 225 (#56CFE1).
     E' l'anello che compare quando si clicca o si naviga col tasto Tab.
     Non si puo' togliere — serve a chi usa la tastiera — quindi va
     COLORATO bene. Scelto l'INCHIOSTRO e non l'oro: l'anello deve
     staccare dal fondo, e sul crema l'oro ha un contrasto di appena
     2,4:1 (sotto il minimo di 3:1), l'inchiostro 13:1. */
  --color-focus: 37 34 29;

  /* i bottoni di Kalles: il testo era BIANCO PURO e l'hover un grigio
     freddo #343434. Passano al crema e all'inchiostro del brand.
     Sono gli stessi valori del bottone « Ajouter au panier », quindi
     ogni bottone del sito si comporta allo stesso modo. */
  --hdt-btn-bg: 37 34 29;
  --hdt-btn-color: 245 241 232;
  --hdt-btn-hover-bg: 37 34 29;
  --hdt-btn-hover-color: 245 241 232;

}
/* anche questo fuori dagli schemi: un link inchiostro su un fondo scuro
   sparirebbe esattamente come e' successo al titolo « Bébé ». */
:root, body { --hdt-link-color: 37 34 29; }

/* « Retour à la boutique » e i bottoni chiari: all'hover si riempiono
   d'inchiostro e salgono, come tutti gli altri del sito. */
.hdt-mini-cart__emty-button:hover,
.hdt-btn:hover {
  transition: background .3s, color .3s, border-color .3s, transform .22s;
}
@media (prefers-reduced-motion: reduce) {
  .hdt-mini-cart__emty-button:hover, .hdt-btn:hover { transform: none; }
}

/* I bottoni SECONDARI (« Retour à la boutique » e simili) Kalles li fa
   in accento — ora oro, e va bene: sono azioni di servizio, non il
   « Payer ». Ma il testo sopra era BIANCO PURO: passa al crema, cosi'
   anche il bianco piu' piccolo del sito e' del brand. */
.hdt-mini-cart__emty-button,
.hdt-btn-accent,
[class*="btn-accent"],
[class*="emty-button"] {
  --hdt-btn-color: 245 241 232;
  --hdt-btn-hover-bg: 37 34 29;
  --hdt-btn-hover-color: 245 241 232;
}

/* ======================================================================
   QUARTO GIRO — AUDIT COMPLETO: lette tutte e 157 le variabili colore
   del tema e confrontate con la palette. Queste erano le ultime fuori.
   ====================================================================== */

:root, body, [color-scheme] {

  /* --- l'hover dei LINK: era ROSSO 216 16 23 -----------------------
     E' quello che si vedeva passando il mouse sui link del carrello.
     Diventa ORO: e' un accento di interazione, non un'azione. */
  --hdt-link-hover-color: 158 139 114;

  /* --- i BADGE ------------------------------------------------------
     custom era azzurro #56CFE1, pre-order un BLU #0774D7.
     Un badge deve farsi notare ma non gridare: oro per il custom
     (novita'), inchiostro per il pre-order (informazione seria). */
  --color-custom-badge-background: 158 139 114;
  --color-custom-badge-text: 245 241 232;
  --color-pre-order-badge-background: 37 34 29;
  --color-pre-order-badge-text: 245 241 232;

  /* --- i COLORI DI STATO -------------------------------------------
     Errore, successo e avviso devono restare RICONOSCIBILI a colpo
     d'occhio — se fossero tutti uguali il cliente non capirebbe piu'
     niente. Restano tre segnali diversi, ma tutti nella famiglia calda
     del brand invece dei rosso/verde/giallo da semaforo:
       errore   -> terracotta  (allarme, ma caldo)
       successo -> oro         (il colore del « fatto » di questo sito)
       avviso   -> oro scuro   (attenzione, un gradino sotto l'errore) */
  --color-error-text: 140 74 50;
  --color-error-background: 245 233 228;
  --color-success-text: 122 106 82;
  --color-success-background: 240 237 226;
  --color-warning-text: 138 115 85;
  --color-warning-background: 243 238 227;

  /* --- i GRIGI FREDDI ----------------------------------------------
     #222222, #696969, #dddddd, #f6f6f8 sono grigi neutri-azzurrini:
     accanto al crema si vedono « sporchi ». Passano ai nostri toni
     caldi. Sono le differenze che nessuno sa nominare ma che fanno
     sembrare il sito fatto apposta. */
  --color-line-border: 226 220 203;
  --color-background2: 251 249 243;
}
/* i colori del TESTO restano fuori dagli schemi, per lo stesso motivo
   spiegato sopra: dentro uno schema il fondo puo' essere scuro. */
:root, body {
  --color-foreground: 37 34 29;
  --color-foreground2: 109 100 89;
  --color-input-secondary: 109 100 89;
  --color-pr-text: 37 34 29;
}

/* ======================================================================
   QUINTO GIRO — le ultime cose segnalate da Lados
   ====================================================================== */

/* --- 10. I BOTTONI DEL CARRELLO: fondo scuro, hover ORO ---------------
   Richiesta precisa: « Payer », « Appliquer », « Voir le panier » e
   « Retour à la boutique » restano scuri, e AL PASSAGGIO DEL MOUSE
   diventano oro — il colore di « Estimer » — con lo stesso sollevamento.
   Ha senso: lo scuro e' lo stato di riposo (l'azione seria), l'oro e' la
   RISPOSTA al gesto. Il colore caldo arriva quando l'utente si avvicina,
   non prima: e' un invito, non un allarme. */
.hdt-main-cart__button-checkout,
.hdt-mini-cart__btn-checkout,
button[name="checkout"],
[class*="button-checkout"],
.hdt-mini-cart__btn-viewcart,
[class*="btn-viewcart"],
[class*="view-cart"],
.hdt-discount-form button,
.hdt-cart__discount button,
form[action*="/discount"] button,
.hdt-mini-cart__emty-button {
  --hdt-btn-bg: 37 34 29;
  --hdt-btn-color: 245 241 232;
  --hdt-btn-hover-bg: 158 139 114;     /* oro, come « Estimer » */
  --hdt-btn-hover-color: 245 241 232;
  transition: background .3s, color .3s, border-color .3s,
              transform .22s cubic-bezier(.2,.7,.3,1), box-shadow .22s;
}
.hdt-main-cart__button-checkout:hover,
.hdt-mini-cart__btn-checkout:hover,
button[name="checkout"]:hover,
[class*="button-checkout"]:hover,
.hdt-mini-cart__btn-viewcart:hover,
[class*="btn-viewcart"]:hover,
[class*="view-cart"]:hover,
.hdt-discount-form button:hover,
form[action*="/discount"] button:hover,
.hdt-mini-cart__emty-button:hover {
  background: rgb(158 139 114);
  border-color: rgb(158 139 114);
  color: rgb(245 241 232);
  transform: translateY(-2px);
  box-shadow: 0 2px 5px rgba(37,34,29,.07), 0 20px 40px -20px rgba(37,34,29,.4);
}

/* --- 11. IL LAMPO AL CLIC SU UN PRODOTTO ------------------------------
   E' `.hdt-loading-bar`: la striscia di 3px che attraversa il bordo alto
   della pagina mentre carica. Kalles la lega all'accento, quindi seguiva
   l'oro e si vedeva come un lampo arancione.

   28 AGOSTO, SECONDA PARTE — questa regola da sola NON BASTAVA.
   Lados vedeva ancora il lampo cliccando sulle poussette. Misurato sulla
   scheda della 6530 PRO: Kalles definisce --color-accent: 216 16 23 (il suo
   rosso) nel <head>, la barra compare al carattere 103 388, e QUESTO FILE
   arriva solo al 211 285 perche' e' caricato dal piede di pagina.
   In mezzo: ~100 000 caratteri con la barra rossa. Sulle pagine leggere il
   browser ci arriva prima che l'occhio la veda; sulle schede poussette, le
   piu' pesanti del sito, il lampo si vedeva.

   LA VERA CORREZIONE E' NEL <head> di `layout/theme.liquid`, blocco
   `<style id="ezl-anti-eclair">`: le stesse variabili, applicate PRIMA del
   primo disegno. La finestra e' scesa da ~100 000 caratteri a 308.
   Questa regola qui resta: e' lei che tiene il posto nella cascata contro
   `base.css`, e il blocco nell'head copre solo l'istante prima. */
   Passa all'INCHIOSTRO: e' un segnale di sistema, dura una frazione di
   secondo e non deve chiamare l'attenzione. Il colore caldo va tenuto per
   le cose su cui vogliamo che l'occhio si posi — non per un'attesa. */
.hdt-loading-bar {
  background-color: rgb(37 34 29) !important;
  box-shadow: 0 0 6px rgba(37,34,29,.45), 0 0 3px rgba(37,34,29,.3) !important;
}

/* --- 12. I GRIGI FREDDI CHE RESTAVANO --------------------------------
   `#e1e3e4` sugli scheletri della ricerca e `#f5f5f5` sulla barra di
   disponibilita': sono grigi azzurrini — sono loro le « righe blu ».
   Passano ai nostri toni caldi. */
.hdt-skeleton_img, .hdt-skeleton_txt1, .hdt-skeleton_txt2,
[class*="hdt-skeleton"] { background: #E2DCCB !important; }
.hdt-progress-bar { background-color: #EFE6D6 !important; }


/* --- 13. LE PASTIGLIE DI COLORE DOPO IL CLIC ---------------------------
   29 agosto 2026. Lados: « clicco su un colore e diventano tutte e tre grigie ».
   Vero, misurato: dopo il clic tutte a rgb(229,229,229), il grigio di fabbrica.

   PERCHE': il colore veniva dal metafield `ecomrise.colors`, che Kalles scrive
   dentro l'HTML come style="--hdt-bg-color:#...". Quando si clicca una pastiglia,
   Kalles RICARICA la scheda: il pezzo di pagina che torna non porta piu' quello
   style, e le pastiglie tornano grigie.

   LA CURA: mettere il colore QUI, nel foglio di stile, legato al nome del colore.
   Il foglio resta sempre, anche dopo che la scheda si ricarica.
   Il metafield resta al suo posto: serve al primo disegno.
   Stessi identici valori, misurati sui pixel delle foto vere. */
hdt-swatch-card[title="Gris"]        { --hdt-bg-color: #C2C3C5; }
hdt-swatch-card[title="Rose"]        { --hdt-bg-color: #C99897; }
hdt-swatch-card[title="Noir"]        { --hdt-bg-color: #2F2F2F; }
hdt-swatch-card[title="Gris chiné"] { --hdt-bg-color: #7B797F; }
hdt-swatch-card[title="Crème"]      { --hdt-bg-color: #E8DBD1; }
hdt-swatch-card[title="Beige"]       { --hdt-bg-color: #BCA89B; }
hdt-swatch-card[title="Bleu"]        { --hdt-bg-color: #91ABD3; }