/* =========================================================
   DELVIN FINAL MASTER OVERRIDES
   ========================================================= */

/* PRODUCT SECTION: approved black background + readable copy + gold frames */
#products,
#products .container,
#products .product-grid {
  background:#050505 !important;
}
#products .section-head h2 {
  color:#fff !important;
  opacity:1 !important;
}
#products .section-head p {
  color:#d2ccc1 !important;
}
#products .product-card {
  border:1px solid #c99a2e !important;
}
#products .product-info h3 {
  color:#f3eee4 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* HERO: use only the real factory photograph, focused on Meatsland */
.hero {
  min-height:100vh !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  padding:118px 0 54px !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.hero-bg {
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background-image:url('assets/factory-hero-final.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  transform:none !important;
  filter:none !important;
}

/* Remove all earlier decorative/experimental hero layers */
.hero-grid,
.hero::before {
  display:none !important;
  content:none !important;
}

/* Approved left-side black fade, smooth into the real factory */
.hero::after {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  z-index:1 !important;
  pointer-events:none !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:linear-gradient(
    90deg,
    rgba(0,0,0,.99) 0%,
    rgba(0,0,0,.97) 18%,
    rgba(0,0,0,.90) 29%,
    rgba(0,0,0,.70) 39%,
    rgba(0,0,0,.42) 48%,
    rgba(0,0,0,.15) 57%,
    rgba(0,0,0,0) 66%
  ) !important;
}

.hero-content {
  position:relative !important;
  z-index:2 !important;
  max-width:560px !important;
  transform:none !important;
  text-shadow:none !important;
}

.hero .eyebrow {
  display:none !important;
}

.hero h1 {
  color:#d9ae49 !important;
  font-size:clamp(3.5rem,4.65vw,4.65rem) !important;
  line-height:.98 !important;
  max-width:560px !important;
  margin:0 0 24px !important;
  text-transform:none !important;
  letter-spacing:-.025em !important;
  text-shadow:0 3px 12px rgba(0,0,0,.90) !important;
}

.hero p {
  color:#fff !important;
  max-width:560px !important;
  font-size:1.18rem !important;
  line-height:1.55 !important;
  margin:0 !important;
  text-shadow:0 2px 8px rgba(0,0,0,.94) !important;
}

.hero-actions {
  margin:32px 0 !important;
}

.metrics {
  max-width:560px !important;
  grid-template-columns:repeat(3,1fr) !important;
  margin-top:52px !important;
  border-top:0 !important;
}

.metric {
  padding:0 22px 0 0 !important;
  border-right:1px solid rgba(199,154,67,.45) !important;
}
.metric:last-child {
  border-right:0 !important;
}
.metric strong {
  color:var(--gold2) !important;
  font-size:1.5rem !important;
}
.metric span {
  color:#fff !important;
  opacity:.78 !important;
  line-height:1.8 !important;
}

/* Mobile stays usable and readable */
@media(max-width:900px) {
  .hero {
    min-height:auto !important;
    align-items:flex-start !important;
    padding:128px 0 72px !important;
  }
  .hero-bg {
    background-position:46% center !important;
  }
  .hero::after {
    background:linear-gradient(
      90deg,
      rgba(0,0,0,.95) 0%,
      rgba(0,0,0,.84) 64%,
      rgba(0,0,0,.40) 100%
    ) !important;
  }
  .hero-content {
    max-width:92vw !important;
  }
  .hero h1 {
    font-size:clamp(2.5rem,10vw,3.7rem) !important;
    max-width:92vw !important;
  }
  .hero p {
    font-size:1rem !important;
    max-width:92vw !important;
  }
  .metrics {
    max-width:92vw !important;
    gap:12px !important;
    margin-top:42px !important;
  }
  .metric {
    padding-right:10px !important;
  }
}


/* Requested final adjustment: hero content left spacing only */
@media (min-width: 901px) {
  .hero > .container {
    padding-left: 4.5rem !important;
    padding-right: 2rem !important;
  }
}