@charset "UTF-8";
/* === SCSS Variables === */
/* 5.2:1 on white — use where white text on red needs AA contrast */
/* Grays */
/* Semantic */
/* Aliases */
/* === CSS Custom Properties === */
:root {
  /* Theme colors */
  --we-primary: #177AAB;
  --we-primary-text: #FFFFFF;
  --we-accent: #ED1C24;
  --we-accent-text: #FFFFFF;
  --we-text: #000000;
  --we-link: #177AAB;
  --we-shaded: #b9d7e6;
  /* Shared design tokens (used by product-layout, search-page, etc.) */
  --accent: #177AAB;
  --yellow: #FFCC00;
  --dark: #000000;
  --white: #FFFFFF;
  --bg: #ebebeb;
  --green: #2e8b3a;
  --ci-red: #ED1C24;
  /* Layout */
  --max-w: 1400px;
  /* Radii */
  --r-card: 14px;
  --r-pill: 12px;
  --r-btn: 12px;
}

/* === Type Scale ===
 * Named font-size variables for sizes reused across multiple components.
 * One-off sizes (e.g. product title, main price) stay as literals.
 *
 * Imported by style.scss and available to project SCSS files via
 * ScssParser's $import_paths pointing to assets/css/.
 */
/* === Type Scale ===
 * Named font-size variables for sizes reused across multiple components.
 * One-off sizes (e.g. product title, main price) stay as literals.
 *
 * Imported by style.scss and available to project SCSS files via
 * ScssParser's $import_paths pointing to assets/css/.
 */
/* === Shared Mixins ===
 * Imported by style.scss (global) and available to project SCSS files
 * via ScssParser's $import_paths pointing to assets/css/.
 *
 * These mixins extract patterns duplicated across header, live-search,
 * product-layout, and search-page stylesheets.
 */
/* ── Pill button ─────────────────────────────────────────────────────
 * Shared shape for ATC buttons, variant buttons, sidebar buttons.
 * Colors are passed as arguments so each context can set its own palette.
 *
 * Usage:
 *   @include pill-button(var(--accent), var(--white));
 */
/* ── Quantity stepper ────────────────────────────────────────────────
 * Pill-shaped wrapper + increment/decrement buttons + number input.
 * Sizes are passed as arguments (live-search is compact, product page is larger).
 *
 * Usage:
 *   .my-stepper { @include qty-stepper-wrap(30px); }
 *   .my-btn    { @include qty-stepper-btn(26px); }
 *   .my-input  { @include qty-stepper-input(34px); }
 */
/* ── Uppercase label ─────────────────────────────────────────────────
 * Small caps label used for section headers, facet titles, badge text.
 *
 * Usage:
 *   .my-label { @include uppercase-label; }
 *   .my-label { @include uppercase-label(0.75rem); }
 */
/* Back-in-stock subscribe form, shown in the out-of-stock notice area. */
.wea-bis-form {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #f0f0f0;
}
.wea-bis-form__intro {
  margin: 0 0 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.wea-bis-form__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.wea-bis-form__row input[type=email] {
  flex: 1 1 12rem;
  min-width: 0;
  padding: 0.6rem 0.75rem;
  font-size: 0.9375rem;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}
.wea-bis-form__btn {
  flex: 0 0 auto;
  padding: 0.6rem 1.25rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  background: #177AAB;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.wea-bis-form__btn:hover, .wea-bis-form__btn:focus-visible {
  filter: brightness(0.95);
}
.wea-bis-form__consent {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
  font-size: 0.6rem;
  line-height: 1.4;
}
.wea-bis-form__consent input {
  margin-top: 0.15rem;
}
.wea-bis-form__consent a {
  color: #177AAB;
  text-decoration: underline;
}

.wea-bis-feedback {
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border-left: 4px solid #2e8b3a;
  border-radius: 4px;
  background: #f0f0f0;
  font-size: 0.75rem;
}