/* Shop: Prüfer-Checkliste – ergänzt style.css */

/* Startseite: Shop-Teaser */
.shop.live{grid-template-columns:auto 1fr auto;padding:var(--s4)}
.shop .cover{width:150px;height:auto;transform:rotate(-4deg);border-radius:6px;box-shadow:8px 10px 0 var(--tint),0 14px 30px rgba(14,42,71,.25)}
.shop .buy{display:grid;gap:.7rem;justify-items:end;text-align:right}
.shop .price{font:800 2.4rem/1 var(--f-display);font-stretch:78%;color:var(--accent)}
.shop .price small{display:block;font:500 .72rem/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:.35rem}
.shop .chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:var(--s2)}
.chips span{font:500 .74rem/1 var(--f-mono);letter-spacing:.04em;background:var(--tint);color:var(--accent);padding:.5rem .7rem;border-radius:999px}
.btn-line{border-color:var(--line);color:var(--fg);background:transparent}
.btn-line:hover{border-color:var(--accent);color:var(--accent)}

/* Produktseite: Hero */
.pc-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s4);align-items:center;padding-block:var(--s3) var(--s5)}
.pc-hero .txt{display:grid;gap:var(--s2)}
.pc-hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:800;font-stretch:78%;letter-spacing:-.016em}
.pc-hero .lead{font-size:1.2rem;color:#d9ebe6;max-width:36rem}
.pc-hero .row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin-top:var(--s1)}
.pc-hero .tag-price{font:800 2rem/1 var(--f-display);font-stretch:78%;color:#fff}
.pc-hero .tag-price small{font:500 .74rem/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:#b5d2cd;margin-left:.4rem}
.pc-hero img{width:100%;height:auto;max-width:560px;justify-self:center;filter:drop-shadow(0 24px 40px rgba(4,20,30,.35))}
.pc-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--s1)}
.pc-facts span{font:500 .74rem/1 var(--f-mono);letter-spacing:.04em;color:#e5f2ee;border:1px solid rgba(255,255,255,.28);padding:.5rem .7rem;border-radius:999px}

/* Vorschau */
.previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}
.previews a{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:0 8px 22px rgba(14,42,71,.10);transition:transform .2s}
.previews a:hover{transform:translateY(-4px)}
.previews img{display:block;width:100%;height:auto;aspect-ratio:210/297;object-fit:cover}
.previews figcaption{font:500 .72rem/1.3 var(--f-mono);letter-spacing:.04em;color:var(--muted);padding:.55rem .7rem}
.previews figure{margin:0}

/* Autorin */
.author{display:grid;grid-template-columns:96px 1fr;gap:var(--s3);align-items:center;background:var(--tint);border-radius:18px;padding:var(--s3)}
.author img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.author b{font:720 1.15rem/1.2 var(--f-display);font-stretch:88%;display:block;margin-bottom:.3rem}
.author p{color:var(--fg);margin:0}

/* FAQ */
.faq{display:grid;gap:.6rem}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 1.1rem}
.faq summary{cursor:pointer;list-style:none;padding:1rem 2rem 1rem 0;font:600 1.04rem/1.35 var(--f-body);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:.8rem;font:400 1.5rem/1 var(--f-body);color:var(--accent)}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--muted);padding-bottom:1rem;margin:0}

/* Preis-Box */
.aside-card .v small{font:500 .72rem/1.3 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);display:block;margin-top:.35rem;font-stretch:100%}
.facts-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;font-size:.96rem}
.facts-list li{display:grid;grid-template-columns:1.1rem 1fr;gap:.5rem;color:var(--fg)}
.facts-list li::before{content:"✓";color:var(--green);font-weight:700}

/* Bestellformular */
.order{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:var(--s5);align-items:start}
.oform{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:var(--s4);box-shadow:var(--shadow);display:grid;gap:var(--s3)}
.oform .grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.field{display:grid;gap:.4rem}
.field label{font-weight:600;font-size:.98rem}
.field label .opt{font-weight:400;color:var(--muted);font-size:.88rem}
.field input,.field textarea{font:400 1rem/1.4 var(--f-body);color:var(--fg);background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:.75rem .9rem;width:100%;box-sizing:border-box}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--tint)}
.field textarea{min-height:5.5rem;resize:vertical}
.field .hint{font-size:.86rem;color:var(--muted)}
.checks{display:grid;gap:.8rem}
.checkline{display:grid;grid-template-columns:1.3rem 1fr;gap:.7rem;align-items:start;font-size:.97rem;line-height:1.45}
.checkline input{width:1.15rem;height:1.15rem;margin:.15rem 0 0;accent-color:var(--accent)}
.sum{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-top:1px solid var(--line);padding-top:var(--s2)}
.sum span{color:var(--muted);font-size:.95rem}
.sum b{font:800 1.8rem/1 var(--f-display);font-stretch:78%;color:var(--accent)}
.oform .btn{justify-self:start}
.oform .small{font-size:.86rem;color:var(--muted)}
.done{display:none;background:var(--tint);border-radius:18px;padding:var(--s3);gap:var(--s2)}
.done.on{display:grid}
.done b{font:720 1.25rem/1.2 var(--f-display);font-stretch:88%}
.done textarea{font:400 .9rem/1.45 var(--f-mono);width:100%;min-height:12rem;border:1px solid var(--line);border-radius:12px;padding:.8rem;background:var(--surface);color:var(--fg);box-sizing:border-box}
.done .row{display:flex;flex-wrap:wrap;gap:.6rem}
.steps-mini{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2);counter-reset:s}
.steps-mini li{display:grid;grid-template-columns:2.2rem 1fr;gap:.8rem;counter-increment:s}
.steps-mini li::before{content:counter(s);width:2.2rem;height:2.2rem;border-radius:50%;background:var(--accent);color:var(--surface);font:700 1rem/2.2rem var(--f-display);text-align:center}
.steps-mini b{display:block}
.steps-mini span{color:var(--muted);font-size:.95rem}

@media (max-width:980px){
  .order{grid-template-columns:1fr}
  .previews{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .shop.live{grid-template-columns:1fr;justify-items:start}
  .shop .buy{justify-items:start;text-align:left}
  .pc-hero{grid-template-columns:1fr}
  .pc-hero img{max-width:420px}
}
@media (max-width:560px){
  .oform{padding:var(--s3)}
  .oform .grid2{grid-template-columns:1fr}
  .author{grid-template-columns:1fr}
}