/* Dark green polish preview: keeps the green identity, cleans up contrast and depth. */
:root {
  --bg: #040a07;
  --bg-2: #0a120d;
  --surface: rgba(244, 248, 229, .055);
  --surface-strong: rgba(244, 248, 229, .095);
  --card: #0c1510;
  --card-2: #121b15;
  --ink: #f7f4e8;
  --muted: #bfc6af;
  --line: rgba(205, 216, 159, .13);
  --khaki: #8f9b61;
  --khaki-2: #cbd991;
  --moss: #46543a;
  --sand: #e2d2a9;
  --shadow: 0 22px 58px rgba(0, 0, 0, .34);
}

body {
  background:
    radial-gradient(circle at 18% 0%, rgba(143,155,97,.12), transparent 30%),
    radial-gradient(circle at 82% 18%, rgba(52,94,58,.13), transparent 32%),
    linear-gradient(180deg,
      #020503 0%,
      #030804 18%,
      #06150a 44%,
      #091b0f 62%,
      #030704 100%);
  background-attachment: fixed;
}

.site-header {
  background: rgba(4, 10, 7, .91);
  border-bottom-color: rgba(205,216,159,.11);
  box-shadow: 0 1px 0 rgba(255,255,255,.025);
}

.promo-bar {
  background: rgba(6, 12, 8, .98);
  border-bottom-color: rgba(203,217,145,.13);
  color: #cbd991;
}

.nav-shell {
  padding-top: 13px;
  padding-bottom: 13px;
}

.brand-mark {
  background: linear-gradient(145deg, #cbd991, #52603f);
  box-shadow: 0 12px 28px rgba(0,0,0,.25);
}

.pill-btn,
.icon-btn {
  background: rgba(244,248,229,.045);
  border-color: rgba(205,216,159,.095);
}

.pill-btn:hover,
.icon-btn:hover {
  background: rgba(244,248,229,.075);
  border-color: rgba(203,217,145,.3);
}

.hero {
  background:
    radial-gradient(ellipse at 50% 10%, rgba(55,91,48,.18), transparent 48%),
    linear-gradient(180deg, rgba(2,5,3,.18), rgba(7,20,10,.34) 48%, rgba(5,18,9,.18) 82%, rgba(5,18,9,0));
}

.hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 190px;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(180deg, rgba(2,5,3,0), rgba(5,18,9,.5) 58%, rgba(5,18,9,.18));
}

.hero::before {
  z-index: 0;
  opacity: .1;
  background-size: 72px 72px;
  background-image:
    linear-gradient(rgba(203,217,145,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(203,217,145,.12) 1px, transparent 1px);
}

.hero + .container {
  position: relative;
}

.hero + .container::before {
  content: "";
  position: absolute;
  top: -150px;
  left: 50%;
  width: 100vw;
  height: 260px;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(180deg, rgba(2,5,3,0), rgba(6,22,10,.72) 50%, rgba(6,22,10,0));
}

.hero + .container > * {
  position: relative;
  z-index: 1;
}

.eyebrow {
  background: rgba(143,155,97,.085);
  border-color: rgba(203,217,145,.22);
}

.text-gradient {
  background: linear-gradient(90deg, #f7f4e8 0%, #cbd991 58%, #e2d2a9 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.countdown span,
.trust-card,
.card,
.product-card,
.filter-panel,
.checkout-card,
.article-card {
  border-color: rgba(205,216,159,.13);
  background:
    linear-gradient(180deg, rgba(244,248,229,.07), rgba(244,248,229,.028)),
    #0c1510;
}

.trust-card,
.card,
.product-card,
.checkout-card,
.article-card {
  border-radius: 16px;
}

.primary-btn {
  background: linear-gradient(135deg, #d1de9a, #8f9b61);
  box-shadow: 0 16px 34px rgba(143,155,97,.18);
}

.secondary-btn {
  background: rgba(244,248,229,.055);
  border-color: rgba(205,216,159,.14);
}

.code-chip,
.badge,
.tag {
  background: rgba(143,155,97,.13);
  border-color: rgba(203,217,145,.19);
}

.product-card:hover,
.article-card:hover,
.stack-card:hover {
  border-color: rgba(203,217,145,.28);
  box-shadow: 0 22px 58px rgba(0,0,0,.33);
}

.product-visual {
  background:
    radial-gradient(circle at 50% 24%, rgba(244,248,229,.13), transparent 29%),
    linear-gradient(140deg, rgba(143,155,97,.095), rgba(255,255,255,.03));
}

.product-photo-visual,
.product-card .product-photo-visual,
.product-page .product-photo-visual {
  background:
    radial-gradient(circle at 50% 34%, rgba(203,217,145,.075), transparent 38%),
    linear-gradient(180deg, #121c13, #0c1510) !important;
}

.free-shipping-meter {
  border-color: rgba(203,217,145,.22);
  background: rgba(143,155,97,.055);
}

.cart-drawer.open {
  background: rgba(0,0,0,.62);
}

.drawer-panel {
  background: linear-gradient(180deg, rgba(12,21,16,.985), rgba(5,8,6,.985));
  border-left: 1px solid rgba(205,216,159,.12);
}

.assistant-toggle {
  background: #cbd991;
  box-shadow: 0 18px 42px rgba(0,0,0,.28);
}

.site-footer {
  background:
    linear-gradient(180deg, rgba(5,12,7,.24), rgba(2,5,3,.58));
}

@media (max-width: 768px) {
  .nav-shell {
    padding-top: 11px;
    padding-bottom: 11px;
  }

  .hero .trust-card {
    background:
      linear-gradient(180deg, rgba(244,248,229,.075), rgba(244,248,229,.03)),
      #0c1510;
  }
}