/** Shopify CDN: Minification failed

Line 158:0 Unexpected "}"

**/
/* lab19-eu.css — spedizione dal magazzino europeo (fornitore dropship).
   File nuovo e additivo: si carica DOPO theme.css, quindi non serve toccare il tema
   compilato. Qui dentro c'e' solo cio' che riguarda le varianti spedite dall'Europa;
   il fulmine blu (= 1-2 giorni dal nostro magazzino) resta com'e'. */

:root {
  --lab19-eu-teal: #0e808d;
}

/* Icona base (barra, pastiglia, card). Nel bottone taglia vale invece la regola in fondo:
   dal 07/09 l'icona non e' piu' assoluta in alto a sinistra ma centrata sopra il numero,
   per non collidere con le taglie lunghe (adidas a terzi: "44 2/3"). */
.eu-wh-ico { display: inline-block; width: 22px; height: auto; vertical-align: middle; }
/* Il margine negativo serviva quando l'icona stava a SINISTRA del numero: recuperava lo
   spazio delle linee di velocita' spente. Dal 07/09 l'icona e' centrata SOPRA la cifra
   (vedi in fondo), e quello scostamento la porterebbe fuori asse. Restano spente le linee,
   che a 15px sono illeggibili e allargano soltanto il segno. */
@media screen and (max-width: 768px) {
  .swatches .eu-wh-ico .eu-wh-trail { display: none; }
}

/* Barra sotto le taglie: gemella di .btm_vnty-bg, in teal invece che in blu, cosi'
   "parte dall'Europa" e "parte da noi" si distinguono a colpo d'occhio. */
