/* =========================================================
   BEAUTYRELLA – PIERCING LEXIKON
   Alle Klassen bewusst mit plx- prefix.
   ========================================================= */

.plx-page{background:#fff;color:#615f54}.plx-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#171514 0%,#332b27 55%,#ccb9ac 100%);color:#fff}.plx-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 30%,rgba(255,255,255,.15),transparent 31%),linear-gradient(90deg,rgba(0,0,0,.12),transparent 60%);pointer-events:none}.plx-hero-inner{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:92px 28px 110px}.plx-kicker{margin:0 0 16px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#d7c2b6}.plx-hero h1{max-width:900px;margin:0 0 22px;text-align:left;font-size:clamp(3rem,7vw,6rem);line-height:.98;font-weight:100;color:#fff}.plx-hero-lead{max-width:760px;margin:0;font-size:1.18rem;line-height:1.8;color:rgba(255,255,255,.88)}
.plx-tools-wrap{position:relative;z-index:5;margin-top:-42px;padding:0 20px}.plx-tools{width:100%;max-width:1120px;margin:0 auto;padding:24px;background:#fff;border-radius:18px;box-shadow:0 18px 55px rgba(42,31,25,.14)}.plx-search{position:relative}.plx-search input{width:100%;height:58px;padding:0 58px 0 20px;border:1px solid #e6dcd6;border-radius:12px;background:#faf8f7;color:#403b38;font:inherit;font-size:1rem;outline:none}.plx-search input:focus{border-color:#bca496;box-shadow:0 0 0 3px rgba(188,164,150,.14)}.plx-search-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;color:#a58e82}.plx-filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.plx-filter{border:1px solid #e5d9d1;background:#fff;color:#615f54;border-radius:999px;padding:10px 16px;font:inherit;font-size:14px;cursor:pointer;transition:.2s ease}.plx-filter:hover,.plx-filter.is-active{background:#ccb9ac;border-color:#ccb9ac;color:#fff}.plx-count{margin:16px 2px 0;font-size:13px;color:#8a7c74}
.plx-section{padding:80px 20px}.plx-section-soft{background:#faf7f5}.plx-container{width:100%;max-width:1120px;margin:0 auto}.plx-section-head{max-width:760px;margin-bottom:36px}.plx-section-head h2{margin:0 0 14px;text-align:left;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;font-weight:100;color:#4d4945}.plx-section-head p{margin:0;line-height:1.8;font-size:1.04rem}.plx-divider{width:70px;height:2px;margin:18px 0 24px;background:#ccb9ac}
.plx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.plx-card{position:relative;overflow:hidden;border-radius:16px;background:#fff;border:1px solid #eee4de;box-shadow:0 8px 24px rgba(60,45,37,.05);transition:transform .22s ease,box-shadow .22s ease}.plx-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(60,45,37,.11)}.plx-card[hidden]{display:none!important}.plx-card-button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit;font:inherit}.plx-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(145deg,#e8ddd7,#cdb9ad)}.plx-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.plx-card:hover img{transform:scale(1.035)}.plx-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:25px;text-align:center;color:#fff;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.2),transparent 35%),linear-gradient(135deg,#a68e81,#d2c0b5);font-size:2rem;font-weight:100;letter-spacing:.04em}.plx-badge{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#6b5e57}.plx-card-copy{padding:22px}.plx-card-copy h3{margin:0 0 7px;text-align:left;font-size:1.42rem;font-weight:300;color:#4d4945}.plx-card-copy p{margin:0 0 15px;line-height:1.55;color:#766c66}.plx-more{font-size:14px;font-weight:600;color:#aa8d7d}.plx-empty{display:none;padding:40px;text-align:center;border:1px dashed #dbcac0;border-radius:16px;background:#fff}.plx-empty.is-visible{display:block}
.plx-detail-host{scroll-margin-top:30px}.plx-detail{display:none;margin-top:38px;border-radius:20px;overflow:hidden;background:#fff;border:1px solid #e9dfd9;box-shadow:0 20px 55px rgba(58,43,35,.11)}.plx-detail.is-open{display:block}.plx-detail-top{display:grid;grid-template-columns:.8fr 1.2fr;background:#f7f2ef}.plx-detail-image{min-height:420px;background:linear-gradient(135deg,#a58e81,#d7c6bb)}.plx-detail-image img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}.plx-detail-placeholder{display:flex;height:100%;min-height:420px;align-items:center;justify-content:center;padding:35px;text-align:center;color:#fff;font-size:2.4rem;font-weight:100}.plx-detail-intro{padding:48px}.plx-detail-intro .plx-kicker{color:#a68b7c}.plx-detail-intro h2{margin:0 0 13px;text-align:left;font-size:clamp(2.2rem,4vw,3.6rem);font-weight:100;line-height:1.05;color:#4a4642}.plx-detail-intro p{margin:0;line-height:1.8;font-size:1.04rem}.plx-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e8ddd6}.plx-fact{padding:20px;background:#fff}.plx-fact small{display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:#a28c80}.plx-fact strong{font-size:15px;font-weight:500;color:#4c4844}.plx-detail-body{padding:44px 48px}.plx-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.plx-info{padding:25px;border-radius:14px;background:#faf7f5}.plx-info h3{margin:0 0 10px;text-align:left;font-size:1.1rem;font-weight:600;color:#514b47}.plx-info p{margin:0;font-size:.98rem;line-height:1.75}.plx-warning{margin-top:24px;padding:24px 26px;border-left:4px solid #b28f7c;background:#f5ece7;line-height:1.75}.plx-related{margin-top:26px;padding-top:24px;border-top:1px solid #eee3dc}.plx-related strong{display:block;margin-bottom:9px;color:#4f4945}.plx-related a{display:inline-block;margin:0 8px 8px 0;padding:7px 11px;border-radius:999px;background:#f0e7e2;color:#665a53!important;font-size:13px}.plx-close{display:inline-flex;margin-top:28px;border:0;border-radius:999px;background:#ccb9ac;color:#fff;padding:11px 18px;font:inherit;cursor:pointer}.plx-close:hover{background:#b89f91}
.plx-knowledge{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plx-knowledge-card{padding:28px;border-radius:15px;background:#fff;border:1px solid #e9dfda}.plx-knowledge-card h3{margin:0 0 12px;text-align:left;font-size:1.2rem;font-weight:500;color:#514c48}.plx-knowledge-card p{margin:0;line-height:1.7;font-size:.96rem}.plx-sourcebox{padding:30px;border-radius:16px;background:#24201e;color:#e8e0db}.plx-sourcebox h2{color:#fff;text-align:left;font-weight:100;margin:0 0 14px}.plx-sourcebox p{line-height:1.8;margin:0 0 12px}.plx-sourcebox a{color:#e4c9ba!important;text-decoration:underline}.plx-sourcebox small{color:#cfc3bc;line-height:1.6;display:block}
@media(max-width:950px){.plx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plx-detail-top{grid-template-columns:1fr}.plx-detail-image,.plx-detail-image img,.plx-detail-placeholder{min-height:360px}.plx-knowledge{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.plx-hero-inner{padding:70px 22px 90px}.plx-hero h1{font-size:3.25rem}.plx-tools-wrap{margin-top:-30px;padding:0 14px}.plx-tools{padding:17px}.plx-filters{gap:7px}.plx-filter{padding:9px 12px;font-size:13px}.plx-section{padding:60px 16px}.plx-grid{grid-template-columns:1fr}.plx-card-media{aspect-ratio:16/11}.plx-detail-intro{padding:32px 24px}.plx-detail-body{padding:28px 20px}.plx-facts{grid-template-columns:1fr}.plx-info-grid{grid-template-columns:1fr}.plx-knowledge{grid-template-columns:1fr}}
