/* Inclusive year-end seasonal treatment; keeps the established Grovesto brand. */
:root {
  --holiday-ice: #d8e8ee;
  --holiday-ice-soft: #eff6f7;
  --holiday-berry: #a85d55;
  --holiday-teal: #367d83;
  --holiday-gold: #dfbf66;
  --holiday-line: #d3e1e5;
}

body {
  background-image:
    radial-gradient(ellipse at 4% 2%, rgba(197, 222, 233, .5), transparent 31rem),
    radial-gradient(ellipse at 98% 12%, rgba(241, 224, 190, .3), transparent 25rem);
}

.topbar,
.site-header {
  border-bottom-color: var(--holiday-line);
}

.site-header { position: relative; }

.topbar::before,
.site-header::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  border-radius: 0 0 999px 999px;
  pointer-events: none;
  background: linear-gradient(90deg, var(--holiday-berry), var(--holiday-gold) 28%, var(--holiday-teal) 57%, #1b5b49 78%, var(--holiday-berry));
}

.hero-shell {
  border-color: var(--holiday-line);
  background:
    radial-gradient(ellipse at 96% 4%, rgba(232, 199, 106, .2), transparent 19rem),
    radial-gradient(ellipse at 8% 0%, rgba(190, 219, 231, .54), transparent 25rem),
    linear-gradient(128deg, #f5fafb 0%, #fffdf8 57%, #eef5f5 100%);
  box-shadow: 0 18px 46px rgba(29, 76, 84, .11);
}

.hero-shell .intro-copy {
  background:
    radial-gradient(ellipse at 8% 5%, rgba(184, 216, 229, .56), transparent 44%),
    linear-gradient(140deg, #f9fcfd, #fbfaf5);
}

.intro-copy .eyebrow {
  color: #416a70;
  background: #eaf3f5;
  box-shadow: inset 0 0 0 1px #d7e6e9;
}

#page-title em,
.hero h1 em { color: var(--holiday-berry); }

.hero-highlights li:nth-child(3n + 1)::before {
  background: var(--holiday-berry);
  box-shadow: 0 0 0 3px rgba(168, 93, 85, .12);
}

.hero-highlights li:nth-child(3n + 2)::before {
  background: var(--holiday-gold);
  box-shadow: 0 0 0 3px rgba(223, 191, 102, .16);
}

.hero-highlights li:nth-child(3n)::before {
  background: var(--holiday-teal);
  box-shadow: 0 0 0 3px rgba(54, 125, 131, .12);
}

.hero-featured-vehicle,
.vehicle-card,
.hero-panel,
.card,
.source-box,
.seo-guide-grid > a {
  border-color: #d6e3e7;
  box-shadow: 0 10px 26px rgba(33, 76, 84, .07);
}

.hero,
.hero-shell .hero-visual {
  border-color: var(--holiday-line);
}

.hero {
  background:
    radial-gradient(ellipse at 96% 4%, rgba(232, 199, 106, .17), transparent 19rem),
    linear-gradient(132deg, #edf5f7, #fffdf7 66%);
}

.contact-panel,
.quote-band {
  background-image:
    radial-gradient(ellipse at 96% 0%, rgba(232, 199, 106, .18), transparent 24rem),
    linear-gradient(125deg, #143e35, #234f5a);
}

.footer {
  border-top: 1px solid var(--holiday-line);
  background: linear-gradient(110deg, #edf4f5, #f5f1e6);
}

@media (max-width: 680px) {
  .topbar::before,
  .site-header::before { height: 3px; }
}