.eu-vnty-bg { background-color: var(--lab19-eu-teal); color: #fff; }
.eu-vnty-bg .eu-wh-ico { width: 20px; margin-right: 6px; }

/* La riga che spiega cosa vuol dire quella dicitura. Sta volutamente in punta di piedi:
   corpo 10px e mezzo tono di grigio, come la nota a pie' di pagina che e' (scelta utente). */
.eu-wh-note {
  margin-top: 6px;
  text-align: center;
  font-size: 10px;
  line-height: 1.3;
  color: rgb(var(--color-foreground, 23 23 23) / .45);
}
.eu-wh-note[hidden] { display: none; }

/* Pastiglia sulla card di collezione, al posto del "48H". */
.eu-wh-badge .eu-wh-ico { width: 20px; }
.eu-wh-badge .instock_number { letter-spacing: .02em; }

/* Taglia in evidenza, prezzo in secondo piano nel bottone di selezione taglia (richiesta utente
   2026-09-05, mockup a confronto): oggi il prezzo pesava quanto la taglia (stessa dimensione,
   nero, spacing stretto) e il bottone leggeva come "due numeri", non "taglia + dettaglio prezzo". */
span.invntry_vle { font-weight: 700; letter-spacing: -0.01em; }
.vntry-prc { color: #6b6b6b; font-size: 12.5px; letter-spacing: 0; font-weight: 400; }
span.invty-flx { gap: 3px; }
.mar-sale-ar { font-weight: 500; }
.mar-as input[type="radio"].disabled + .label-text .vntry-prc { color: #b3b3b3; }

/* Popup "perche' questa spedizione" (richiesta utente 2026-09-07, testo adattato dal
   riferimento SneakerAsk ai nostri due casi e ai nostri colori: blu #008fe5 = nostro
   magazzino, teal #0e808d = partner europeo — mai il viola dell'originale). Struttura
   (overlay/drawer/centratura) e' quella del size chart gia' nel tema: qui c'e' solo il
   contenuto e il bottoncino che lo apre. */
/* La pillola sta in cima alla griglia taglie, sulla stessa riga di "Taglia: 41" e allineata
   a destra (richiesta utente 07/09 col riferimento SneakerAsk). Forma a pastiglia piena:
   e' un'etichetta, non un bottone d'azione — il (i) in coda dice che si puo' aprire. */
/* Nasce invisibile ma occupa gia' il suo posto (niente salto di layout quando compare);
   la classe .is-ready la accende appena lo script sa che spedizione promettere. Si usa una
   CLASSE e non l'attributo hidden: [hidden]{display:none} del tema e il display:inline-flex
   di qui si contendevano l'elemento, e chi vinceva dipendeva dall'ordine dei file. */
.lab19-ship-pill { visibility: hidden; }
.lab19-ship-pill.is-ready { visibility: visible; }
.lab19-ship-pill {
  margin-inline-start: auto; align-self: center;
  /* Bordo destro allineato a quello della GRIGLIA taglie, non del contenitore: le celle sono
     al 22% con gap, quindi 4 celle + 3 gap finiscono prima del 100% e la pillola sporgeva
     (07/09). Si recupera lo scarto: 100% - (4x22% + 3 gap) = 12% - 3 gap. */
  margin-inline-end: max(0px, calc(12% - 3 * var(--sp-4, 1rem)));
  display: inline-flex; align-items: center; gap: 7px;
  padding: 5px 12px; border-radius: 9999px;
  background: rgb(var(--color-foreground, 23 23 23) / .05);
  border: 0; color: inherit; cursor: pointer;
  font-size: 12.5px; line-height: 1.4; white-space: nowrap;
}
.lab19-ship-pill:hover, .lab19-ship-pill:focus-visible { background: rgb(var(--color-foreground, 23 23 23) / .09); }
.lab19-ship-pill__txt { display: inline-flex; align-items: center; gap: 7px; }
/* Come nel riferimento: "Spedizione in" in grigio, poi una pastiglia bianca che porta icona
   e tempo. Il colore lo mette l'icona (blu = nostro magazzino, teal = partner europeo). */
.lab19-ship-pill__pre { color: rgb(var(--color-foreground, 23 23 23) / .62); }
.lab19-ship-pill__badge {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 9px; border-radius: 9999px;
  background: rgb(var(--color-background, 255 255 255));
  font-weight: 600;
}
.lab19-ship-pill__bolt { flex: none; }
.lab19-ship-pill .eu-wh-ico { width: 18px; }
/* Il colore lo porta l'icona, non lo sfondo: la pastiglia resta neutra come nel riferimento. */
.lab19-ship-pill.is-fast { color: #0b6fae; }
.lab19-ship-pill.is-eu { color: var(--lab19-eu-teal); }
/* taglie da ordinare: grigio, nessuna promessa di velocita' */
.lab19-ship-pill.is-slow { color: rgb(var(--color-foreground, 23 23 23) / .55); }
.lab19-ship-pill__clock { flex: none; }
.lab19-ship-pill__i { opacity: .55; flex: none; }
.lab19-ship-pill:hover .lab19-ship-pill__i { opacity: .9; }
@media screen and (max-width: 768px) {
  /* sotto i 768px le celle passano al 21%: lo scarto diventa 16% - 3 gap */
  .lab19-ship-pill { margin-inline-end: max(0px, calc(16% - 3 * var(--sp-4, 1rem))); }
}
@media screen and (max-width: 640px) {
  .lab19-ship-pill { font-size: 11.5px; padding: 4px 10px; gap: 5px; }
}

/* Piu' rotondo, come chiesto: bottoni taglia, pastiglia e popup sulla stessa famiglia di raggi. */
span.label-text { border-radius: 14px; }
.mar-as input[type="radio"]:checked + .label-text { border-radius: 14px; }

/* --- Badge di spedizione sulle celle taglia --- stile del riferimento (utente 07/09).
   Prima l'icona del tema stava assoluta nell'angolo in alto a sinistra, dentro la cella e
   senza spazio proprio: con le taglie adidas a terzi ("44 2/3") finiva sopra la cifra.
   Ora e' una PILLOLA a cavallo del bordo superiore, come nel riferimento: esce dalla cella,
   quindi non ruba spazio al numero e non puo' collidere, qualunque sia la taglia. */
li.mar-man-wd { padding-top: 7px; }
span.label-text { padding: 9px 4px; overflow: visible; }
li.mar-man-wd { overflow: visible; }
.swatches { overflow: visible; }

span.mar_var-icon {
  position: absolute; left: 50%; top: 0;
  transform: translate(-50%, -50%);
  align-items: center; gap: 3px;
  height: auto; line-height: 1; white-space: nowrap;
  padding: 2px 7px; border-radius: 9999px;
  font-size: 10px; font-weight: 600;
  background: #e0f1fc; color: #0b6fae;
  box-shadow: 0 0 0 3.5px rgb(255 255 255);
  z-index: 2;
}
/* Senza spedizione rapida la pillola non deve comparire. :empty non basta: il Liquid lascia
   dentro spazi e ritorni a capo anche quando non stampa nulla. Si accende quindi solo quando
   c'e' un contenuto vero (icona + testo). */
span.mar_var-icon { display: none; }
span.mar_var-icon:has(img), span.mar_var-icon:has(svg) { display: flex; }
.swatches span.mar_var-icon img { width: 9px; height: auto; display: block; }
.swatches span.mar_var-icon .eu-wh-ico { width: 14px; }
/* la pillola del magazzino europeo si distingue per colore, come ovunque nel sito */
span.mar_var-icon:has(.eu-wh-ico) { background: #e2f0f1; color: var(--lab19-eu-teal); }

span.invntry_vle { white-space: nowrap; }

@media screen and (max-width: 768px) {
  /* la cella e' piu' stretta: numero e prezzo si stringono quel tanto che basta a tenere
     "44 2/3" su una riga sola, senza rimpicciolire le taglie corte in modo evidente */
  span.invty-flx { font-size: 13.5px; }
  .vntry-prc { font-size: 11.5px; }
  span.label-text { padding: 9px 2px; }
  span.mar_var-icon { font-size: 9px; padding: 2px 6px; }
  .swatches span.mar_var-icon img { width: 8px; }
  .swatches span.mar_var-icon .eu-wh-ico { width: 12px; }
}
}
.bg-invr { border-radius: 9999px; }
.x-modal.lab19-ship-info .drawer__inner { border-radius: 22px; }

.lab19-si-body { display: flex; flex-direction: column; gap: 18px; padding: 0 4px; }
/* L'intestazione non serve: il titolo e' per i soli lettori vocali e la X e' ancorata
   all'angolo. Il tema le impone pero' un'imbottitura alta con regole piu' specifiche delle
   mie, e restava il vuoto in cima (07/09): la si annulla e si recupera tutto lo spazio. */
.x-modal.lab19-ship-info .drawer__header {
  padding: 0; margin: 0; min-height: 0; border: 0;
}
.x-modal.lab19-ship-info .drawer__inner { padding-block-start: 26px; }
.x-modal.lab19-ship-info .drawer__scrollable > * { padding-block-end: 0; }
.lab19-si-icn { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; margin: 0 auto 4px; }
.lab19-si-icn--fast { background: rgb(0 143 229 / .12); color: #0b6fae; box-shadow: 0 0 0 7px rgb(0 143 229 / .07); }
.lab19-si-icn--fast img { width: 22px; height: 22px; }
.lab19-si-icn--eu { background: rgb(14 128 141 / .12); color: var(--lab19-eu-teal); box-shadow: 0 0 0 7px rgb(14 128 141 / .07); }
/* taglie da ordinare: grigio neutro, nessuna promessa di velocita' */
.lab19-si-icn--slow { background: rgb(var(--color-foreground, 23 23 23) / .08); color: rgb(var(--color-foreground, 23 23 23) / .7); box-shadow: 0 0 0 7px rgb(var(--color-foreground, 23 23 23) / .04); }
.lab19-si-icn--eu svg { width: 30px; height: auto; }
.lab19-si-h { text-align: center; font-size: 1.45em; font-weight: 600; line-height: 1.2; margin: 0; text-wrap: balance; }
.lab19-si-p { text-align: center; color: rgb(var(--color-foreground, 23 23 23) / .65); font-size: 1.02em; line-height: 1.8; margin: 0; max-width: 58ch; margin-inline: auto; text-wrap: pretty; }
.lab19-si-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding-top: 18px; border-top: 1px solid rgb(var(--color-foreground, 23 23 23) / .08); }
.lab19-si-grid > div {
  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px;
  padding: 16px 10px; border-radius: 16px;
  background: rgb(var(--color-foreground, 23 23 23) / .04);
}
/* l'icona sta in un cerchio chiaro, cosi' i tre badge hanno lo stesso peso visivo */
.lab19-si-ico { display: block; }
.lab19-si-grid > div > svg:first-child {
  box-sizing: content-box; padding: 9px; border-radius: 50%;
  background: rgb(var(--color-background, 255 255 255));
}
.lab19-si-txt { display: flex; flex-direction: column; gap: 3px; }
.lab19-si-grid b { font-size: .88em; font-weight: 600; line-height: 1.25; }
.lab19-si-grid .lab19-si-txt span { font-size: .78em; color: rgb(var(--color-foreground, 23 23 23) / .6); line-height: 1.35; }
/* il colore lo porta il caso: blu nostro magazzino, teal partner europeo */
.lab19-si-case[data-si-case="fast"] .lab19-si-grid > div > svg:first-child { color: #0b6fae; }
.lab19-si-case[data-si-case="eu"] .lab19-si-grid > div > svg:first-child { color: var(--lab19-eu-teal); }
.lab19-si-case[data-si-case="slow"] .lab19-si-grid > div > svg:first-child { color: rgb(var(--color-foreground, 23 23 23) / .55); }
.lab19-si-back { width: 100%; justify-content: center; }
@media screen and (max-width: 640px) {
  .lab19-si-grid { grid-template-columns: 1fr; gap: 8px; }
  .lab19-si-grid > div { flex-direction: row; text-align: start; gap: 12px; padding: 12px 14px; }
  .lab19-si-grid > div > svg:first-child { flex: none; }
  .lab19-si-txt { text-align: start; }
}