/* zur-heimat.ch — Alpine emerald + gold theme + redesigned hero.
   Loaded AFTER casino2.css so it overrides the template's steel-blue/magenta. */

:root{
  --primary:#0f3d2e;      /* deep alpine green */
  --cta:#d4af37;          /* gold */
  --cta-dk:#b8942e;       /* gold pressed */
  --steel:#eaf1ec;        /* soft green-tinted panel */
  --accent:#5a7d6a;       /* muted sage */
}
body{background:#faf7f0;}                 /* warm cream */

/* gold CTA needs dark text for contrast */
.co-cta{background:var(--cta);color:#1a1205;font-weight:700;}
.co-cta:hover,.co-cta:focus-visible{background:var(--cta-dk);color:#1a1205;}

/* ---------------------------------------------------------------- HERO */
.zh-hero{
  position:relative;overflow:hidden;color:#f4efe2;
  background:
    radial-gradient(120% 140% at 85% -10%, rgba(212,175,55,.20), transparent 55%),
    linear-gradient(135deg,#0b2c22 0%,#0f3d2e 42%,#14614a 74%,#1b7d5f 100%);
  border-bottom:3px solid var(--cta);
  padding-top:clamp(14px,1.6vw,20px);   /* kill inherited section top padding */
}
.zh-hero-mts{position:absolute;left:0;right:0;bottom:0;height:min(46%,220px);pointer-events:none;z-index:0;}
.zh-hero-mts svg{width:100%;height:100%;display:block;}
.zh-hero-mts path{fill:rgba(255,255,255,.05);}
.zh-hero-mts .zh-snow{fill:rgba(255,255,255,.16);}

.zh-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:1.55fr .95fr;gap:2.4rem;
  align-items:center;
  margin:0 auto clamp(1.4rem,3vw,2.2rem);   /* auto = stay horizontally centered */
  padding:clamp(2rem,4.4vw,3.4rem) clamp(1.5rem,3vw,2.6rem);
  border:1px solid rgba(212,175,55,.40);
  border-radius:18px;
  background:rgba(255,255,255,.03);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);}
.zh-placard{max-width:40rem;}
.zh-kicker{display:inline-block;font:600 .72rem/1 "JetBrains Mono",monospace;letter-spacing:.16em;
  text-transform:uppercase;color:var(--cta);border:1px solid rgba(212,175,55,.45);
  border-radius:999px;padding:.42em .9em;margin-bottom:1rem;}
.zh-hero h1{font-family:"Anybody",system-ui,sans-serif;font-weight:800;color:#fff;
  font-size:clamp(1.8rem,4.4vw,3rem);line-height:1.08;letter-spacing:-.01em;margin:0 0 1rem;}
.zh-hero .co-byline{color:rgba(244,239,226,.82);}
.zh-hero .co-byline a{color:var(--cta);}
.zh-hero .co-byline img{border:2px solid var(--cta);border-radius:50%;}
.zh-hero .co-hero-lede{color:rgba(244,239,226,.92);font-size:1.02rem;}
.zh-hero .co-more{color:var(--cta);}

.zh-trust{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;}
.zh-trust span{font:600 .72rem/1 "Plus Jakarta Sans",sans-serif;color:#eafaf1;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  border-radius:999px;padding:.5em .85em;}
.zh-trust span::before{content:"✓";color:var(--cta);margin-right:.4em;font-weight:800;}

/* top-pick card — gold framed */
.zh-case{position:relative;z-index:1;}
.zh-case-in{background:linear-gradient(180deg,#ffffff,#f7f2e6);color:#15251d;
  border:1.5px solid var(--cta);border-radius:18px;padding:1.4rem 1.3rem 1.3rem;
  box-shadow:0 22px 48px -22px rgba(0,0,0,.6),0 0 0 6px rgba(212,175,55,.10);
  text-align:center;}
.zh-case-tag{display:inline-block;background:var(--cta);color:#1a1205;font-weight:800;
  font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;
  padding:.4em 1em;margin-bottom:.9rem;}
.zh-case .co-case-plate{background:#fff;border-radius:12px;padding:.7rem;display:flex;
  justify-content:center;align-items:center;margin-bottom:.8rem;min-height:74px;}
.zh-case-bonus{font-family:"Anybody",sans-serif;font-weight:800;font-size:1.5rem;color:#0f3d2e;margin:.1rem 0 .1rem;}
.zh-case-sub{font-size:.82rem;color:#4a5a52;margin:0 0 1rem;}
.zh-case .co-cta{display:block;width:100%;}
.zh-case .co-tc{display:block;margin-top:.6rem;color:#6b7a72;}

@media(max-width:820px){
  .zh-hero-in{grid-template-columns:1fr;gap:1.6rem;}
  .zh-case{max-width:26rem;}
}