/* Hintergrund fuer Shop-Produktseiten und Danke-Seiten: gleiches Bild wie pages/shop.html */
body.shop-bg{background:#0a1a14;background-image:linear-gradient(180deg,rgba(10,26,20,.35),rgba(10,26,20,.25)),url(/images/1765534830686_futuristisches-design-16-9-ein-holografisches-display-zeigt-.png);background-size:cover;background-position:center 30%;background-attachment:fixed}
body.shop-bg .page-hero{background:transparent!important}
body.shop-bg .page-hero .hero-video,body.shop-bg .page-hero .page-hero-overlay{display:none}
body.shop-bg .page-content{background:transparent;background-image:none}
body.shop-bg .page-content::before,body.shop-bg .page-content::after{display:none}
body.shop-bg .page-content>.container{background:rgba(10,26,20,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px 24px 40px;box-shadow:0 24px 60px -24px #000a}
@media (max-width:768px){body.shop-bg .page-content>.container{border-radius:16px;padding:16px 14px 32px}}
body.shop-bg .page-hero h1,body.shop-bg .page-hero .page-intro{text-shadow:0 2px 14px #000c}