/* Shop-Kategorieseiten: Kollektionen, Armbänder, Zubehör */
.c-hero{position:relative;overflow:hidden;padding-block:clamp(56px,7vw,112px)}
.c-hero .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,80px);align-items:center}
.c-hero h1{font-size:clamp(34px,8.4cqi,120px)}
.c-hero .lead{margin:22px 0 0;color:var(--on-ink);max-width:44ch}
.c-hero .pic{margin:0;position:relative;aspect-ratio:1;overflow:hidden;border-radius:2px;background:var(--ink-2);clip-path:inset(0 0 0 0)}
.c-hero .pic img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
.c-hero .meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.c-hero .meta span{font:500 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;padding:10px 14px;border:1px solid var(--line-ink);border-radius:999px;color:var(--on-ink-muted)}
@media (max-width:860px){.c-hero .wrap{grid-template-columns:1fr}.c-hero .pic{aspect-ratio:4/3}}
.w-hero .meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.w-hero .meta span{font:500 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;padding:10px 14px;border:1px solid var(--line-ink);border-radius:999px;color:var(--on-ink-muted)}
.w-hero .lead-wrap .btn{margin-top:24px}
.p-sec{padding-block:clamp(56px,7vw,104px) 0}
.p-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:8px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{font:600 12px/1 var(--f-display);font-stretch:112%;letter-spacing:.1em;text-transform:uppercase;padding:11px 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--text);color:var(--paper);border-color:var(--text)}
.chip .n{font:500 11px var(--f-mono);opacity:.6;margin-left:6px}
.count{font:500 12px var(--f-mono);color:var(--muted)}
.grid-p{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,3vw,48px) clamp(14px,1.8vw,26px);padding-block:clamp(28px,4vw,48px) clamp(72px,8vw,120px)}
.grid-p.few{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){.grid-p{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.grid-p,.grid-p.few{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pcard.feature{grid-column:span 2;grid-row:span 2;grid-template-rows:1fr auto auto}
.pcard.feature .media{aspect-ratio:auto;height:100%;min-height:0}
@media (max-width:760px){.pcard.feature{grid-row:auto}.pcard.feature .media{aspect-ratio:1;height:auto}}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-ink);border:1px solid var(--line-ink)}
.duo article{background:var(--ink);padding:clamp(24px,3.4vw,48px);display:grid;gap:14px;align-content:start}
.duo .tag{font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lume)}
.duo h3{margin:0;font:600 clamp(22px,2.6vw,36px)/1.08 var(--f-display);font-stretch:118%;letter-spacing:.02em;text-transform:uppercase}
.duo p{margin:0;color:var(--on-ink-muted)}
.duo ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--line-ink)}
.duo li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-ink);font:500 13px/1.4 var(--f-mono)}
.duo li span:first-child{color:var(--on-ink-muted)}
@media (max-width:760px){.duo{grid-template-columns:1fr}}
.kf{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-top:1px solid var(--line)}
.kf div{padding:22px 18px 22px 0;border-bottom:1px solid var(--line);display:grid;gap:8px}
.kf b{font:500 clamp(30px,3.6vw,52px)/1 var(--f-mono);letter-spacing:-.02em}
/* Kennzahlen: Werte immer in einer Zeile, Schrift passt sich der Spaltenbreite an */
.kf div{container-type:inline-size;min-width:0}
.kf b{white-space:nowrap;font-size:clamp(20px,15.5cqi,52px)}
.kf b small{font-size:.42em;letter-spacing:.04em;margin-left:4px;color:var(--muted)}
.kf span{font:500 10.5px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,26px)}
.opts article{display:grid;gap:10px;align-content:start;padding-top:18px;border-top:1px solid var(--line)}
.opts b{font:500 12px/1 var(--f-mono);letter-spacing:.14em;color:var(--signal)}
.opts h3{margin:0;font:600 17px/1.25 var(--f-display);font-stretch:112%;letter-spacing:.05em;text-transform:uppercase}
.opts p{margin:0;color:var(--muted);font-size:16px}
@media (max-width:980px){.opts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.opts{grid-template-columns:1fr}}
.more{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.more a{display:grid;gap:12px;text-decoration:none;min-width:0}
.more .im{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:2px;background:var(--ink-2)}
.more img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.more a:hover img{transform:scale(1.05)}
.more .k{font:600 14px/1.2 var(--f-display);font-stretch:112%;letter-spacing:.08em;text-transform:uppercase}
.more a:hover .k{color:var(--lume)}
.more .d{font-size:15px;color:var(--on-ink-muted)}
@media (max-width:860px){.more{grid-template-columns:repeat(2,minmax(0,1fr))}}
.strap-nav{display:flex;gap:8px;flex-wrap:wrap}
.strap-nav a{font:600 12px/1 var(--f-display);font-stretch:112%;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:12px 16px;border:1px solid var(--line);border-radius:999px;transition:background .3s var(--ease),color .3s var(--ease)}
.strap-nav a:hover{background:var(--text);color:var(--paper)}
.strap-nav a[aria-current="page"]{background:var(--red-bg,#c70201);border-color:var(--signal);color:#fff}
.show-all{display:flex;margin:-24px auto clamp(72px,8vw,120px)}
.show-all[hidden]{display:none}
.p-sec .grid-p:has(+ .show-all:not([hidden])){padding-bottom:clamp(40px,5vw,64px)}
/* Fünf Kennzahlen in einer Reihe, auf dem Handy zwei Spalten */
@media (min-width:701px){.kf.wide{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:700px){.kf.wide{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Kollektions-Erzählblöcke (SpeedForce, Allenstein): Bilder immer vollständig */
.cx-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.cx-split.rev>figure{order:2}
.cx-ph{margin:0;display:grid;gap:14px;justify-items:center}
.cx-ph img{display:block;width:auto;max-width:100%;height:auto;max-height:78vh;object-fit:contain;border-radius:2px}
.cx-ph.two{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);align-items:end}
.cx-tx{display:grid;gap:18px;align-content:start;min-width:0}
.cx-tx h2{margin:0}
.cx-tx p{margin:0;max-width:58ch}
.ink .cx-tx p{color:var(--on-ink-muted)}
.cx-tx .lead-in{font:italic 400 21px/1.4 var(--f-serif);color:var(--text)}
.cx-h3{margin:10px 0 0;font:600 clamp(20px,2.2vw,28px)/1.1 var(--f-display);font-stretch:118%;letter-spacing:.02em;text-transform:uppercase}
.cx-mv{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:center}
.cx-mv figure,.cx-feat figure{margin:0}
.cx-mv figure img,.cx-feat figure img{width:100%;height:auto;display:block}
.cx-by{display:flex;align-items:center;gap:14px;font:500 11px/1 var(--f-mono)!important;letter-spacing:.12em;text-transform:uppercase}
.cx-by img{height:30px;width:auto;filter:brightness(0) invert(1);opacity:.8}
.cx-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.cx-specs h3{margin:0 0 12px;font:500 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}
.cx-specs dl{margin:0;border-top:1px solid var(--line)}
.cx-specs dl div{padding:12px 0;border-bottom:1px solid var(--line);display:grid;gap:4px}
.cx-specs dt{font:500 11px/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cx-specs dd{margin:0;font-size:16px;line-height:1.45}
.cx-feat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:center}
.cx-feat ol{list-style:none;margin:0;padding:0;counter-reset:f;border-top:1px solid var(--line-ink)}
.cx-feat li{counter-increment:f;display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line-ink);color:var(--on-ink);font-size:17px;line-height:1.45}
.cx-feat li::before{content:"0" counter(f);font:500 12px/1.9 var(--f-mono);color:var(--lume)}
.cx-dl{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-top:clamp(20px,3vw,32px)}
.cx-dl p{margin:0;font:500 11px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
@media (max-width:900px){.cx-split,.cx-mv,.cx-feat{grid-template-columns:1fr}.cx-split.rev>figure{order:0}.cx-specs{grid-template-columns:1fr 1fr}.cx-ph img{max-height:70vh}}
@media (max-width:560px){.cx-specs{grid-template-columns:1fr}}