.site-header,
.ds-header {
  background:
    linear-gradient(90deg, rgba(5, 3, 2, 0.97), rgba(18, 10, 6, 0.94)),
    var(--donna-black);
  border-bottom: 1px solid var(--donna-line);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.26);
}

.brand,
.ds-brand {
  color: var(--donna-paper);
}

.brand span,
.ds-brand-title {
  color: var(--donna-gold-light);
  font-family: var(--font-display);
}

.brand small,
.ds-subtitle,
.muted {
  color: var(--donna-muted);
}

nav a,
.ds-nav-link {
  color: var(--donna-paper);
  font-weight: 800;
  text-decoration: none;
}

.ds-footer {
  border-top: 1px solid var(--donna-line);
  color: var(--donna-muted);
}

.ds-title {
  color: var(--donna-gold-light);
  line-height: var(--leading-tight);
}

.ds-subtitle {
  font-size: var(--text-md);
}

.ds-product {
  display: grid;
  gap: var(--space-2);
}

.ds-product-name {
  color: var(--donna-red-bright);
  font-family: var(--font-display);
  font-weight: 800;
}

.ds-price {
  color: var(--donna-gold-light);
  font-weight: 900;
  white-space: nowrap;
}

.ds-allergens {
  color: #ff554d;
  font-size: var(--text-xs);
  font-weight: 900;
}

.ds-category {
  color: var(--donna-gold);
  font-size: var(--text-xs);
  font-weight: 900;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

.ds-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--donna-gold), transparent);
}

.ds-badge,
.status-pill,
.new-order-bell strong {
  border-radius: var(--radius-pill);
  background: rgba(199, 21, 27, 0.16);
  border: 1px solid rgba(255, 59, 49, 0.42);
  color: var(--donna-gold-light);
  font-size: var(--text-xs);
  font-weight: 900;
}

.ds-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-grid;
  place-items: center;
  color: var(--donna-red-bright);
}

.ds-hero {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--donna-line);
  border-radius: var(--radius-lg);
  background: var(--donna-wood);
  box-shadow: 0 22px 54px var(--donna-shadow);
}

.ds-hero img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.ds-price-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: baseline;
  gap: var(--space-3);
}

.ds-luxury-line {
  height: 1px;
  background:
    linear-gradient(90deg, transparent, var(--donna-gold) 18%, var(--donna-red) 52%, transparent);
}