/* =========================================================
   Shop (/shop/), Peters Wahl: Vorschlag A «Regal» (17.10.2026)
   Nur dort geladen. Präfix .pmsh-
   ========================================================= */
.pmsh-h1{font-size:clamp(2.1rem,.4rem + 3.9vw,3.7rem);font-weight:700;letter-spacing:-.03em;line-height:1.16;color:var(--deep)}
.pmsh-meta{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--strong)}
.pmsh-preis{font-family:var(--font-head);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--deep)}
.pmsh-punkte{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.35rem;font-size:.93rem}
.pmsh-punkte li{padding-left:1.4rem;position:relative}
.pmsh-punkte li::before{content:"";position:absolute;left:0;top:.35em;width:.85rem;height:.85rem;border-radius:50%;background:var(--soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%230F766E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:70%;background-position:center;background-repeat:no-repeat}
.pm-btn.is-disabled{opacity:.55;pointer-events:none}

/* Cover: Bild oder gezeichnete Buchfläche */
.pmsh-cover{display:block;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 18px 36px -24px var(--deep),0 2px 6px -2px rgba(18,64,60,.25)}
.pmsh-cover::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 6px 0 10px -8px rgba(0,0,0,.45);pointer-events:none}
.pmsh-cover img{display:block;width:100%;height:auto}
.pmsh-cover.is-ph{aspect-ratio:723/1024}
.pmsh-cover.is-ph{display:grid;place-items:end start;padding:9%;background:var(--deep);color:#fff}
.pmsh-cover.is-ph::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.22),transparent 45%)}
.pmsh-cover.is-ph.is-accent{background:var(--accent);color:var(--deep)}
.pmsh-cover.is-ph>span{position:relative;display:grid;gap:.4rem}
.pmsh-cover.is-ph{container-type:inline-size}
.pmsh-cover.is-ph small{font-size:clamp(.5rem,5cqw,.7rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.pmsh-cover.is-ph b{font-family:var(--font-head);font-size:clamp(.7rem,9cqw,1.4rem);line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere;hyphens:auto}
.pmsh-cover.is-ph em{font-style:normal;font-size:clamp(.55rem,5.5cqw,.8rem);opacity:.8}

/* Ablauf, Fragen, Aufklappen */
.pmsh-ablauf{display:grid;gap:1rem}
.pmsh-ablauf.is-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.pmsh-step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.2rem 1.3rem;display:grid;gap:.3rem}
.pmsh-step-n{width:34px;height:34px;border-radius:50%;background:var(--deep);color:#fff;display:grid;place-items:center;font-family:var(--font-head);font-weight:700;margin-bottom:.4rem}
.pmsh-step b{font-family:var(--font-head);font-size:1.05rem}
.pmsh-step p{margin:0;color:var(--muted);font-size:.93rem}
.pmsh-faq{display:grid;gap:.6rem}
.pmsh-faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m,14px);padding:0 1.2rem}
.pmsh-faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font-family:var(--font-head);font-weight:600}
.pmsh-faq-item summary::-webkit-details-marker{display:none}
.pmsh-faq-plus{width:22px;height:22px;border-radius:50%;background:var(--soft);position:relative;flex:none}
.pmsh-faq-plus::before,.pmsh-faq-plus::after{content:"";position:absolute;background:var(--strong);left:50%;top:50%;translate:-50% -50%;width:10px;height:2px;transition:rotate .3s}
.pmsh-faq-plus::after{rotate:90deg}
.pmsh-faq-item[open] .pmsh-faq-plus::after{rotate:0deg}
.pmsh-faq-item p{margin:0 0 1rem;color:var(--muted);font-size:.95rem}
.pmsh-details summary{list-style:none;cursor:pointer;color:var(--strong);font-weight:600;font-size:.9rem;display:inline-flex;gap:.4rem;align-items:center}
.pmsh-details summary::-webkit-details-marker{display:none}
.pmsh-details summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;translate:0 -2px;transition:rotate .25s}
.pmsh-details[open] summary::after{rotate:-135deg;translate:0 2px}

/* Kopf und Produktkarten */
.pmsh-a-head .pm-lede{max-width:62ch}
.pmsh-a-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.pmsh-a-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.4rem;display:flex;flex-direction:column;gap:1rem;transition:transform .35s var(--ease),box-shadow .35s}
.pmsh-a-card:hover{transform:translateY(-4px);box-shadow:0 24px 46px -34px var(--deep)}
.pmsh-a-cover{width:58%;margin:0 auto;transition:transform .5s var(--ease)}
.pmsh-a-card:hover .pmsh-a-cover{transform:rotate(-2deg) scale(1.03)}
.pmsh-a-body{display:flex;flex-direction:column;gap:.5rem;flex:1}
.pmsh-a-body h3{font-size:1.2rem;line-height:1.25}
.pmsh-a-body small{color:var(--muted)}
.pmsh-a-body p{margin:0;color:var(--muted);font-size:.95rem}
.pmsh-a-foot{margin-top:auto;padding-top:.8rem;border-top:1px solid var(--line);display:grid;gap:.7rem}
.pmsh-a-foot .pmsh-preis{font-size:1.05rem}
.pmsh-buy{display:flex;gap:.5rem;flex-wrap:wrap}
.pmsh-buy .pm-btn{padding-inline:1rem}
.pmsh-a-info{display:grid;gap:2.5rem}
@media(min-width:900px){.pmsh-a-info{grid-template-columns:1fr 1fr;gap:4rem}}
.pmsh-a-info h2{margin-bottom:1rem}