/* 143 – Markenlook wie auf 143.events: Creme #F6F1E7, Schwarz als Primärfarbe, Rot #d0473e als Akzent, Pink #FE98D7, Schrift Lexend */
:root,html.light{--bg:#F6F1E7;--hdr:#F6F1E7;--card:#fff;--ink:#111;--muted:#5f5a52;--faint:#948d82;--line:#e6dccb;--img:#efe7d8;--btn:#000;--btnfg:#fff;--inp:#fff;--inpline:#ddd2bf;--glass:rgba(255,255,255,.55);--glassline:rgba(0,0,0,.08);--acc:#d0473e;--pink:#FE98D7}
body{font-family:'Lexend',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.005em}
.btn,.kat,.upbtn,.chip,.qty{font-family:inherit}
.btn{border-radius:5px}
a.link:hover,.foot-links a:hover{color:var(--acc)}
.cartbadge{background:var(--acc);color:#fff}
.cartbadge.pop{animation:bpop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes bpop{0%{transform:scale(.6)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.cartbadge.pop{animation:none}}
.tixlink{display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:5px;background:var(--pink);color:#111;font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap}
.hdr--over.tone-light:not(.is-solid) .tixlink{background:rgba(255,255,255,.85)}
/* Gratis-Versand-Fortschritt + Vertrauenszeile im Warenkorb */
.freeship{margin:14px 0 4px;padding:12px 14px;border-radius:5px;background:var(--card);border:1px solid var(--line);font-size:14px}
.freeship b{color:var(--acc)}
.freeship.done b{color:#15803d}
.fsbar{height:6px;border-radius:99px;background:var(--img);margin-top:8px;overflow:hidden}
.fsbar i{display:block;height:100%;background:var(--acc);border-radius:99px;transition:width .4s ease}
.freeship.done .fsbar i{background:#15803d}
.trust{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin-top:10px;font-size:12px;color:var(--muted)}

/* ── Feinschliff 143 ── */
/* Logo: immer nur EIN Logo (hell nur transparent über dem Bild) */
.hdr .brand img.logo-l{display:none}
.hdr .brand img.logo-d{display:block}
.hdr.hdr--over.tone-light:not(.is-solid) .brand img.logo-l{display:block}
.hdr.hdr--over.tone-light:not(.is-solid) .brand img.logo-d{display:none}
.hdr.hdr--over.is-solid,.hdr:not(.hdr--over){background:rgba(246,241,231,.92);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}
.hrow{min-height:60px}
.cartico{width:42px;height:42px;border-radius:5px}
.cartico svg{display:block}
.hdr-actions{gap:8px}
/* Startbild etwas kürzer, damit man sieht, dass es weitergeht */
.hero{height:86svh;min-height:480px}
.slide-label{border-radius:5px;font-weight:600}
/* Produktkarten mit Name + Preis, zweites Bild beim Drüberfahren */
.pcard{display:block;text-decoration:none;color:var(--ink);min-width:0}
.pcard .tile{display:block;position:relative;width:100%;flex:none}
.pcard .tile img.alt{position:absolute;inset:0;opacity:0;transition:opacity .35s ease}
@media (hover:hover){.pcard:hover .tile img.alt{opacity:1}.pcard:hover .tile img:not(.alt){transform:scale(1.03)}}
.pcap{display:flex;flex-direction:column;gap:2px;padding:10px 2px 4px}
.pnm{font-size:14px;font-weight:600;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ppr{font-size:14px;font-weight:500;color:var(--muted)}
.pgrid{gap:18px 12px}
@media(min-width:640px){.pgrid{grid-template-columns:repeat(3,1fr);gap:28px 18px}}
@media(min-width:960px){.pgrid{grid-template-columns:repeat(4,1fr)}}
.slider .pcard{flex:0 0 46%;scroll-snap-align:start}
@media(min-width:640px){.slider .pcard{flex-basis:30%}}
.soldout{border-radius:5px}
.kath{font-size:13px;letter-spacing:.08em;font-weight:700}
/* Produktseite */
.chip{border-radius:5px;border-width:1.5px;min-width:48px;font-weight:600}
.chips .chip.on{background:#000;color:#fff;border-color:#000}
.qty{border-radius:5px}
.btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;letter-spacing:.01em}
.btn:not(:disabled):active{transform:scale(.985)}
.pd-img{border-radius:5px}
.pd-info h1{font-size:26px;font-weight:700;letter-spacing:-.015em;line-height:1.15}
.price{font-weight:600}
.optsel{border-radius:5px}
/* Event-Karten */
.slider.ev .evcard{border-radius:5px;transition:transform .2s ease}
@media (hover:hover){.slider.ev .evcard:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.pcard .tile img,.slider.ev .evcard,.btn{transition:none!important;transform:none!important}}