/* Fast Add V2 reemplaza al botón "+" de Quick View en la esquina inferior derecha
   de la card (ver productView.php). Mismo tamaño/posición/estética que tenía
   .quickViewButton para no romper el layout existente. */
:root {
  --fast-add-trigger-size: 30px;
  --fast-add-trigger-offset: 12px;
  --fast-add-trigger-background: rgb(255 255 255 / 92%);
  --fast-add-trigger-border-color: transparent;
  --fast-add-trigger-color: var(--base);
  --fast-add-trigger-icon-size: 14px;

  --fast-add-button-background-color: var(--primary);
  --fast-add-button-text-color: var(--button-font-color);
  --fast-add-button-border-color: var(--primary);
  --fast-add-button-border-radius: var(--border-radius-small);
  --fast-add-button-font-size: var(--button-font-size);
  --fast-add-button-font-weight: 500;
  --fast-add-disabled-button-opacity: .45;

  --fast-add-control-radius: var(--border-radius-small);
  --fast-add-select-font-size: 14px;
  --fast-add-border-color: var(--lines-border-color);

  --fast-add-option-radius: var(--border-radius-small);
  --fast-add-option-font-size: 14px;
  --fast-add-option-selected-background: var(--third-color);
  --fast-add-option-selected-border: var(--third-color);

  --fast-add-panel-radius: var(--border-radius-small);
  --fast-add-panel-shadow: none;
  --fast-add-title-font-size: 14px;
  --fast-add-title-font-weight: 600;
  --fast-add-group-title-font-size: 12px;
  --fast-add-font-family: "Poppins", sans-serif;
}

/* Título del grupo ("Seleccionar Talle"): el core lo fuerza a text-transform:none;
   acá va uppercase como .specGroupLabel/.mobileSpecGroupTitle en toda la PDP. */
.fastAddToCartV2GroupTitle {
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* Los chips de talle del core traen más padding/alto mínimo que .noImageSpec;
   se achican para que no se vean "enormes" al lado del resto de la card. */
.fastAddToCartV2Option {
  min-height: 20px;
  min-width: 34px;
  padding: 0 8px;
}

/* El input/stepper de cantidad del core no expone su tamaño de fuente por
   variable; se iguala a mano al de .productQuantity/.mobileProductQuantity. */
.fastAddToCartV2Quantity {
  font-size: 14px;
}
.fastAddToCartV2TriggerIcon::before {
  height: 1px;
  width: 10px;
}
.fastAddToCartV2TriggerIcon::after {
  height: 10px;
  width: 1px;
}
#fastAddToCartV2Toast{
    top: calc(var(--menu-height) + 50px);
}