/* PAIN2020 — structure aligned to the Kreuz reference layout */
:root{
  --blue:#1559b7;--green:#1a9b73;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;
  --bg:#fff;--card:#f8fafc;--shadow:0 10px 25px rgba(0,0,0,.06);--radius:16px;
  --max:1100px;--font:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Noto Sans",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.65}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max);margin:0 auto;padding:0 18px}.skip-link{position:absolute;left:-999px;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:18px;top:18px;width:auto;height:auto;background:#fff;border:2px solid var(--blue);padding:10px 12px;border-radius:12px;z-index:1000}
header{position:sticky;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:saturate(180%) blur(10px);z-index:50}.navbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}.brand{display:flex;align-items:center;gap:12px;min-width:210px}.logo-badge{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--green));padding:6px;box-shadow:0 6px 18px rgba(21,89,183,.16)}.logo-badge img{width:100%;height:100%;object-fit:contain}.brand .name{display:flex;flex-direction:column;line-height:1.1}.brand .name strong{color:var(--blue);font-size:1.08rem;letter-spacing:.2px}.brand .name span{color:var(--green);font-size:.88rem}nav ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}nav a{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;color:var(--text)}nav a[aria-current="page"]{background:linear-gradient(90deg,rgba(21,89,183,.10),rgba(26,155,115,.10));border:1px solid rgba(21,89,183,.18)}nav a:hover{background:rgba(17,24,39,.04);text-decoration:none}
.menu-toggle{display:none;width:46px;height:46px;padding:0;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.04)}.menu-toggle span{display:block;width:22px;height:2px;border-radius:999px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hero{padding:34px 0 10px}.hero-grid{display:grid;gap:20px;grid-template-columns:1.25fr .75fr;align-items:stretch}.hero-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.hero h1{margin:0 0 10px;font-size:2rem;line-height:1.2;color:var(--blue)}.hero p{margin:0 0 14px}.hero-logo{display:flex;align-items:center;justify-content:center;min-height:260px;background:linear-gradient(135deg,rgba(21,89,183,.95),rgba(26,155,115,.92));border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.hero-logo img{max-height:220px;object-fit:contain}.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:#fff;color:var(--blue);font-weight:700}.button.primary,.buy-btn{background:linear-gradient(90deg,var(--blue),var(--green));color:#fff!important;border:none;text-decoration:none!important}.section{padding:26px 0}.section h2{margin:0 0 10px;color:var(--blue);font-size:1.45rem}.content{padding:18px 0 34px}.content-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:20px;box-shadow:var(--shadow)}.content-card p{margin:0 0 15px}.content-card h2{color:var(--blue);margin:26px 0 12px}.content-card ul{padding-left:22px}.note{border-left:4px solid var(--green);background:rgba(26,155,115,.06);padding:12px;border-radius:12px;color:#134e4a}
.shop-page{padding:30px 0 44px}.shop-intro{margin-bottom:20px}.shop-intro h1{margin:0 0 8px;color:var(--blue);font-size:2rem}.shop-intro p{margin:0;color:var(--muted)}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.shop-card{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:16px;box-shadow:var(--shadow)}.shop-img{display:flex;align-items:center;justify-content:center;min-height:150px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px}.shop-card img{max-width:100%;max-height:150px;object-fit:contain}.shop-card h2{margin:4px 0 6px;color:var(--blue);font-size:1.3rem}.shop-kicker{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}.shop-copy{font-size:.92rem;color:var(--muted);margin:0 0 12px}.shop-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:12px;background:linear-gradient(90deg,var(--blue),var(--green));color:#fff!important;font-weight:800;text-decoration:none!important}
.product-wrap{padding:30px 0 44px}.breadcrumb{font-size:.92rem;color:var(--muted);margin-bottom:14px}.breadcrumb a{color:var(--blue)}.product-hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:center;background:linear-gradient(135deg,rgba(21,89,183,.06),rgba(26,155,115,.06));border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.product-visual{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;display:flex;align-items:center;justify-content:center;min-height:360px}.product-visual img{max-height:340px;max-width:100%;width:auto;object-fit:contain}.eyebrow{font-size:.82rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--green);margin:0 0 8px}.product-hero h1{font-size:2.45rem;line-height:1.08;color:var(--blue);margin:0 0 10px}.product-hero .lead{font-size:1.02rem;color:var(--muted);margin:0 0 14px}.buy-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:14px;font-weight:800;box-shadow:0 8px 18px rgba(21,89,183,.14)}.offer-panel{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(26,155,115,.28);background:rgba(26,155,115,.06);border-radius:16px;padding:18px}.offer-panel strong{display:block;color:var(--green);font-size:1.15rem}.legacy-lines p{margin:0 0 14px}.legacy-lines .list-item{position:relative;padding-left:20px}.legacy-lines .list-item:before{content:"•";position:absolute;left:3px;color:var(--green);font-weight:900}.sticky-buy{display:none}
footer{border-top:1px solid var(--border);padding:18px 0 26px;background:#fff}.footer-grid{display:grid;gap:14px;grid-template-columns:1.2fr .8fr}.small{font-size:.92rem;color:var(--muted)}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.shop-grid{grid-template-columns:1fr}.product-hero{grid-template-columns:1fr}.brand{min-width:auto}}
@media(max-width:820px){header .navbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:10px 16px}header .brand{min-width:0;max-width:calc(100vw - 90px)}.menu-toggle{display:inline-flex;justify-self:end}header .navbar nav{display:none;grid-column:1/-1;width:100%;margin:0;padding:8px 0 4px;border-top:1px solid var(--border)}header .navbar.nav-open nav{display:block}header .navbar nav ul{display:flex;flex-direction:column;flex-wrap:nowrap;gap:3px;width:100%}header .navbar nav li{width:100%}header .navbar nav a{display:flex;width:100%;padding:11px 10px}.shop-card{grid-template-columns:120px 1fr}.product-hero{padding:18px}.product-visual{min-height:280px}.product-hero h1{font-size:2rem}.offer-panel{align-items:flex-start;flex-direction:column}.sticky-buy{display:block;position:fixed;z-index:999;left:12px;right:12px;bottom:12px;text-align:center;padding:13px 18px;border-radius:14px;background:linear-gradient(90deg,var(--blue),var(--green));color:#fff!important;font-weight:800;text-decoration:none!important;box-shadow:0 10px 30px rgba(0,0,0,.22)}}
@media(max-width:560px){.shop-card{grid-template-columns:1fr}.shop-img{min-height:190px}.shop-card img{max-height:190px}}