/* ── Fair.goodness — Global Brand Variables & Utilities ── */

:root {
  --fg-cream:        #F7F3ED;
  --fg-warm-white:   #FDFAF6;
  --fg-beige:        #EDE5D8;
  --fg-sand:         #D9C9B2;
  --fg-sage:         #8A9E85;
  --fg-sage-light:   #B5C9B0;
  --fg-brown:        #6B4F3A;
  --fg-brown-light:  #9C7A5E;
  --fg-gold:         #C9A96E;
  --fg-gold-light:   #E2C99A;
  --fg-text-dark:    #2C1F14;
  --fg-text-mid:     #5C4433;
  --fg-text-light:   #9C8878;
  --fg-font-serif:   'Cormorant Garamond', Georgia, serif;
  --fg-font-sans:    'Jost', system-ui, sans-serif;
  --fg-radius:       2px;
  --fg-transition:   0.3s ease;
}

/* Shared button */
.fg-btn-primary {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--fg-brown);
  color: var(--fg-cream);
  font-family: var(--fg-font-sans);
  font-size: 12px; font-weight: 400;
  letter-spacing: 0.14em; text-transform: uppercase;
  padding: 15px 34px;
  border: none; cursor: pointer;
  text-decoration: none;
  transition: background var(--fg-transition), color var(--fg-transition);
  position: relative; overflow: hidden;
}
.fg-btn-primary:hover {
  background: var(--fg-gold);
  color: var(--fg-text-dark);
}

/* Shared badges */
.fg-badge {
  font-family: var(--fg-font-sans);
  font-size: 9px; font-weight: 500;
  letter-spacing: 0.14em; text-transform: uppercase;
  padding: 4px 10px;
}
.fg-badge--new      { background: var(--fg-sage);  color: #fff; }
.fg-badge--sale     { background: var(--fg-brown); color: #fff; }
.fg-badge--featured { background: var(--fg-gold);  color: var(--fg-text-dark); }

/* Star rating */
.fg-stars { display: flex; align-items: center; gap: 3px; }
.fg-star   { color: var(--fg-sand); font-size: 13px; }
.fg-star.filled { color: var(--fg-gold); }
.fg-rating-count { font-size: 11px; color: var(--fg-text-light); margin-left: 4px; }

/* Price */
.fg-price, .fg-price * {
  font-family: var(--fg-font-serif);
  font-size: 20px; font-weight: 300;
  color: var(--fg-brown);
}
.fg-price del, .fg-price del * { color: var(--fg-text-light); font-size: 15px; }

/* Section header reusable */
.fg-section-header {
  display: flex; align-items: flex-end; justify-content: space-between;
  margin-bottom: 36px; gap: 20px; flex-wrap: wrap;
}
.fg-section-eyebrow {
  display: flex; align-items: center; gap: 12px;
  font-family: var(--fg-font-sans);
  font-size: 11px; font-weight: 400; letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--fg-gold);
  margin-bottom: 10px;
}
.fg-section-eyebrow::before {
  content: ''; display: block; width: 28px; height: 1px; background: var(--fg-gold);
}
.fg-section-title {
  font-family: var(--fg-font-serif);
  font-size: clamp(28px, 3.5vw, 46px);
  font-weight: 300; color: var(--fg-text-dark);
  line-height: 1.15; margin-bottom: 8px;
}
.fg-section-subtitle {
  font-family: var(--fg-font-sans);
  font-size: 14px; font-weight: 300;
  color: var(--fg-text-light); line-height: 1.6;
}

/* Tagline ribbon */
.fg-tagline-ribbon {
  background: var(--fg-brown);
  padding: 13px 0;
  overflow: hidden;
  white-space: nowrap;
}
.fg-tagline-track {
  display: inline-flex;
  animation: fg-marquee 24s linear infinite;
}
.fg-tagline-item {
  display: inline-flex; align-items: center; gap: 16px;
  padding-right: 40px;
  font-family: var(--fg-font-sans);
  font-size: 11px; font-weight: 300;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: rgba(253,250,246,0.65);
}
.fg-tagline-dot {
  width: 4px; height: 4px; border-radius: 50%;
  background: var(--fg-gold); flex-shrink: 0;
}

@keyframes fg-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ── Category Slider — "Shop by Category" title ── */
.fg-cs__title,
.fg-cats-title {
  font-family: "Playfair Display", "Playfair", Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}
@media (max-width: 767px) {
  .fg-cs__title,
  .fg-cats-title {
    font-size: 22px !important;
  }
}