/** Shopify CDN: Minification failed

Line 244:1 Expected "}" to go with "{"

**/


/* === COLLECTION LIST: altezza uniforme immagini === */
#shopify-section-template--27328456130941__collection-list .tile-media-wrapper {
  height: 600px !important;
  aspect-ratio: unset !important;
}

#shopify-section-template--27328456130941__collection-list .tile-media {
  height: 600px !important;
  object-fit: cover !important;
  aspect-ratio: unset !important;
}

#shopify-section-template--27328456130941__collection-list .tile-content-wrapper {
  text-align: center !important;
  text-transform: uppercase !important;
  font-size: 1.5em !important;
}
.production-time {
  font-size: 0.75rem;
  color: #000000;
  margin-top: 2px;
}
.registered-design {
  font-size: 0.75rem;
  color: #000000;
  font-style: italic;
  margin-top: 2px;
}
@media (max-width: 749px) {
  #shopify-section-template--27328456130941__collection-list .tile-media-wrapper {
    aspect-ratio: auto !important;
    height: auto !important;
  }

  #shopify-section-template--27328456130941__collection-list .tile-media-wrapper img {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}
#shopify-section-template--27347803373949__image_with_text_gnW8QY .rte p,
#shopify-section-template--27347803373949__image_with_text_gnW8QY p {
  text-align: justify;
}

/* ==========================================================
   Galleria Prodotto Mobile: Sconfitta definitiva dello script
   ========================================================== */

@media screen and (max-width: 749px) {
    /* 1. Forza il contenitore principale a comportarsi come una vera e propria colonna verticale */
    .product-media-list-container {
        display: flex !important;
        flex-direction: column !important;
    }

    /* 2. Annulla qualsiasi calcolo in pixel (top, left, transform) iniettato dal JavaScript in ritardo */
    .product-media-list-container [data-carousel-controls] {
        position: relative !important; /* Lo riporta nel normale flusso della pagina */
        top: auto !important; /* Neutralizza le coordinate verticali dello script */
        bottom: auto !important;
        left: auto !important;
        transform: none !important; /* Impedisce gli spostamenti forzati */
        margin-top: 20px !important; /* Margine bianco naturale sotto la foto */
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* 3. Nascondi il contatore testuale */
    .product-media-list-container [data-carousel-controls] .text-left {
        display: none !important; 
    }
}
/* ==========================================================
   Homepage Slideshow: Frecce in basso a destra sopra la foto
   ========================================================== */

@media screen and (min-width: 750px) {
    .gallery-slideshow {
        position: relative !important;
    }

    /* Posiziona i controlli in basso a destra */
    #slideshow-controls,
    .gallery-slideshow #slideshow-controls {
        position: absolute !important;
        top: auto !important;
        bottom: 25px !important;
        left: auto !important;
        right: 40px !important; /* Distanza dal bordo destro dell'immagine */
        width: auto !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        z-index: 99 !important;
        background: transparent !important;
    }
}


/* ==========================================================
   Header Sticky anche su Mobile
   ========================================================== */

@media screen and (max-width: 749px) {
    #shopify-section-header, 
    header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        background: transparent !important;
    }
}
/* ==========================================================
   Forza i blocchi interni di Media with text overlay a dividersi al 50%
   ========================================================== */

@media screen and (min-width: 750px) {
    /* Mette in riga i blocchi interni e forza la larghezza al 50% ciascuno */
    .media-with-text-overlay .slick-track,
    .media-with-text-overlay .grid,
    .media-with-text-overlay [data-slides] {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
    }

    .media-with-text-overlay .slick-slide,
    .media-with-text-overlay .grid__item {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }
/* ==========================================================
   Affiancamento perfetto a schermo intero (50% - 50%)
   ========================================================== */

@media screen and (min-width: 750px) {
    /* 1. Allarga il contenitore principale della pagina per eliminare i margini bianchi esterni */
    #MainContent .page-width,
    .main-content .page-width {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 2. Trasforma il contenitore dei blocchi in una riga flessibile pulita */
    .media-with-text-overlay .slick-track,
    .media-with-text-overlay .grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 0 !important;
    }

    /* 3. Forza ogni singolo blocco (video e immagine) ad occupare esattamente il 50% dello schermo */
    .media-with-text-overlay .slick-slide,
    .media-with-text-overlay .grid__item {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        padding: 0 !important;
    }

    /* 4. Riempie lo spazio multimediale in modo coprente ed elegante */
    .media-with-text-overlay img,
    .media-with-text-overlay video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}
/* ==========================================================
   Header a Full Width (Codice funzionante ripristinato)
   ========================================================== */
#shopify-section-sections--27328449479037__header > *,
#shopify-section-sections--27328449479037__header > * > * {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* ==========================================================
   SBLOCCO TOTALE: Menu a Destra (Bypass Teleport)
   ========================================================== */

/* 1. Sgancia la scatola "teletrasportata" e la espande a tutto lo schermo visibile */
div[x-init*="initTeleport"] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    transform: none !important; /* Questo distrugge la gabbia invisibile dei 1280px */
}

/* 2. Prende il pannello bianco del menu e lo schiaccia contro il vero bordo DESTRO */
div[x-init*="initTeleport"] [role="dialog"],
div[x-init*="initTeleport"] > div,
[id^="sidebar-drawer-"] {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    margin-right: 0 !important;
    margin-left: auto !important;
    transform: none !important;
}
/* ==========================================================
   Prezzo in grassetto (Target esatto DOM)
   ========================================================== */
div[data-product-form-variant-container] span.text-scheme-text.text-base,
[data-product-price-core] {
  font-weight: 700 !important;
}
/* ==========================================================
   Riduzione dimensione scritta Quantity
   ========================================================== */
.product-form__input label,
label[for*="Quantity"],
.quantity__label {
  font-size: 0.70rem !important;
}
/* Colora di verde l'hamburger e le icone del tema */
svg.theme-icon,
svg.theme-icon path {
  color: #00d2b3 !important;
  stroke: #00d2b3 !important;
}