/* Unterseiten (z. B. weed-empire.html) – nutzt die Bausteine aus style.css */
.page-hero{padding:150px 0 70px;border-top:0;
  background:radial-gradient(900px 500px at 80% 0%,rgba(255,90,31,.12),transparent 60%),radial-gradient(1000px 600px at 70% 20%,#22222c 0%,transparent 60%),var(--bg)}
.page-hero h1{font-size:clamp(44px,7vw,84px);line-height:1;letter-spacing:-.045em;font-weight:600}
.page-hero .lead{max-width:640px}
.page-hero .row{margin-top:32px}
.crumbs{display:flex;gap:8px;font-size:13px;color:var(--muted);margin-bottom:22px}
.crumbs a:hover{color:#fff}
.facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.facts span{padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:13px;color:#d6d6dc}
.page-hero .shots{margin-top:56px}
.page-hero .shots .phone{right:2%}
.prose{max-width:720px}
.prose p{color:#c9c9d2;line-height:1.7;margin-top:18px}
.prose h3{font-size:24px;letter-spacing:-.02em;margin-top:40px}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,280px));gap:16px;margin-top:40px}
.duo img{display:block;width:100%;border-radius:22px;border:4px solid #1c1c24;box-shadow:0 30px 60px -20px #000}
.faq{margin-top:40px;display:grid;gap:12px;max-width:820px}
.faq details{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--bg2),#0e0e13);padding:18px 22px}
.faq summary{cursor:pointer;font-weight:600;font-size:17px}
.faq p{color:var(--muted);line-height:1.6;margin-top:10px}
@media (max-width:900px){
  .page-hero{padding:120px 0 50px}
  .page-hero .shots .phone{right:-6px}
  .duo{grid-template-columns:1fr 1fr;gap:10px}
}
@media (max-width:900px){
  .page-hero ~ section .card .ic{margin-bottom:22px}
}