/** Shopify CDN: Minification failed

Line 157:0 Unexpected "}"

**/
/* =====================================================
   PRODUCTO ESPECIAL – TASTE (estable)
   2 columnas: Tipo | Cafetera
   sin separación exagerada
   móvil con aire
   ===================================================== */

/* 1) No alterar el display principal de variant-selects (Taste lo usa internamente) */
variant-selects {
  display: block !important;
}

/* 2) Desktop: 2 columnas con flex-wrap (no rompe JS) */
@media (min-width: 750px) {
  variant-selects {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 12px !important; /* ok */
    align-items: flex-start !important;
  }

  variant-selects fieldset.product-form__input {
    flex: 1 1 calc(50% - 6px) !important;
    min-width: 260px;
    margin: 0 !important;
  }
}

/* 3) Móvil: MÁS aire entre bloques + aire entre chips */
@media (max-width: 749px) {
  variant-selects {
    display: block !important;
  }

  /* ✅ antes 16px, ahora más aire */
  variant-selects fieldset.product-form__input {
    margin: 0 0 16px 0 !important;
  }

  /* ✅ aire entre chips (opciones) para que no se vean apretados */
  .product-form__input input[type="radio"] + label {
    margin-top: 10px !important;
  }
}

/* 4) Quitar “caja” del fieldset */
variant-selects fieldset.product-form__input {
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 5) Títulos (Tipo / Cafetera) compactos */
variant-selects fieldset.product-form__input legend.form__label,
variant-selects fieldset.product-form__input > legend.form__label {
  text-transform: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 0 0 6px 0 !important;
  text-align: center !important;
  color: rgba(0,0,0,.70) !important;
}

/* Línea sutil (pequeña) */
variant-selects fieldset.product-form__input legend.form__label::after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  margin: 6px auto 0;
  background: rgba(0,0,0,.10);
  border-radius: 999px;
}

/* 6) Chips/botones consistentes */
.product-form__input input[type="radio"] + label {
  width: 100% !important;
  min-height: 38px !important;
  padding: 9px 12px !important;
  border-radius: 999px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  text-align: center !important;

  transition: transform .15s ease, box-shadow .15s ease !important;
}

/* seleccionado */
.product-form__input input[type="radio"]:checked + label {
  box-shadow: 0 4px 10px rgba(0,0,0,.10) !important;
  transform: translateY(-1px);
}

/* =====================================================
   FIX “duplicado” al cambiar variante (sin ocultar fieldsets)
   ===================================================== */

/* ✅ 1) Evita flicker/jump durante re-render del componente */
variant-selects {
  contain: layout paint;
  will-change: contents;
}

/* ✅ 2) Durante el swap, desactiva transiciones para que no parezca “duplicado” */
variant-selects * {
  transition: none !important;
}

/* (Opcional) si quieres mantener hover/animación en desktop, re-actívalo después con pointer fine */
@media (hover: hover) and (pointer: fine) {
  .product-form__input input[type="radio"] + label {
    transition: transform .15s ease, box-shadow .15s ease !important;
  }
}

/* 8) Espacio antes de cantidad */
.product-form__quantity {
  margin-top: 20px !important;
}

@media (max-width: 749px) {
  variant-selects {
    display: block !important;
  }

  /* Más aire entre “Tipo” y “Cafetera” */
  variant-selects fieldset.product-form__input {
    margin: 0 0 26px 0 !important;
  }
}


/* ✅ Separación real entre Tipo y Cafetera (MÓVIL) */
@media (max-width: 749px) {
  variant-selects fieldset.product-form__input:nth-of-type(1) {
    padding-bottom: 22px !important;
  }
}


  /* Opcional: separa un poco el título "Cafetera" del contenido */
  variant-selects fieldset.product-form__input:nth-of-type(2) legend {
    margin-top: 0 !important;
  }
}