/* Ecobenzin redesign v5 — V1 editorial premium + V3 conversion guidance. */
.hero .hero-inner{
  display:grid!important;
  grid-template-columns:minmax(0, .94fr) minmax(420px, 1.06fr)!important;
  align-items:center!important;
  gap:clamp(40px, 6vw, 88px)!important;
  width:min(100%, 1440px)!important;
  max-width:1440px!important;
  min-height:calc(100svh - var(--nav-h))!important;
  padding:clamp(44px, 7vh, 82px) clamp(24px, 5vw, 72px)!important;
  margin:0 auto!important;
}
.hero .hero-copy{max-width:640px!important;margin:0!important}
.hero .hero-visual{
  display:flex!important;
  position:relative!important;
  width:100%!important;
  min-height:560px!important;
  height:min(680px, calc(100svh - 132px))!important;
  max-height:680px!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  overflow:hidden!important;
  border:1px solid rgba(26,92,56,.13)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 22% 17%,rgba(255,255,255,.95),transparent 32%),
    radial-gradient(circle at 78% 76%,rgba(36,133,82,.18),transparent 42%),
    linear-gradient(145deg,#f6f1e6 0%,#e7f0e5 100%)!important;
  box-shadow:0 30px 84px rgba(18,40,28,.15)!important;
}
.hero .hero-visual::before{display:block!important;inset:0!important;z-index:1!important;border-radius:inherit!important;background:linear-gradient(180deg,transparent 48%,rgba(5,18,11,.32) 100%)!important}
.hero .hero-product-stack{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.hero .hero-product-stack .hp-main{
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:4%!important;
  mix-blend-mode:multiply!important;
  filter:saturate(1.05) contrast(1.04)!important;
  transform:none!important;
}
.hero .hero-variant-card{z-index:3!important;top:22px!important;left:22px!important}
.hero .hero-buy-card{display:block!important;z-index:3!important;right:22px!important;bottom:22px!important}
@media(max-width:900px){
  .hero .hero-inner{grid-template-columns:1fr!important;min-height:0!important;height:auto!important;padding:52px var(--page-pad) 64px!important;gap:38px!important}
  .hero .hero-copy{max-width:680px!important;margin-inline:auto!important}
  .hero .hero-visual{min-height:0!important;height:auto!important;aspect-ratio:4/3!important;max-height:none!important;margin-inline:auto!important}
}
@media(max-width:600px){
  .hero .hero-inner{padding:38px 20px 48px!important;gap:30px!important}
  .hero .hero-visual{border-radius:20px!important}
  .hero .hero-variant-card{display:none!important}
  .hero .hero-buy-card{right:12px!important;bottom:12px!important;width:calc(100% - 24px)!important;padding:13px!important}
}