/* AUTO-GENERATED from src/components/sites/zooplus/zooplus-theme.css — run: node scripts/sync-zooplus-css-to-wp-theme.mjs */
@font-face {
  font-family: "Nunito";
  src: url("../fonts/font-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito";
  src: url("../fonts/font-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito";
  src: url("../fonts/font-black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.zooplus-site,
.snout-purr-site {
  --z-content-max: 90rem;
  --z-green: #2a8f0a;
  --z-green-dark: #1a5c06;
  --z-green-hover: #237803;
  --z-promo: #ffd633;
  --z-promo-light: #fff6d1;
  --z-offer: #c2410c;
  --z-offer-muted: #b45309;
  --z-offer-bg: #fff9f0;
  --z-offer-border: #e8c4a8;
  --z-offer-gradient-from: #fff3e0;
  --z-offer-gradient-to: #ffe8cc;
  --z-star: #dc7d05;
  --z-text: #2d2c2a;
  --z-text-subtle: #6b6965;
  --z-border: #e8e4dd;
  --z-border-strong: #c9c4bc;
  --z-surface-muted: #f4f1ec;
  --z-radius: 0.5rem;
  --z-shadow-sm: 0 1px 2px rgb(45 44 42 / 0.06);
  font-family: "Nunito", ui-sans-serif, system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  color: var(--z-text);
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

.zooplus-site .z-container {
  width: 100%;
  max-width: var(--z-content-max);
  margin-inline: auto;
  padding-inline: clamp(1rem, 3vw, 2rem);
}

.zooplus-site .z-section {
  margin-inline: auto;
  max-width: var(--z-content-max);
  padding: 3rem clamp(1rem, 3vw, 2rem);
}

.zooplus-site .z-offers-surface {
  background: var(--z-offer-bg);
}

.snout-purr-site .z-offers-surface {
  background: var(--z-offer-bg);
}

.zooplus-site .z-heading-section,
.snout-purr-site .z-heading-section {
  margin: 0;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 900;
  line-height: 1.2;
  color: var(--z-text);
}

.zooplus-site .z-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--z-radius);
  background: var(--z-green);
  padding: 0.625rem 1.25rem;
  font-weight: 700;
  color: #fff;
  transition: background 0.15s ease;
}

.zooplus-site .z-btn-primary:hover {
  background: var(--z-green-hover);
}

.zooplus-site .z-offers-surface {
  background: var(--z-offer-bg);
}

.zooplus-site .z-offer-card {
  border: 2px solid var(--z-offer-border);
}

.zooplus-site .z-offer-badge {
  background: var(--z-offer);
}

.zooplus-site .z-offers-hero {
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
  padding: 1.25rem;
  border: 1px solid var(--z-offer-border);
  background: linear-gradient(
    90deg,
    var(--z-offer-gradient-from),
    var(--z-offer-gradient-to)
  );
}

.zooplus-site .z-offers-hero__eyebrow,
.snout-purr-site .z-offers-hero__eyebrow {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--z-offer-muted);
}

.zooplus-site .z-offers-hero__title,
.snout-purr-site .z-offers-hero__title {
  margin-top: 0.25rem;
}

.zooplus-site .z-offers-hero__lead,
.snout-purr-site .z-offers-hero__lead {
  margin: 0.75rem 0 0;
  max-width: 42rem;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--z-text-subtle);
}

@media (min-width: 768px) {
  .zooplus-site .z-offers-hero__lead,
  .snout-purr-site .z-offers-hero__lead {
    font-size: 1.125rem;
  }
}

.zooplus-site .z-offers-hero__lead strong,
.snout-purr-site .z-offers-hero__lead strong {
  font-weight: 700;
  color: var(--z-text);
}

.zooplus-site .z-offers-summary,
.snout-purr-site .z-offers-summary {
  margin: 0 0 1.5rem;
  font-size: 0.875rem;
  color: var(--z-text-subtle);
}

.zooplus-site .z-offers-summary strong,
.snout-purr-site .z-offers-summary strong {
  font-weight: 700;
  color: var(--z-text);
}