/** Shopify CDN: Minification failed

Line 76:1 Unexpected "*"

**/
/* =========================================================
   GRANDA — CSS OVERRIDES
   File dedicato agli override del tema (post-blulab.css)
   Non inserire qui CSS strutturale del tema.
   ========================================================= */

/* ---------------------------------------------------------
   1) DISATTIVAZIONE TEXTURE / PATTERN BLULAB (GLOBALE)
   --------------------------------------------------------- */

/* Background texture standard */
.blu-bg-texture {
  background: #ffffff !important;
  background-image: none !important;
}

/* Texture "full width" applicata via overlay */
.blu-bg-texture-full::before,
.blu-bg-texture-full::after {
  background: transparent !important;
  background-image: none !important;
  content: none !important;
}

/* Footer con effetto "wavy" */
.site-footer.site-footer--wavy::before {
  background: none !important;
  background-image: none !important;
  content: none !important;
}

/* ---------------------------------------------------------
   2) COLLECTION — BASE NEUTRA (BIANCO)
   --------------------------------------------------------- */

/* Header collection: evita qualsiasi pattern residuo */
.template-collection header.collection__header {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Sicurezza: overlay eventuali sul header */
.template-collection header.collection__header::before,
.template-collection header.collection__header::after {
  background: transparent !important;
  background-image: none !important;
  content: none !important;
}

/* ---------------------------------------------------------
   3) NORMALIZZAZIONI DI SICUREZZA
   (evita che pseudo-elementi decorativi ereditino pattern)
   --------------------------------------------------------- */

.blu-bg-texture *::before,
.blu-bg-texture *::after,
.blu-bg-texture-full *::before,
.blu-bg-texture-full *::after {
  background-image: none !important;
}

/* ---------------------------------------------------------
   4) SPAZIO PER OVERRIDE PERSONALIZZATI GRANDA
   ---------------------------------------------------------
   👉 Incolla QUI sotto tutte le regole che stai copiando
   da theme.css (fix header, spacing, collection, ecc.)
   --------------------------------------------------------- */

/* === INIZIO OVERRIDE CUSTOM GRANDA === */

*************************************************************
/* --- FIX MOBILE TYPOGRAPHY GRANDA --- */
/* --- FIX MOBILE TYPOGRAPHY GRANDA --- */
@media only screen and (max-width: 768px) {

  /* H1 - Titoli principali (es. Nome Prodotto o Titolo Collection) */
  h1, .h1, .hero__title, .section-header__title {
    font-size: 28px !important;
    line-height: 1.2 !important;
    word-break: break-word;
  }

  /* H2 - Titoli secondari */
  h2, .h2 {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  /* H3 - Sottotitoli */
  h3, .h3 {
    font-size: 18px !important;
  }

  /* Riduzione Margini/Padding per guadagnare spazio */
  .section-header {
    margin-bottom: 20px !important;
  }

  /* Fix specifico per la Hero dello Shop */
  .collection-hero__title {
    font-size: 26px !important;
  }

} /* <-- CHIUSURA MEDIA QUERY MOBILE (MANCAVA) */


/* Granda: niente texture sulle collection (hero senza immagine) */
.template-collection .collection__header--no-image {
  background-image: none !important;
}

/* GRANDA - override colore testi prodotto */
.template-product .product__description,
.template-product .product__description.rte--product,
.template-product .product-main__description,
.template-product .product__subheading,
.template-product .product__subtitle {
  color: #000000 !important;
}

/* Remove the "Box degustazione" label/link + its texture */
.ts,
a.ts,
.ts a {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* In case the texture is drawn with pseudo-elements */
.ts::before,
.ts::after,
a.ts::before,
a.ts::after {
  content: none !important;
  display: none !important;
  background: none !important;
}


/* =========================================================
   GRANDA – Decision Bar (scelte rapide)
   Varianti: 2 colonne / 3 colonne
   ========================================================= */

.granda-decisionbar{
  margin-top:12px;
  display:grid;
  gap:14px;
}

.granda-decisionbar--2cols{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.granda-decisionbar--3cols{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.granda-decisionbar__item{
  display:block;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.12);
  border-radius:14px;
  padding:14px 14px 12px;
  background:#fff;
  transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;
  min-height:86px;
}

.granda-decisionbar__item:hover{
  transform:translateY(-1px);
  border-color:rgba(0,0,0,.32);
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

.granda-decisionbar__item:focus-visible{
  outline:3px solid rgba(0,0,0,.55);
  outline-offset:3px;
}

.granda-decisionbar__top{
  display:flex;
  align-items:center;
  gap:10px;
}

.granda-decisionbar__icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
  color:currentColor;
  opacity:.9;
}

.granda-decisionbar__title{
  font-weight:700;
  font-size:17px;
  line-height:1.2;
  color:inherit;
}

.granda-decisionbar__desc{
  margin-top:6px;
  font-size:15px;
  line-height:1.25;
  opacity:.82;
  color:inherit;
}

@media (max-width:980px){
  .granda-decisionbar{
    grid-template-columns:1fr !important;
    gap:10px;
  }
  .granda-decisionbar__item{
    min-height:auto;
  }
}

@media (min-width: 990px) {
  /* Struttura della card */
  .product-grid-item__inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
  }

  /* Colonna info */
  .product-grid-item__info {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
  }

  /* Spinge INSIEME: linea gialla + subtitle + formato/abv + prezzo */
  .product-grid-item__info .blu-p-subtitle {
    margin-top: auto !important;
  }

  /* Il prezzo resta subito sotto il blocco tecnico (non "staccato") */
  .product-grid-item__price.price {
    margin-top: 0 !important;
  }
}

.granda-breadcrumb{
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: .02em;
  color: rgba(0,0,0,.55);
}

.granda-breadcrumb a{
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,.25);
}

.granda-breadcrumb__sep{
  margin: 0 .35em;
  opacity: .6;
}
/* =========================
   GRANDA — Gift Card Fields
   ========================= */

.gift-card-fields {
  margin-top: 14px;
}

.gift-card-fields .gift-field {
  margin-bottom: 12px;
}

.gift-card-fields .gift-label {
  display: block;
  margin-bottom: 6px;
}

.gift-card-fields .gift-input,
.gift-card-fields .gift-textarea {
  width: 100%;
  box-sizing: border-box;
}

.gift-card-fields .gift-help {
  display: block;
  margin-top: 6px;
  line-height: 1.35;
  opacity: 0.8;
}

.gift-card-fields .gift-textarea {
  min-height: 76px;
  resize: vertical;
}
/* === Shopify Cookie Banner: evidenzia "Accetta" (senza pre-selezione) === */
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept {
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
}

/* hover/focus per accessibilità */
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept:hover {
  filter: brightness(1.05);
}
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept:focus-visible {
  outline: 2px solid #111 !important;
  outline-offset: 2px !important;
}

/* "Declina" resta secondario (outline) ma chiaro e cliccabile */
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline {
  background: transparent !important;
  color: #111 !important;
  border-color: #111 !important;
  border-radius: 6px !important;
}

/* opzionale: rende "Gestisci le preferenze" un filo più visibile */
.shopify-pc__banner__dialog a.shopify-pc__banner__link,
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-manage-prefs {
  text-decoration: underline !important;
  font-weight: 500;
}


/* === FINE OVERRIDE CUSTOM GRANDA === */
