/* === Release-LP CSS (Claude 28.06.2026) — scoped Inseln === */
@import "lp/op16-lp.css";

/* === Kategorie-Seiten cat-CSS-Imports (Claude 30.06.2026) === */
@import "cat/hc-mtg.css";
@import "cat/hc-ygo.css";
@import "cat/hc-swu.css";
@import "cat/hc-dbs.css";
@import "cat/hc-fab.css";
@import "cat/hc-nrk.css";
@import "cat/hc-cp.css";
@import "cat/hc-ws.css";
@import "cat/hc-sgl.css";
@import "cat/hc-slv.css";
@import "cat/hc-dbx.css";
@import "cat/hc-sets.css";
@import "cat/hc-blog.css";

/* ============================================================
   golive-content.css
   Per-Seite-Styles für die golive-fertigstellung-v1-Seiten.
   ALLES scoped auf #hc-XX, keine globalen Leaks.
   Akzentvariation: jeweils zweites Element bekommt Coral statt Cyan.
   ============================================================ */


/* ============================================================
   Shared Mini-Utilities (scoped auf alle hc-* Blöcke,
   ersetzen die `style="margin-top:...;color:..."`-Inlines)
   ============================================================ */

#hc-uu .mt-1, #hc-faq .mt-1, #hc-404 .mt-1, #hc-kon .mt-1 { margin-top: 14px; }
#hc-uu .mt-2, #hc-faq .mt-2, #hc-404 .mt-2, #hc-kon .mt-2 { margin-top: 18px; }
#hc-uu .mt-3, #hc-faq .mt-3, #hc-404 .mt-3, #hc-kon .mt-3 { margin-top: 26px; }

#hc-uu .muted-body, #hc-faq .muted-body, #hc-404 .muted-body, #hc-kon .muted-body {
  color: var(--muted); font-size: 15.5px; line-height: 1.7;
}

#hc-uu .sec-h2, #hc-faq .sec-h2, #hc-404 .sec-h2, #hc-kon .sec-h2 {
  font-family: var(--font-display); font-weight: 800;
  font-size: clamp(28px, 3.4vw, 40px); margin: 16px 0 0;
  line-height: 1.05; letter-spacing: -.02em;
}
#hc-uu .sec-h2 .grad, #hc-faq .sec-h2 .grad, #hc-404 .sec-h2 .grad, #hc-kon .sec-h2 .grad {
  background: var(--ribbon); -webkit-background-clip: text; background-clip: text; color: transparent;
}

#hc-uu .sec-lead, #hc-faq .sec-lead, #hc-404 .sec-lead, #hc-kon .sec-lead {
  max-width: 42ch;
}

#hc-uu .eyebrow-center, #hc-faq .eyebrow-center, #hc-404 .eyebrow-center, #hc-kon .eyebrow-center {
  display: flex;
  justify-content: center;
}

#hc-uu .text-center, #hc-faq .text-center, #hc-404 .text-center, #hc-kon .text-center {
  text-align: center;
}





/* ============================================================
   #hc-uu — Über uns
   ============================================================ */

#hc-uu .crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--dim);margin-bottom:14px;flex-wrap:wrap;}
#hc-uu .crumb a:hover{color:var(--primary);}
#hc-uu .crumb .sep{opacity:.5;}
#hc-uu .crumb .here{color:var(--muted);}

#hc-uu .ab-hero{padding:48px 0 56px;min-height:586px;display:flex;flex-direction:column;justify-content:center;background:var(--hero-grad);background-attachment:fixed;}
@media(max-width:1080px){#hc-uu .ab-hero{min-height:0;background-attachment:scroll;}}
#hc-uu .ab-hero h1{font-size:clamp(38px,5.6vw,72px);line-height:.97;letter-spacing:-.025em;margin-top:18px;}
#hc-uu .ab-hero h1 .grad{background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;}
#hc-uu .ab-hero .lead{font-size:18px;color:var(--muted);max-width:54ch;margin:24px 0 30px;line-height:1.65;}
#hc-uu .ab-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;}
#hc-uu .hero-cta{display:flex;gap:10px;flex-wrap:wrap;}

#hc-uu .ab-portrait{position:relative;height:480px;display:grid;place-items:center;}
#hc-uu .ab-portrait::before{
  content:"";position:absolute;inset:-6% -10%;
  background:radial-gradient(circle at 60% 45%, color-mix(in srgb,var(--primary) 38%,transparent), transparent 65%);
  filter:blur(36px);z-index:0;
}
#hc-uu .pframe{
  position:relative;z-index:2;width:78%;max-width:380px;aspect-ratio:4/5;border-radius:var(--r-xl);
  background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-soft), 0 36px 80px -30px rgba(0,0,0,.4);
  overflow:hidden;display:grid;place-items:end;padding:24px;
}
#hc-uu .pframe image-slot{position:absolute;inset:0;width:100%;height:100%;display:block;}
#hc-uu .ptag{
  position:absolute;top:18px;left:18px;z-index:3;
  background:var(--card);border-radius:var(--r-pill);padding:7px 12px;
  font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text);
  box-shadow:0 6px 18px -10px rgba(0,0,0,.5);
}
#hc-uu .pname{
  position:relative;z-index:3;background:color-mix(in srgb,var(--brand-navy) 86%,transparent);
  color:#fff;backdrop-filter:blur(8px);
  padding:14px 18px;border-radius:var(--r-md);width:100%;
}
#hc-uu .pname b{font-family:var(--font-display);font-size:18px;display:block;}
#hc-uu .pname span{font-size:12px;opacity:.8;}
#hc-uu .floater{
  position:absolute;z-index:3;background:var(--card);border-radius:var(--r-md);
  padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:var(--text);
  box-shadow:inset 0 0 0 1px var(--border-soft), 0 18px 40px -20px rgba(0,0,0,.4);
  animation:hcUuFloat 6s ease-in-out infinite;
}
#hc-uu .floater.f1{top:6%;right:0;}
#hc-uu .floater.f2{bottom:14%;left:-4%;animation-delay:-3s;}
#hc-uu .floater svg{color:var(--primary);}
#hc-uu .floater:nth-of-type(2) svg{color:var(--accent);}
@keyframes hcUuFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){#hc-uu .floater{animation:none;}}

#hc-uu .ab-stats{display:grid;grid-template-columns:repeat(4,auto);gap:30px;padding-top:30px;margin-top:30px;border-top:1px solid var(--border-soft);}
#hc-uu .ab-stat b{font-family:var(--font-display);font-weight:800;font-size:30px;display:block;line-height:1;letter-spacing:-.01em;}
#hc-uu .ab-stat span{font-size:12px;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:.14em;margin-top:6px;display:block;}
/* Marker-Style für nicht-belegte/Platzhalter-Werte */
#hc-uu placeholder[data-real="false"]{
  display:inline-block;font-family:var(--font-display);font-style:normal;
  color:var(--muted);border-bottom:1.5px dashed var(--accent);padding:0 2px;
}
#hc-uu placeholder[data-real="false"]::before{content:"";}

/* story timeline */
#hc-uu .story-grid{display:grid;grid-template-columns:240px 1fr;gap:54px;align-items:start;}
#hc-uu .story-eyebrow{position:sticky;top:120px;}
#hc-uu .yr-big{font-family:var(--font-display);font-weight:800;font-size:64px;line-height:1;margin-top:16px;background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;}
#hc-uu .story-eyebrow p{margin-top:14px;font-size:14px;color:var(--muted);max-width:30ch;line-height:1.6;}

#hc-uu .timeline{display:flex;flex-direction:column;}
#hc-uu .tl-item{display:grid;grid-template-columns:140px 1fr;gap:30px;padding:26px 0;border-top:1px solid var(--border-soft);align-items:flex-start;}
#hc-uu .tl-item:first-child{border-top:none;padding-top:6px;}
#hc-uu .tl-yr{font-family:var(--font-display);font-weight:800;font-size:36px;color:var(--primary);letter-spacing:-.01em;line-height:1;font-feature-settings:"tnum";}
#hc-uu .tl-item:nth-child(even) .tl-yr{color:var(--accent);}
#hc-uu .tl-yr small{display:block;font-family:var(--font-body);font-weight:600;font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.12em;margin-top:6px;}
#hc-uu .tl-body h4{font-family:var(--font-display);font-weight:700;font-size:22px;margin:0 0 8px;line-height:1.2;}
#hc-uu .tl-body p{font-size:15px;color:var(--muted);line-height:1.7;}
#hc-uu .tl-body .tag{display:inline-block;margin-top:12px;}

/* values / promises */
#hc-uu .promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
#hc-uu .promise{
  --c:var(--primary);
  background:var(--card);border-radius:var(--r-lg);padding:24px;
  box-shadow:inset 0 0 0 1px var(--border-soft);transition:.25s var(--ease);
  position:relative;overflow:hidden;
}
#hc-uu .promise:nth-child(even){--c:var(--accent);}
#hc-uu .promise:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--c), 0 24px 50px -28px var(--c);}
#hc-uu .promise .pic{
  width:50px;height:50px;border-radius:14px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);margin-bottom:16px;
}
#hc-uu .promise h4{font-family:var(--font-body);font-weight:700;font-size:17px;margin:0 0 8px;color:var(--text);}
#hc-uu .promise p{font-size:13.5px;color:var(--muted);line-height:1.6;}

/* whatnot/discord band */
#hc-uu .channel-band{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;
}
#hc-uu .channel{
  --c:var(--primary);
  background:var(--card);border-radius:var(--r-lg);padding:28px;
  box-shadow:inset 0 0 0 1px var(--border-soft);
  display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:flex-start;
  transition:.25s var(--ease);
}
#hc-uu .channel:nth-child(even){--c:var(--accent);}
#hc-uu .channel:hover{box-shadow:inset 0 0 0 1px var(--c), 0 24px 50px -28px var(--c);transform:translateY(-3px);}
#hc-uu .channel .ic{width:54px;height:54px;border-radius:16px;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c);display:grid;place-items:center;flex:none;}
#hc-uu .channel h3{font-family:var(--font-display);font-size:22px;margin:0 0 6px;}
#hc-uu .channel p{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 14px;}
#hc-uu .channel a.cta{
  display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;
  color:var(--c);text-decoration:none;
}
#hc-uu .channel a.cta:hover{transform:translateX(3px);}

/* about-card / quote */
#hc-uu .quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;}
#hc-uu .quote-card{
  background:var(--card);border-radius:var(--r-xl);padding:38px;
  box-shadow:inset 0 0 0 1px var(--border-soft), 0 30px 70px -32px rgba(0,0,0,.25);
  position:relative;
}
#hc-uu .quote-mark{position:absolute;top:24px;right:28px;font-family:var(--font-display);font-size:88px;line-height:1;color:var(--accent);opacity:.18;}
#hc-uu .quote-text{font-family:var(--font-display);font-weight:600;font-size:22px;line-height:1.4;color:var(--text);margin:0 0 22px;}
#hc-uu .quote-sig{display:flex;align-items:center;gap:14px;}
#hc-uu .quote-sig .av{width:46px;height:46px;border-radius:50%;background:var(--ribbon);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:18px;}
#hc-uu .quote-sig b{display:block;font-family:var(--font-display);font-size:15px;}
#hc-uu .quote-sig span{font-size:12.5px;color:var(--muted);}

/* CTA-Strip */
#hc-uu .uu-cta{
  text-align:center;background:var(--surface);border-radius:var(--r-xl);padding:48px 30px;
  box-shadow:inset 0 0 0 1px var(--border-soft);
}
#hc-uu .uu-cta h2{font-size:clamp(28px,3.4vw,44px);margin:0;}
#hc-uu .uu-cta .lead{color:var(--muted);max-width:50ch;margin:14px auto 22px;font-size:16px;line-height:1.6;}
#hc-uu .uu-cta .ctas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}

@media(max-width:1080px){
  #hc-uu .ab-hero-grid{grid-template-columns:1fr;gap:40px;}
  #hc-uu .ab-portrait{height:380px;order:-1;}
  #hc-uu .story-grid{grid-template-columns:1fr;gap:30px;}
  #hc-uu .story-eyebrow{position:static;}
  #hc-uu .promise-grid{grid-template-columns:repeat(2,1fr);}
  #hc-uu .channel-band{grid-template-columns:1fr;}
  #hc-uu .quote-grid{grid-template-columns:1fr;gap:30px;}
  #hc-uu .ab-stats{grid-template-columns:repeat(2,auto);gap:22px;}
}
@media(max-width:640px){
  #hc-uu .tl-item{grid-template-columns:1fr;gap:8px;}
  #hc-uu .promise-grid{grid-template-columns:1fr;}
}


/* ============================================================
   #hc-faq — FAQ
   ============================================================ */

#hc-faq .crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--dim);margin-bottom:14px;flex-wrap:wrap;}
#hc-faq .crumb a:hover{color:var(--primary);}
#hc-faq .crumb .sep{opacity:.5;}
#hc-faq .crumb .here{color:var(--muted);}

#hc-faq .faq-hero{padding:38px 0 34px;}
#hc-faq .faq-hero h1{font-size:clamp(34px,5vw,60px);margin-top:14px;line-height:1.02;letter-spacing:-.02em;}
#hc-faq .faq-hero h1 .grad{background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;}
#hc-faq .faq-hero .lead{max-width:60ch;margin-top:18px;font-size:17px;color:var(--muted);line-height:1.65;}

/* search */
#hc-faq .faq-search{
  display:flex;align-items:center;gap:10px;
  background:var(--surface);border-radius:var(--r-pill);
  box-shadow:inset 0 0 0 1.5px var(--border);
  padding:8px 8px 8px 20px;margin-top:26px;max-width:560px;
}
#hc-faq .faq-search svg{color:var(--dim);flex:none;}
#hc-faq .faq-search input{
  flex:1;border:none;background:transparent;outline:none;height:42px;
  font-family:var(--font-body);font-size:15px;color:var(--text);
}
#hc-faq .faq-search input::placeholder{color:var(--dim);}
#hc-faq .faq-search .clr{
  width:40px;height:40px;border-radius:50%;color:var(--dim);
  display:none;place-items:center;background:var(--card-hi);
}
#hc-faq .faq-search.has-q .clr{display:grid;}
#hc-faq .faq-search.has-q .clr:hover{color:var(--primary);}

#hc-faq .faq-meta{
  display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;font-size:13.5px;color:var(--muted);
}
#hc-faq .faq-meta b{color:var(--text);}

/* topic chips */
#hc-faq .topic-strip{
  display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:36px 0 0;
}
@media(max-width:1080px){#hc-faq .topic-strip{grid-template-columns:repeat(3,1fr);}}
@media(max-width:560px){#hc-faq .topic-strip{grid-template-columns:1fr;}}
#hc-faq .topic{
  --c:var(--primary);
  display:flex;align-items:center;gap:14px;padding:18px 18px;
  background:var(--surface);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--border-soft);
  text-decoration:none;color:inherit;transition:.22s var(--ease);
}
#hc-faq .topic:nth-child(even){--c:var(--accent);}
#hc-faq .topic:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--c), 0 18px 40px -26px var(--c);}
#hc-faq .topic .ic{
  width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;
  background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);
}
#hc-faq .topic b{display:block;font-size:14.5px;color:var(--text);font-weight:700;}
#hc-faq .topic span{font-size:12.5px;color:var(--muted);}

/* category groups */
#hc-faq .faq-group{--c:var(--primary);padding:36px 0;border-top:1px solid var(--border-soft);scroll-margin-top:100px;}
#hc-faq .faq-group:nth-of-type(even){--c:var(--accent);}
#hc-faq .faq-group:first-of-type{border-top:none;padding-top:0;}
#hc-faq .faq-group h2{
  font-family:var(--font-display);font-weight:800;font-size:clamp(24px,2.6vw,32px);
  margin:0 0 4px;display:flex;align-items:center;gap:14px;letter-spacing:-.01em;
}
#hc-faq .faq-group h2 .gn{
  width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c);
  font-family:var(--font-display);font-weight:800;font-size:15px;
}
#hc-faq .faq-group .gsub{color:var(--muted);font-size:14.5px;margin:0 0 18px;padding-left:52px;}

/* accordion */
#hc-faq .faq-acc{display:flex;flex-direction:column;}
#hc-faq .qa{
  background:var(--card);border-radius:var(--r-md);
  box-shadow:inset 0 0 0 1px var(--border-soft);
  margin-bottom:10px;overflow:hidden;
  transition:box-shadow .22s var(--ease);
}
#hc-faq .qa[open]{box-shadow:inset 0 0 0 1px var(--c), 0 18px 40px -28px var(--c);}
#hc-faq .qa summary{
  display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;
  list-style:none;font-size:15.5px;font-weight:600;color:var(--text);line-height:1.4;
}
#hc-faq .qa summary::-webkit-details-marker{display:none;}
#hc-faq .qa .qi{
  width:30px;height:30px;border-radius:50%;flex:none;
  background:var(--card-hi);box-shadow:inset 0 0 0 1px var(--border-soft);
  display:grid;place-items:center;color:var(--muted);
  transition:.25s var(--ease);font-weight:800;
}
#hc-faq .qa[open] summary .qi{background:var(--c);color:var(--primary-ink);transform:rotate(45deg);box-shadow:none;}
#hc-faq .qa-body{
  padding:0 22px 22px 66px;color:var(--muted);font-size:14.5px;line-height:1.7;
}
#hc-faq .qa-body p{margin:0 0 10px;}
#hc-faq .qa-body p:last-child{margin-bottom:0;}
#hc-faq .qa-body ul{margin:6px 0 10px;padding-left:18px;list-style:none;}
#hc-faq .qa-body ul li{position:relative;padding-left:14px;margin-bottom:6px;}
#hc-faq .qa-body ul li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--c);}
#hc-faq .qa-body a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;}
#hc-faq .qa-body strong,#hc-faq .qa-body b{color:var(--text);font-weight:700;}

#hc-faq .nores{padding:40px 24px;text-align:center;background:var(--card);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--border-soft);display:none;}
#hc-faq .nores.show{display:block;}
#hc-faq .nores h4{font-size:18px;margin:0 0 8px;}
#hc-faq .nores p{color:var(--muted);font-size:14.5px;margin:0 0 14px;}

#hc-faq .faq-help{
  background:var(--hero-grad);border-radius:var(--r-xl);padding:38px 30px;text-align:center;
  box-shadow:inset 0 0 0 1px var(--border-soft);margin-top:30px;
}
#hc-faq .faq-help h3{font-size:clamp(22px,2.6vw,30px);margin:0 0 8px;}
#hc-faq .faq-help p{color:var(--muted);margin:0 auto 20px;max-width:48ch;font-size:15px;line-height:1.6;}
#hc-faq .faq-help-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
#hc-faq .faq-body-wrap{max-width:880px;margin:0 auto;}


/* ============================================================
   #hc-404 — 404
   ============================================================ */

#hc-404 .nf-shell{
  min-height:calc(100vh - 200px);
  display:flex;align-items:center;justify-content:center;
  padding:60px 0 80px;background:var(--hero-grad);
  position:relative;overflow:hidden;
}
#hc-404 .nf-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;max-width:1100px;width:100%;}
@media(max-width:980px){#hc-404 .nf-grid{grid-template-columns:1fr;gap:30px;text-align:center;}}

#hc-404 .nf-copy .eyebrow{justify-content:flex-start;}
@media(max-width:980px){#hc-404 .nf-copy .eyebrow{justify-content:center;}}
#hc-404 .nf-num{
  font-family:var(--font-display);font-weight:800;
  font-size:clamp(110px,18vw,200px);line-height:.85;letter-spacing:-.06em;
  background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;
  margin:18px 0 6px;
}
#hc-404 h1{font-size:clamp(28px,3.6vw,42px);line-height:1.05;letter-spacing:-.02em;margin:0;}
#hc-404 h1 .grad{background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;}
#hc-404 .nf-copy p{color:var(--muted);font-size:16px;line-height:1.6;max-width:48ch;margin:14px 0 24px;}
@media(max-width:980px){#hc-404 .nf-copy p{margin-left:auto;margin-right:auto;}}

#hc-404 .nf-search{
  display:flex;align-items:center;gap:10px;
  background:var(--card);border-radius:var(--r-pill);
  box-shadow:inset 0 0 0 1.5px var(--border);
  padding:6px 6px 6px 20px;max-width:480px;
}
@media(max-width:980px){#hc-404 .nf-search{margin:0 auto;}}
#hc-404 .nf-search svg{color:var(--dim);flex:none;}
#hc-404 .nf-search input{
  flex:1;border:none;background:transparent;outline:none;height:46px;
  font-family:var(--font-body);font-size:15px;color:var(--text);
}
#hc-404 .nf-search input::placeholder{color:var(--dim);}
#hc-404 .nf-search button{
  padding:0 22px;height:46px;border-radius:var(--r-pill);
  background:var(--primary);color:var(--primary-ink);font-weight:700;font-size:14px;
  display:inline-flex;align-items:center;gap:7px;transition:.2s;border:none;cursor:pointer;
}
#hc-404 .nf-search button:hover{transform:translateY(-2px);}

#hc-404 .nf-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
@media(max-width:980px){#hc-404 .nf-cta{justify-content:center;}}

/* mascot scene */
#hc-404 .nf-scene{position:relative;height:480px;display:grid;place-items:center;}
@media(max-width:980px){#hc-404 .nf-scene{height:320px;}}
#hc-404 .nf-scene::before{
  content:"";position:absolute;inset:-12% -8%;
  background:radial-gradient(circle at 50% 45%, color-mix(in srgb,var(--primary) 36%,transparent), transparent 60%);
  filter:blur(40px);z-index:0;
}
#hc-404 .nf-island{position:relative;width:300px;height:300px;z-index:2;display:grid;place-items:end center;}
#hc-404 .nf-island image-slot{
  position:relative;z-index:3;width:80%;aspect-ratio:1/1;display:block;
  filter:drop-shadow(0 30px 30px rgba(0,0,0,.3));
  animation:hc404Floaty 4s ease-in-out infinite;
}
@keyframes hc404Floaty{0%,100%{transform:translateY(0) rotate(-3deg);}50%{transform:translateY(-14px) rotate(3deg);}}
@media(prefers-reduced-motion:reduce){#hc-404 .nf-island image-slot{animation:none;}}
#hc-404 .nf-base{
  position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:280px;height:60px;border-radius:50%;
  background:radial-gradient(ellipse at center, color-mix(in srgb,var(--primary) 30%,transparent), transparent 70%);
  filter:blur(8px);z-index:1;
}
#hc-404 .nf-card{
  --c:var(--primary);
  position:absolute;background:var(--card);border-radius:var(--r-md);
  padding:11px 14px;font-size:13px;font-weight:600;color:var(--text);
  box-shadow:inset 0 0 0 1px var(--border-soft), 0 18px 40px -20px rgba(0,0,0,.4);
  display:flex;align-items:center;gap:9px;z-index:4;
}
#hc-404 .nf-card svg{color:var(--c);}
#hc-404 .nf-card.c1{top:12%;left:-4%;animation:hc404Floaty 6s ease-in-out infinite;}
#hc-404 .nf-card.c2{bottom:18%;right:-4%;animation:hc404Floaty 7s ease-in-out infinite reverse;animation-delay:-2s;--c:var(--accent);}
#hc-404 .nf-card.c3{top:42%;right:12%;animation:hc404Floaty 5.5s ease-in-out infinite;animation-delay:-3s;}
#hc-404 .nf-spark{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 16px 4px color-mix(in srgb,var(--primary) 50%,transparent);z-index:2;}
#hc-404 .nf-spark.s1{top:18%;right:22%;animation:hc404Twinkle 2.4s ease-in-out infinite;}
#hc-404 .nf-spark.s2{bottom:30%;left:18%;animation:hc404Twinkle 2.4s ease-in-out infinite;animation-delay:.8s;width:5px;height:5px;background:var(--accent);box-shadow:0 0 16px 4px color-mix(in srgb,var(--accent) 50%,transparent);}
#hc-404 .nf-spark.s3{top:62%;right:8%;animation:hc404Twinkle 2.4s ease-in-out infinite;animation-delay:1.6s;width:6px;height:6px;}
@keyframes hc404Twinkle{0%,100%{opacity:.3;transform:scale(.7);}50%{opacity:1;transform:scale(1.2);}}

/* discord band — own row below hero */
#hc-404 .nf-discord{
  margin:0 auto;max-width:880px;
  background:var(--card);border-radius:var(--r-xl);padding:26px 30px;
  box-shadow:inset 0 0 0 1px var(--border-soft);
  display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;
}
#hc-404 .nf-discord .ic{
  width:54px;height:54px;border-radius:16px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);
  display:grid;place-items:center;flex:none;
}
#hc-404 .nf-discord h3{font-family:var(--font-display);font-size:20px;margin:0 0 4px;}
#hc-404 .nf-discord p{margin:0;font-size:14px;color:var(--muted);}
@media(max-width:720px){
  #hc-404 .nf-discord{grid-template-columns:1fr;text-align:center;}
  #hc-404 .nf-discord .ic{margin:0 auto;}
}

/* popular links */
#hc-404 .nf-popular{padding:50px 0 60px;}
#hc-404 .nf-pop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px;}
@media(max-width:980px){#hc-404 .nf-pop-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){#hc-404 .nf-pop-grid{grid-template-columns:1fr;}}
#hc-404 .nf-pop{
  --c:var(--primary);
  display:flex;align-items:center;gap:14px;padding:18px 18px;
  background:var(--surface);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--border-soft);
  text-decoration:none;color:inherit;transition:.22s var(--ease);
}
#hc-404 .nf-pop:nth-child(even){--c:var(--accent);}
#hc-404 .nf-pop:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--c),0 18px 40px -26px var(--c);}
#hc-404 .nf-pop .ic{width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);}
#hc-404 .nf-pop b{display:block;font-size:14.5px;color:var(--text);font-weight:700;}
#hc-404 .nf-pop span{font-size:12.5px;color:var(--muted);}


/* ============================================================
   #hc-kon — Kontakt-Karten-Block
   (wird ABOVE das JTL-Pflicht-Formular auf nLinkart=13 injiziert)
   ============================================================ */

#hc-kon{padding:40px 0 30px;}
#hc-kon .kon-head{margin:0 auto 26px;max-width:680px;text-align:center;}
#hc-kon .kon-head .eyebrow{justify-content:center;}
#hc-kon .kon-head h2{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,3.2vw,38px);margin:14px 0 12px;line-height:1.05;letter-spacing:-.02em;}
#hc-kon .kon-head h2 .grad{background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;}
#hc-kon .kon-head p{margin:0 auto;max-width:54ch;font-size:15.5px;line-height:1.65;color:var(--muted);}

#hc-kon .kon-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
  max-width:1100px;margin:0 auto;
}
@media(max-width:1080px){#hc-kon .kon-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){#hc-kon .kon-grid{grid-template-columns:1fr;}}

#hc-kon .kon-card{
  --c:var(--primary);
  position:relative;
  background:var(--card);border-radius:var(--r-lg);padding:24px 22px 22px;
  box-shadow:inset 0 0 0 1px var(--border-soft);
  text-decoration:none;color:inherit;
  display:flex;flex-direction:column;gap:14px;
  transition:.22s var(--ease);
}
#hc-kon .kon-card:nth-child(even){--c:var(--accent);}
#hc-kon .kon-card:hover{
  transform:translateY(-3px);
  box-shadow:inset 0 0 0 1px var(--c), 0 24px 50px -28px var(--c);
}
#hc-kon .kon-card .ic{
  width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c);
  transition:.22s var(--ease);
}
#hc-kon .kon-card:hover .ic{background:var(--c);color:var(--primary-ink);}
#hc-kon .kon-card .kon-label{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--c);}
#hc-kon .kon-card h3{font-family:var(--font-display);font-weight:700;font-size:19px;margin:0;line-height:1.15;letter-spacing:-.01em;}
#hc-kon .kon-card p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.55;}
#hc-kon .kon-card .meta{
  margin-top:auto;display:flex;align-items:center;gap:8px;
  font-size:12.5px;color:var(--text);font-weight:600;
}
#hc-kon .kon-card .meta .dot{width:7px;height:7px;border-radius:50%;background:var(--c);}
#hc-kon .kon-card .arr{
  position:absolute;top:22px;right:22px;color:var(--dim);transition:.2s var(--ease);
}
#hc-kon .kon-card:hover .arr{color:var(--c);transform:translate(2px,-2px);}

#hc-kon .kon-foot{
  margin:24px auto 0;max-width:780px;
  display:flex;gap:10px;justify-content:center;align-items:center;
  font-size:13px;color:var(--muted);flex-wrap:wrap;text-align:center;
}
#hc-kon .kon-foot b{color:var(--text);}
#hc-kon .kon-foot .sep{opacity:.5;}

/* Hinweis-Strip nur in Standalone-Preview sichtbar */
#hc-kon[data-preview="standalone"] + .kon-preview-note{
  max-width:720px;margin:18px auto 0;padding:14px 18px;
  background:color-mix(in srgb,var(--accent) 10%,transparent);
  border-radius:var(--r-md);font-size:13px;color:var(--muted);
  border:1px dashed color-mix(in srgb,var(--accent) 50%,transparent);
}


/* ============================================================
   #hc-srch — Suche
   ============================================================ */

#hc-srch .crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--dim);margin-bottom:14px;flex-wrap:wrap;}
#hc-srch .crumb a:hover{color:var(--primary);}
#hc-srch .crumb .sep{opacity:.5;}
#hc-srch .crumb .here{color:var(--muted);}

#hc-srch .sr-hero{padding:34px 0 0;position:relative;}
#hc-srch .sr-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ribbon);opacity:.45;}
#hc-srch .sr-hero h1{font-size:clamp(28px,3.6vw,42px);line-height:1.05;letter-spacing:-.02em;margin:8px 0 0;}
#hc-srch .sr-hero h1 .q{background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;}

#hc-srch .sr-bar{
  display:flex;align-items:center;gap:10px;
  background:var(--card);border-radius:var(--r-pill);box-shadow:inset 0 0 0 1.5px var(--border);
  padding:6px 6px 6px 20px;max-width:680px;margin:22px 0 4px;
}
#hc-srch .sr-bar svg{color:var(--dim);flex:none;}
#hc-srch .sr-bar input{flex:1;border:none;background:transparent;outline:none;height:50px;font-family:var(--font-body);font-size:15.5px;color:var(--text);}
#hc-srch .sr-bar input::placeholder{color:var(--dim);}
#hc-srch .sr-bar button{padding:0 22px;height:50px;border-radius:var(--r-pill);background:var(--primary);color:var(--primary-ink);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:7px;border:none;cursor:pointer;transition:.2s;}
#hc-srch .sr-bar button:hover{transform:translateY(-2px);}

#hc-srch .sr-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13.5px;color:var(--muted);padding:18px 0 22px;}
#hc-srch .sr-meta b{color:var(--text);}
#hc-srch .sr-meta a.reset{color:var(--primary);font-weight:600;}

#hc-srch .sr-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border-soft);margin:14px 0 22px;flex-wrap:wrap;}
#hc-srch .sr-tabs button{padding:14px 18px;font-weight:700;font-size:14.5px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:.2s;background:none;border:0;border-bottom:2px solid transparent;display:inline-flex;align-items:center;gap:10px;cursor:pointer;}
#hc-srch .sr-tabs button.on{color:var(--text);border-color:var(--primary);}
#hc-srch .sr-tabs button .b{font-size:11px;font-weight:700;background:var(--surface-2);padding:2px 9px;border-radius:var(--r-pill);color:var(--dim);font-feature-settings:"tnum";}
#hc-srch .sr-tabs button.on .b{background:var(--primary);color:var(--primary-ink);}

#hc-srch .sr-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;}
#hc-srch .sr-chips .c{padding:8px 14px;border-radius:var(--r-pill);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-soft);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:.18s;border:none;}
#hc-srch .sr-chips .c:hover{color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);}
#hc-srch .sr-chips .c.on{background:var(--primary);color:var(--primary-ink);box-shadow:none;}

#hc-srch .sr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media(max-width:1080px){#hc-srch .sr-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:760px){#hc-srch .sr-grid{grid-template-columns:repeat(2,1fr);}}

#hc-srch .sr-suggest{
  background:color-mix(in srgb,var(--primary) 8%,var(--card));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 26%,transparent);
  border-radius:var(--r-md);padding:14px 18px;margin-bottom:22px;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--text);
}
#hc-srch .sr-suggest svg{color:var(--primary);flex:none;}
#hc-srch .sr-suggest a{color:var(--primary);font-weight:700;text-decoration:underline;text-underline-offset:2px;}

#hc-srch .sr-empty{
  text-align:center;padding:50px 24px;
  background:var(--card);border-radius:var(--r-lg);
  box-shadow:inset 0 0 0 1px var(--border-soft);max-width:560px;margin:0 auto;
}
#hc-srch .sr-empty image-slot{width:120px;height:120px;margin:0 auto 14px;display:block;}
#hc-srch .sr-empty h3{font-size:22px;margin:0 0 8px;font-family:var(--font-display);font-weight:800;letter-spacing:-.015em;}
#hc-srch .sr-empty p{color:var(--muted);max-width:42ch;margin:0 auto 18px;font-size:14.5px;line-height:1.55;}
#hc-srch .sr-empty .ctas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}

#hc-srch .sr-sets{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:980px){#hc-srch .sr-sets{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){#hc-srch .sr-sets{grid-template-columns:1fr;}}
#hc-srch .sr-set{
  --c:var(--primary);
  display:flex;align-items:center;gap:14px;padding:18px;
  background:var(--card);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--border-soft);
  text-decoration:none;color:inherit;transition:.22s var(--ease);
}
#hc-srch .sr-set:nth-child(even){--c:var(--accent);}
#hc-srch .sr-set:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--c),0 18px 40px -26px var(--c);}
#hc-srch .sr-set .logo{width:60px;height:60px;border-radius:14px;flex:none;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-soft);overflow:hidden;}
#hc-srch .sr-set .logo image-slot{width:100%;height:100%;display:block;}
#hc-srch .sr-set b{display:block;font-size:14.5px;color:var(--text);font-weight:700;line-height:1.25;}
#hc-srch .sr-set span{font-size:12.5px;color:var(--muted);}

#hc-srch .sr-help{display:flex;flex-direction:column;gap:10px;}
#hc-srch .sr-help a{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:var(--card);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--border-soft);text-decoration:none;color:inherit;transition:.18s;}
#hc-srch .sr-help a:hover{box-shadow:inset 0 0 0 1px var(--primary);}
#hc-srch .sr-help .ic{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);}
#hc-srch .sr-help b{display:block;font-size:14.5px;color:var(--text);font-weight:700;}
#hc-srch .sr-help span{font-size:13px;color:var(--muted);line-height:1.45;}
#hc-srch .sr-help b mark, #hc-srch .sr-help span mark{background:color-mix(in srgb,var(--primary) 22%,transparent);color:var(--text);font-weight:700;padding:0 2px;border-radius:3px;}

#hc-srch .sr-pane{display:none;}
#hc-srch .sr-pane.on{display:block;}


/* ============================================================
   #hc-brand — Marken-Detailseite-Template
   Generisch verwendbar; Beispiel-Daten = Pokémon.
   Live: Init via initListing (custom.js) + ready()-Array.
   ============================================================ */

#hc-brand .crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--dim);margin-bottom:14px;flex-wrap:wrap;}
#hc-brand .crumb a:hover{color:var(--primary);}
#hc-brand .crumb .sep{opacity:.5;}
#hc-brand .crumb .here{color:var(--muted);}

#hc-brand .bd-hero{padding:42px 0 36px;background:var(--hero-grad);}
#hc-brand .bd-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
@media(max-width:1080px){#hc-brand .bd-hero-grid{grid-template-columns:1fr;gap:30px;}}
#hc-brand .bd-hero h1{font-size:clamp(36px,5.4vw,68px);line-height:.98;letter-spacing:-.025em;margin-top:18px;}
#hc-brand .bd-hero h1 .grad{background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;}
#hc-brand .bd-hero .lead{font-size:17px;color:var(--muted);max-width:54ch;margin:22px 0 28px;line-height:1.65;}

/* Brand-Logo-Slot oben links im Hero (Image-Slot, KEIN Hardcoded-Logo wegen IP-Regel §8) */
#hc-brand .bd-brandline{display:inline-flex;align-items:center;gap:14px;}
#hc-brand .bd-brandlogo{
  width:54px;height:54px;border-radius:14px;
  background:var(--card);box-shadow:inset 0 0 0 1px var(--border-soft);
  overflow:hidden;flex:none;
}
#hc-brand .bd-brandlogo image-slot{width:100%;height:100%;display:block;}

/* Quick-Filter unter dem H1 */
#hc-brand .bd-quick{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 22px;}
#hc-brand .bd-quick button{
  --c:var(--primary);
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 15px;border-radius:var(--r-pill);
  background:var(--card);box-shadow:inset 0 0 0 1.5px var(--border);
  font-family:var(--font-body);font-size:13.5px;font-weight:600;color:var(--text);
  border:none;cursor:pointer;transition:.2s var(--ease);
}
#hc-brand .bd-quick button:nth-child(even){--c:var(--accent);}
#hc-brand .bd-quick button:hover{box-shadow:inset 0 0 0 1.5px var(--c);color:var(--c);}
#hc-brand .bd-quick button .qd{width:8px;height:8px;border-radius:50%;background:var(--c);}

/* Hero Stats */
#hc-brand .bd-stats{display:flex;gap:30px;padding-top:22px;margin-top:22px;border-top:1px solid var(--border-soft);}
#hc-brand .bd-stat b{font-family:var(--font-display);font-weight:800;font-size:28px;display:block;line-height:1;letter-spacing:-.01em;}
#hc-brand .bd-stat .grad{background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;}
#hc-brand .bd-stat span{font-size:12px;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:.14em;margin-top:6px;display:block;}

/* Hero-Visual: 3 Holo-Cards fan (Image-Slots) */
#hc-brand .bd-visual{position:relative;height:480px;display:grid;place-items:center;}
@media(max-width:1080px){#hc-brand .bd-visual{height:360px;}}
#hc-brand .bd-visual::before{
  content:"";position:absolute;inset:-8% -10%;
  background:radial-gradient(circle at 55% 45%, color-mix(in srgb,var(--primary) 30%,transparent), transparent 60%);
  filter:blur(36px);z-index:0;
}
#hc-brand .bd-card{
  position:absolute;width:38%;max-width:200px;aspect-ratio:63/88;border-radius:16px;
  background:var(--card);box-shadow:inset 0 0 0 1.5px var(--border-soft), 0 30px 60px -24px rgba(0,0,0,.4);
  overflow:hidden;
}
#hc-brand .bd-card image-slot{position:absolute;inset:0;width:100%;height:100%;display:block;}
#hc-brand .bd-card.l{left:8%;top:24%;transform:rotateZ(-8deg);}
#hc-brand .bd-card.m{left:50%;top:48%;transform:translate(-50%,-50%) rotateZ(2deg);z-index:2;width:42%;max-width:230px;}
#hc-brand .bd-card.r{right:8%;bottom:18%;transform:rotateZ(8deg);}

/* Set-Ribbon (§10 Inventar Markup-Vertrag) */
#hc-brand .bd-ribbon-section{padding:18px 0 22px;}
#hc-brand .bd-ribbon{display:flex;gap:10px;overflow-x:auto;padding:4px 4px 14px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;}
#hc-brand .bd-ribbon::-webkit-scrollbar{display:none;}
#hc-brand .set-tile{
  flex:none;min-width:140px;width:160px;scroll-snap-align:start;
  background:var(--card);border-radius:var(--r-md);
  box-shadow:inset 0 0 0 1px var(--border-soft);
  padding:14px 14px 12px;text-align:center;cursor:pointer;
  transition:.22s var(--ease);position:relative;border:none;
}
#hc-brand .set-tile:hover{box-shadow:inset 0 0 0 1px var(--primary), 0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);transform:translateY(-2px);}
#hc-brand .set-tile.is-on{box-shadow:inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}
#hc-brand .set-badge{
  position:absolute;top:8px;right:8px;font-size:9.5px;font-weight:800;letter-spacing:.08em;
  padding:3px 7px;border-radius:6px;text-transform:uppercase;
}
#hc-brand .set-badge.b-new{background:var(--primary);color:var(--primary-ink);}
#hc-brand .set-badge.b-pre{background:var(--accent);color:#fff;}
#hc-brand .set-logo{height:54px;display:grid;place-items:center;margin-bottom:8px;background:var(--surface-2);border-radius:8px;overflow:hidden;}
#hc-brand .set-logo image-slot{width:100%;height:100%;display:block;}
#hc-brand .set-name{font-family:var(--font-display);font-weight:700;font-size:12.5px;color:var(--text);line-height:1.2;}
#hc-brand .set-date{font-size:10.5px;color:var(--muted);margin-top:4px;letter-spacing:.04em;}

/* Body-Layout: Sidebar + Grid */
#hc-brand .bd-body{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:flex-start;padding:18px 0 40px;}
@media(max-width:980px){#hc-brand .bd-body{grid-template-columns:1fr;}}

/* Filter-Sidebar */
#hc-brand .bd-side{
  background:var(--card);border-radius:var(--r-lg);
  box-shadow:inset 0 0 0 1px var(--border-soft);
  padding:20px 22px;
  position:sticky;top:96px;
  max-height:calc(100vh - 110px);overflow-y:auto;
}
@media(max-width:980px){#hc-brand .bd-side{position:static;max-height:none;}}
#hc-brand .bd-side .fgroup{padding:14px 0;border-top:1px solid var(--border-soft);}
#hc-brand .bd-side .fgroup:first-child{border-top:none;padding-top:0;}
#hc-brand .bd-side .fgroup h4{font-family:var(--font-body);font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0 0 12px;}
#hc-brand .bd-side label{
  display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px;color:var(--text);cursor:pointer;
}
#hc-brand .bd-side input[type=radio], #hc-brand .bd-side input[type=checkbox]{
  accent-color:var(--primary);width:16px;height:16px;
}
#hc-brand .bd-side .count{margin-left:auto;font-size:11px;color:var(--dim);font-feature-settings:"tnum";}

/* Product-Grid (Vertrag §11 Inventar) */
#hc-brand .bd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media(max-width:1280px){#hc-brand .bd-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:760px){#hc-brand .bd-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:440px){#hc-brand .bd-grid{grid-template-columns:1fr;}}

#hc-brand .prod{
  background:var(--card);border-radius:var(--r-lg);
  box-shadow:inset 0 0 0 1px var(--border-soft);
  text-decoration:none;color:inherit;display:flex;flex-direction:column;
  transition:.22s var(--ease);overflow:hidden;position:relative;
}
#hc-brand .prod:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--primary),0 24px 50px -28px var(--primary);}
#hc-brand .prod .pim{position:relative;aspect-ratio:1/1;background:var(--surface-2);}
#hc-brand .prod .pim image-slot{position:absolute;inset:0;width:100%;height:100%;display:block;}
#hc-brand .prod .ptag{
  position:absolute;top:10px;left:10px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  padding:3px 8px;border-radius:6px;background:var(--primary);color:var(--primary-ink);
}
#hc-brand .prod[data-availability="vorbestellung"] .ptag{background:var(--accent);color:#fff;}
#hc-brand .prod[data-availability="ausverkauft"] .ptag{background:var(--card-hi);color:var(--muted);}
#hc-brand .prod .pbody{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1;}
#hc-brand .prod h3{font-family:var(--font-body);font-weight:700;font-size:14.5px;color:var(--text);margin:0;line-height:1.25;}
#hc-brand .prod .pmeta{display:flex;gap:8px;font-size:11.5px;color:var(--muted);font-weight:600;letter-spacing:.03em;}
#hc-brand .prod .pmeta span{padding:2px 7px;border-radius:6px;background:var(--card-hi);}
#hc-brand .prod .pprice{margin-top:auto;font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--primary);}

#hc-brand .bd-grid-empty{
  grid-column:1/-1;
  text-align:center;padding:50px 24px;
  background:var(--card);border-radius:var(--r-lg);
  box-shadow:inset 0 0 0 1px var(--border-soft);
}
#hc-brand .bd-grid-empty h3{font-family:var(--font-display);font-weight:800;font-size:20px;margin:0 0 8px;}
#hc-brand .bd-grid-empty p{color:var(--muted);font-size:14.5px;margin:0 0 16px;}


/* ============================================================
   #hc-nl — Newsletter-Landingpage
   ============================================================ */

#hc-nl .crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--dim);margin-bottom:14px;flex-wrap:wrap;}
#hc-nl .crumb a:hover{color:var(--primary);}
#hc-nl .crumb .sep{opacity:.5;}
#hc-nl .crumb .here{color:var(--muted);}

#hc-nl .nl-hero{padding:48px 0 50px;min-height:586px;display:flex;flex-direction:column;justify-content:center;background:var(--hero-grad);}
@media(max-width:1080px){#hc-nl .nl-hero{min-height:0;}}
#hc-nl .nl-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;}
@media(max-width:1080px){#hc-nl .nl-hero-grid{grid-template-columns:1fr;gap:30px;}}
#hc-nl .nl-hero h1{font-size:clamp(38px,5.4vw,68px);line-height:.98;letter-spacing:-.025em;margin-top:18px;}
#hc-nl .nl-hero h1 .grad{background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;}
#hc-nl .nl-hero .lead{font-size:18px;color:var(--muted);max-width:46ch;margin:22px 0 26px;line-height:1.6;}

/* Form-Card */
#hc-nl .nl-form-card{
  background:var(--card);border-radius:var(--r-xl);padding:28px;
  box-shadow:inset 0 0 0 1px var(--border-soft), 0 30px 70px -30px color-mix(in srgb,var(--primary) 25%,transparent);
  max-width:520px;
}
#hc-nl .nl-form-card h3{font-family:var(--font-display);font-weight:800;font-size:22px;margin:0 0 4px;letter-spacing:-.01em;}
#hc-nl .nl-form-card .eyebrow{margin-bottom:14px;}
#hc-nl .nl-form-row{display:flex;gap:8px;}
#hc-nl .nl-form-row input{
  flex:1;background:var(--surface);border:none;border-radius:var(--r-pill);
  box-shadow:inset 0 0 0 1.5px var(--border);
  padding:0 18px;height:52px;font-family:var(--font-body);font-size:15px;color:var(--text);outline:none;transition:.18s;
}
#hc-nl .nl-form-row input:focus{box-shadow:inset 0 0 0 2px var(--primary), 0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent);}
#hc-nl .nl-form-row button{
  padding:0 24px;height:52px;border-radius:var(--r-pill);
  background:var(--primary);color:var(--primary-ink);font-family:var(--font-body);font-weight:700;font-size:15px;
  box-shadow:var(--glow);transition:.2s;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;
}
#hc-nl .nl-form-row button:hover{transform:translateY(-2px);}

#hc-nl .nl-prefs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
#hc-nl .nl-pref{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:var(--r-pill);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-soft);font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;transition:.15s;}
#hc-nl .nl-pref input{display:none;}
#hc-nl .nl-pref:has(input:checked){background:color-mix(in srgb,var(--primary) 16%,var(--surface));color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);}
#hc-nl .nl-pref:hover{color:var(--text);}

/* DOI-Hinweis */
#hc-nl .nl-doi{
  margin-top:20px;padding:14px 16px;
  background:color-mix(in srgb,var(--accent) 8%,var(--card));
  border-radius:var(--r-md);
  box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 35%,transparent);
  font-size:12.5px;color:var(--text);line-height:1.55;
  display:flex;gap:10px;align-items:flex-start;
}
#hc-nl .nl-doi svg{flex:none;color:var(--accent);margin-top:1px;}
#hc-nl .nl-doi b{display:block;font-size:13px;margin-bottom:4px;}
#hc-nl .nl-doi a{color:var(--accent);text-decoration:underline;}

/* Visual: Envelope */
#hc-nl .nl-visual{position:relative;height:540px;display:grid;place-items:center;}
@media(max-width:1080px){#hc-nl .nl-visual{height:380px;order:-1;}}
#hc-nl .nl-visual::before{content:"";position:absolute;inset:-8% -10%;background:radial-gradient(circle at 55% 45%, color-mix(in srgb,var(--primary) 38%,transparent), transparent 65%);filter:blur(36px);z-index:0;}
#hc-nl .env{position:relative;width:78%;max-width:420px;aspect-ratio:5/4;border-radius:24px;background:var(--card);box-shadow:inset 0 0 0 1px var(--border-soft), 0 36px 80px -30px rgba(0,0,0,.4);transform:rotate(-3deg);z-index:2;overflow:hidden;}
#hc-nl .env-flap{position:absolute;top:0;left:0;right:0;height:55%;background:var(--primary);clip-path:polygon(0 0,100% 0,50% 100%);z-index:2;}
#hc-nl .env-letter{position:absolute;left:8%;right:8%;top:18%;bottom:8%;background:var(--surface-2);border-radius:14px;box-shadow:inset 0 0 0 1px var(--border-soft), 0 12px 30px -16px rgba(0,0,0,.25);padding:18px;z-index:1;display:flex;flex-direction:column;gap:7px;}
#hc-nl .env-letter h5{font-family:var(--font-display);font-weight:800;font-size:14px;margin:0;letter-spacing:-.01em;color:var(--text);}
#hc-nl .env-letter small{font-size:9px;color:var(--dim);font-weight:600;letter-spacing:.1em;text-transform:uppercase;}
#hc-nl .env-letter .ln{height:6px;background:var(--card-hi);border-radius:3px;}
#hc-nl .env-letter .ln.short{width:60%;}
#hc-nl .env-letter .ln.med{width:78%;}
#hc-nl .env-letter .env-cards{display:flex;gap:6px;margin-top:6px;}
#hc-nl .env-letter .env-cards .mc{flex:1;aspect-ratio:63/88;background:var(--foil);border-radius:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);}

#hc-nl .float-card{
  position:absolute;background:var(--card);border-radius:var(--r-md);
  padding:12px 14px;display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:var(--text);
  box-shadow:inset 0 0 0 1px var(--border-soft), 0 18px 40px -20px rgba(0,0,0,.4);
  z-index:3;animation:hcNlFloat 7s ease-in-out infinite;
}
#hc-nl .float-card svg{color:var(--primary);}
#hc-nl .float-card.f1{top:8%;right:0;}
#hc-nl .float-card.f2{bottom:6%;left:-2%;animation-delay:-3.5s;}
#hc-nl .float-card.f2 svg{color:var(--accent);}
@keyframes hcNlFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){#hc-nl .float-card{animation:none;}}

/* Mehrwert-Argumente */
#hc-nl .benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:1080px){#hc-nl .benefit-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){#hc-nl .benefit-grid{grid-template-columns:1fr;}}
#hc-nl .benefit{
  --c:var(--primary);
  background:var(--card);border-radius:var(--r-lg);padding:24px;
  box-shadow:inset 0 0 0 1px var(--border-soft);transition:.25s var(--ease);
}
#hc-nl .benefit:nth-child(even){--c:var(--accent);}
#hc-nl .benefit:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--c), 0 24px 50px -28px var(--c);}
#hc-nl .benefit .bic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);margin-bottom:16px;}
#hc-nl .benefit h4{font-family:var(--font-body);font-weight:700;font-size:16px;margin:0 0 8px;color:var(--text);}
#hc-nl .benefit p{font-size:13.5px;color:var(--muted);line-height:1.6;margin:0;}

/* Frequency-Selektor */
#hc-nl .freq{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
#hc-nl .freq label{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-pill);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-soft);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:.15s;}
#hc-nl .freq label input{display:none;}
#hc-nl .freq label:has(input:checked){background:var(--primary);color:var(--primary-ink);box-shadow:none;}


/* ============================================================
   #hc-vz — Versand & Zahlung Detail
   ============================================================ */

#hc-vz .crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--dim);margin-bottom:14px;flex-wrap:wrap;}
#hc-vz .crumb a:hover{color:var(--primary);}
#hc-vz .crumb .sep{opacity:.5;}
#hc-vz .crumb .here{color:var(--muted);}

#hc-vz .vz-hero{padding:36px 0 30px;}
#hc-vz .vz-hero h1{font-size:clamp(34px,5vw,60px);line-height:1.02;letter-spacing:-.02em;margin-top:14px;}
#hc-vz .vz-hero h1 .grad{background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;}
#hc-vz .vz-hero .lead{max-width:60ch;margin-top:18px;font-size:17px;color:var(--muted);line-height:1.65;}
#hc-vz .vz-hero .vz-meta{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;font-size:13px;color:var(--muted);}
#hc-vz .vz-hero .vz-meta .lm{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:var(--r-pill);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-soft);font-weight:600;color:var(--text);}

#hc-vz .vz-body{display:grid;grid-template-columns:220px 1fr;gap:48px;padding:18px 0 50px;align-items:flex-start;}
@media(max-width:980px){#hc-vz .vz-body{grid-template-columns:1fr;gap:18px;}}
#hc-vz .vz-toc{position:sticky;top:96px;padding:20px 22px;background:var(--card);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--border-soft);}
@media(max-width:980px){#hc-vz .vz-toc{position:static;}}
#hc-vz .vz-toc h4{font-family:var(--font-body);font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0 0 12px;}
#hc-vz .vz-toc nav{display:flex;flex-direction:column;gap:6px;}
#hc-vz .vz-toc a{padding:8px 12px;border-radius:8px;font-size:13.5px;color:var(--muted);text-decoration:none;transition:.15s;}
#hc-vz .vz-toc a:hover{background:var(--card-hi);color:var(--primary);}
#hc-vz .vz-toc a.active{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-weight:600;}

#hc-vz .vz-prose{max-width:760px;}
#hc-vz .vz-block{padding:32px 0;border-top:1px solid var(--border-soft);scroll-margin-top:96px;}
#hc-vz .vz-block:first-of-type{border-top:none;padding-top:6px;}
#hc-vz .vz-block h2{display:flex;align-items:center;gap:14px;font-family:var(--font-display);font-weight:800;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.01em;margin:0 0 14px;}
#hc-vz .vz-block h2 .num{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);
  font-family:var(--font-display);font-weight:800;font-size:13px;flex:none;
}
#hc-vz .vz-block:nth-of-type(even) h2 .num{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);}
#hc-vz .vz-block p{font-size:15.5px;color:var(--muted);line-height:1.7;margin:0 0 12px;}
#hc-vz .vz-block p b{color:var(--text);font-weight:700;}
#hc-vz .vz-block a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;}

/* Tabellen */
#hc-vz .vz-table{
  width:100%;border-collapse:separate;border-spacing:0;
  background:var(--card);border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--border-soft);margin:6px 0 16px;
}
#hc-vz .vz-table th{
  background:var(--card-hi);font-family:var(--font-display);font-weight:700;font-size:12.5px;
  letter-spacing:.04em;text-transform:uppercase;color:var(--text);
  padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-soft);
}
#hc-vz .vz-table td{padding:14px 16px;border-bottom:1px solid var(--border-soft);font-size:14.5px;color:var(--text);vertical-align:top;}
#hc-vz .vz-table tr:last-child td{border-bottom:none;}
#hc-vz .vz-table td small{display:block;color:var(--muted);font-size:12.5px;margin-top:4px;line-height:1.45;font-weight:400;}
#hc-vz .vz-table td.amount{font-family:var(--font-display);font-weight:800;color:var(--primary);font-size:16px;white-space:nowrap;text-align:right;width:1%;}
#hc-vz .vz-table td.amount-free{color:var(--accent);}

/* Highlight-Box Goody */
#hc-vz .vz-goody{
  background:color-mix(in srgb,var(--primary) 8%,var(--card));
  border:1px solid color-mix(in srgb,var(--primary) 32%,transparent);
  border-radius:var(--r-lg);padding:18px 22px;margin:6px 0 18px;
  display:flex;gap:14px;align-items:flex-start;
}
#hc-vz .vz-goody svg{color:var(--primary);flex:none;margin-top:2px;}
#hc-vz .vz-goody b{display:block;color:var(--text);margin-bottom:4px;}
#hc-vz .vz-goody p{margin:0;font-size:14px;color:var(--muted);line-height:1.55;}

#hc-vz .vz-fact-list{display:flex;flex-direction:column;gap:0;background:var(--card);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--border-soft);overflow:hidden;margin:8px 0 12px;}
#hc-vz .vz-fact-row{display:grid;grid-template-columns:1fr auto;gap:18px;padding:14px 18px;border-top:1px solid var(--border-soft);font-size:14.5px;}
#hc-vz .vz-fact-row:first-child{border-top:none;}
#hc-vz .vz-fact-row .k{color:var(--muted);font-weight:600;}
#hc-vz .vz-fact-row .v{color:var(--text);font-weight:700;text-align:right;}

#hc-vz .vz-pay-grid{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px;}
#hc-vz .vz-pay-grid .pc{
  padding:7px 14px;border-radius:var(--r-pill);
  background:var(--card);box-shadow:inset 0 0 0 1px var(--border-soft);
  font-size:13px;font-weight:700;color:var(--text);
}

#hc-vz .vz-cta{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;}


/* ============================================================
   #hc-geo — GEO-Antwortseiten
   (KI-/Featured-Snippet-optimierte Antwort-Pages)
   Festes Format: Hero+Kurzantwort, Empfehlung, Vergleich, Details,
   FAQ, Quellen — siehe Briefing §D.
   ============================================================ */

#hc-geo .crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--dim);margin-bottom:14px;flex-wrap:wrap;}
#hc-geo .crumb a:hover{color:var(--primary);}
#hc-geo .crumb .sep{opacity:.5;}
#hc-geo .crumb .here{color:var(--muted);}

#hc-geo .geo-hero{padding:36px 0 30px;}
#hc-geo .geo-hero h1{
  font-family:var(--font-display);font-weight:800;
  font-size:clamp(28px,4.2vw,48px);line-height:1.1;letter-spacing:-.02em;
  margin:14px 0 0;color:var(--text);max-width:24ch;
}

#hc-geo .geo-body{
  display:grid;grid-template-columns:220px 1fr;gap:48px;
  padding:0 0 40px;align-items:flex-start;
}
@media(max-width:980px){#hc-geo .geo-body{grid-template-columns:1fr;gap:18px;}}

#hc-geo .geo-toc{
  position:sticky;top:96px;padding:20px 22px;
  background:var(--card);border-radius:var(--r-lg);
  box-shadow:inset 0 0 0 1px var(--border-soft);
}
@media(max-width:980px){#hc-geo .geo-toc{position:static;}}
#hc-geo .geo-toc h4{font-family:var(--font-body);font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0 0 12px;}
#hc-geo .geo-toc nav{display:flex;flex-direction:column;gap:6px;}
#hc-geo .geo-toc a{padding:8px 12px;border-radius:8px;font-size:13.5px;color:var(--muted);text-decoration:none;transition:.15s;}
#hc-geo .geo-toc a:hover{background:var(--card-hi);color:var(--primary);}
#hc-geo .geo-toc a.active{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-weight:600;}

#hc-geo .geo-prose{max-width:760px;}

/* Kurzantwort — die Wichtige Box */
#hc-geo .geo-short{
  background:var(--card);
  border-radius:var(--r-lg);
  padding:24px 28px;
  margin-bottom:28px;
  box-shadow:inset 0 0 0 1.5px var(--primary), 0 22px 50px -28px color-mix(in srgb,var(--primary) 35%,transparent);
  position:relative;
  scroll-margin-top:96px;
}
#hc-geo .geo-short::before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:5px;
  background:var(--primary);border-radius:var(--r-lg) 0 0 var(--r-lg);
}
#hc-geo .geo-short .label{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-body);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--primary);margin-bottom:10px;
}
#hc-geo .geo-short .label::before{
  content:"";width:18px;height:2px;background:var(--primary);border-radius:2px;
}
#hc-geo .geo-short p{
  font-family:var(--font-display);font-weight:600;
  font-size:clamp(16px,1.7vw,19px);line-height:1.55;color:var(--text);margin:0;
  text-wrap:pretty;
}

/* Empfehlung — BlackEye512 Sammler-Statement */
#hc-geo .geo-recommend{
  background:color-mix(in srgb,var(--accent) 10%,var(--card));
  border-radius:var(--r-lg);
  padding:24px 28px;
  margin-bottom:28px;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent);
  display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:flex-start;
  scroll-margin-top:96px;
}
#hc-geo .geo-recommend .av{
  width:54px;height:54px;border-radius:50%;background:var(--ribbon);color:#fff;
  display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:20px;flex:none;
}
#hc-geo .geo-recommend .who{
  font-family:var(--font-body);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--accent);margin-bottom:8px;
}
#hc-geo .geo-recommend .who b{color:var(--text);}
#hc-geo .geo-recommend p{
  margin:0;font-family:var(--font-display);font-weight:600;
  font-size:16.5px;line-height:1.6;color:var(--text);text-wrap:pretty;
}

/* Vergleichstabelle */
#hc-geo .geo-compare{margin-bottom:28px;scroll-margin-top:96px;}
#hc-geo .geo-compare h2{
  font-family:var(--font-display);font-weight:800;font-size:clamp(20px,2.4vw,26px);
  margin:0 0 14px;letter-spacing:-.01em;
}
#hc-geo .geo-table{
  width:100%;border-collapse:separate;border-spacing:0;
  background:var(--card);border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--border-soft);
}
#hc-geo .geo-table th{
  background:var(--card-hi);font-family:var(--font-display);font-weight:700;font-size:12.5px;
  letter-spacing:.04em;text-transform:uppercase;color:var(--text);
  padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-soft);
}
#hc-geo .geo-table th:not(:first-child){text-align:center;}
#hc-geo .geo-table td{
  padding:14px 16px;border-bottom:1px solid var(--border-soft);font-size:14.5px;color:var(--text);vertical-align:top;
}
#hc-geo .geo-table td:not(:first-child){text-align:center;color:var(--muted);}
#hc-geo .geo-table tr:last-child td{border-bottom:none;}
#hc-geo .geo-table td.k{font-weight:700;color:var(--text);width:35%;}

/* Details/Erklärung — Longform */
#hc-geo .geo-details{margin-bottom:28px;scroll-margin-top:96px;}
#hc-geo .geo-details h2{
  font-family:var(--font-display);font-weight:800;font-size:clamp(20px,2.4vw,26px);
  margin:0 0 14px;letter-spacing:-.01em;
}
#hc-geo .geo-details p, #hc-geo .geo-details ul, #hc-geo .geo-details ol{
  font-size:15.5px;line-height:1.75;color:var(--text);margin:0 0 14px;text-wrap:pretty;
}
#hc-geo .geo-details p b, #hc-geo .geo-details ul b{color:var(--text);font-weight:700;}
#hc-geo .geo-details a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;}
#hc-geo .geo-details ul, #hc-geo .geo-details ol{padding-left:22px;}
#hc-geo .geo-details ul li, #hc-geo .geo-details ol li{margin-bottom:6px;}
#hc-geo .geo-details h3{
  font-family:var(--font-display);font-weight:700;font-size:18px;
  margin:18px 0 8px;letter-spacing:-.01em;color:var(--text);
}

/* Folge-FAQ — reuse #hc-faq Akkordeon-Stil aber scoped */
#hc-geo .geo-faq{margin-bottom:28px;scroll-margin-top:96px;}
#hc-geo .geo-faq h2{
  font-family:var(--font-display);font-weight:800;font-size:clamp(20px,2.4vw,26px);
  margin:0 0 14px;letter-spacing:-.01em;
}
#hc-geo .qa{
  background:var(--card);border-radius:var(--r-md);
  box-shadow:inset 0 0 0 1px var(--border-soft);
  margin-bottom:10px;overflow:hidden;
  transition:box-shadow .22s var(--ease);
}
#hc-geo .qa[open]{box-shadow:inset 0 0 0 1px var(--primary), 0 18px 40px -28px var(--primary);}
#hc-geo .qa summary{
  display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;
  list-style:none;font-size:15px;font-weight:600;color:var(--text);line-height:1.4;
}
#hc-geo .qa summary::-webkit-details-marker{display:none;}
#hc-geo .qa .qi{
  width:28px;height:28px;border-radius:50%;flex:none;
  background:var(--card-hi);box-shadow:inset 0 0 0 1px var(--border-soft);
  display:grid;place-items:center;color:var(--muted);font-weight:800;
  transition:.25s var(--ease);
}
#hc-geo .qa[open] summary .qi{background:var(--primary);color:var(--primary-ink);transform:rotate(45deg);box-shadow:none;}
#hc-geo .qa-body{padding:0 20px 20px 62px;color:var(--muted);font-size:14.5px;line-height:1.7;}
#hc-geo .qa-body p{margin:0 0 8px;}
#hc-geo .qa-body p:last-child{margin-bottom:0;}
#hc-geo .qa-body a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;}

/* Quellen */
#hc-geo .geo-sources{
  background:var(--card);
  border-radius:var(--r-lg);
  padding:20px 24px;
  box-shadow:inset 0 0 0 1px var(--border-soft);
  scroll-margin-top:96px;
}
#hc-geo .geo-sources h2{
  font-family:var(--font-display);font-weight:800;font-size:clamp(18px,2vw,22px);
  margin:0 0 12px;letter-spacing:-.01em;
}
#hc-geo .geo-sources ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;}
#hc-geo .geo-sources li{padding-left:24px;position:relative;font-size:14px;line-height:1.5;}
#hc-geo .geo-sources li::before{
  content:"";position:absolute;left:0;top:9px;width:14px;height:2px;background:var(--primary);border-radius:2px;
}
#hc-geo .geo-sources li.ext::before{background:var(--accent);}
#hc-geo .geo-sources a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;font-weight:600;}
#hc-geo .geo-sources li.ext a{color:var(--accent);}
#hc-geo .geo-sources .src-type{
  display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--dim);margin-right:8px;
}

/* Final-CTA-Strip */
#hc-geo .geo-cta{
  text-align:center;background:var(--hero-grad);border-radius:var(--r-xl);
  padding:30px 28px;margin-top:28px;
}
#hc-geo .geo-cta h3{font-family:var(--font-display);font-weight:800;font-size:clamp(20px,2.4vw,28px);margin:0 0 8px;letter-spacing:-.01em;}
#hc-geo .geo-cta p{margin:0 auto 18px;max-width:50ch;color:var(--muted);font-size:14.5px;line-height:1.6;}
#hc-geo .geo-cta .ctas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}

/* Template-Hilfen — Marker für leere Felder im Template */
#hc-geo .tpl-placeholder{
  background:color-mix(in srgb,var(--accent) 10%,transparent);
  border:1px dashed color-mix(in srgb,var(--accent) 50%,transparent);
  border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--accent);
}


/* ============================================================
   #hc-cookie — DSGVO-Cookie-Consent-Banner
   Tag-Manager-ready: feuert window.dispatchEvent('hc-consent-changed')
   mit detail = { necessary, statistics, marketing }.
   Persistenz: localStorage['hc-consent-v1'] = JSON.
   Wird fix unten am Viewport-Rand gerendert, bis Consent gegeben.
   ============================================================ */

#hc-cookie{
  position:fixed;left:14px;right:14px;bottom:14px;z-index:80;
  background:var(--card);
  border-radius:var(--r-lg);
  box-shadow:0 24px 60px -18px rgba(0,0,0,.35), inset 0 0 0 1px var(--border);
  padding:18px 20px;
  max-width:840px;margin:0 auto;
  font-family:var(--font-body);color:var(--text);
  transform:translateY(0);opacity:1;
  transition:transform .35s var(--ease), opacity .25s var(--ease);
}
#hc-cookie[hidden]{display:none;}
#hc-cookie[data-state="dismissed"]{transform:translateY(120%);opacity:0;pointer-events:none;}
@media(prefers-reduced-motion:reduce){#hc-cookie{transition:none;}}

#hc-cookie .ck-head{
  display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:flex-start;
}
@media(max-width:640px){#hc-cookie .ck-head{grid-template-columns:auto 1fr;}}
#hc-cookie .ck-ic{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);flex:none;
}
#hc-cookie .ck-text h3{
  font-family:var(--font-display);font-weight:800;font-size:18px;margin:0 0 4px;letter-spacing:-.01em;
}
#hc-cookie .ck-text p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted);}
#hc-cookie .ck-text a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;}

#hc-cookie .ck-close{
  width:34px;height:34px;border-radius:50%;background:var(--card-hi);color:var(--muted);
  display:grid;place-items:center;border:none;cursor:pointer;transition:.18s;
}
#hc-cookie .ck-close:hover{color:var(--text);background:color-mix(in srgb,var(--primary) 12%,var(--card-hi));}
@media(max-width:640px){#hc-cookie .ck-close{grid-column:2;justify-self:flex-end;}}

#hc-cookie .ck-categories{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 14px;
}
@media(max-width:720px){#hc-cookie .ck-categories{grid-template-columns:1fr;}}

#hc-cookie .ck-cat{
  background:var(--card-hi);border-radius:var(--r-md);padding:14px 16px;
  box-shadow:inset 0 0 0 1px var(--border-soft);
  display:flex;flex-direction:column;gap:6px;
}
#hc-cookie .ck-cat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
#hc-cookie .ck-cat-head b{font-family:var(--font-body);font-weight:700;font-size:14px;color:var(--text);}
#hc-cookie .ck-cat-head .ck-req{
  font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);
}
#hc-cookie .ck-cat p{margin:0;font-size:12px;line-height:1.5;color:var(--muted);}

/* Toggle-Switch */
#hc-cookie .ck-switch{
  --w:42px;--h:24px;
  position:relative;display:inline-block;width:var(--w);height:var(--h);flex:none;
}
#hc-cookie .ck-switch input{
  opacity:0;width:0;height:0;position:absolute;
}
#hc-cookie .ck-slider{
  position:absolute;inset:0;cursor:pointer;
  background:var(--card);box-shadow:inset 0 0 0 1.5px var(--border);
  border-radius:var(--h);transition:.22s var(--ease);
}
#hc-cookie .ck-slider::before{
  content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);
  width:calc(var(--h) - 6px);height:calc(var(--h) - 6px);border-radius:50%;
  background:var(--text);transition:.22s var(--ease);
}
#hc-cookie .ck-switch input:checked + .ck-slider{
  background:var(--primary);box-shadow:none;
}
#hc-cookie .ck-switch input:checked + .ck-slider::before{
  left:calc(var(--w) - var(--h) + 3px);background:var(--primary-ink);
}
#hc-cookie .ck-switch input:disabled + .ck-slider{
  cursor:not-allowed;opacity:.7;
  background:color-mix(in srgb,var(--primary) 40%,var(--card));
}
#hc-cookie .ck-switch input:focus-visible + .ck-slider{
  outline:2px solid var(--primary);outline-offset:2px;
}

/* Buttons */
#hc-cookie .ck-actions{
  display:flex;gap:10px;flex-wrap:wrap;
}
#hc-cookie .ck-actions .btn{
  font-family:var(--font-body);font-weight:700;font-size:13.5px;
  padding:11px 20px;border-radius:var(--r-pill);border:none;cursor:pointer;
  transition:.2s var(--ease);
}
#hc-cookie .ck-actions .btn-accept-all{
  background:var(--primary);color:var(--primary-ink);box-shadow:var(--glow);
}
#hc-cookie .ck-actions .btn-accept-all:hover{transform:translateY(-2px);}
#hc-cookie .ck-actions .btn-save{
  background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--border);
}
#hc-cookie .ck-actions .btn-save:hover{box-shadow:inset 0 0 0 1.5px var(--primary);color:var(--primary);}
#hc-cookie .ck-actions .btn-reject{
  background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--border-soft);
}
#hc-cookie .ck-actions .btn-reject:hover{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--border);}


/* ============================================================
   #hc-trust — Trust-Signal-Strip
   Wiederverwendbarer 5-Punkt-Block:
     Echter Inhaber · Whatnot-Stream · DSGVO · DE-Versand · Hotline
   Einbau: in Listing-, Produkt-, Hub-Seiten als eigene <section>.
   ============================================================ */

#hc-trust{
  background:var(--card);
  border-radius:var(--r-lg);
  box-shadow:inset 0 0 0 1px var(--border-soft);
  padding:18px 22px;
  margin:24px 0;
}

#hc-trust .ts-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:6px 18px;align-items:center;
}
@media(max-width:1080px){#hc-trust .ts-grid{grid-template-columns:repeat(3,1fr);gap:14px 18px;}}
@media(max-width:640px){#hc-trust .ts-grid{grid-template-columns:1fr 1fr;gap:12px;}}
@media(max-width:420px){#hc-trust .ts-grid{grid-template-columns:1fr;}}

#hc-trust .ts-item{
  --c:var(--primary);
  display:flex;align-items:center;gap:12px;
  padding:6px 0;
  position:relative;
}
#hc-trust .ts-item:nth-child(even){--c:var(--accent);}
#hc-trust .ts-item:not(:last-child)::after{
  content:"";position:absolute;right:-9px;top:50%;transform:translateY(-50%);
  width:1px;height:30px;background:var(--border-soft);
}
@media(max-width:1080px){
  #hc-trust .ts-item:not(:last-child)::after{display:none;}
}

#hc-trust .ts-ic{
  width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);
}
#hc-trust .ts-body{display:flex;flex-direction:column;gap:2px;line-height:1.25;}
#hc-trust .ts-body b{font-family:var(--font-body);font-weight:700;font-size:13.5px;color:var(--text);}
#hc-trust .ts-body span{font-size:11.5px;color:var(--muted);}

/* Compact-Variante für schmale Slots (z. B. unter Hero) */
#hc-trust.is-compact{padding:10px 16px;margin:14px 0;}
#hc-trust.is-compact .ts-grid{gap:6px 14px;}
#hc-trust.is-compact .ts-ic{width:30px;height:30px;border-radius:9px;}
#hc-trust.is-compact .ts-body b{font-size:12.5px;}
#hc-trust.is-compact .ts-body span{font-size:11px;}

/* Live-Status-Punkt für Whatnot-Stream-Indikator */
#hc-trust .ts-live{
  width:7px;height:7px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);
  display:inline-block;margin-right:6px;vertical-align:middle;
  animation:hcTrustPulse 2s ease-in-out infinite;
}
@keyframes hcTrustPulse{
  0%,100%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);}
  50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 8%,transparent);}
}
@media(prefers-reduced-motion:reduce){#hc-trust .ts-live{animation:none;}}


/* ============================================================
   #hc-po — Pre-Order Cinematic Landing Pages
   Apple-Style-Storytelling, ABER in Brand-Book-Palette
   (Orange/Purple/Teal/Cream/Navy) und mit Epilogue/Space Grotesk.
   Keine neuen Farben, keine neuen Schriften.

   Pattern:
     - Edge-to-edge Hero (90vh)
     - Sticky-Pin-Sections (image stays, text scrolls)
     - Massive type-scale, generous whitespace
     - Alternierende Cream/Navy-Blocks für Rhythmus
     - Big-Numbers-Grid für Specs
     - Eine Aussage pro Scroll-Position
   ============================================================ */

#hc-po{
  /* Sektionen geben sich Atem ohne globale Body-Tricks */
  --po-section-pad: clamp(60px, 8vw, 120px);
  --po-h1: clamp(48px, 9vw, 140px);
  --po-h2: clamp(34px, 6vw, 80px);
  --po-h3: clamp(22px, 2.6vw, 32px);
  --po-claim: clamp(22px, 2.6vw, 34px);
}
#hc-po .crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--dim);padding:14px 0 0;flex-wrap:wrap;}
#hc-po .crumb a:hover{color:var(--primary);}
#hc-po .crumb .sep{opacity:.5;}
#hc-po .crumb .here{color:var(--muted);}

/* ===== HERO ===== */
#hc-po .po-hero{
  min-height:90vh;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;padding:var(--po-section-pad) 0;position:relative;overflow:hidden;
  background:var(--hero-grad);
}
#hc-po .po-hero::before{
  content:"";position:absolute;inset:-10% -10%;z-index:0;
  background:radial-gradient(circle at 50% 40%, color-mix(in srgb,var(--primary) 30%,transparent), transparent 60%);
  filter:blur(48px);
}
#hc-po .po-hero .wrap{position:relative;z-index:1;}
#hc-po .po-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-body);font-weight:700;font-size:13px;
  letter-spacing:.28em;text-transform:uppercase;
  color:var(--primary);margin-bottom:30px;
}
#hc-po .po-eyebrow::before{content:"";width:30px;height:2px;background:var(--primary);border-radius:2px;}
#hc-po .po-hero h1{
  font-family:var(--font-display);font-weight:800;
  font-size:var(--po-h1);line-height:.92;letter-spacing:-.045em;
  color:var(--text);margin:0;max-width:18ch;
  text-wrap:balance;
}
#hc-po .po-hero h1 .grad{background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;}
#hc-po .po-hero h1 .out{
  -webkit-text-stroke:1.5px var(--text);color:transparent;
  font-style:italic;
}
#hc-po .po-hero .po-sub{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(18px,2vw,24px);color:var(--muted);
  margin:28px auto 0;max-width:60ch;line-height:1.4;
}
#hc-po .po-hero .po-meta{
  display:flex;justify-content:center;gap:36px;flex-wrap:wrap;margin:36px 0 38px;
}
#hc-po .po-hero .po-meta-cell{font-family:var(--font-body);}
#hc-po .po-hero .po-meta-cell .k{
  display:block;font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin-bottom:6px;
}
#hc-po .po-hero .po-meta-cell .v{
  display:block;font-family:var(--font-display);font-weight:800;
  font-size:clamp(18px,2.4vw,28px);color:var(--text);letter-spacing:-.01em;
  font-feature-settings:"tnum";
}
#hc-po .po-hero .po-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:50px;}
#hc-po .po-hero .po-cta .btn{font-size:16px;padding:18px 32px;}
#hc-po .po-hero .po-stage{
  width:100%;max-width:680px;aspect-ratio:16/11;
  position:relative;border-radius:var(--r-xl);overflow:hidden;
  background:var(--card);
  box-shadow:0 60px 120px -40px rgba(0,0,0,.5), inset 0 0 0 1px var(--border-soft);
}
#hc-po .po-hero .po-stage image-slot{position:absolute;inset:0;width:100%;height:100%;display:block;}

/* Countdown / Pre-Order-Band */
#hc-po .po-band{
  background:var(--brand-navy);color:#fff;
  padding:22px 0;
}
:root[data-theme="reef"] #hc-po .po-band{background:var(--brand-navy);}
#hc-po .po-band-grid{
  display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;
  font-family:var(--font-body);
}
@media(max-width:760px){#hc-po .po-band-grid{grid-template-columns:1fr;text-align:center;}}
#hc-po .po-band b{
  font-family:var(--font-display);font-weight:800;font-size:clamp(20px,2.4vw,30px);
  color:#fff;display:block;letter-spacing:-.01em;
}
#hc-po .po-band span{font-size:13px;color:rgba(255,255,255,.7);letter-spacing:.06em;}
#hc-po .po-band .po-countdown{display:flex;gap:10px;justify-content:center;}
#hc-po .po-band .po-cd-cell{
  background:rgba(255,255,255,.08);border-radius:10px;
  padding:10px 16px;min-width:64px;text-align:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
#hc-po .po-band .po-cd-num{
  display:block;font-family:var(--font-display);font-weight:800;font-size:24px;
  color:var(--primary);line-height:1;font-feature-settings:"tnum";
}
#hc-po .po-band .po-cd-lbl{
  display:block;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.6);margin-top:4px;
}

/* ===== SPOTLIGHTS (sticky image + scrolling text) ===== */
#hc-po .po-spot{
  padding:var(--po-section-pad) 0;
  border-bottom:1px solid var(--border-soft);
}
#hc-po .po-spot:nth-of-type(even){background:var(--surface-2);}
#hc-po .po-spot-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;
}
@media(max-width:1080px){#hc-po .po-spot-grid{grid-template-columns:1fr;gap:30px;}}
#hc-po .po-spot.is-reverse .po-spot-img{order:2;}
@media(max-width:1080px){#hc-po .po-spot.is-reverse .po-spot-img{order:0;}}

#hc-po .po-spot-img{
  position:relative;aspect-ratio:4/5;border-radius:var(--r-xl);overflow:hidden;
  background:var(--card);box-shadow:0 30px 80px -30px rgba(0,0,0,.35), inset 0 0 0 1px var(--border-soft);
}
#hc-po .po-spot-img image-slot{position:absolute;inset:0;width:100%;height:100%;display:block;}

#hc-po .po-spot-text .eyebrow{margin-bottom:18px;}
#hc-po .po-spot-text h2{
  font-family:var(--font-display);font-weight:800;
  font-size:var(--po-h2);line-height:.95;letter-spacing:-.035em;
  color:var(--text);margin:0 0 24px;text-wrap:balance;
}
#hc-po .po-spot-text h2 .grad{background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;}
#hc-po .po-spot-text h2 em{
  font-style:normal;-webkit-text-stroke:1.5px var(--text);color:transparent;
}
#hc-po .po-spot-text .po-claim{
  font-family:var(--font-display);font-weight:500;
  font-size:var(--po-claim);line-height:1.3;
  color:var(--muted);margin:0 0 18px;text-wrap:pretty;
}
#hc-po .po-spot-text p{
  font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 14px;text-wrap:pretty;
}
#hc-po .po-spot-text ul{
  margin:18px 0 0;padding:0;list-style:none;
}
#hc-po .po-spot-text ul li{
  position:relative;padding:10px 0 10px 36px;font-size:15px;color:var(--text);
  border-top:1px solid var(--border-soft);
}
#hc-po .po-spot-text ul li:last-child{border-bottom:1px solid var(--border-soft);}
#hc-po .po-spot-text ul li::before{
  content:"";position:absolute;left:0;top:14px;width:22px;height:22px;border-radius:50%;
  background:color-mix(in srgb,var(--primary) 16%,transparent);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ef820e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;
}

/* ===== BIG-NUMBERS SPECS ===== */
#hc-po .po-specs{
  padding:var(--po-section-pad) 0;
  text-align:center;
  background:var(--brand-navy);color:#fff;
}
#hc-po .po-specs h2{
  font-family:var(--font-display);font-weight:800;
  font-size:var(--po-h2);line-height:.95;letter-spacing:-.035em;
  color:#fff;margin:0 0 12px;
}
#hc-po .po-specs .po-claim{
  color:rgba(255,255,255,.7);font-family:var(--font-display);font-weight:500;
  font-size:clamp(16px,1.8vw,20px);margin:0 auto 60px;max-width:50ch;
}
#hc-po .po-specs-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:30px 50px;align-items:flex-start;
}
@media(max-width:1080px){#hc-po .po-specs-grid{grid-template-columns:repeat(2,1fr);gap:40px 30px;}}
@media(max-width:480px){#hc-po .po-specs-grid{grid-template-columns:1fr;gap:30px;}}
#hc-po .po-spec{position:relative;}
#hc-po .po-spec .num{
  display:block;font-family:var(--font-display);font-weight:800;
  font-size:clamp(48px,7vw,96px);line-height:.9;letter-spacing:-.05em;
  background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;
  font-feature-settings:"tnum";
}
#hc-po .po-spec .lbl{
  display:block;font-family:var(--font-body);font-weight:600;font-size:14px;
  color:rgba(255,255,255,.75);margin-top:8px;letter-spacing:.04em;
}
#hc-po .po-spec .sub{
  display:block;font-size:12px;color:rgba(255,255,255,.5);margin-top:4px;
}

/* ===== IM LIEFERUMFANG ===== */
#hc-po .po-included{
  padding:var(--po-section-pad) 0;
}
#hc-po .po-included h2{
  font-family:var(--font-display);font-weight:800;
  font-size:var(--po-h2);line-height:.95;letter-spacing:-.035em;
  text-align:center;margin:0 auto 14px;
}
#hc-po .po-included .po-claim{
  text-align:center;font-family:var(--font-display);font-weight:500;
  font-size:clamp(16px,1.8vw,20px);color:var(--muted);margin:0 auto 50px;max-width:50ch;
}
#hc-po .po-incl-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
@media(max-width:980px){#hc-po .po-incl-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){#hc-po .po-incl-grid{grid-template-columns:1fr;}}
#hc-po .po-incl{
  background:var(--card);border-radius:var(--r-lg);padding:24px;
  box-shadow:inset 0 0 0 1px var(--border-soft);
  display:flex;flex-direction:column;gap:14px;
}
#hc-po .po-incl .po-incl-img{
  aspect-ratio:4/3;border-radius:var(--r-md);background:var(--surface-2);overflow:hidden;
  position:relative;
}
#hc-po .po-incl image-slot{position:absolute;inset:0;width:100%;height:100%;display:block;}
#hc-po .po-incl b{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--text);letter-spacing:-.01em;}
#hc-po .po-incl span{font-size:13.5px;color:var(--muted);line-height:1.55;}

/* ===== PRE-ORDER CTA STRIP ===== */
#hc-po .po-cta-strip{
  padding:var(--po-section-pad) 0;
  text-align:center;
  background:var(--hero-grad);
}
#hc-po .po-cta-strip h2{
  font-family:var(--font-display);font-weight:800;
  font-size:var(--po-h2);line-height:.95;letter-spacing:-.035em;margin:0 0 18px;
}
#hc-po .po-cta-strip .price{
  display:inline-block;font-family:var(--font-display);font-weight:800;
  font-size:clamp(34px,4.8vw,58px);line-height:1;color:var(--primary);
  margin:14px 0 8px;letter-spacing:-.02em;font-feature-settings:"tnum";
}
#hc-po .po-cta-strip .price-note{
  font-size:13px;color:var(--muted);margin-bottom:30px;font-weight:600;
}
#hc-po .po-cta-strip .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
#hc-po .po-cta-strip .ctas .btn{font-size:16px;padding:18px 36px;}
#hc-po .po-cta-strip .pay-icons{
  margin-top:30px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--dim);
}
#hc-po .po-cta-strip .pay-icons .pc{
  padding:5px 11px;border-radius:var(--r-pill);background:var(--card);
  box-shadow:inset 0 0 0 1px var(--border-soft);font-weight:700;color:var(--text);font-size:12px;
}

/* ===== PRE-ORDER FAQ ===== */
#hc-po .po-faq{
  padding:var(--po-section-pad) 0;
  background:var(--surface-2);
}
#hc-po .po-faq .wrap{max-width:780px;}
#hc-po .po-faq h2{
  font-family:var(--font-display);font-weight:800;
  font-size:var(--po-h2);line-height:.95;letter-spacing:-.035em;
  text-align:center;margin:0 auto 36px;
}
#hc-po .po-faq details{
  background:var(--card);border-radius:var(--r-md);
  box-shadow:inset 0 0 0 1px var(--border-soft);
  margin-bottom:10px;overflow:hidden;transition:.22s var(--ease);
}
#hc-po .po-faq details[open]{box-shadow:inset 0 0 0 1px var(--primary), 0 18px 40px -28px var(--primary);}
#hc-po .po-faq summary{
  display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;
  list-style:none;font-size:16px;font-weight:700;color:var(--text);
}
#hc-po .po-faq summary::-webkit-details-marker{display:none;}
#hc-po .po-faq summary .qi{
  width:28px;height:28px;border-radius:50%;flex:none;
  background:var(--card-hi);box-shadow:inset 0 0 0 1px var(--border-soft);
  display:grid;place-items:center;color:var(--muted);font-weight:800;
  transition:.25s var(--ease);
}
#hc-po .po-faq details[open] summary .qi{background:var(--primary);color:var(--primary-ink);transform:rotate(45deg);box-shadow:none;}
#hc-po .po-faq .qa-body{padding:0 22px 20px 64px;color:var(--muted);font-size:14.5px;line-height:1.7;}
#hc-po .po-faq .qa-body a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;}
#hc-po .po-faq .qa-body b{color:var(--text);font-weight:700;}

/* ===== FINAL STATEMENT (zwei Wörter, riesig) ===== */
#hc-po .po-final{
  padding:calc(var(--po-section-pad) * 1.2) 0;
  text-align:center;
  background:var(--brand-navy);color:#fff;
}
#hc-po .po-final h2{
  font-family:var(--font-display);font-weight:800;
  font-size:clamp(56px,11vw,180px);line-height:.9;letter-spacing:-.06em;
  color:#fff;margin:0;
}
#hc-po .po-final h2 .grad{background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;}
#hc-po .po-final p{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(18px,2vw,26px);color:rgba(255,255,255,.7);
  margin:30px auto 0;max-width:50ch;line-height:1.4;
}

/* Reveal-Klassen (custom.js setzt .anim-on auf <html>, IntersectionObserver toggelt .in) */
#hc-po .reveal{opacity:1;transform:none;}
:root.anim-on #hc-po .reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);}
:root.anim-on #hc-po .reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  :root.anim-on #hc-po .reveal{opacity:1;transform:none;transition:none;}
}

/* === Aktuelle-Sets-Kacheln: Zeilen standardisieren (Claude v2 28.06.2026) === */
.set-tiles .set-tile{display:flex;flex-direction:column;}
.set-tiles .set-explore{display:flex;flex-direction:column;align-items:center;}
.set-tiles .se-spacer,.set-tiles .se-top{height:22px!important;min-height:22px!important;flex:none!important;display:flex;align-items:center;justify-content:center;}
.set-tiles .set-logo{height:100px!important;min-height:100px!important;max-height:100px!important;flex:none!important;display:flex!important;align-items:center;justify-content:center;overflow:hidden;}
.set-tiles .set-logo .set-logo-fallback{height:100%!important;max-height:100%!important;width:auto!important;max-width:100%!important;}
.set-tiles .set-logo img,.set-tiles .set-logo svg{max-height:72px!important;max-width:90%!important;width:auto!important;height:auto!important;object-fit:contain;}
.set-tiles .set-name{height:48px!important;min-height:48px!important;flex:none!important;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}
.set-tiles .set-date{flex:none;}
/* === Bild-Set-Logos vertikal zentrieren (waren position:absolute -> raus aus Flex) - Claude v3 img static === */
.set-tiles .set-logo .set-logo-img,.set-tiles .set-logo img{position:static!important;}


/* === Hero-Hoehe vereinheitlichen: alle Kategorie-Heroes fix 664px (wie Startseite .hcm-hero) - Claude 29.06.2026 === */
.cat-hero{height:664px!important;min-height:664px!important;max-height:664px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;overflow:hidden!important;padding-top:28px!important;padding-bottom:28px!important;}
/* Gunpla-Hero hat den hoechsten Inhalt -> Abstaende straffen, damit alles sauber in 664px passt (kein Abschneiden) */
#hc-gp .cat-hero-grid>*:first-child>h1{margin-top:6px!important;}
#hc-gp .cat-hero-grid>*:first-child>.lead{margin-top:10px!important;margin-bottom:14px!important;}
#hc-gp .cat-hero-grid>*:first-child>.pk-quick{margin-bottom:14px!important;}


/* === Kategorie-Seiten NORMALIZE auf Standard (Pokemon/OP) - Claude 30.06.2026 === */
:is(#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-cp,#hc-ws,#hc-sgl,#hc-slv,#hc-dbx,#hc-sets,#hc-blog) .ribbon-scroll{gap:12px!important;}
:is(#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-cp,#hc-ws,#hc-sgl,#hc-slv,#hc-dbx,#hc-sets,#hc-blog) .set-tile{width:192px!important;}
:is(#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-cp,#hc-ws,#hc-sgl,#hc-slv,#hc-dbx,#hc-sets,#hc-blog) .set-logo{height:100px!important;min-height:100px!important;max-height:100px!important;display:flex!important;align-items:center;justify-content:center;}
:is(#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-cp,#hc-ws,#hc-sgl,#hc-slv,#hc-dbx,#hc-sets,#hc-blog) .set-name{height:48px!important;min-height:48px!important;display:flex!important;align-items:center;justify-content:center;text-align:center;}
:is(#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-cp,#hc-ws,#hc-sgl,#hc-slv,#hc-dbx,#hc-sets,#hc-blog) .cat-hero-visual .holo-card{width:266px!important;height:330px!important;}

/* === NORMALIZE v2: Kachelhoehe + Badge an Standard - Claude 30.06.2026 === */
:is(#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-cp,#hc-ws,#hc-sgl,#hc-slv,#hc-dbx,#hc-sets,#hc-blog) .set-tile{min-height:336px!important;}
:is(#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-cp,#hc-ws,#hc-sgl,#hc-slv,#hc-dbx,#hc-sets,#hc-blog) .set-badge{padding:4px 12px!important;}

/* === Brandline-Bereinigung: farbiges Logo-Quadrat + Eyebrow-Strich raus (alle Seiten), Text bleibt - Claude 30.06.2026 === */
.pk-brandline .pk-ball,.pk-brandline>[aria-hidden="true"],.brandline>[aria-hidden="true"],.brandline .ball,.brandline .yy,.brandline .pk-ball{display:none!important;}
.pk-brandline .eyebrow::before,.brandline .eyebrow::before{display:none!important;}
.pk-brandline,.brandline{gap:0!important;}

/* hc-noeyebrowdash: langer Eyebrow-Strich global entfernt (30.06.2026, Wunsch Marcel) */
.eyebrow::before{display:none !important;}
/* hc-fg-wrap-gap: Engine-Filtergruppen erben Sidebar-Flex-Gap (14px) wie Pokémon/OP (30.06.2026) */
.pk-sidebar .hc-fg-wrap{display:contents !important;}

/* ===== hc-catbuild-css-block: Universal Island-Builder (.hcg) — yugioh-Optik, Farben via --g1/--g2/--g3 (01.07.2026) ===== */
.hcg .cat-hero{min-height:664px;height:664px;padding:46px 0;margin-bottom:24px;}
@media(max-width:1080px){.hcg .cat-hero{height:auto;min-height:664px;}}
.hcg .pk-hero .lead{margin:20px 0 26px;}
.hcg .pk-brandline{display:inline-flex;align-items:center;gap:12px;margin-bottom:2px;}
.hcg .pk-brandline .pk-ball{width:34px;height:34px;border-radius:9px;flex-shrink:0;background:linear-gradient(150deg,var(--g1),var(--g2));box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),0 6px 14px -6px rgba(0,0,0,.5);}
.hcg h1 .grad{background:linear-gradient(95deg,var(--g1),var(--g2) 50%,var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent;}
.hcg .pk-quick{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px;}
.hcg .pk-quick button{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:var(--r-pill);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-soft);font-family:var(--font-body);font-weight:600;font-size:13.5px;color:var(--text);transition:.18s var(--ease);cursor:pointer;}
.hcg .pk-quick button .qd{width:8px;height:8px;border-radius:50%;background:var(--c,var(--primary));flex-shrink:0;}
.hcg .pk-quick button:hover{box-shadow:inset 0 0 0 1.5px var(--primary);transform:translateY(-2px);color:var(--primary);}
.hcg .cat-stats{display:grid;grid-template-columns:repeat(3,auto);gap:40px;}
.hcg .cat-stat b{font-size:34px;display:block;}
.hcg .cat-stat span{font-size:12.5px;color:var(--muted);}
.hcg .cat-hero-visual{height:430px;display:flex;align-items:center;justify-content:center;gap:14px;}
.hcg .pk-ribbon{position:relative;margin:0 0 6px;}
.hcg .pk-ribbon-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px;flex-wrap:wrap;}
.hcg .pk-ribbon-head h2{font-size:clamp(20px,2.3vw,26px);}
.hcg .pk-ribbon-head .sub{font-size:13px;color:var(--muted);margin-top:5px;max-width:62ch;line-height:1.5;}
.hcg .ribbon-arrows{display:flex;gap:8px;}
.hcg .ribbon-arrows button{width:40px;height:40px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-soft);display:grid;place-items:center;color:var(--text);transition:.2s;cursor:pointer;}
.hcg .ribbon-arrows button:hover{color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);transform:translateY(-1px);}
.hcg .ribbon-scroll{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 16px;scroll-behavior:smooth;scrollbar-width:none;cursor:grab;scroll-snap-type:x proximity;}
.hcg .ribbon-scroll::-webkit-scrollbar{display:none;}
.hcg .ribbon-scroll.grabbing{cursor:grabbing;scroll-behavior:auto;}
.hcg .set-tile{position:relative;flex:0 0 auto;width:210px;background:var(--card);border-radius:var(--r-lg);border:none;padding:0;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease);box-shadow:inset 0 0 0 1px var(--border-soft);display:flex;flex-direction:column;scroll-snap-align:start;}
.hcg .set-tile:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}
.hcg .set-tile.is-on{box-shadow:inset 0 0 0 2px var(--primary);}
.hcg .set-tile .set-explore{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 14px 6px;text-decoration:none;color:inherit;transition:background .2s var(--ease);}
.hcg .set-tile .set-explore:hover{background:color-mix(in srgb,var(--primary) 7%,transparent);}
.hcg .set-tile .se-top{display:inline-flex;align-items:center;gap:6px;margin-bottom:13px;font-family:var(--font-display);font-weight:800;font-size:14px;background:linear-gradient(150deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent;transition:gap .2s var(--ease);}
.hcg .set-tile .se-top svg{stroke:var(--primary);transition:transform .2s var(--ease);}
.hcg .set-tile:hover .se-top{gap:10px;}
.hcg .set-tile:hover .se-top svg{transform:translateX(3px);}
.hcg .set-tile .se-spacer{height:33px;}
.hcg .set-tile .set-logo{width:100%;display:grid;place-items:center;margin-bottom:12px;position:relative;z-index:1;padding:4px 8px;}
.hcg .set-tile .set-logo .logo-emblem{width:100%;height:100px;display:grid;place-items:center;border-radius:14px;font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:.04em;color:#fff;background:linear-gradient(150deg,var(--g1),var(--g2));box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22),0 10px 22px -12px rgba(0,0,0,.5);}
.hcg .set-tile .set-name{display:block;font-family:var(--font-display);font-weight:700;font-size:13.5px;line-height:1.15;letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin-bottom:6px;}
.hcg .set-tile .set-date{display:block;font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:.04em;}
.hcg .set-tile .set-filter{margin:14px 12px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:var(--r-md);cursor:pointer;font-family:var(--font-body);font-weight:700;font-size:11.5px;background:var(--surface-2,var(--surface));color:var(--text);box-shadow:inset 0 0 0 1px var(--border-soft);transition:.2s var(--ease);}
.hcg .set-tile .set-filter:hover{background:color-mix(in srgb,var(--primary) 12%,var(--card));color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);}
.hcg .set-tile .set-badge{position:absolute;top:10px;right:12px;font-family:var(--font-body);font-weight:700;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-pill);white-space:nowrap;z-index:2;}
.hcg .set-tile .set-badge.b-new{background:var(--primary);color:var(--primary-ink);}
.hcg .set-tile .set-badge.b-pre{background:var(--accent);color:#fff;}
.hcg .pk-listing{display:grid;grid-template-columns:286px 1fr;gap:32px;padding:30px 0 70px;align-items:start;}
.hcg .pk-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:14px;}
.hcg .sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 4px;}
.hcg .sidebar-head h3{font-family:var(--font-display);font-weight:800;font-size:17px;}
.hcg .sidebar-head .reset-all{font-size:12.5px;font-weight:700;color:var(--primary);cursor:pointer;}
.hcg .filter-group{background:var(--surface);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--border-soft);overflow:hidden;}
.hcg .filter-group-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;text-align:left;transition:.15s;cursor:pointer;}
.hcg .filter-group-head:hover{background:var(--card-hi);}
.hcg .filter-group-head .fg-title{display:flex;align-items:center;gap:9px;font-family:var(--font-body);font-weight:700;font-size:13.5px;color:var(--text);}
.hcg .filter-group-head .fg-chev{color:var(--dim);transition:transform .25s var(--ease);flex-shrink:0;}
.hcg .filter-group.is-collapsed .fg-chev{transform:rotate(-90deg);}
.hcg .filter-group-body{padding:2px 18px 16px;}
.hcg .filter-group.is-collapsed .filter-group-body{display:none;}
.hcg .f-opt{display:flex;align-items:center;gap:11px;padding:7px 0;font-size:14px;color:var(--text);cursor:pointer;line-height:1.3;}
.hcg .f-opt input{position:absolute;opacity:0;width:0;height:0;}
.hcg .f-opt .mark{width:19px;height:19px;border-radius:6px;box-shadow:inset 0 0 0 1.5px var(--border);flex-shrink:0;display:grid;place-items:center;transition:.15s;background:transparent;}
.hcg .f-opt.radio .mark{border-radius:50%;}
.hcg .f-opt input:checked + .mark{background:var(--primary);box-shadow:none;}
.hcg .f-opt:not(.radio) input:checked + .mark::after{content:"\2713";color:var(--primary-ink);font-size:12px;font-weight:800;}
.hcg .f-opt.radio input:checked + .mark::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--primary-ink);}
.hcg .f-opt .cnt{margin-left:auto;font-size:12px;color:var(--dim);}
.hcg .f-opt:hover .mark{box-shadow:inset 0 0 0 1.5px var(--primary);}
.hcg .pk-main{min-width:0;}
.hcg .toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
.hcg .results-count{font-size:14.5px;color:var(--muted);white-space:nowrap;}
.hcg .results-count b{font-family:var(--font-display);font-weight:800;color:var(--text);font-size:17px;}
.hcg .toolbar-right{margin-left:auto;display:flex;align-items:center;gap:10px;}
.hcg .sortish{position:relative;}
.hcg .sortish select{appearance:none;-webkit-appearance:none;font-family:var(--font-body);font-weight:600;font-size:13.5px;color:var(--text);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-soft);border:none;border-radius:var(--r-pill);padding:11px 38px 11px 16px;cursor:pointer;outline:none;}
.hcg .sortish svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--dim);}
.hcg .view-toggle{display:flex;gap:4px;background:var(--surface);padding:4px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--border-soft);}
.hcg .view-toggle button{width:38px;height:36px;border-radius:var(--r-pill);display:grid;place-items:center;color:var(--dim);transition:.15s;cursor:pointer;}
.hcg .view-toggle button.is-on{background:var(--primary);color:var(--primary-ink);}
.hcg .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.hcg .grid.cols-3{grid-template-columns:repeat(3,1fr);}
.hcg .grid .prod[hidden]{display:none;}
.hcg .grid .holo .holo-set{position:absolute;top:14px;left:14px;z-index:3;font-size:10px;font-weight:800;letter-spacing:.08em;background:rgba(0,0,0,.42);color:#fff;padding:4px 8px;border-radius:7px;}
.hcg .prod .pb .demo-tag{align-self:flex-start;font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent);padding:3px 8px;border-radius:6px;}
.hcg .prod .lang{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;letter-spacing:.06em;color:var(--muted);}
.hcg .prod .lang .lg{padding:2px 6px;border-radius:5px;background:var(--card-hi);box-shadow:inset 0 0 0 1px var(--border-soft);}
.hcg .grid-empty{display:none;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:64px 20px;background:var(--surface);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--border-soft);}
.hcg .grid-empty.show{display:flex;}
.hcg .pk-seo{padding:54px 0 10px;border-top:1px solid var(--border-soft);}
@media(max-width:1100px){.hcg .pk-listing{grid-template-columns:1fr;}.hcg .grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:760px){.hcg .grid,.hcg .grid.cols-3{grid-template-columns:repeat(2,1fr);}}


/* ===== #hc-sets — Set-Datenbank (Claude-Design golive-prio1-v2) ===== */

#hc-sets .sets-hero{padding:40px 0 30px;background:var(--hero-grad);}
#hc-sets .sets-hero h1{font-size:clamp(32px,4.8vw,58px);line-height:1.0;letter-spacing:-.024em;margin:12px 0 0;}
#hc-sets .sets-hero h1 .grad{background:var(--ribbon);-webkit-background-clip:text;background-clip:text;color:transparent;}
#hc-sets .sets-hero .lead{font-size:17px;color:var(--muted);max-width:60ch;margin:18px 0 0;line-height:1.65;}

/* Filter + Count */
#hc-sets .sets-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:26px 0 22px;}
#hc-sets .sets-tabs{display:flex;gap:8px;flex-wrap:wrap;}
#hc-sets .sets-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--r-pill);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-soft);font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--muted);border:none;cursor:pointer;transition:.18s var(--ease);}
#hc-sets .sets-tab:hover{color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);}
#hc-sets .sets-tab.on{background:var(--primary);color:var(--primary-ink);box-shadow:none;}
#hc-sets .sets-count{font-size:13.5px;color:var(--muted);font-weight:600;}
#hc-sets .sets-count b{color:var(--text);}

/* Liste */
#hc-sets .sets-list{display:flex;flex-direction:column;gap:16px;}
#hc-sets .sets-empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:48px 24px;background:var(--surface);border-radius:var(--r-xl);box-shadow:inset 0 0 0 1px var(--border-soft);color:var(--muted);}
#hc-sets .sets-empty svg{color:var(--primary);opacity:.75;}
#hc-sets .sets-empty p{margin:0;max-width:42ch;font-size:15px;line-height:1.55;}
#hc-sets .sets-empty b{color:var(--text);}
#hc-sets .set-row{--c:var(--primary);display:grid;grid-template-columns:240px 1fr;gap:0;background:var(--card);border-radius:var(--r-xl);overflow:hidden;box-shadow:inset 0 0 0 1px var(--border-soft);transition:.22s var(--ease);}
#hc-sets .set-row:nth-child(even){--c:var(--accent);}
#hc-sets .set-row:hover{box-shadow:inset 0 0 0 1px var(--c), 0 28px 60px -34px var(--c);transform:translateY(-2px);}
@media(max-width:767px){#hc-sets .set-row{grid-template-columns:1fr;}}

/* Logo-Slot */
#hc-sets .set-row-logo{position:relative;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 100% at 30% 0%, color-mix(in srgb,var(--c) 16%,transparent), transparent 62%),var(--surface-2);box-shadow:inset -1px 0 0 var(--border-soft);}
@media(max-width:767px){#hc-sets .set-row-logo{min-height:120px;box-shadow:inset 0 -1px 0 var(--border-soft);}}
#hc-sets .set-row-logo img{max-width:100%;max-height:96px;object-fit:contain;display:none;}
#hc-sets .set-row-logo.has-img img{display:block;}
#hc-sets .set-row-logo.has-img .set-row-logo-fb{display:none;}
#hc-sets .set-row-logo-fb{font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1.1;text-align:center;letter-spacing:-.02em;color:color-mix(in srgb,var(--text) 78%,transparent);}

/* Body */
#hc-sets .set-row-body{padding:24px 26px;display:flex;flex-direction:column;gap:14px;}
#hc-sets .set-row-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
#hc-sets .set-row-head h3{font-family:var(--font-display);font-weight:800;font-size:clamp(21px,2.4vw,28px);margin:0;letter-spacing:-.018em;line-height:1.05;}
#hc-sets .set-id{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);background:var(--card-hi);padding:3px 8px;border-radius:6px;}

/* Status-Badge */
#hc-sets .set-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:var(--r-pill);}
#hc-sets .set-badge .bdot{width:7px;height:7px;border-radius:50%;background:currentColor;}
#hc-sets .set-badge.s-current{background:color-mix(in srgb,#19c7b6 20%,transparent);color:#0e9e90;}
:root[data-theme="midnight"] #hc-sets .set-badge.s-current{color:#3fe0cf;}
#hc-sets .set-badge.s-preorder{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);}
#hc-sets .set-badge.s-special{background:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary);}
#hc-sets .set-badge.s-older{background:var(--card-hi);color:var(--muted);}
#hc-sets .set-row-desc{font-size:14.5px;color:var(--muted);line-height:1.65;margin:0;max-width:72ch;}

/* Key-Facts */
#hc-sets .set-facts{display:grid;grid-template-columns:repeat(4,auto);gap:10px 28px;justify-content:start;padding:4px 0 2px;}
@media(max-width:620px){#hc-sets .set-facts{grid-template-columns:1fr 1fr;}}
#hc-sets .set-fact{display:flex;flex-direction:column;gap:2px;min-width:0;}
#hc-sets .set-fact span{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);}
#hc-sets .set-fact b{font-size:13.5px;color:var(--text);font-weight:700;line-height:1.25;}

/* Buttons */
#hc-sets .set-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px;}
#hc-sets .set-actions .btn{font-size:14px;padding:11px 20px;}
#hc-sets .btn-disabled{background:var(--card-hi);color:var(--dim);cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-soft);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:700;font-size:14px;letter-spacing:.01em;padding:11px 20px;border-radius:var(--r-pill);white-space:nowrap;}
#hc-sets .btn-disabled::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dim);opacity:.6;}
/* ===== /#hc-sets ===== */


/* ===== Zentrierungs-Fixes CMS-Islands (02.07.2026) ===== */
.container.link-content:has(#hc-blog){max-width:none !important;}
#hc-blog .blog-hero>.wrap{width:100%;}
#hc-sets .sets-hero>.wrap{width:100%;}
/* ===== /Zentrierungs-Fixes ===== */


/* ===== Standard-Normalisierung ALLE Islands (02.07.2026) — vereinheitlicht dgm/rft/clb + haertet 266er-Karten gegen inline max-width ===== */
.hcg .set-tile{width:192px !important;}
.hcg .ribbon-scroll{gap:12px !important;}
.hcg .set-logo{height:100px !important;min-height:100px !important;max-height:100px !important;}
.hcg .set-name{height:48px !important;min-height:48px !important;}
@media(min-width:1200px){
  .hcg .cat-hero-visual{flex:0 0 826px !important;max-width:826px;}
  .hcg .cat-hero-visual .holo-card{width:266px !important;max-width:266px !important;height:330px !important;flex:0 0 auto !important;}
}
/* ===== /Standard-Normalisierung ===== */


/* ===== Kachel-Gleichstand (02.07.2026; Badge-Absolut-Regeln 03.07. zurueckgebaut) ===== */
.prod{display:flex;flex-direction:column;}
.prod .pim{flex:0 0 auto;}
.prod .pb{display:flex;flex-direction:column;flex:1 1 auto;}
.prod .pb .nm{min-height:2.6em;}
.prod .pb .rowend{margin-top:auto;}
/* ===== /Badge-Position ===== */

.ribbon-scroll{overflow-anchor:none;}

/* ===== Ansichten-Standard Pilot :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) (03.07.2026): Gross=2 Spalten - Klein=3 Spalten - Zwei-Ton-Kacheln hell ===== */
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .grid.cols-3{grid-template-columns:repeat(2,1fr) !important;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .grid.cols-4{grid-template-columns:repeat(3,1fr) !important;}
/* Hell-Modus: Bildbereich heller (weiss) als Textbereich (warmes Creme) */
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod{overflow:hidden;}
/* Dezente dunkle Kontur im Hell-Modus (Gegenstueck zur hellen Kontur im Dark-Mode) */
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod{outline:1px solid rgba(12,30,42,.12);outline-offset:-1px;}
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pim{background:#ffffff;}
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb{background:#e0f2ee;} /* Reef-Teal-Tint: komplementaer zum Orange-CTA */

/* Filter-Hover im Teal-Ton (Pilot :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb), 03.07.2026) */
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .pk-sidebar .filter-group{outline:1px solid rgba(12,30,42,.12) !important;outline-offset:-1px !important;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .pk-sidebar .filter-group-head:hover{background:#e0f2ee !important;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .pk-sidebar .filter-group .f-opt:hover,
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .pk-sidebar .filter-group label:hover{background:#e0f2ee !important;}

/* ===== FARBTAUSCH-PILOT :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) (03.07.2026): Seite/Header WEISS, Kacheln BEIGE #f4f1e8, Teal raus, Kontur ueberall ===== */
:root:not([data-theme="midnight"]) body:has(main[id^="hc-"]){background:#ffffff;}
:root:not([data-theme="midnight"]) body:has(main[id^="hc-"]) .site-header{background:#ffffff;}
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod,
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .set-tile,
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .filter-group,
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .toolbar select,
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .view-toggle{background:#f4f1e8 !important;}
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb{background:transparent !important;} /* Teal raus */
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pim{background:#ffffff !important;} /* Bild bleibt hellster Punkt */
/* Kontur auf ALLEN Karten-Elementen */
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .set-tile,
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .toolbar select,
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .view-toggle{outline:1px solid rgba(12,30,42,.12) !important;outline-offset:-1px !important;}
/* Filter-Hover: dunkleres Beige statt Teal (konsistent zum neuen Look) */
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .pk-sidebar .filter-group-head:hover,
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .pk-sidebar .filter-group .f-opt:hover,
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .pk-sidebar .filter-group label:hover{background:#ebe6d7 !important;}

/* ===== TEST HAENDLER-LOOK :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) hell (03.07.2026): Kacheln WEISS+Kontur, Texte Reef-Navy, Orange einziger Akzent ===== */
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod,
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .set-tile,
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .filter-group,
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .toolbar select,
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .view-toggle{background:#ffffff !important;outline:1px solid rgba(12,30,42,.16) !important;outline-offset:-1px !important;}
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .nm,
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .price,
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb b,
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .set-tile .set-name{color:#0c1e2a !important;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .pk-sidebar .filter-group-head:hover,
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .pk-sidebar .filter-group .f-opt:hover,
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .pk-sidebar .filter-group label:hover{background:#f4f4f5 !important;}

/* ===== HAENDLER-LOOK Feinschliff (03.07.2026): Karte-anheben-Hover, Preisschild-Zone, Fokusring ===== */
/* Signatur: Produktkachel hebt sich wie eine Karte vom Binder - harter Objekt-Schatten, kein Glow */
@media (prefers-reduced-motion: no-preference){
  :root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod{transition:transform .18s ease, box-shadow .18s ease, outline-color .18s ease;}
}
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod:hover{
  transform:translateY(-3px);
  box-shadow:0 3px 0 rgba(12,30,42,.06), 0 14px 28px -12px rgba(12,30,42,.22);
  outline-color:rgba(12,30,42,.30) !important;
}
/* Preisschild-Zone: feine Trennlinie ueber Preis + Warenkorb */
:root:not([data-theme="midnight"]) :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb .rowend{border-top:1px solid rgba(12,30,42,.08);padding-top:10px;margin-top:auto;}
/* Tastatur-Fokus sichtbar in Marken-Orange */
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod a:focus-visible, :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) button:focus-visible, :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) select:focus-visible{outline:2px solid #ef820e !important;outline-offset:2px !important;}

/* Kachel-Innenlayout (03.07.2026, Pilot :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb)) */
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb .hc-cathead{display:flex;align-items:center;justify-content:space-between;gap:8px;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb .hc-cathead .meta-row{margin:0;display:inline-flex;align-items:center;gap:5px;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb .hc-availline{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;margin:2px 0 4px;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb .hc-availline.hc-instock{color:#16833a;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb .hc-availline.hc-instock::before{content:'';width:7px;height:7px;border-radius:50%;background:#16833a;display:inline-block;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb .hc-availline.hc-anfrage{color:var(--dim,#6b7280);}

/* Lager-Restmenge-Zeile (03.07.2026, Pilot :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb)) */
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb .hc-availrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 4px;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb .hc-availrow .hc-availline{margin:0;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb .hc-availrow .stocknote{margin:0;font-size:12px;font-weight:700;}

/* Listen-Ansicht Detail-Standard (03.07.2026, Pilot :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb)): Bild QUADRATISCH, Herz oben links, Ribbon unten links */
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .grid.is-list .prod .pim{width:205px !important;min-width:205px !important;flex:0 0 205px !important;aspect-ratio:1/1;height:auto !important;display:flex;align-items:center;justify-content:center;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .grid.is-list .prod .pim .wish{top:12px !important;right:12px !important;left:auto !important;} /* einheitlich: Herz oben rechts */
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .grid.is-list .prod .pim .badges{top:12px !important;left:12px !important;bottom:auto !important;right:auto !important;} /* einheitlich: Ribbon oben links */

/* Preise groesser + Sale-Preis (03.07.2026, Pilot :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb)) */
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb .price{font-size:21px !important;font-weight:800 !important;letter-spacing:-.01em;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .grid.is-list .prod .pb .price{font-size:23px !important;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb .oldprice{font-size:13px;font-weight:600;color:var(--dim,#6b7280);text-decoration:line-through;margin-right:8px;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb .price.is-sale{color:#d23c50 !important;}

/* Preis auf Warenkorb-Button-Hoehe (03.07.2026, Pilot :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb)): Block exakt 42px wie .add */
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb .price{font-size:30px !important;line-height:42px !important;display:inline-block;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .grid.is-list .prod .pb .price{font-size:30px !important;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .prod .pb .rowend{align-items:center;}

/* Liste: Typ-Pill (36x BOOSTER etc.) unten mittig - macht oben Platz fuer Ribbon links + Herz rechts */
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .grid.is-list .prod .pim .holo-rare{top:auto !important;bottom:8px !important;left:50% !important;transform:translateX(-50%) !important;right:auto !important;}

/* Liste: internen holo-set-Marker (pk-dn etc.) ausblenden - kollidiert mit Ribbon oben links */
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .grid.is-list .prod .pim .holo-set{display:none !important;}

/* Hero: Franchise-Logo + Trust-Leiste (03.07.2026, Pilot :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb)) */
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .hc-franchise-logo{height:185px;width:auto;max-width:100%;display:block;margin:2px 0 6px;
  filter:drop-shadow(0 10px 22px rgba(12,30,42,.20)) drop-shadow(0 2px 4px rgba(12,30,42,.12));}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .cat-stats.hc-trust{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .hc-trust-item{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;color:#0c1e2a;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .hc-trust-item svg{color:#16833a;flex:0 0 auto;}
@media(max-width:560px){:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .hc-franchise-logo{height:120px;}}

/* Hero-Einzelkarten fuellen die Karten-Slots (03.07.2026, Pilot :is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb)) */
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .cat-hero-visual image-slot{display:block;position:absolute;inset:0;overflow:hidden;border-radius:16px;}
:is(#hc-op,#hc-pk,#hc-gt,#hc-gp,#hc-mk,#hc-mkz,#hc-skx,#hc-skz,#hc-clx,#hc-stc,#hc-mtg,#hc-ygo,#hc-swu,#hc-dbs,#hc-fab,#hc-nrk,#hc-ws,#hc-cp,#hc-dg,#hc-sgl,#hc-slv,#hc-dbx,#hc-rft,#hc-clb) .hc-hero-card-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px;}
/* Ribbon: Start-Pin INSTANT statt animiert - kein sichtbares Fahren beim Laden */
.set-tiles, .ribbon-scroll{scroll-behavior:auto !important;}

/* Ribbon-Reveal (03.07.2026): erst zeigen wenn fertig sortiert; Sicherheitsnetz blendet nach 2.6s immer ein */
.ribbon-scroll{opacity:0;animation:hcRibShow .01s linear 2.6s forwards;}
.ribbon-scroll.hc-ready{opacity:1;animation:none;}
@keyframes hcRibShow{to{opacity:1;}}

/* Ribbon-Feinschliff (03.07.2026): kein Snap (Start exakt 0, linke Kontur sichtbar) + weiche Ausblendkante rechts statt angeschnittener 7. Kachel */
.ribbon-scroll{scroll-snap-type:none !important;scroll-padding:0 !important;}
.ribbon-scroll > *{scroll-snap-align:none !important;}
.ribbon-scroll{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - 28px), transparent 100%);mask-image:linear-gradient(to right, #000 calc(100% - 28px), transparent 100%);}


/* ================================================================
   STARTSEITE - Haendler-Farbwelt v3 (03.07.2026)
   Weiss/Navy/Orange gemaess abgenommenem Standard v3 (Pokemon-Pilot).
   Nur Hell-Modus - Midnight bleibt unangetastet.
   ================================================================ */
:root:not([data-theme="midnight"]) body:has(div.hc3){background:#fff !important;}
:root:not([data-theme="midnight"]) body:has(div.hc3) header.site-header{background:#fff !important;}
:root:not([data-theme="midnight"]) .hc3 .hcm-hero{background:#fff !important;}
:root:not([data-theme="midnight"]) .hc3 .pim,
:root:not([data-theme="midnight"]) .hc3 .im,
:root:not([data-theme="midnight"]) .hc3 .art{background:#fff !important;}
:root:not([data-theme="midnight"]) .hc3 .kf-chip,
:root:not([data-theme="midnight"]) .hc3 .preteaser,
:root:not([data-theme="midnight"]) .hc3 .chips span,
:root:not([data-theme="midnight"]) .hc3 .ic,
:root:not([data-theme="midnight"]) .hc3 .av,
:root:not([data-theme="midnight"]) .hc3 .fnum,
:root:not([data-theme="midnight"]) .hc3 button.wish{background:#fff !important;}
:root:not([data-theme="midnight"]) .hc3 .kf-chip,
:root:not([data-theme="midnight"]) .hc3 .preteaser,
:root:not([data-theme="midnight"]) .hc3 .chips span{outline:1px solid rgba(12,30,42,.16);outline-offset:-1px;}
:root:not([data-theme="midnight"]) .hc3 .hc-pcard,
:root:not([data-theme="midnight"]) .hc3 .btab{outline:1px solid rgba(12,30,42,.16) !important;outline-offset:-1px;}
:root:not([data-theme="midnight"]) .hc3 .btab{background:#fff !important;}
:root:not([data-theme="midnight"]) .hc3 .btab.is-active{outline:2px solid #0c1e2a !important;outline-offset:-2px;}
:root:not([data-theme="midnight"]) div.hc3{background:#fff !important;}
:root:not([data-theme="midnight"]) .hc3 #hc-cats .frame{background:#fff !important;background-image:none !important;outline:1px solid rgba(12,30,42,.16);outline-offset:-1px;}
:root:not([data-theme="midnight"]) .hc3 #hc-nl .panel{background:#fff !important;background-image:none !important;outline:1px solid rgba(12,30,42,.16);outline-offset:-1px;}

/* Hero-BG Startseite: Aurora-Stack wie Pokemon/One Piece (03.07.2026) */
:root:not([data-theme="midnight"]) .hc3 .hcm-hero{background-color:transparent !important;background-image:radial-gradient(130% 140% at 90% -20%, rgba(239,130,14,.18), rgba(0,0,0,0) 56%),radial-gradient(90% 120% at 6% 110%, rgba(110,92,224,.14), rgba(0,0,0,0) 55%),radial-gradient(80% 120% at 78% 0%, rgba(110,92,224,.2), rgba(0,0,0,0) 55%),radial-gradient(85% 120% at 10% 100%, rgba(15,165,151,.22), rgba(0,0,0,0) 52%),radial-gradient(65% 90% at 96% 92%, rgba(239,130,14,.22), rgba(0,0,0,0) 55%),linear-gradient(#f3efe5, #ece6da) !important;}


/* HC Hover-Bilderkarussell — Zaehler + Dots (03.07.2026) */
main[id^="hc-"] .prod .pim, main[id^="hc-"] .prod .im{position:relative;}
.hc-car-cnt{position:absolute;bottom:8px;right:8px;z-index:4;background:rgba(12,30,42,.72);color:#fff;font-size:11px;font-weight:600;line-height:1;letter-spacing:.02em;padding:4px 7px;border-radius:999px;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);}
.hc-car-dots{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:5px;pointer-events:none;opacity:0;transition:opacity .18s ease;}
main[id^="hc-"] .prod:hover .hc-car-dots, main[id^="hc-"] .productbox:hover .hc-car-dots{opacity:1;}
.hc-car-dots span{width:6px;height:6px;border-radius:50%;background:rgba(12,30,42,.28);transition:background .15s;}
.hc-car-dots span.on{background:#ef820e;}
@media (prefers-reduced-motion: reduce){ .hc-car-dots{transition:none;} }


/* ====== NACHT-AUDIT FIXES (04.07.2026) — F5 Header-Ausrichtung / F2 Hub-Weiss / F6 Filter-Weiss ====== */
header.site-header .brandrow{padding-left:28px !important;padding-right:28px !important;}
:root:not([data-theme="midnight"]) body:has(.cat-hero):not(:has(main[id^="hc-"])){background:#fff !important;}
:root:not([data-theme="midnight"]) body:has(.cat-hero):not(:has(main[id^="hc-"])) .container-fluid,
:root:not([data-theme="midnight"]) body:has(.cat-hero):not(:has(main[id^="hc-"])) .link-content{background:transparent !important;}
:root:not([data-theme="midnight"]) main[id^="hc-"] .f-pill,
:root:not([data-theme="midnight"]) main[id^="hc-"] .set-filter,
:root:not([data-theme="midnight"]) main[id^="hc-"] .seg{background:#fff !important;}
:root:not([data-theme="midnight"]) main[id^="hc-"] .f-pill,
:root:not([data-theme="midnight"]) main[id^="hc-"] .set-filter{outline:1px solid rgba(12,30,42,.14);outline-offset:-1px;}


/* ====== GLOBAL-WEISS + F7-DEADLINKS (04.07.2026) ====== */
:root:not([data-theme="midnight"]) body{background:#fff !important;}
:root:not([data-theme="midnight"]) header.site-header{background:#fff !important;}
:root:not([data-theme="midnight"]) .mobile-menu{background:#fff !important;}
main[id^="hc-"] .pagination:not(:has(a:not([href="#"]))){display:none !important;}
main[id^="hc-"] .seo-col:not(:has(a:not([href="#"]))){display:none !important;}


/* ====== Content-Badge (ETB/36x Booster) nach UNTEN LINKS (04.07.2026) ====== */
main[id^="hc-"] .cols-3 .prod .pim .holo-rare,
main[id^="hc-"] .cols-4 .prod .pim .holo-rare{top:auto !important;bottom:12px !important;left:12px !important;right:auto !important;transform:none !important;}
main[id^="hc-"] .cols-3 .prod .pim .holo-set,
main[id^="hc-"] .cols-4 .prod .pim .holo-set{display:none !important;}


/* ====== Startseiten-Produktkacheln auf Standard grosse Kachel (04.07.2026) ====== */
.hc3 .hc-pcard .pb .hc-cathead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;}
.hc3 .hc-pcard .pb .hc-cathead .cat{margin:0;}
.hc3 .hc-pcard .pb .hc-cathead .hc-stars,
.hc3 .hc-pcard .pb .hc-cathead > div{margin:0;white-space:nowrap;font-size:12px;line-height:1;}
.hc3 .hc-pcard .pb .rowend{border-top:1px solid rgba(12,30,42,.08);padding-top:10px;margin-top:6px;}
.hc3 .hc-pcard .pb .price{font-size:30px !important;line-height:42px !important;font-weight:800;}
.hc3 .hc-pcard .pb .price .was{font-size:15px !important;line-height:1 !important;font-weight:600;text-decoration:line-through;color:rgba(12,30,42,.45);margin-left:8px;}


/* ====== Startseiten-Karussell: Hover-Schatten nicht mehr abgeschnitten (04.07.2026) ====== */
.hc3 .hc-rail:has(.hc-pcard){padding-top:10px !important;padding-bottom:54px !important;}
.hc3 .hc-rail .hc-pcard:hover{box-shadow:0 22px 48px -24px rgba(12,30,42,.44), rgb(239,130,14) 0 0 0 1.5px inset !important;}


/* ====== "Alle Marken"-Seite (main#hc-marken) — 04.07.2026 ====== */
:root:not([data-theme="midnight"]) main#hc-marken .bm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:18px 0 8px;}
:root:not([data-theme="midnight"]) main#hc-marken .wg{margin:34px 0;}
:root:not([data-theme="midnight"]) main#hc-marken .wg .eyebrow{color:#ef820e;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:11px;}
:root:not([data-theme="midnight"]) main#hc-marken .wg h2{color:#0c1e2a;margin:.15em 0 .1em;}
:root:not([data-theme="midnight"]) main#hc-marken .wg h2 .cnt{color:rgba(12,30,42,.45);font-weight:600;font-size:.62em;margin-left:.4em;}
:root:not([data-theme="midnight"]) main#hc-marken .bm-tile{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:16px;outline:1px solid rgba(12,30,42,.16);outline-offset:-1px;padding:16px;text-decoration:none;transition:transform .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s;}
:root:not([data-theme="midnight"]) main#hc-marken a.bm-tile:hover{transform:translateY(-3px);box-shadow:0 16px 34px -18px rgba(12,30,42,.42);outline-color:rgba(12,30,42,.28);}
:root:not([data-theme="midnight"]) main#hc-marken .bm-logo{height:96px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;overflow:hidden;}
:root:not([data-theme="midnight"]) main#hc-marken .bm-logo img{max-width:82%;max-height:70%;object-fit:contain;}
:root:not([data-theme="midnight"]) main#hc-marken .bm-ph{font-weight:800;color:#0c1e2a;font-size:17px;text-align:center;line-height:1.15;padding:0 8px;letter-spacing:.01em;}
:root:not([data-theme="midnight"]) main#hc-marken .bm-text{display:flex;flex-direction:column;gap:2px;}
:root:not([data-theme="midnight"]) main#hc-marken .bm-name{font-weight:700;color:#0c1e2a;font-size:15px;}
:root:not([data-theme="midnight"]) main#hc-marken .bm-sub{color:rgba(12,30,42,.55);font-size:12.5px;}
:root:not([data-theme="midnight"]) main#hc-marken .bm-tile.is-soon{cursor:default;position:relative;}
:root:not([data-theme="midnight"]) main#hc-marken .bm-tile.is-soon .bm-logo{background:#f6f7f8;}
:root:not([data-theme="midnight"]) main#hc-marken .bm-tile.is-soon .bm-ph{color:rgba(12,30,42,.55);}
:root:not([data-theme="midnight"]) main#hc-marken .bm-soon{position:absolute;top:12px;right:12px;background:rgba(12,30,42,.08);color:rgba(12,30,42,.6);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:999px;}
:root:not([data-theme="midnight"]) main#hc-marken .bm-cta{margin:40px 0 8px;background:#fff;border-radius:20px;outline:1px solid rgba(12,30,42,.16);outline-offset:-1px;padding:26px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;}
:root:not([data-theme="midnight"]) main#hc-marken .bm-cta h3{margin:0 0 4px;color:#0c1e2a;}
:root:not([data-theme="midnight"]) main#hc-marken .bm-cta p{margin:0;color:rgba(12,30,42,.6);max-width:640px;}
@media (max-width:560px){:root:not([data-theme="midnight"]) main#hc-marken .bm-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}:root:not([data-theme="midnight"]) main#hc-marken .bm-logo{height:76px;}}
@media (prefers-reduced-motion:reduce){:root:not([data-theme="midnight"]) main#hc-marken a.bm-tile:hover{transform:none;}}


/* ====== Alle-Marken-Hero: Standard-Höhe + Marken-Montage rechts — 04.07.2026 ====== */
:root:not([data-theme="midnight"]) main#hc-marken .cat-hero.mk-hero .lede{max-width:560px;}
:root:not([data-theme="midnight"]) main#hc-marken .cat-hero.mk-hero .hc-trust{margin-top:20px;}
:root:not([data-theme="midnight"]) main#hc-marken .cat-hero.mk-hero .mk-hero-visual{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:center;height:100%;}
:root:not([data-theme="midnight"]) main#hc-marken .cat-hero.mk-hero .mk-hero-logo{background:rgba(255,255,255,.72);border-radius:14px;outline:1px solid rgba(12,30,42,.10);outline-offset:-1px;display:flex;align-items:center;justify-content:center;height:92px;}
:root:not([data-theme="midnight"]) main#hc-marken .cat-hero.mk-hero .mk-hero-logo img{max-width:76%;max-height:62%;object-fit:contain;}
:root:not([data-theme="midnight"]) main#hc-marken .cat-hero.mk-hero .mk-hero-more{font-weight:800;color:#0c1e2a;font-size:14px;text-align:center;padding:0 10px;background:rgba(255,255,255,.5);}


/* ===== HC-WF-PAGE Online-Widerrufsformular v2 (04.07.2026) ===== */
.hc-wf-page{--wf-card:#fff;--wf-line:#e7ecf2;--wf-ink:#12233b;--wf-mut:#5c6b7e;--wf-accent:#ff6a1a;--wf-bg:#f7f9fc}
[data-theme="midnight"] .hc-wf-page{--wf-card:#0f1b2c;--wf-line:#22344b;--wf-ink:#eaf1fb;--wf-mut:#93a6bd;--wf-bg:#0a1420}
.hc-wf-page .hc-wf-oldwell{display:none!important}
.hc-wf-hero h1{line-height:1.12}
.hc-wf-wrap{max-width:1200px;margin:0 auto;padding:38px 28px 72px}
.hc-wf-body{display:grid;grid-template-columns:1fr 340px;gap:34px;align-items:start}
@media(max-width:900px){.hc-wf-body{grid-template-columns:1fr}}
.hc-wf-main{background:var(--wf-card);border:1px solid var(--wf-line);border-radius:18px;padding:30px 30px 34px;box-shadow:0 18px 40px -30px rgba(18,35,59,.5)}
.hc-wf-intro{font-size:14.5px;line-height:1.6;color:var(--wf-mut);background:var(--wf-bg);border:1px solid var(--wf-line);border-radius:12px;padding:14px 16px;margin:0 0 22px}
.hc-wf-intro strong{color:var(--wf-ink);display:block;margin-bottom:2px;font-size:15px}
.hc-wf-intro .req,.hc-wf-field .req{color:var(--wf-accent);font-weight:700}
.hc-wf-field .opt{color:var(--wf-mut);font-weight:400;font-size:12.5px}
.hc-wf-recipient{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--wf-line);border-left:3px solid var(--wf-accent);border-radius:12px;padding:14px 16px;margin:0 0 18px;background:var(--wf-card)}
.hc-wf-recipient .rl{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--wf-accent);padding-top:3px;flex:0 0 auto}
.hc-wf-recipient .rb{font-size:14px;line-height:1.55;color:var(--wf-ink)}
.hc-wf-statement{font-size:14.5px;line-height:1.6;color:var(--wf-ink);margin:0 0 20px}
.hc-wf-fs{border:1px solid var(--wf-line);border-radius:12px;padding:14px 16px;margin:0 0 20px}
.hc-wf-fs legend{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--wf-mut);padding:0 8px}
.hc-wf-radio{display:inline-flex;align-items:center;gap:9px;margin-right:22px;font-size:14.5px;color:var(--wf-ink);cursor:pointer}
.hc-wf-radio input{accent-color:var(--wf-accent);width:17px;height:17px}
.hc-wf-field{margin:0 0 16px;display:flex;flex-direction:column;gap:7px}
.hc-wf-field label{font-size:13px;font-weight:700;color:var(--wf-ink)}
.hc-wf-field input,.hc-wf-field textarea{font:inherit;font-size:14.5px;color:var(--wf-ink);background:var(--wf-card);border:1px solid var(--wf-line);border-radius:10px;padding:11px 13px;width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.hc-wf-field textarea{resize:vertical;min-height:52px}
.hc-wf-field input::placeholder,.hc-wf-field textarea::placeholder{color:#9db0c4}
.hc-wf-field input:focus,.hc-wf-field textarea:focus{outline:none;border-color:var(--wf-accent);box-shadow:0 0 0 3px rgba(255,106,26,.16)}
.hc-wf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.hc-wf-grid{grid-template-columns:1fr}}
.hc-wf-fineprint{font-size:12.5px;line-height:1.55;color:var(--wf-mut);margin:6px 0 20px}
.hc-wf-err{background:#fff2ec;border:1px solid #ffbf9e;color:#a3350a;font-size:13.5px;border-radius:10px;padding:11px 14px;margin:0 0 16px}
[data-theme="midnight"] .hc-wf-err{background:#3a1c10;border-color:#7a3a1e;color:#ffc7ad}
.hc-wf-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:4px}
.hc-wf-submit{background:var(--wf-accent)!important;border:0!important;color:#fff!important;font-weight:800;font-size:15px;padding:14px 26px;border-radius:12px;cursor:pointer;box-shadow:0 12px 26px -12px rgba(255,106,26,.7)}
.hc-wf-submit:hover{filter:brightness(1.05)}
.hc-wf-reset{background:transparent;border:1px solid var(--wf-line);color:var(--wf-mut);font-weight:600;padding:13px 20px;border-radius:12px;cursor:pointer}
.hc-wf-reset:hover{color:var(--wf-ink);border-color:var(--wf-accent)}
.hc-wf-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}
@media(max-width:900px){.hc-wf-side{position:static}}
.hc-wf-card{background:var(--wf-card);border:1px solid var(--wf-line);border-radius:16px;padding:18px 18px 20px}
.hc-wf-card h4{margin:0 0 10px;font-size:15px;color:var(--wf-ink);font-weight:800}
.hc-wf-card p{margin:0 0 8px;font-size:13.5px;line-height:1.55;color:var(--wf-mut)}
.hc-wf-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px}
.hc-wf-list li{font-size:13.5px;line-height:1.5;color:var(--wf-mut)}
.hc-wf-list strong,.hc-wf-card p strong{color:var(--wf-ink)}
.hc-wf-list a,.hc-wf-contact{color:var(--wf-accent);font-weight:700;text-decoration:none}
.hc-wf-warn{border-left:3px solid var(--wf-accent)}
.hc-wf-warn h4{color:var(--wf-accent)}
.hc-wf-contact{display:inline-block;margin-top:4px;font-size:14.5px}

.hc-wf-form input[name="jtl_hp_input"]{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}

/* ===== HC-LC-RIBBON Lorcana Kapitel-Ribbon (04.07.2026) ===== */
.hc-lc-ribbon{max-width:1280px;margin:0 auto;padding:44px 28px 6px}
.hc-lc-ribbon .lc-rb-head{margin-bottom:16px}
.hc-lc-ribbon .lc-rb-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8a5cff;margin-bottom:4px}
.hc-lc-ribbon h3{margin:0;font-size:26px;line-height:1.1;color:#12233b;font-weight:800}
.hc-lc-row{display:flex;gap:16px;overflow-x:auto;padding:6px 2px 20px}
.hc-lc-row::-webkit-scrollbar{height:8px}
.hc-lc-row::-webkit-scrollbar-thumb{background:#d8dee7;border-radius:8px}
.hc-lc-tile{flex:0 0 auto;width:186px;text-decoration:none;display:block}
.hc-lc-logo{display:block;position:relative;height:150px;border-radius:14px;background:linear-gradient(150deg,#2e2350,#160f2e);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.10),0 12px 24px -16px rgba(20,15,46,.7);overflow:hidden}
.hc-lc-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:16px;box-sizing:border-box}
.hc-lc-cap{display:block;margin-top:10px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a5cff}
.hc-lc-name{display:block;font-size:14px;font-weight:700;color:#12233b;line-height:1.25;margin-top:2px}
[data-theme="midnight"] .hc-lc-ribbon h3,[data-theme="midnight"] .hc-lc-name{color:#eaf1fb}

/* ===== HC-AUTH-PAGE Login/Register v2 (04.07.2026) ===== */
.hc-auth-page{--a-card:#fff;--a-line:#e7ecf2;--a-ink:#12233b;--a-mut:#5c6b7e;--a-accent:#ff6a1a;--a-bg:#f4f7fb}
[data-theme="midnight"] .hc-auth-page{--a-card:#0f1b2c;--a-line:#22344b;--a-ink:#eaf1fb;--a-mut:#93a6bd;--a-accent:#ff7a2a;--a-bg:#0a1420}
.hc-auth{padding:30px 0 74px;background:linear-gradient(180deg,var(--a-bg),transparent 360px)}
.hc-auth-wrap{max-width:1120px;margin:0 auto;padding:0 28px}
.hc-auth-crumb{font-size:13px;color:var(--a-mut);margin:4px 0 26px}
.hc-auth-crumb a{color:var(--a-mut);text-decoration:none}
.hc-auth-crumb .sep{margin:0 8px;opacity:.6}
.hc-auth-grid{display:grid;grid-template-columns:1fr 440px;gap:44px;align-items:start}
@media(max-width:920px){.hc-auth-grid{grid-template-columns:1fr;gap:30px}.hc-auth-card{order:-1}}
.hc-auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.hc-auth-mascot{width:52px;height:52px;border-radius:14px;object-fit:contain;background:var(--a-card);border:1px solid var(--a-line);padding:4px;box-sizing:border-box}
.hc-auth-side .eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--a-accent)}
.hc-auth-side h1{font-size:37px;line-height:1.08;color:var(--a-ink);margin:0 0 14px;font-weight:800}
.hc-auth-lead{font-size:15.5px;line-height:1.6;color:var(--a-mut);margin:0 0 26px;max-width:47ch}
.hc-auth-perks{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}
.hc-auth-perk{display:flex;gap:13px;align-items:flex-start}
.hc-auth-perk .pic{flex:0 0 auto;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(255,106,26,.10);color:var(--a-accent)}
.hc-auth-perk .pic svg{width:20px;height:20px}
.hc-auth-perk .tx{display:flex;flex-direction:column;gap:1px}
.hc-auth-perk .tx strong{font-size:14.5px;color:var(--a-ink)}
.hc-auth-perk .tx span{font-size:13px;color:var(--a-mut)}
.hc-auth-trust{font-size:12.5px;line-height:1.55;color:var(--a-mut);max-width:46ch}
.hc-auth-card{background:var(--a-card);border:1px solid var(--a-line);border-radius:20px;padding:26px 26px 30px;box-shadow:0 24px 50px -34px rgba(18,35,59,.55)}
.hc-auth-sub{font-size:14px;color:var(--a-mut);margin:0 0 16px}
.hc-auth-tabs{display:flex;gap:6px;background:var(--a-bg);border:1px solid var(--a-line);border-radius:12px;padding:5px;margin-bottom:22px}
.hc-auth-tabs button{flex:1;border:0;background:transparent;font:inherit;font-weight:700;font-size:14.5px;color:var(--a-mut);padding:10px;border-radius:9px;cursor:pointer}
.hc-auth-tabs button.on{background:var(--a-card);color:var(--a-ink);box-shadow:0 4px 12px -6px rgba(18,35,59,.4)}
.hc-auth-pane{display:none;flex-direction:column;gap:15px}
.hc-auth-pane.on{display:flex}
.hc-auth-pane form{display:flex;flex-direction:column;gap:15px;margin:0}
.hc-auth-card .field{display:flex;flex-direction:column;gap:7px}
.hc-auth-card label{font-size:13px;font-weight:700;color:var(--a-ink)}
.hc-auth-card .req{color:var(--a-accent)}
.hc-auth-card .field input,.hc-auth-input{font:inherit;font-size:15px;color:var(--a-ink);background:var(--a-card);border:1px solid var(--a-line);border-radius:11px;padding:13px 14px;width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.hc-auth-card input::placeholder{color:#9db0c4}
.hc-auth-card .field input:focus,.hc-auth-input:focus{outline:none;border-color:var(--a-accent);box-shadow:0 0 0 3px rgba(255,106,26,.16)}
.hc-auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:-2px 0 2px}
.hc-auth-card .check{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:500;color:var(--a-mut);cursor:pointer;line-height:1.4}
.hc-auth-card .check input{width:17px;height:17px;margin-top:1px;accent-color:var(--a-accent);flex:0 0 auto}
.hc-auth-card .check a{color:var(--a-accent);text-decoration:none}
.hc-auth-forgot{font-size:13px;font-weight:600;color:var(--a-accent);text-decoration:none;white-space:nowrap}
.hc-auth-submit{background:var(--a-accent)!important;border:0!important;color:#fff!important;font-weight:800;font-size:15.5px;padding:15px;border-radius:12px;cursor:pointer;width:100%;box-shadow:0 14px 28px -14px rgba(255,106,26,.7)}
.hc-auth-submit:hover{filter:brightness(1.05)}
.hc-auth-divider{display:flex;align-items:center;gap:12px;color:var(--a-mut);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.hc-auth-divider:before,.hc-auth-divider:after{content:"";height:1px;flex:1;background:var(--a-line)}
.hc-auth-guest{display:block;text-align:center;background:transparent!important;border:1px solid var(--a-line)!important;color:var(--a-ink)!important;font-weight:700;font-size:14.5px;padding:13px;border-radius:12px;text-decoration:none;width:100%;box-sizing:border-box}
.hc-auth-guest:hover{border-color:var(--a-accent)!important;color:var(--a-accent)!important}
.hc-auth-fine{font-size:12px;line-height:1.5;color:var(--a-mut);margin:2px 0 0}

.hc-auth-card input:-webkit-autofill,.hc-auth-card input:-webkit-autofill:hover,.hc-auth-card input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 40px var(--a-card) inset!important;-webkit-text-fill-color:var(--a-ink)!important;caret-color:var(--a-ink);border:1px solid var(--a-line)!important}


/* ===== HC-DG-FAN Digimon Flaggschiff-Hero (04.07.2026 r2) ===== */
#hc-dg .cat-hero-grid{grid-template-columns:635px 541px!important;align-items:center}
#hc-dg .cat-hero-visual.hc-dg-fan{position:relative!important;perspective:1400px;display:block!important;height:340px;overflow:visible}
#hc-dg .hc-dg-fan .hero-glow{position:absolute;left:-27px;top:-34px;width:595px;height:408px;background:radial-gradient(circle at 55% 45%,rgba(239,130,14,.42),rgba(0,0,0,0) 62%);filter:blur(30px);z-index:0;pointer-events:none}
#hc-dg .hc-dg-fan .dg-card{position:absolute;border-radius:18px;box-shadow:0 24px 60px -22px rgba(0,0,0,.7),inset 0 0 0 2px rgba(255,255,255,.25),inset 0 0 70px 0 rgba(255,255,255,.12);overflow:hidden;background:#0e1b2c}
#hc-dg .hc-dg-fan .dg-card img{width:100%;height:100%;object-fit:cover;display:block}
#hc-dg .hc-dg-fan .dgc-badge{position:absolute;top:10px;left:10px;z-index:6;background:rgba(12,20,32,.85);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;padding:4px 9px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.4)}
#hc-dg .hc-dg-fan .dgc-label{position:absolute;bottom:12px;left:12px;right:12px;z-index:6;color:#fff;font-size:14px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.7);text-align:center}
#hc-dg .hc-dg-fan .card-main{width:280px;height:391px;left:270px;top:170px;transform-origin:140px 195.55px;transform:matrix3d(0.95892,0.0697565,0.274966,0,-0.0670542,0.997564,-0.0192275,0,-0.275637,0,0.961262,0,-139.989,-195.717,0.00321508,1);z-index:3}
#hc-dg .hc-dg-fan .card-l{width:210px;height:293px;left:10.8px;top:47.6px;transform-origin:105px 146.663px;transform:matrix3d(0.949092,-0.201736,-0.241922,0,0.207912,0.978148,0,0,0.236635,-0.0502984,0.970296,0,-0.366972,-1.72647,0,1);z-index:2}
#hc-dg .hc-dg-fan .card-r{width:210px;height:293px;left:330.9px;top:26.3px;transform-origin:105px 146.663px;transform:matrix3d(0.960176,0.186639,0.207912,0,-0.190809,0.981627,0,0,-0.204092,-0.0396714,0.978148,0,1.41821,-7.29606,0,1);z-index:2}
#hc-dg .hc-dg-fan .dg-mascot{position:absolute;left:34px;bottom:-6px;width:96px;height:auto;z-index:5;filter:drop-shadow(0 8px 14px rgba(0,0,0,.32))}
@media(max-width:900px){#hc-dg .cat-hero-grid{grid-template-columns:1fr!important}#hc-dg .cat-hero-visual.hc-dg-fan{transform:scale(.8);transform-origin:top center;margin-bottom:-40px}}

/* ===== HC-HERO-COPY-LIFT Logo/Copy-Block etwas hoeher = mittiger (05.07.2026) ===== */
.cat-hero .cat-hero-grid > *:first-child{position:relative;top:-20px}


/* ===== HC-SETLOGO-CENTER (2026-07-05 r3) — "Set entdecken"-Slot fest reserviert (22px, ob Text oder leer) -> kein Versatz, alle Logos auf einer Linie. Logo optisch mittig: kleiner Abstand ueber dem Logo (8) + grosser darunter (38) gleicht den unsichtbaren Reserve-Platz oben aus -> sichtbar ~46px oben / ~39px unten. ===== */
.set-tile .se-spacer, .set-tile .se-top{ height:22px !important; min-height:22px !important; margin-bottom:8px !important; }
.set-tile .set-logo{ margin-bottom:38px !important; }

/* ===== HC-DG-HOLOFX (2026-07-05) — Brandbook-Holo auf Digimon-Hero-Karten. FX-Layer (.hc-shine.foil-rainbow/.hc-glare/.hc-frame) werden per JS-Pass HC-DG-HOLOFX injiziert und global gestylt; hier nur Karten-Feinschliff. Ersetzt den fru
eheren Custom-Foil HC-DG-HOLO. ===== */
#hc-dg .hc-dg-fan .dg-card{ isolation:isolate; transition:filter .3s var(--ease,ease), box-shadow .3s var(--ease,ease); }
#hc-dg .hc-dg-fan .dg-card .dgc-badge, #hc-dg .hc-dg-fan .dg-card .dgc-label{ z-index:7 !important; }
#hc-dg .hc-dg-fan .dg-card:hover{ filter:brightness(1.03) saturate(1.04); box-shadow:0 30px 62px -18px rgba(0,0,0,.8), 0 0 42px -8px rgba(239,130,14,.42), inset 0 0 0 2px rgba(255,255,255,.22); }


/* ===== HC-DG-NOFOUC (2026-07-05) — Digimon-Hero-Visual erst zeigen wenn der Faecher (.hc-dg-fan) gebaut ist -> kein Platzhalter-Flash/Layout-Sprung. Nur opacity (Platz reserviert), Fallback-Reveal nach 3s. ===== */
#hc-dg .cat-hero-visual{ transition:opacity .35s ease; }
#hc-dg .cat-hero-visual:not(.hc-dg-fan){ opacity:0; animation:dgHeroReveal 0s linear 3s forwards; }
@keyframes dgHeroReveal{ to{ opacity:1; } }

/* === HC-DG STATIC ALIAS (klon von #hc-pk -> #hc-dg, generiert 2026-07-06 fuer statische CMS-Insel) === */
#hc-dg{--pk-bolt: #ffce1f; --pk-ink: #1b2a4a;}
#hc-dg .pk-hero{padding: 46px 0px 40px;}
#hc-dg .pk-hero .lead{margin: 20px 0px 26px;}
#hc-dg .pk-brandline{display: inline-flex; align-items: center; gap: 12px; margin-bottom: 2px;}
#hc-dg .pk-brandline .pk-ball{width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; background: radial-gradient(circle at 50% 50%, #fff 0 6px, var(--pk-ink) 6px 9px, transparent 9px),
    linear-gradient(180deg, #e23b3b 0 49%, var(--pk-ink) 49% 51%, #fff 51% 100%); box-shadow: inset 0 0 0 2px var(--pk-ink), 0 6px 14px -6px rgba(0,0,0,.5);}
#hc-dg h1 .grad{background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent;}
#hc-dg .pk-quick{display: flex; flex-wrap: wrap; gap: 10px; margin: 0px 0px 30px;}
#hc-dg .pk-quick button{display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); transition: .18s var(--ease);}
#hc-dg .pk-quick button .qd{width: 8px; height: 8px; border-radius: 50%; background: var(--c,var(--primary)); flex-shrink: 0;}
#hc-dg .pk-quick button:hover{box-shadow: inset 0 0 0 1.5px var(--primary); transform: translateY(-2px); color: var(--primary);}
#hc-dg .cat-stats{grid-template-columns: repeat(3, auto); gap: 40px;}
#hc-dg .cat-stat b{font-size: 34px;}
#hc-dg .cat-hero-visual{height: 340px;}
#hc-dg .pk-ribbon{position: relative; margin: 0px 0px 6px;}
#hc-dg .pk-ribbon-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 16px; flex-wrap: wrap;}
#hc-dg .pk-ribbon-head h2{font-size: clamp(20px, 2.3vw, 26px);}
#hc-dg .pk-ribbon-head .sub{font-size: 13px; color: var(--muted); margin-top: 5px;}
#hc-dg .ribbon-arrows{display: flex; gap: 8px;}
#hc-dg .ribbon-arrows button{width: 40px; height: 40px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); display: grid; place-items: center; color: var(--text); transition: 0.2s;}
#hc-dg .ribbon-arrows button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); transform: translateY(-1px);}
#hc-dg .ribbon-arrows button:disabled{opacity: 0.35; cursor: default; transform: none; color: var(--dim); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-dg .ribbon-scroll{display: flex; gap: 14px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab;}
#hc-dg .set-tiles{display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 18px;}
#hc-dg .set-tile{position: relative; background: rgb(255, 255, 255); border-radius: var(--r-lg); padding: 18px 14px 16px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; text-align: center; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; align-items: center;}
#hc-dg .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}
#hc-dg .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}
#hc-dg .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 14px;}
#hc-dg .set-tile .set-logo image-slot{display: block; width: 100%; height: 100%;}
#hc-dg .set-tile .set-logo image-slot::part(frame){background: transparent;}
#hc-dg .set-tile .set-logo image-slot::part(ring){display: none;}
#hc-dg .set-tile .set-logo-fallback{position: absolute; inset: 18px 14px auto; height: calc(0% + 60px); display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}
#hc-dg .set-tile .set-logo{position: relative; z-index: 1;}
#hc-dg .set-tile .set-name{font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}
#hc-dg .set-tile .set-date{font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}
@media (max-width: 980px){#hc-dg .set-tiles{grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 560px){#hc-dg .set-tiles{grid-template-columns: repeat(2, 1fr);}}
#hc-dg .ribbon-scroll::-webkit-scrollbar{display: none;}
#hc-dg .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}
#hc-dg .set-chip{position: relative; flex: 0 0 auto; min-width: 212px; display: flex; align-items: center; gap: 14px; padding: 14px 18px 14px 14px; border-radius: var(--r-lg); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); cursor: pointer; transition: transform .22s var(--ease), box-shadow .22s var(--ease); scroll-snap-align: start; text-align: left;}
#hc-dg .set-chip:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--border-soft),0 20px 40px -26px rgba(0,0,0,.5);}
#hc-dg .set-chip.is-on{box-shadow: inset 0 0 0 2px var(--primary), 0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}
#hc-dg .set-chip .set-emblem{width: 50px; height: 50px; border-radius: 13px; flex-shrink: 0; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 14px; color: rgb(255, 255, 255); letter-spacing: 0.02em; background: var(--scg,linear-gradient(150deg,#3b6fd4,#1b2a4a)); box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;}
#hc-dg .set-chip .set-meta{display: flex; flex-direction: column; min-width: 0px;}
#hc-dg .set-chip .set-meta .name{font-family: var(--font-display); font-weight: 700; font-size: 14.5px; line-height: 1.12; letter-spacing: -0.01em; color: var(--text);}
#hc-dg .set-chip .set-meta .code{font-size: 11.5px; font-weight: 600; color: var(--dim); margin-top: 5px; font-feature-settings: "tnum";}
#hc-dg .pk-listing{display: grid; grid-template-columns: 286px 1fr; gap: 32px; padding: 30px 0px 70px; align-items: start;}
#hc-dg .pk-sidebar{position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px;}
#hc-dg .sidebar-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 4px 4px;}
#hc-dg .sidebar-head h3{font-family: var(--font-display); font-weight: 800; font-size: 17px;}
#hc-dg .sidebar-head .reset-all{font-size: 12.5px; font-weight: 700; color: var(--primary); display: inline-flex; align-items: center; gap: 6px;}
#hc-dg .sidebar-head .reset-all:hover{text-decoration: underline; text-underline-offset: 2px;}
#hc-dg .filter-group{background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft); overflow: hidden;}
#hc-dg .filter-group-head{width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 18px; text-align: left; transition: 0.15s;}
#hc-dg .filter-group-head:hover{background: var(--card-hi);}
#hc-dg .filter-group-head .fg-title{display: flex; align-items: center; gap: 9px; font-family: var(--font-body); font-weight: 700; font-size: 13.5px; letter-spacing: 0.01em; color: var(--text);}
#hc-dg .filter-group-head .fg-on{font-size: 10.5px; font-weight: 800; color: var(--primary-ink); background: var(--primary); border-radius: var(--r-pill); min-width: 18px; height: 18px; padding: 0px 6px; display: none; place-items: center;}
#hc-dg .filter-group-head .fg-on.show{display: grid;}
#hc-dg .filter-group-head .fg-chev{color: var(--dim); transition: transform .25s var(--ease); flex-shrink: 0;}
#hc-dg .filter-group.is-collapsed .fg-chev{transform: rotate(-90deg);}
#hc-dg .filter-group-body{padding: 2px 18px 16px;}
#hc-dg .filter-group.is-collapsed .filter-group-body{display: none;}
#hc-dg .filter-group .fg-foot{display: flex; justify-content: flex-end; padding-top: 8px;}
#hc-dg .filter-group .reset{font-size: 11.5px; font-weight: 600; color: var(--dim);}
#hc-dg .filter-group .reset:hover{color: var(--primary);}
#hc-dg .f-opt{display: flex; align-items: center; gap: 11px; padding: 7px 0px; font-size: 14px; color: var(--text); cursor: pointer; line-height: 1.3;}
#hc-dg .f-opt input{position: absolute; opacity: 0; width: 0px; height: 0px;}
#hc-dg .f-opt .mark{width: 19px; height: 19px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--border); flex-shrink: 0; display: grid; place-items: center; transition: 0.15s; background: transparent;}
#hc-dg .f-opt.radio .mark{border-radius: 50%;}
#hc-dg .f-opt input:checked + .mark{background: var(--primary); box-shadow: none;}
#hc-dg .f-opt input:checked + .mark::after{content: ""; width: 9px; height: 9px;}
#hc-dg .f-opt:not(.radio) input:checked + .mark::after{content: "✓"; color: var(--primary-ink); font-size: 12px; font-weight: 800;}
#hc-dg .f-opt.radio input:checked + .mark::after{border-radius: 50%; background: var(--primary-ink);}
#hc-dg .f-opt .cnt{margin-left: auto; font-size: 12px; color: var(--dim); font-feature-settings: "tnum";}
#hc-dg .f-opt:hover .mark{box-shadow: inset 0 0 0 1.5px var(--primary);}
#hc-dg .f-pills{display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0px 2px;}
#hc-dg .f-pill{display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--muted); cursor: pointer; transition: 0.16s; user-select: none;}
#hc-dg .f-pill:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-dg .f-pill.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}
#hc-dg .seg{display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; background: var(--card-hi); padding: 5px; border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-dg .seg button{padding: 9px 8px; border-radius: 9px; font-family: var(--font-body); font-weight: 700; font-size: 12.5px; color: var(--muted); transition: 0.16s;}
#hc-dg .seg button:hover{color: var(--text);}
#hc-dg .seg button.is-on{background: var(--surface); color: var(--primary); box-shadow: 0 4px 12px -6px rgba(0,0,0,.4),inset 0 0 0 1px var(--border-soft);}
#hc-dg .cond-detail{margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border-soft);}
#hc-dg .cond-detail[hidden]{display: none;}
#hc-dg .cond-note{font-size: 12.5px; color: var(--muted); line-height: 1.55;}
#hc-dg .cond-note b{color: var(--text); font-weight: 600;}
#hc-dg .graded-step-label{font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); margin: 2px 0px 9px;}
#hc-dg .graded-firms{display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 6px;}
#hc-dg .graded-firms button{padding: 7px 13px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 12.5px; font-weight: 800; letter-spacing: 0.04em; color: var(--muted); transition: 0.16s;}
#hc-dg .graded-firms button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-dg .graded-firms button.is-on{background: var(--pk-ink); color: rgb(255, 255, 255); box-shadow: none;}
#hc-dg .graded-grades{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;}
#hc-dg .graded-grades[hidden]{display: none;}
#hc-dg .graded-grades button{min-width: 42px; padding: 7px 9px; border-radius: 9px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-display); font-weight: 800; font-size: 13px; color: var(--text); transition: 0.16s;}
#hc-dg .graded-grades button:hover{box-shadow: inset 0 0 0 1.5px var(--primary);}
#hc-dg .graded-grades button.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}
#hc-dg .price-wrap{padding-top: 4px;}
#hc-dg .price-vals{display: flex; align-items: center; justify-content: space-between; font-family: var(--font-display); font-weight: 800; font-size: 15px; margin-bottom: 14px;}
#hc-dg .price-vals span{color: var(--text);}
#hc-dg .price-track{position: relative; height: 34px;}
#hc-dg .price-track .rail{position: absolute; top: 50%; left: 0px; right: 0px; height: 5px; transform: translateY(-50%); background: var(--card-hi); border-radius: 5px; box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-dg .price-track .fill{position: absolute; top: 50%; height: 5px; transform: translateY(-50%); background: var(--primary); border-radius: 5px;}
#hc-dg .price-track input[type="range"]{position: absolute; top: 0px; left: 0px; width: 100%; height: 34px; margin: 0px; background: none; pointer-events: none; appearance: none;}
#hc-dg .price-track input[type="range"]::-webkit-slider-thumb{appearance: none; pointer-events: all; width: 20px; height: 20px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 2px var(--primary),0 4px 10px -3px rgba(0,0,0,.5); cursor: pointer;}
#hc-dg .pk-main{min-width: 0px;}
#hc-dg .toolbar{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px;}
#hc-dg .results-count{font-size: 14.5px; color: var(--muted); white-space: nowrap;}
#hc-dg .results-count b{font-family: var(--font-display); font-weight: 800; color: var(--text); font-size: 17px;}
#hc-dg .toolbar-right{margin-left: auto; display: flex; align-items: center; gap: 10px;}
#hc-dg .sortish{position: relative;}
#hc-dg .sortish select{appearance: none; font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--r-pill); padding: 11px 38px 11px 16px; cursor: pointer; outline: none;}
#hc-dg .sortish select:focus{box-shadow: inset 0 0 0 1.5px var(--primary);}
#hc-dg .sortish svg{position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--dim);}
#hc-dg .view-toggle{display: flex; gap: 4px; background: var(--surface); padding: 4px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-dg .view-toggle button{width: 38px; height: 36px; border-radius: var(--r-pill); display: grid; place-items: center; color: var(--dim); transition: 0.15s;}
#hc-dg .view-toggle button:hover{color: var(--text);}
#hc-dg .view-toggle button.is-on{background: var(--primary); color: var(--primary-ink);}
#hc-dg .active-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;}
#hc-dg .active-chips:empty{display: none;}
#hc-dg .a-chip{display: inline-flex; align-items: center; gap: 8px; padding: 7px 8px 7px 13px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); font-size: 12.5px; font-weight: 600; color: var(--text);}
#hc-dg .a-chip .chip-clear{width: 18px; height: 18px; border-radius: 50%; background: var(--card-hi); display: grid; place-items: center; color: var(--muted); transition: 0.15s; flex-shrink: 0;}
#hc-dg .a-chip .chip-clear:hover{background: var(--hot-2); color: rgb(255, 255, 255);}
#hc-dg .a-chip.clear-all{background: transparent; box-shadow: none; color: var(--primary); font-weight: 700; padding: 7px 6px;}
#hc-dg .a-chip.clear-all:hover{text-decoration: underline; text-underline-offset: 2px;}
#hc-dg .grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
#hc-dg .grid.cols-3{grid-template-columns: repeat(3, 1fr);}
#hc-dg .grid .card[hidden]{display: none;}
#hc-dg .grid .holo .holo-set{position: absolute; top: 14px; left: 14px; z-index: 3; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; background: rgba(0, 0, 0, 0.42); color: rgb(255, 255, 255); padding: 4px 8px; border-radius: 7px; backdrop-filter: blur(4px);}
#hc-dg .grid .card .lang{display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; color: var(--muted);}
#hc-dg .grid .card .lang .lg{padding: 2px 6px; border-radius: 5px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-dg .grid .card .meta-row{display: flex; align-items: center; gap: 8px;}
#hc-dg .grid .card .stocknote{font-size: 11.5px; font-weight: 700; color: var(--hot-2);}
#hc-dg .grid .card .preo{display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--accent);}
#hc-dg .prod .heart.is-on{color: var(--hot-2);}
#hc-dg .prod .heart.is-on svg{fill: var(--hot-2);}
#hc-dg .grid.is-list{grid-template-columns: 1fr; gap: 12px;}
#hc-dg .grid.is-list .card{flex-direction: row; align-items: stretch;}
#hc-dg .grid.is-list .card .pim{width: 150px; aspect-ratio: auto; flex-shrink: 0;}
#hc-dg .grid.is-list .card .pim .holo{width: 74%;}
#hc-dg .grid.is-list .card .pb{flex: 1 1 0%;}
#hc-dg .grid.is-list .card .nm{min-height: 0px; font-size: 15.5px;}
#hc-dg .grid.is-list .card .listdesc{display: none; font-size: 13px; color: var(--muted); line-height: 1.5; margin-top: 2px;}
@media (min-width: 721px){#hc-dg .grid.is-list .card .listdesc{display: block;}}
#hc-dg .grid-empty{display: none; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding: 64px 20px; background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-dg .grid-empty.show{display: flex;}
#hc-dg .grid-empty .ge-ic{width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: var(--card-hi); color: var(--dim);}
#hc-dg .grid-empty h4{font-size: 20px;}
#hc-dg .grid-empty p{font-size: 14px; color: var(--muted); max-width: 38ch;}
#hc-dg .pagination{display: flex; gap: 8px; justify-content: center; margin-top: 44px;}
#hc-dg .pagination a{min-width: 44px; height: 44px; padding: 0px 6px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-weight: 700; font-size: 14px; transition: 0.2s;}
#hc-dg .pagination a:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-dg .pagination a.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}
#hc-dg .pk-seo{padding: 54px 0px 10px; border-top: 1px solid var(--border-soft);}
#hc-dg .filter-drawer-btn{display: none;}
#hc-dg .drawer-backdrop{display: none;}
@media (max-width: 1100px){#hc-dg .pk-listing{grid-template-columns: 1fr;}#hc-dg .pk-sidebar{position: fixed; inset: 0px 0px 0px auto; width: min(380px, 90vw); z-index: 210; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: var(--bg-grad); padding: 18px 18px 96px; overflow-y: auto; transform: translateX(102%); transition: transform .34s var(--ease); box-shadow: rgba(0, 0, 0, 0.6) -30px 0px 80px -30px; gap: 12px;}#hc-dg .pk-sidebar.open{transform: none;}#hc-dg .drawer-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;}#hc-dg .drawer-head h3{font-family: var(--font-display); font-weight: 800; font-size: 20px;}#hc-dg .drawer-close{width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); color: var(--text);}#hc-dg .drawer-apply{position: sticky; bottom: 0px; margin: 14px -18px -96px; padding: 16px 18px calc(16px + env(safe-area-inset-bottom)); background: color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter: blur(10px); box-shadow: 0 -1px 0 var(--border-soft);}#hc-dg .filter-drawer-btn{display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-bottom: 18px; position: relative; padding: 14px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); font-family: var(--font-body); font-weight: 700; font-size: 15px; color: var(--text);}#hc-dg .filter-drawer-btn .fd-badge{min-width: 22px; height: 22px; border-radius: var(--r-pill); background: var(--primary); color: var(--primary-ink); font-size: 12px; font-weight: 800; display: none; place-items: center; padding: 0px 6px;}#hc-dg .filter-drawer-btn .fd-badge.show{display: grid;}#hc-dg .drawer-backdrop{position: fixed; inset: 0px; z-index: 200; background: rgba(4, 10, 16, 0.55); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; transition: 0.3s;}#hc-dg .drawer-backdrop.show{opacity: 1; visibility: visible;}}
@media (min-width: 1101px){#hc-dg .drawer-head{display: none;}#hc-dg .drawer-apply{display: none;}}
@media (max-width: 1100px){#hc-dg .grid{grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 760px){#hc-dg .grid{grid-template-columns: repeat(2, 1fr);}#hc-dg .grid.cols-3, #hc-dg .grid.cols-4{grid-template-columns: repeat(2, 1fr);}#hc-dg .view-toggle [data-view="cols-4"]{display: none;}}
@media (max-width: 540px){#hc-dg .cat-stats{grid-template-columns: 1fr; gap: 16px;}#hc-dg .grid:not(.is-list){grid-template-columns: 1fr 1fr; gap: 12px;}#hc-dg .toolbar-right{width: 100%;}#hc-dg .sortish select{flex: 1 1 0%; width: 100%;}}
#hc-op .ribbon-scroll, #hc-dg .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab; scroll-snap-type: x;}
#hc-op .ribbon-scroll::-webkit-scrollbar, #hc-dg .ribbon-scroll::-webkit-scrollbar, #hc-gt .ribbon-scroll::-webkit-scrollbar, #hc-nrk .ribbon-scroll::-webkit-scrollbar{display: none;}
#hc-op .ribbon-scroll.grabbing, #hc-dg .ribbon-scroll.grabbing, #hc-gt .ribbon-scroll.grabbing, #hc-nrk .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}
#hc-op .set-tile, #hc-dg .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{position: relative; flex: 0 0 auto; width: 192px; background: var(--card); border-radius: var(--r-lg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; overflow: hidden; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; scroll-snap-align: start; text-align: center; cursor: default;}
#hc-op .set-tile:hover, #hc-dg .set-tile:hover, #hc-gt .set-tile:hover, #hc-nrk .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}
#hc-op .set-tile.is-on, #hc-dg .set-tile.is-on, #hc-gt .set-tile.is-on, #hc-nrk .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}
#hc-op .set-tile .set-explore, #hc-dg .set-tile .set-explore, #hc-gt .set-tile .set-explore, #hc-nrk .set-tile .set-explore{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 14px 6px; text-decoration: none; color: inherit; border-radius: var(--r-lg) var(--r-lg) 0 0; transition: background .2s var(--ease);}
#hc-op .set-tile .set-explore[href]:hover, #hc-dg .set-tile .set-explore[href]:hover, #hc-gt .set-tile .set-explore[href]:hover, #hc-nrk .set-tile .set-explore[href]:hover{background: color-mix(in srgb,var(--primary) 7%,transparent);}
#hc-op .set-tile .set-explore.as-static, #hc-dg .set-tile .set-explore.as-static, #hc-gt .set-tile .set-explore.as-static, #hc-nrk .set-tile .set-explore.as-static{cursor: default;}
#hc-op .set-tile .se-top, #hc-dg .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{display: inline-flex; align-items: center; gap: 6px; margin-bottom: 13px; font-family: var(--font-display); font-weight: 800; font-size: 14px; letter-spacing: -0.01em; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; transition: gap .2s var(--ease);}
#hc-op .set-tile .se-top svg, #hc-dg .set-tile .se-top svg, #hc-gt .set-tile .se-top svg, #hc-nrk .set-tile .se-top svg{stroke: rgb(212, 32, 44); transition: transform .2s var(--ease);}
#hc-op .set-tile .set-explore[href]:hover .se-top, #hc-dg .set-tile .set-explore[href]:hover .se-top, #hc-gt .set-tile .set-explore[href]:hover .se-top, #hc-nrk .set-tile .set-explore[href]:hover .se-top{gap: 10px;}
#hc-op .set-tile .set-explore[href]:hover .se-top svg, #hc-dg .set-tile .set-explore[href]:hover .se-top svg, #hc-gt .set-tile .set-explore[href]:hover .se-top svg, #hc-nrk .set-tile .set-explore[href]:hover .se-top svg{transform: translateX(3px);}
#hc-op .set-tile .se-spacer, #hc-dg .set-tile .se-spacer, #hc-gt .set-tile .se-spacer, #hc-nrk .set-tile .se-spacer{height: 14px; margin-bottom: 13px;}
#hc-op .set-tile .set-logo, #hc-dg .set-tile .set-logo, #hc-gt .set-tile .set-logo, #hc-nrk .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 12px; position: relative; z-index: 1;}
#hc-op .set-tile .set-logo-fallback, #hc-dg .set-tile .set-logo-fallback, #hc-gt .set-tile .set-logo-fallback, #hc-nrk .set-tile .set-logo-fallback{position: absolute; inset: 0px; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}
#hc-op .set-tile .set-logo-img, #hc-dg .set-tile .set-logo-img, #hc-gt .set-tile .set-logo-img, #hc-nrk .set-tile .set-logo-img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; z-index: 1;}
#hc-op .set-tile .set-name, #hc-dg .set-tile .set-name, #hc-gt .set-tile .set-name, #hc-nrk .set-tile .set-name{display: block; font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}
#hc-op .set-tile .set-date, #hc-dg .set-tile .set-date, #hc-gt .set-tile .set-date, #hc-nrk .set-tile .set-date{display: block; font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}
#hc-op .set-tile .set-filter, #hc-dg .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{margin: 14px 12px 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 12px; border-radius: var(--r-md); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-family: var(--font-body); font-weight: 700; font-size: 11.5px; letter-spacing: 0.01em; background: var(--surface-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--border-soft); transition: background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);}
#hc-op .set-tile .set-filter:hover, #hc-dg .set-tile .set-filter:hover, #hc-gt .set-tile .set-filter:hover, #hc-nrk .set-tile .set-filter:hover{background: color-mix(in srgb,var(--primary) 12%,var(--card)); color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-op .set-tile.is-on .set-filter, #hc-dg .set-tile.is-on .set-filter, #hc-gt .set-tile.is-on .set-filter, #hc-nrk .set-tile.is-on .set-filter{background: var(--primary); color: var(--primary-ink); box-shadow: inset 0 0 0 1px var(--primary);}
@media (min-width: 561px) and (max-width: 1100px){#hc-op .set-tile, #hc-dg .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 176px;}#hc-op .ribbon-arrows button, #hc-dg .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}}
@media (max-width: 560px){#hc-op .set-tile, #hc-dg .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 158px; scroll-snap-align: center;}#hc-op .set-tile .set-filter, #hc-dg .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{min-height: 44px; padding: 12px;}#hc-op .ribbon-arrows button, #hc-dg .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}#hc-op .set-tile .se-top, #hc-dg .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{font-size: 13px;}#hc-op .pk-ribbon-head, #hc-dg .pk-ribbon-head, #hc-gt .pk-ribbon-head, #hc-nrk .pk-ribbon-head{align-items: flex-start;}#hc-op .ribbon-scroll, #hc-dg .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{scroll-padding-left: 16px;}}
#hc-dg .set-tile .set-date{padding-top:0 !important;padding-bottom:0 !important;}
#hc-dg .cat-hero-visual .holo-card.card-side{width:210px !important;max-width:210px !important;height:293px !important;}
#hc-dg .cat-hero-visual .holo-card.card-main{width:280px !important;max-width:280px !important;height:391px !important;}

/* ===== HC-YGO PREMIUM ALIAS (#hc-pk -> #hc-ygo, CSSOM-Klon 2026-07-06, 207 Regeln) — Premium-Rollout Yu-Gi-Oh ===== */
#hc-ygo{--pk-bolt: #ffce1f; --pk-ink: #1b2a4a;}#hc-ygo .pk-hero{padding: 46px 0px 40px;}#hc-ygo .pk-hero .lead{margin: 20px 0px 26px;}#hc-ygo .pk-brandline{display: inline-flex; align-items: center; gap: 12px; margin-bottom: 2px;}#hc-ygo .pk-brandline .pk-ball{width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; background: radial-gradient(circle at 50% 50%, #fff 0 6px, var(--pk-ink) 6px 9px, transparent 9px),
    linear-gradient(180deg, #e23b3b 0 49%, var(--pk-ink) 49% 51%, #fff 51% 100%); box-shadow: inset 0 0 0 2px var(--pk-ink), 0 6px 14px -6px rgba(0,0,0,.5);}#hc-ygo h1 .grad{background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent;}#hc-ygo .pk-quick{display: flex; flex-wrap: wrap; gap: 10px; margin: 0px 0px 30px;}#hc-ygo .pk-quick button{display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); transition: .18s var(--ease);}#hc-ygo .pk-quick button .qd{width: 8px; height: 8px; border-radius: 50%; background: var(--c,var(--primary)); flex-shrink: 0;}#hc-ygo .pk-quick button:hover{box-shadow: inset 0 0 0 1.5px var(--primary); transform: translateY(-2px); color: var(--primary);}#hc-ygo .cat-stats{grid-template-columns: repeat(3, auto); gap: 40px;}#hc-ygo .cat-stat b{font-size: 34px;}#hc-ygo .cat-hero-visual{height: 340px;}#hc-ygo .pk-ribbon{position: relative; margin: 0px 0px 6px;}#hc-ygo .pk-ribbon-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 16px; flex-wrap: wrap;}#hc-ygo .pk-ribbon-head h2{font-size: clamp(20px, 2.3vw, 26px);}#hc-ygo .pk-ribbon-head .sub{font-size: 13px; color: var(--muted); margin-top: 5px;}#hc-ygo .ribbon-arrows{display: flex; gap: 8px;}#hc-ygo .ribbon-arrows button{width: 40px; height: 40px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); display: grid; place-items: center; color: var(--text); transition: 0.2s;}#hc-ygo .ribbon-arrows button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); transform: translateY(-1px);}#hc-ygo .ribbon-arrows button:disabled{opacity: 0.35; cursor: default; transform: none; color: var(--dim); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-ygo .ribbon-scroll{display: flex; gap: 14px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab;}#hc-ygo .set-tiles{display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 18px;}#hc-ygo .set-tile{position: relative; background: rgb(255, 255, 255); border-radius: var(--r-lg); padding: 18px 14px 16px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; text-align: center; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; align-items: center;}#hc-ygo .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}#hc-ygo .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-ygo .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 14px;}#hc-ygo .set-tile .set-logo image-slot{display: block; width: 100%; height: 100%;}#hc-ygo .set-tile .set-logo image-slot::part(frame){background: transparent;}#hc-ygo .set-tile .set-logo image-slot::part(ring){display: none;}#hc-ygo .set-tile .set-logo-fallback{position: absolute; inset: 18px 14px auto; height: calc(0% + 60px); display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}#hc-ygo .set-tile .set-logo{position: relative; z-index: 1;}#hc-ygo .set-tile .set-name{font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}#hc-ygo .set-tile .set-date{font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}@media (max-width: 980px){#hc-ygo .set-tiles{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 560px){#hc-ygo .set-tiles{grid-template-columns: repeat(2, 1fr);}}#hc-ygo .ribbon-scroll::-webkit-scrollbar{display: none;}#hc-ygo .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}#hc-ygo .set-chip{position: relative; flex: 0 0 auto; min-width: 212px; display: flex; align-items: center; gap: 14px; padding: 14px 18px 14px 14px; border-radius: var(--r-lg); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); cursor: pointer; transition: transform .22s var(--ease), box-shadow .22s var(--ease); scroll-snap-align: start; text-align: left;}#hc-ygo .set-chip:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--border-soft),0 20px 40px -26px rgba(0,0,0,.5);}#hc-ygo .set-chip.is-on{box-shadow: inset 0 0 0 2px var(--primary), 0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-ygo .set-chip .set-emblem{width: 50px; height: 50px; border-radius: 13px; flex-shrink: 0; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 14px; color: rgb(255, 255, 255); letter-spacing: 0.02em; background: var(--scg,linear-gradient(150deg,#3b6fd4,#1b2a4a)); box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;}#hc-ygo .set-chip .set-meta{display: flex; flex-direction: column; min-width: 0px;}#hc-ygo .set-chip .set-meta .name{font-family: var(--font-display); font-weight: 700; font-size: 14.5px; line-height: 1.12; letter-spacing: -0.01em; color: var(--text);}#hc-ygo .set-chip .set-meta .code{font-size: 11.5px; font-weight: 600; color: var(--dim); margin-top: 5px; font-feature-settings: "tnum";}#hc-ygo .pk-listing{display: grid; grid-template-columns: 286px 1fr; gap: 32px; padding: 30px 0px 70px; align-items: start;}#hc-ygo .pk-sidebar{position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px;}#hc-ygo .sidebar-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 4px 4px;}#hc-ygo .sidebar-head h3{font-family: var(--font-display); font-weight: 800; font-size: 17px;}#hc-ygo .sidebar-head .reset-all{font-size: 12.5px; font-weight: 700; color: var(--primary); display: inline-flex; align-items: center; gap: 6px;}#hc-ygo .sidebar-head .reset-all:hover{text-decoration: underline; text-underline-offset: 2px;}#hc-ygo .filter-group{background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft); overflow: hidden;}#hc-ygo .filter-group-head{width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 18px; text-align: left; transition: 0.15s;}#hc-ygo .filter-group-head:hover{background: var(--card-hi);}#hc-ygo .filter-group-head .fg-title{display: flex; align-items: center; gap: 9px; font-family: var(--font-body); font-weight: 700; font-size: 13.5px; letter-spacing: 0.01em; color: var(--text);}#hc-ygo .filter-group-head .fg-on{font-size: 10.5px; font-weight: 800; color: var(--primary-ink); background: var(--primary); border-radius: var(--r-pill); min-width: 18px; height: 18px; padding: 0px 6px; display: none; place-items: center;}#hc-ygo .filter-group-head .fg-on.show{display: grid;}#hc-ygo .filter-group-head .fg-chev{color: var(--dim); transition: transform .25s var(--ease); flex-shrink: 0;}#hc-ygo .filter-group.is-collapsed .fg-chev{transform: rotate(-90deg);}#hc-ygo .filter-group-body{padding: 2px 18px 16px;}#hc-ygo .filter-group.is-collapsed .filter-group-body{display: none;}#hc-ygo .filter-group .fg-foot{display: flex; justify-content: flex-end; padding-top: 8px;}#hc-ygo .filter-group .reset{font-size: 11.5px; font-weight: 600; color: var(--dim);}#hc-ygo .filter-group .reset:hover{color: var(--primary);}#hc-ygo .f-opt{display: flex; align-items: center; gap: 11px; padding: 7px 0px; font-size: 14px; color: var(--text); cursor: pointer; line-height: 1.3;}#hc-ygo .f-opt input{position: absolute; opacity: 0; width: 0px; height: 0px;}#hc-ygo .f-opt .mark{width: 19px; height: 19px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--border); flex-shrink: 0; display: grid; place-items: center; transition: 0.15s; background: transparent;}#hc-ygo .f-opt.radio .mark{border-radius: 50%;}#hc-ygo .f-opt input:checked + .mark{background: var(--primary); box-shadow: none;}#hc-ygo .f-opt input:checked + .mark::after{content: ""; width: 9px; height: 9px;}#hc-ygo .f-opt:not(.radio) input:checked + .mark::after{content: "✓"; color: var(--primary-ink); font-size: 12px; font-weight: 800;}#hc-ygo .f-opt.radio input:checked + .mark::after{border-radius: 50%; background: var(--primary-ink);}#hc-ygo .f-opt .cnt{margin-left: auto; font-size: 12px; color: var(--dim); font-feature-settings: "tnum";}#hc-ygo .f-opt:hover .mark{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-ygo .f-pills{display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0px 2px;}#hc-ygo .f-pill{display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--muted); cursor: pointer; transition: 0.16s; user-select: none;}#hc-ygo .f-pill:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-ygo .f-pill.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-ygo .seg{display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; background: var(--card-hi); padding: 5px; border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-ygo .seg button{padding: 9px 8px; border-radius: 9px; font-family: var(--font-body); font-weight: 700; font-size: 12.5px; color: var(--muted); transition: 0.16s;}#hc-ygo .seg button:hover{color: var(--text);}#hc-ygo .seg button.is-on{background: var(--surface); color: var(--primary); box-shadow: 0 4px 12px -6px rgba(0,0,0,.4),inset 0 0 0 1px var(--border-soft);}#hc-ygo .cond-detail{margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border-soft);}#hc-ygo .cond-detail[hidden]{display: none;}#hc-ygo .cond-note{font-size: 12.5px; color: var(--muted); line-height: 1.55;}#hc-ygo .cond-note b{color: var(--text); font-weight: 600;}#hc-ygo .graded-step-label{font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); margin: 2px 0px 9px;}#hc-ygo .graded-firms{display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 6px;}#hc-ygo .graded-firms button{padding: 7px 13px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 12.5px; font-weight: 800; letter-spacing: 0.04em; color: var(--muted); transition: 0.16s;}#hc-ygo .graded-firms button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-ygo .graded-firms button.is-on{background: var(--pk-ink); color: rgb(255, 255, 255); box-shadow: none;}#hc-ygo .graded-grades{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;}#hc-ygo .graded-grades[hidden]{display: none;}#hc-ygo .graded-grades button{min-width: 42px; padding: 7px 9px; border-radius: 9px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-display); font-weight: 800; font-size: 13px; color: var(--text); transition: 0.16s;}#hc-ygo .graded-grades button:hover{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-ygo .graded-grades button.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-ygo .price-wrap{padding-top: 4px;}#hc-ygo .price-vals{display: flex; align-items: center; justify-content: space-between; font-family: var(--font-display); font-weight: 800; font-size: 15px; margin-bottom: 14px;}#hc-ygo .price-vals span{color: var(--text);}#hc-ygo .price-track{position: relative; height: 34px;}#hc-ygo .price-track .rail{position: absolute; top: 50%; left: 0px; right: 0px; height: 5px; transform: translateY(-50%); background: var(--card-hi); border-radius: 5px; box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-ygo .price-track .fill{position: absolute; top: 50%; height: 5px; transform: translateY(-50%); background: var(--primary); border-radius: 5px;}#hc-ygo .price-track input[type="range"]{position: absolute; top: 0px; left: 0px; width: 100%; height: 34px; margin: 0px; background: none; pointer-events: none; appearance: none;}#hc-ygo .price-track input[type="range"]::-webkit-slider-thumb{appearance: none; pointer-events: all; width: 20px; height: 20px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 2px var(--primary),0 4px 10px -3px rgba(0,0,0,.5); cursor: pointer;}#hc-ygo .pk-main{min-width: 0px;}#hc-ygo .toolbar{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px;}#hc-ygo .results-count{font-size: 14.5px; color: var(--muted); white-space: nowrap;}#hc-ygo .results-count b{font-family: var(--font-display); font-weight: 800; color: var(--text); font-size: 17px;}#hc-ygo .toolbar-right{margin-left: auto; display: flex; align-items: center; gap: 10px;}#hc-ygo .sortish{position: relative;}#hc-ygo .sortish select{appearance: none; font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--r-pill); padding: 11px 38px 11px 16px; cursor: pointer; outline: none;}#hc-ygo .sortish select:focus{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-ygo .sortish svg{position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--dim);}#hc-ygo .view-toggle{display: flex; gap: 4px; background: var(--surface); padding: 4px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-ygo .view-toggle button{width: 38px; height: 36px; border-radius: var(--r-pill); display: grid; place-items: center; color: var(--dim); transition: 0.15s;}#hc-ygo .view-toggle button:hover{color: var(--text);}#hc-ygo .view-toggle button.is-on{background: var(--primary); color: var(--primary-ink);}#hc-ygo .active-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;}#hc-ygo .active-chips:empty{display: none;}#hc-ygo .a-chip{display: inline-flex; align-items: center; gap: 8px; padding: 7px 8px 7px 13px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); font-size: 12.5px; font-weight: 600; color: var(--text);}#hc-ygo .a-chip .chip-clear{width: 18px; height: 18px; border-radius: 50%; background: var(--card-hi); display: grid; place-items: center; color: var(--muted); transition: 0.15s; flex-shrink: 0;}#hc-ygo .a-chip .chip-clear:hover{background: var(--hot-2); color: rgb(255, 255, 255);}#hc-ygo .a-chip.clear-all{background: transparent; box-shadow: none; color: var(--primary); font-weight: 700; padding: 7px 6px;}#hc-ygo .a-chip.clear-all:hover{text-decoration: underline; text-underline-offset: 2px;}#hc-ygo .grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}#hc-ygo .grid.cols-3{grid-template-columns: repeat(3, 1fr);}#hc-ygo .grid .card[hidden]{display: none;}#hc-ygo .grid .holo .holo-set{position: absolute; top: 14px; left: 14px; z-index: 3; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; background: rgba(0, 0, 0, 0.42); color: rgb(255, 255, 255); padding: 4px 8px; border-radius: 7px; backdrop-filter: blur(4px);}#hc-ygo .grid .card .lang{display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; color: var(--muted);}#hc-ygo .grid .card .lang .lg{padding: 2px 6px; border-radius: 5px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-ygo .grid .card .meta-row{display: flex; align-items: center; gap: 8px;}#hc-ygo .grid .card .stocknote{font-size: 11.5px; font-weight: 700; color: var(--hot-2);}#hc-ygo .grid .card .preo{display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--accent);}#hc-ygo .prod .heart.is-on{color: var(--hot-2);}#hc-ygo .prod .heart.is-on svg{fill: var(--hot-2);}#hc-ygo .grid.is-list{grid-template-columns: 1fr; gap: 12px;}#hc-ygo .grid.is-list .card{flex-direction: row; align-items: stretch;}#hc-ygo .grid.is-list .card .pim{width: 150px; aspect-ratio: auto; flex-shrink: 0;}#hc-ygo .grid.is-list .card .pim .holo{width: 74%;}#hc-ygo .grid.is-list .card .pb{flex: 1 1 0%;}#hc-ygo .grid.is-list .card .nm{min-height: 0px; font-size: 15.5px;}#hc-ygo .grid.is-list .card .listdesc{display: none; font-size: 13px; color: var(--muted); line-height: 1.5; margin-top: 2px;}@media (min-width: 721px){#hc-ygo .grid.is-list .card .listdesc{display: block;}}#hc-ygo .grid-empty{display: none; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding: 64px 20px; background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-ygo .grid-empty.show{display: flex;}#hc-ygo .grid-empty .ge-ic{width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: var(--card-hi); color: var(--dim);}#hc-ygo .grid-empty h4{font-size: 20px;}#hc-ygo .grid-empty p{font-size: 14px; color: var(--muted); max-width: 38ch;}#hc-ygo .pagination{display: flex; gap: 8px; justify-content: center; margin-top: 44px;}#hc-ygo .pagination a{min-width: 44px; height: 44px; padding: 0px 6px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-weight: 700; font-size: 14px; transition: 0.2s;}#hc-ygo .pagination a:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-ygo .pagination a.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-ygo .pk-seo{padding: 54px 0px 10px; border-top: 1px solid var(--border-soft);}#hc-ygo .filter-drawer-btn{display: none;}#hc-ygo .drawer-backdrop{display: none;}@media (max-width: 1100px){#hc-ygo .pk-listing{grid-template-columns: 1fr;}#hc-ygo .pk-sidebar{position: fixed; inset: 0px 0px 0px auto; width: min(380px, 90vw); z-index: 210; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: var(--bg-grad); padding: 18px 18px 96px; overflow-y: auto; transform: translateX(102%); transition: transform .34s var(--ease); box-shadow: rgba(0, 0, 0, 0.6) -30px 0px 80px -30px; gap: 12px;}#hc-ygo .pk-sidebar.open{transform: none;}#hc-ygo .drawer-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;}#hc-ygo .drawer-head h3{font-family: var(--font-display); font-weight: 800; font-size: 20px;}#hc-ygo .drawer-close{width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); color: var(--text);}#hc-ygo .drawer-apply{position: sticky; bottom: 0px; margin: 14px -18px -96px; padding: 16px 18px calc(16px + env(safe-area-inset-bottom)); background: color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter: blur(10px); box-shadow: 0 -1px 0 var(--border-soft);}#hc-ygo .filter-drawer-btn{display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-bottom: 18px; position: relative; padding: 14px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); font-family: var(--font-body); font-weight: 700; font-size: 15px; color: var(--text);}#hc-ygo .filter-drawer-btn .fd-badge{min-width: 22px; height: 22px; border-radius: var(--r-pill); background: var(--primary); color: var(--primary-ink); font-size: 12px; font-weight: 800; display: none; place-items: center; padding: 0px 6px;}#hc-ygo .filter-drawer-btn .fd-badge.show{display: grid;}#hc-ygo .drawer-backdrop{position: fixed; inset: 0px; z-index: 200; background: rgba(4, 10, 16, 0.55); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; transition: 0.3s;}#hc-ygo .drawer-backdrop.show{opacity: 1; visibility: visible;}}@media (min-width: 1101px){#hc-ygo .drawer-head{display: none;}#hc-ygo .drawer-apply{display: none;}}@media (max-width: 1100px){#hc-ygo .grid{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 760px){#hc-ygo .grid{grid-template-columns: repeat(2, 1fr);}#hc-ygo .grid.cols-3, #hc-ygo .grid.cols-4{grid-template-columns: repeat(2, 1fr);}#hc-ygo .view-toggle [data-view="cols-4"]{display: none;}}@media (max-width: 540px){#hc-ygo .cat-stats{grid-template-columns: 1fr; gap: 16px;}#hc-ygo .grid:not(.is-list){grid-template-columns: 1fr 1fr; gap: 12px;}#hc-ygo .toolbar-right{width: 100%;}#hc-ygo .sortish select{flex: 1 1 0%; width: 100%;}}#hc-op .ribbon-scroll, #hc-ygo .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab; scroll-snap-type: x;}#hc-op .ribbon-scroll::-webkit-scrollbar, #hc-ygo .ribbon-scroll::-webkit-scrollbar, #hc-gt .ribbon-scroll::-webkit-scrollbar, #hc-nrk .ribbon-scroll::-webkit-scrollbar{display: none;}#hc-op .ribbon-scroll.grabbing, #hc-ygo .ribbon-scroll.grabbing, #hc-gt .ribbon-scroll.grabbing, #hc-nrk .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}#hc-op .set-tile, #hc-ygo .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{position: relative; flex: 0 0 auto; width: 192px; background: var(--card); border-radius: var(--r-lg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; overflow: hidden; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; scroll-snap-align: start; text-align: center; cursor: default;}#hc-op .set-tile:hover, #hc-ygo .set-tile:hover, #hc-gt .set-tile:hover, #hc-nrk .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}#hc-op .set-tile.is-on, #hc-ygo .set-tile.is-on, #hc-gt .set-tile.is-on, #hc-nrk .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-op .set-tile .set-explore, #hc-ygo .set-tile .set-explore, #hc-gt .set-tile .set-explore, #hc-nrk .set-tile .set-explore{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 14px 6px; text-decoration: none; color: inherit; border-radius: var(--r-lg) var(--r-lg) 0 0; transition: background .2s var(--ease);}#hc-op .set-tile .set-explore[href]:hover, #hc-ygo .set-tile .set-explore[href]:hover, #hc-gt .set-tile .set-explore[href]:hover, #hc-nrk .set-tile .set-explore[href]:hover{background: color-mix(in srgb,var(--primary) 7%,transparent);}#hc-op .set-tile .set-explore.as-static, #hc-ygo .set-tile .set-explore.as-static, #hc-gt .set-tile .set-explore.as-static, #hc-nrk .set-tile .set-explore.as-static{cursor: default;}#hc-op .set-tile .se-top, #hc-ygo .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{display: inline-flex; align-items: center; gap: 6px; margin-bottom: 13px; font-family: var(--font-display); font-weight: 800; font-size: 14px; letter-spacing: -0.01em; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; transition: gap .2s var(--ease);}#hc-op .set-tile .se-top svg, #hc-ygo .set-tile .se-top svg, #hc-gt .set-tile .se-top svg, #hc-nrk .set-tile .se-top svg{stroke: rgb(212, 32, 44); transition: transform .2s var(--ease);}#hc-op .set-tile .set-explore[href]:hover .se-top, #hc-ygo .set-tile .set-explore[href]:hover .se-top, #hc-gt .set-tile .set-explore[href]:hover .se-top, #hc-nrk .set-tile .set-explore[href]:hover .se-top{gap: 10px;}#hc-op .set-tile .set-explore[href]:hover .se-top svg, #hc-ygo .set-tile .set-explore[href]:hover .se-top svg, #hc-gt .set-tile .set-explore[href]:hover .se-top svg, #hc-nrk .set-tile .set-explore[href]:hover .se-top svg{transform: translateX(3px);}#hc-op .set-tile .se-spacer, #hc-ygo .set-tile .se-spacer, #hc-gt .set-tile .se-spacer, #hc-nrk .set-tile .se-spacer{height: 14px; margin-bottom: 13px;}#hc-op .set-tile .set-logo, #hc-ygo .set-tile .set-logo, #hc-gt .set-tile .set-logo, #hc-nrk .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 12px; position: relative; z-index: 1;}#hc-op .set-tile .set-logo-fallback, #hc-ygo .set-tile .set-logo-fallback, #hc-gt .set-tile .set-logo-fallback, #hc-nrk .set-tile .set-logo-fallback{position: absolute; inset: 0px; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}#hc-op .set-tile .set-logo-img, #hc-ygo .set-tile .set-logo-img, #hc-gt .set-tile .set-logo-img, #hc-nrk .set-tile .set-logo-img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; z-index: 1;}#hc-op .set-tile .set-name, #hc-ygo .set-tile .set-name, #hc-gt .set-tile .set-name, #hc-nrk .set-tile .set-name{display: block; font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}#hc-op .set-tile .set-date, #hc-ygo .set-tile .set-date, #hc-gt .set-tile .set-date, #hc-nrk .set-tile .set-date{display: block; font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}#hc-op .set-tile .set-filter, #hc-ygo .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{margin: 14px 12px 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 12px; border-radius: var(--r-md); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-family: var(--font-body); font-weight: 700; font-size: 11.5px; letter-spacing: 0.01em; background: var(--surface-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--border-soft); transition: background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);}#hc-op .set-tile .set-filter:hover, #hc-ygo .set-tile .set-filter:hover, #hc-gt .set-tile .set-filter:hover, #hc-nrk .set-tile .set-filter:hover{background: color-mix(in srgb,var(--primary) 12%,var(--card)); color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-op .set-tile.is-on .set-filter, #hc-ygo .set-tile.is-on .set-filter, #hc-gt .set-tile.is-on .set-filter, #hc-nrk .set-tile.is-on .set-filter{background: var(--primary); color: var(--primary-ink); box-shadow: inset 0 0 0 1px var(--primary);}@media (min-width: 561px) and (max-width: 1100px){#hc-op .set-tile, #hc-ygo .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 176px;}#hc-op .ribbon-arrows button, #hc-ygo .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}}@media (max-width: 560px){#hc-op .set-tile, #hc-ygo .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 158px; scroll-snap-align: center;}#hc-op .set-tile .set-filter, #hc-ygo .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{min-height: 44px; padding: 12px;}#hc-op .ribbon-arrows button, #hc-ygo .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}#hc-op .set-tile .se-top, #hc-ygo .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{font-size: 13px;}#hc-op .pk-ribbon-head, #hc-ygo .pk-ribbon-head, #hc-gt .pk-ribbon-head, #hc-nrk .pk-ribbon-head{align-items: flex-start;}#hc-op .ribbon-scroll, #hc-ygo .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{scroll-padding-left: 16px;}}#hc-ygo .set-tile .set-date{padding-top:0 !important;padding-bottom:0 !important;}#hc-ygo .cat-hero-visual .holo-card.card-side{width:210px !important;max-width:210px !important;height:293px !important;}#hc-ygo .cat-hero-visual .holo-card.card-main{width:280px !important;max-width:280px !important;height:391px !important;}

/* ===== HC-SWU PREMIUM ALIAS (#hc-pk -> #hc-swu, CSSOM-Klon 2026-07-06, 207 Regeln) — Premium-Rollout Star Wars Unlimited ===== */
#hc-swu{--pk-bolt: #ffce1f; --pk-ink: #1b2a4a;}#hc-swu .pk-hero{padding: 46px 0px 40px;}#hc-swu .pk-hero .lead{margin: 20px 0px 26px;}#hc-swu .pk-brandline{display: inline-flex; align-items: center; gap: 12px; margin-bottom: 2px;}#hc-swu .pk-brandline .pk-ball{width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; background: radial-gradient(circle at 50% 50%, #fff 0 6px, var(--pk-ink) 6px 9px, transparent 9px),
    linear-gradient(180deg, #e23b3b 0 49%, var(--pk-ink) 49% 51%, #fff 51% 100%); box-shadow: inset 0 0 0 2px var(--pk-ink), 0 6px 14px -6px rgba(0,0,0,.5);}#hc-swu h1 .grad{background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent;}#hc-swu .pk-quick{display: flex; flex-wrap: wrap; gap: 10px; margin: 0px 0px 30px;}#hc-swu .pk-quick button{display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); transition: .18s var(--ease);}#hc-swu .pk-quick button .qd{width: 8px; height: 8px; border-radius: 50%; background: var(--c,var(--primary)); flex-shrink: 0;}#hc-swu .pk-quick button:hover{box-shadow: inset 0 0 0 1.5px var(--primary); transform: translateY(-2px); color: var(--primary);}#hc-swu .cat-stats{grid-template-columns: repeat(3, auto); gap: 40px;}#hc-swu .cat-stat b{font-size: 34px;}#hc-swu .cat-hero-visual{height: 340px;}#hc-swu .pk-ribbon{position: relative; margin: 0px 0px 6px;}#hc-swu .pk-ribbon-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 16px; flex-wrap: wrap;}#hc-swu .pk-ribbon-head h2{font-size: clamp(20px, 2.3vw, 26px);}#hc-swu .pk-ribbon-head .sub{font-size: 13px; color: var(--muted); margin-top: 5px;}#hc-swu .ribbon-arrows{display: flex; gap: 8px;}#hc-swu .ribbon-arrows button{width: 40px; height: 40px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); display: grid; place-items: center; color: var(--text); transition: 0.2s;}#hc-swu .ribbon-arrows button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); transform: translateY(-1px);}#hc-swu .ribbon-arrows button:disabled{opacity: 0.35; cursor: default; transform: none; color: var(--dim); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-swu .ribbon-scroll{display: flex; gap: 14px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab;}#hc-swu .set-tiles{display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 18px;}#hc-swu .set-tile{position: relative; background: rgb(255, 255, 255); border-radius: var(--r-lg); padding: 18px 14px 16px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; text-align: center; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; align-items: center;}#hc-swu .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}#hc-swu .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-swu .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 14px;}#hc-swu .set-tile .set-logo image-slot{display: block; width: 100%; height: 100%;}#hc-swu .set-tile .set-logo image-slot::part(frame){background: transparent;}#hc-swu .set-tile .set-logo image-slot::part(ring){display: none;}#hc-swu .set-tile .set-logo-fallback{position: absolute; inset: 18px 14px auto; height: calc(0% + 60px); display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}#hc-swu .set-tile .set-logo{position: relative; z-index: 1;}#hc-swu .set-tile .set-name{font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}#hc-swu .set-tile .set-date{font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}@media (max-width: 980px){#hc-swu .set-tiles{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 560px){#hc-swu .set-tiles{grid-template-columns: repeat(2, 1fr);}}#hc-swu .ribbon-scroll::-webkit-scrollbar{display: none;}#hc-swu .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}#hc-swu .set-chip{position: relative; flex: 0 0 auto; min-width: 212px; display: flex; align-items: center; gap: 14px; padding: 14px 18px 14px 14px; border-radius: var(--r-lg); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); cursor: pointer; transition: transform .22s var(--ease), box-shadow .22s var(--ease); scroll-snap-align: start; text-align: left;}#hc-swu .set-chip:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--border-soft),0 20px 40px -26px rgba(0,0,0,.5);}#hc-swu .set-chip.is-on{box-shadow: inset 0 0 0 2px var(--primary), 0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-swu .set-chip .set-emblem{width: 50px; height: 50px; border-radius: 13px; flex-shrink: 0; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 14px; color: rgb(255, 255, 255); letter-spacing: 0.02em; background: var(--scg,linear-gradient(150deg,#3b6fd4,#1b2a4a)); box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;}#hc-swu .set-chip .set-meta{display: flex; flex-direction: column; min-width: 0px;}#hc-swu .set-chip .set-meta .name{font-family: var(--font-display); font-weight: 700; font-size: 14.5px; line-height: 1.12; letter-spacing: -0.01em; color: var(--text);}#hc-swu .set-chip .set-meta .code{font-size: 11.5px; font-weight: 600; color: var(--dim); margin-top: 5px; font-feature-settings: "tnum";}#hc-swu .pk-listing{display: grid; grid-template-columns: 286px 1fr; gap: 32px; padding: 30px 0px 70px; align-items: start;}#hc-swu .pk-sidebar{position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px;}#hc-swu .sidebar-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 4px 4px;}#hc-swu .sidebar-head h3{font-family: var(--font-display); font-weight: 800; font-size: 17px;}#hc-swu .sidebar-head .reset-all{font-size: 12.5px; font-weight: 700; color: var(--primary); display: inline-flex; align-items: center; gap: 6px;}#hc-swu .sidebar-head .reset-all:hover{text-decoration: underline; text-underline-offset: 2px;}#hc-swu .filter-group{background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft); overflow: hidden;}#hc-swu .filter-group-head{width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 18px; text-align: left; transition: 0.15s;}#hc-swu .filter-group-head:hover{background: var(--card-hi);}#hc-swu .filter-group-head .fg-title{display: flex; align-items: center; gap: 9px; font-family: var(--font-body); font-weight: 700; font-size: 13.5px; letter-spacing: 0.01em; color: var(--text);}#hc-swu .filter-group-head .fg-on{font-size: 10.5px; font-weight: 800; color: var(--primary-ink); background: var(--primary); border-radius: var(--r-pill); min-width: 18px; height: 18px; padding: 0px 6px; display: none; place-items: center;}#hc-swu .filter-group-head .fg-on.show{display: grid;}#hc-swu .filter-group-head .fg-chev{color: var(--dim); transition: transform .25s var(--ease); flex-shrink: 0;}#hc-swu .filter-group.is-collapsed .fg-chev{transform: rotate(-90deg);}#hc-swu .filter-group-body{padding: 2px 18px 16px;}#hc-swu .filter-group.is-collapsed .filter-group-body{display: none;}#hc-swu .filter-group .fg-foot{display: flex; justify-content: flex-end; padding-top: 8px;}#hc-swu .filter-group .reset{font-size: 11.5px; font-weight: 600; color: var(--dim);}#hc-swu .filter-group .reset:hover{color: var(--primary);}#hc-swu .f-opt{display: flex; align-items: center; gap: 11px; padding: 7px 0px; font-size: 14px; color: var(--text); cursor: pointer; line-height: 1.3;}#hc-swu .f-opt input{position: absolute; opacity: 0; width: 0px; height: 0px;}#hc-swu .f-opt .mark{width: 19px; height: 19px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--border); flex-shrink: 0; display: grid; place-items: center; transition: 0.15s; background: transparent;}#hc-swu .f-opt.radio .mark{border-radius: 50%;}#hc-swu .f-opt input:checked + .mark{background: var(--primary); box-shadow: none;}#hc-swu .f-opt input:checked + .mark::after{content: ""; width: 9px; height: 9px;}#hc-swu .f-opt:not(.radio) input:checked + .mark::after{content: "✓"; color: var(--primary-ink); font-size: 12px; font-weight: 800;}#hc-swu .f-opt.radio input:checked + .mark::after{border-radius: 50%; background: var(--primary-ink);}#hc-swu .f-opt .cnt{margin-left: auto; font-size: 12px; color: var(--dim); font-feature-settings: "tnum";}#hc-swu .f-opt:hover .mark{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-swu .f-pills{display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0px 2px;}#hc-swu .f-pill{display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--muted); cursor: pointer; transition: 0.16s; user-select: none;}#hc-swu .f-pill:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-swu .f-pill.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-swu .seg{display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; background: var(--card-hi); padding: 5px; border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-swu .seg button{padding: 9px 8px; border-radius: 9px; font-family: var(--font-body); font-weight: 700; font-size: 12.5px; color: var(--muted); transition: 0.16s;}#hc-swu .seg button:hover{color: var(--text);}#hc-swu .seg button.is-on{background: var(--surface); color: var(--primary); box-shadow: 0 4px 12px -6px rgba(0,0,0,.4),inset 0 0 0 1px var(--border-soft);}#hc-swu .cond-detail{margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border-soft);}#hc-swu .cond-detail[hidden]{display: none;}#hc-swu .cond-note{font-size: 12.5px; color: var(--muted); line-height: 1.55;}#hc-swu .cond-note b{color: var(--text); font-weight: 600;}#hc-swu .graded-step-label{font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); margin: 2px 0px 9px;}#hc-swu .graded-firms{display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 6px;}#hc-swu .graded-firms button{padding: 7px 13px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 12.5px; font-weight: 800; letter-spacing: 0.04em; color: var(--muted); transition: 0.16s;}#hc-swu .graded-firms button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-swu .graded-firms button.is-on{background: var(--pk-ink); color: rgb(255, 255, 255); box-shadow: none;}#hc-swu .graded-grades{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;}#hc-swu .graded-grades[hidden]{display: none;}#hc-swu .graded-grades button{min-width: 42px; padding: 7px 9px; border-radius: 9px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-display); font-weight: 800; font-size: 13px; color: var(--text); transition: 0.16s;}#hc-swu .graded-grades button:hover{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-swu .graded-grades button.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-swu .price-wrap{padding-top: 4px;}#hc-swu .price-vals{display: flex; align-items: center; justify-content: space-between; font-family: var(--font-display); font-weight: 800; font-size: 15px; margin-bottom: 14px;}#hc-swu .price-vals span{color: var(--text);}#hc-swu .price-track{position: relative; height: 34px;}#hc-swu .price-track .rail{position: absolute; top: 50%; left: 0px; right: 0px; height: 5px; transform: translateY(-50%); background: var(--card-hi); border-radius: 5px; box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-swu .price-track .fill{position: absolute; top: 50%; height: 5px; transform: translateY(-50%); background: var(--primary); border-radius: 5px;}#hc-swu .price-track input[type="range"]{position: absolute; top: 0px; left: 0px; width: 100%; height: 34px; margin: 0px; background: none; pointer-events: none; appearance: none;}#hc-swu .price-track input[type="range"]::-webkit-slider-thumb{appearance: none; pointer-events: all; width: 20px; height: 20px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 2px var(--primary),0 4px 10px -3px rgba(0,0,0,.5); cursor: pointer;}#hc-swu .pk-main{min-width: 0px;}#hc-swu .toolbar{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px;}#hc-swu .results-count{font-size: 14.5px; color: var(--muted); white-space: nowrap;}#hc-swu .results-count b{font-family: var(--font-display); font-weight: 800; color: var(--text); font-size: 17px;}#hc-swu .toolbar-right{margin-left: auto; display: flex; align-items: center; gap: 10px;}#hc-swu .sortish{position: relative;}#hc-swu .sortish select{appearance: none; font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--r-pill); padding: 11px 38px 11px 16px; cursor: pointer; outline: none;}#hc-swu .sortish select:focus{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-swu .sortish svg{position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--dim);}#hc-swu .view-toggle{display: flex; gap: 4px; background: var(--surface); padding: 4px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-swu .view-toggle button{width: 38px; height: 36px; border-radius: var(--r-pill); display: grid; place-items: center; color: var(--dim); transition: 0.15s;}#hc-swu .view-toggle button:hover{color: var(--text);}#hc-swu .view-toggle button.is-on{background: var(--primary); color: var(--primary-ink);}#hc-swu .active-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;}#hc-swu .active-chips:empty{display: none;}#hc-swu .a-chip{display: inline-flex; align-items: center; gap: 8px; padding: 7px 8px 7px 13px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); font-size: 12.5px; font-weight: 600; color: var(--text);}#hc-swu .a-chip .chip-clear{width: 18px; height: 18px; border-radius: 50%; background: var(--card-hi); display: grid; place-items: center; color: var(--muted); transition: 0.15s; flex-shrink: 0;}#hc-swu .a-chip .chip-clear:hover{background: var(--hot-2); color: rgb(255, 255, 255);}#hc-swu .a-chip.clear-all{background: transparent; box-shadow: none; color: var(--primary); font-weight: 700; padding: 7px 6px;}#hc-swu .a-chip.clear-all:hover{text-decoration: underline; text-underline-offset: 2px;}#hc-swu .grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}#hc-swu .grid.cols-3{grid-template-columns: repeat(3, 1fr);}#hc-swu .grid .card[hidden]{display: none;}#hc-swu .grid .holo .holo-set{position: absolute; top: 14px; left: 14px; z-index: 3; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; background: rgba(0, 0, 0, 0.42); color: rgb(255, 255, 255); padding: 4px 8px; border-radius: 7px; backdrop-filter: blur(4px);}#hc-swu .grid .card .lang{display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; color: var(--muted);}#hc-swu .grid .card .lang .lg{padding: 2px 6px; border-radius: 5px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-swu .grid .card .meta-row{display: flex; align-items: center; gap: 8px;}#hc-swu .grid .card .stocknote{font-size: 11.5px; font-weight: 700; color: var(--hot-2);}#hc-swu .grid .card .preo{display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--accent);}#hc-swu .prod .heart.is-on{color: var(--hot-2);}#hc-swu .prod .heart.is-on svg{fill: var(--hot-2);}#hc-swu .grid.is-list{grid-template-columns: 1fr; gap: 12px;}#hc-swu .grid.is-list .card{flex-direction: row; align-items: stretch;}#hc-swu .grid.is-list .card .pim{width: 150px; aspect-ratio: auto; flex-shrink: 0;}#hc-swu .grid.is-list .card .pim .holo{width: 74%;}#hc-swu .grid.is-list .card .pb{flex: 1 1 0%;}#hc-swu .grid.is-list .card .nm{min-height: 0px; font-size: 15.5px;}#hc-swu .grid.is-list .card .listdesc{display: none; font-size: 13px; color: var(--muted); line-height: 1.5; margin-top: 2px;}@media (min-width: 721px){#hc-swu .grid.is-list .card .listdesc{display: block;}}#hc-swu .grid-empty{display: none; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding: 64px 20px; background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-swu .grid-empty.show{display: flex;}#hc-swu .grid-empty .ge-ic{width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: var(--card-hi); color: var(--dim);}#hc-swu .grid-empty h4{font-size: 20px;}#hc-swu .grid-empty p{font-size: 14px; color: var(--muted); max-width: 38ch;}#hc-swu .pagination{display: flex; gap: 8px; justify-content: center; margin-top: 44px;}#hc-swu .pagination a{min-width: 44px; height: 44px; padding: 0px 6px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-weight: 700; font-size: 14px; transition: 0.2s;}#hc-swu .pagination a:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-swu .pagination a.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-swu .pk-seo{padding: 54px 0px 10px; border-top: 1px solid var(--border-soft);}#hc-swu .filter-drawer-btn{display: none;}#hc-swu .drawer-backdrop{display: none;}@media (max-width: 1100px){#hc-swu .pk-listing{grid-template-columns: 1fr;}#hc-swu .pk-sidebar{position: fixed; inset: 0px 0px 0px auto; width: min(380px, 90vw); z-index: 210; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: var(--bg-grad); padding: 18px 18px 96px; overflow-y: auto; transform: translateX(102%); transition: transform .34s var(--ease); box-shadow: rgba(0, 0, 0, 0.6) -30px 0px 80px -30px; gap: 12px;}#hc-swu .pk-sidebar.open{transform: none;}#hc-swu .drawer-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;}#hc-swu .drawer-head h3{font-family: var(--font-display); font-weight: 800; font-size: 20px;}#hc-swu .drawer-close{width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); color: var(--text);}#hc-swu .drawer-apply{position: sticky; bottom: 0px; margin: 14px -18px -96px; padding: 16px 18px calc(16px + env(safe-area-inset-bottom)); background: color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter: blur(10px); box-shadow: 0 -1px 0 var(--border-soft);}#hc-swu .filter-drawer-btn{display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-bottom: 18px; position: relative; padding: 14px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); font-family: var(--font-body); font-weight: 700; font-size: 15px; color: var(--text);}#hc-swu .filter-drawer-btn .fd-badge{min-width: 22px; height: 22px; border-radius: var(--r-pill); background: var(--primary); color: var(--primary-ink); font-size: 12px; font-weight: 800; display: none; place-items: center; padding: 0px 6px;}#hc-swu .filter-drawer-btn .fd-badge.show{display: grid;}#hc-swu .drawer-backdrop{position: fixed; inset: 0px; z-index: 200; background: rgba(4, 10, 16, 0.55); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; transition: 0.3s;}#hc-swu .drawer-backdrop.show{opacity: 1; visibility: visible;}}@media (min-width: 1101px){#hc-swu .drawer-head{display: none;}#hc-swu .drawer-apply{display: none;}}@media (max-width: 1100px){#hc-swu .grid{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 760px){#hc-swu .grid{grid-template-columns: repeat(2, 1fr);}#hc-swu .grid.cols-3, #hc-swu .grid.cols-4{grid-template-columns: repeat(2, 1fr);}#hc-swu .view-toggle [data-view="cols-4"]{display: none;}}@media (max-width: 540px){#hc-swu .cat-stats{grid-template-columns: 1fr; gap: 16px;}#hc-swu .grid:not(.is-list){grid-template-columns: 1fr 1fr; gap: 12px;}#hc-swu .toolbar-right{width: 100%;}#hc-swu .sortish select{flex: 1 1 0%; width: 100%;}}#hc-op .ribbon-scroll, #hc-swu .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab; scroll-snap-type: x;}#hc-op .ribbon-scroll::-webkit-scrollbar, #hc-swu .ribbon-scroll::-webkit-scrollbar, #hc-gt .ribbon-scroll::-webkit-scrollbar, #hc-nrk .ribbon-scroll::-webkit-scrollbar{display: none;}#hc-op .ribbon-scroll.grabbing, #hc-swu .ribbon-scroll.grabbing, #hc-gt .ribbon-scroll.grabbing, #hc-nrk .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}#hc-op .set-tile, #hc-swu .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{position: relative; flex: 0 0 auto; width: 192px; background: var(--card); border-radius: var(--r-lg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; overflow: hidden; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; scroll-snap-align: start; text-align: center; cursor: default;}#hc-op .set-tile:hover, #hc-swu .set-tile:hover, #hc-gt .set-tile:hover, #hc-nrk .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}#hc-op .set-tile.is-on, #hc-swu .set-tile.is-on, #hc-gt .set-tile.is-on, #hc-nrk .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-op .set-tile .set-explore, #hc-swu .set-tile .set-explore, #hc-gt .set-tile .set-explore, #hc-nrk .set-tile .set-explore{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 14px 6px; text-decoration: none; color: inherit; border-radius: var(--r-lg) var(--r-lg) 0 0; transition: background .2s var(--ease);}#hc-op .set-tile .set-explore[href]:hover, #hc-swu .set-tile .set-explore[href]:hover, #hc-gt .set-tile .set-explore[href]:hover, #hc-nrk .set-tile .set-explore[href]:hover{background: color-mix(in srgb,var(--primary) 7%,transparent);}#hc-op .set-tile .set-explore.as-static, #hc-swu .set-tile .set-explore.as-static, #hc-gt .set-tile .set-explore.as-static, #hc-nrk .set-tile .set-explore.as-static{cursor: default;}#hc-op .set-tile .se-top, #hc-swu .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{display: inline-flex; align-items: center; gap: 6px; margin-bottom: 13px; font-family: var(--font-display); font-weight: 800; font-size: 14px; letter-spacing: -0.01em; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; transition: gap .2s var(--ease);}#hc-op .set-tile .se-top svg, #hc-swu .set-tile .se-top svg, #hc-gt .set-tile .se-top svg, #hc-nrk .set-tile .se-top svg{stroke: rgb(212, 32, 44); transition: transform .2s var(--ease);}#hc-op .set-tile .set-explore[href]:hover .se-top, #hc-swu .set-tile .set-explore[href]:hover .se-top, #hc-gt .set-tile .set-explore[href]:hover .se-top, #hc-nrk .set-tile .set-explore[href]:hover .se-top{gap: 10px;}#hc-op .set-tile .set-explore[href]:hover .se-top svg, #hc-swu .set-tile .set-explore[href]:hover .se-top svg, #hc-gt .set-tile .set-explore[href]:hover .se-top svg, #hc-nrk .set-tile .set-explore[href]:hover .se-top svg{transform: translateX(3px);}#hc-op .set-tile .se-spacer, #hc-swu .set-tile .se-spacer, #hc-gt .set-tile .se-spacer, #hc-nrk .set-tile .se-spacer{height: 14px; margin-bottom: 13px;}#hc-op .set-tile .set-logo, #hc-swu .set-tile .set-logo, #hc-gt .set-tile .set-logo, #hc-nrk .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 12px; position: relative; z-index: 1;}#hc-op .set-tile .set-logo-fallback, #hc-swu .set-tile .set-logo-fallback, #hc-gt .set-tile .set-logo-fallback, #hc-nrk .set-tile .set-logo-fallback{position: absolute; inset: 0px; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}#hc-op .set-tile .set-logo-img, #hc-swu .set-tile .set-logo-img, #hc-gt .set-tile .set-logo-img, #hc-nrk .set-tile .set-logo-img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; z-index: 1;}#hc-op .set-tile .set-name, #hc-swu .set-tile .set-name, #hc-gt .set-tile .set-name, #hc-nrk .set-tile .set-name{display: block; font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}#hc-op .set-tile .set-date, #hc-swu .set-tile .set-date, #hc-gt .set-tile .set-date, #hc-nrk .set-tile .set-date{display: block; font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}#hc-op .set-tile .set-filter, #hc-swu .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{margin: 14px 12px 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 12px; border-radius: var(--r-md); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-family: var(--font-body); font-weight: 700; font-size: 11.5px; letter-spacing: 0.01em; background: var(--surface-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--border-soft); transition: background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);}#hc-op .set-tile .set-filter:hover, #hc-swu .set-tile .set-filter:hover, #hc-gt .set-tile .set-filter:hover, #hc-nrk .set-tile .set-filter:hover{background: color-mix(in srgb,var(--primary) 12%,var(--card)); color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-op .set-tile.is-on .set-filter, #hc-swu .set-tile.is-on .set-filter, #hc-gt .set-tile.is-on .set-filter, #hc-nrk .set-tile.is-on .set-filter{background: var(--primary); color: var(--primary-ink); box-shadow: inset 0 0 0 1px var(--primary);}@media (min-width: 561px) and (max-width: 1100px){#hc-op .set-tile, #hc-swu .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 176px;}#hc-op .ribbon-arrows button, #hc-swu .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}}@media (max-width: 560px){#hc-op .set-tile, #hc-swu .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 158px; scroll-snap-align: center;}#hc-op .set-tile .set-filter, #hc-swu .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{min-height: 44px; padding: 12px;}#hc-op .ribbon-arrows button, #hc-swu .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}#hc-op .set-tile .se-top, #hc-swu .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{font-size: 13px;}#hc-op .pk-ribbon-head, #hc-swu .pk-ribbon-head, #hc-gt .pk-ribbon-head, #hc-nrk .pk-ribbon-head{align-items: flex-start;}#hc-op .ribbon-scroll, #hc-swu .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{scroll-padding-left: 16px;}}#hc-swu .set-tile .set-date{padding-top:0 !important;padding-bottom:0 !important;}#hc-swu .cat-hero-visual .holo-card.card-side{width:210px !important;max-width:210px !important;height:293px !important;}#hc-swu .cat-hero-visual .holo-card.card-main{width:280px !important;max-width:280px !important;height:391px !important;}

/* ===== HC-DBS PREMIUM ALIAS (#hc-pk -> #hc-dbs, CSSOM-Klon 2026-07-06, 207 Regeln) — Premium-Rollout Dragon Ball Fusion World ===== */
#hc-dbs{--pk-bolt: #ffce1f; --pk-ink: #1b2a4a;}#hc-dbs .pk-hero{padding: 46px 0px 40px;}#hc-dbs .pk-hero .lead{margin: 20px 0px 26px;}#hc-dbs .pk-brandline{display: inline-flex; align-items: center; gap: 12px; margin-bottom: 2px;}#hc-dbs .pk-brandline .pk-ball{width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; background: radial-gradient(circle at 50% 50%, #fff 0 6px, var(--pk-ink) 6px 9px, transparent 9px),
    linear-gradient(180deg, #e23b3b 0 49%, var(--pk-ink) 49% 51%, #fff 51% 100%); box-shadow: inset 0 0 0 2px var(--pk-ink), 0 6px 14px -6px rgba(0,0,0,.5);}#hc-dbs h1 .grad{background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent;}#hc-dbs .pk-quick{display: flex; flex-wrap: wrap; gap: 10px; margin: 0px 0px 30px;}#hc-dbs .pk-quick button{display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); transition: .18s var(--ease);}#hc-dbs .pk-quick button .qd{width: 8px; height: 8px; border-radius: 50%; background: var(--c,var(--primary)); flex-shrink: 0;}#hc-dbs .pk-quick button:hover{box-shadow: inset 0 0 0 1.5px var(--primary); transform: translateY(-2px); color: var(--primary);}#hc-dbs .cat-stats{grid-template-columns: repeat(3, auto); gap: 40px;}#hc-dbs .cat-stat b{font-size: 34px;}#hc-dbs .cat-hero-visual{height: 340px;}#hc-dbs .pk-ribbon{position: relative; margin: 0px 0px 6px;}#hc-dbs .pk-ribbon-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 16px; flex-wrap: wrap;}#hc-dbs .pk-ribbon-head h2{font-size: clamp(20px, 2.3vw, 26px);}#hc-dbs .pk-ribbon-head .sub{font-size: 13px; color: var(--muted); margin-top: 5px;}#hc-dbs .ribbon-arrows{display: flex; gap: 8px;}#hc-dbs .ribbon-arrows button{width: 40px; height: 40px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); display: grid; place-items: center; color: var(--text); transition: 0.2s;}#hc-dbs .ribbon-arrows button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); transform: translateY(-1px);}#hc-dbs .ribbon-arrows button:disabled{opacity: 0.35; cursor: default; transform: none; color: var(--dim); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-dbs .ribbon-scroll{display: flex; gap: 14px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab;}#hc-dbs .set-tiles{display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 18px;}#hc-dbs .set-tile{position: relative; background: rgb(255, 255, 255); border-radius: var(--r-lg); padding: 18px 14px 16px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; text-align: center; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; align-items: center;}#hc-dbs .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}#hc-dbs .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-dbs .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 14px;}#hc-dbs .set-tile .set-logo image-slot{display: block; width: 100%; height: 100%;}#hc-dbs .set-tile .set-logo image-slot::part(frame){background: transparent;}#hc-dbs .set-tile .set-logo image-slot::part(ring){display: none;}#hc-dbs .set-tile .set-logo-fallback{position: absolute; inset: 18px 14px auto; height: calc(0% + 60px); display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}#hc-dbs .set-tile .set-logo{position: relative; z-index: 1;}#hc-dbs .set-tile .set-name{font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}#hc-dbs .set-tile .set-date{font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}@media (max-width: 980px){#hc-dbs .set-tiles{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 560px){#hc-dbs .set-tiles{grid-template-columns: repeat(2, 1fr);}}#hc-dbs .ribbon-scroll::-webkit-scrollbar{display: none;}#hc-dbs .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}#hc-dbs .set-chip{position: relative; flex: 0 0 auto; min-width: 212px; display: flex; align-items: center; gap: 14px; padding: 14px 18px 14px 14px; border-radius: var(--r-lg); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); cursor: pointer; transition: transform .22s var(--ease), box-shadow .22s var(--ease); scroll-snap-align: start; text-align: left;}#hc-dbs .set-chip:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--border-soft),0 20px 40px -26px rgba(0,0,0,.5);}#hc-dbs .set-chip.is-on{box-shadow: inset 0 0 0 2px var(--primary), 0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-dbs .set-chip .set-emblem{width: 50px; height: 50px; border-radius: 13px; flex-shrink: 0; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 14px; color: rgb(255, 255, 255); letter-spacing: 0.02em; background: var(--scg,linear-gradient(150deg,#3b6fd4,#1b2a4a)); box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;}#hc-dbs .set-chip .set-meta{display: flex; flex-direction: column; min-width: 0px;}#hc-dbs .set-chip .set-meta .name{font-family: var(--font-display); font-weight: 700; font-size: 14.5px; line-height: 1.12; letter-spacing: -0.01em; color: var(--text);}#hc-dbs .set-chip .set-meta .code{font-size: 11.5px; font-weight: 600; color: var(--dim); margin-top: 5px; font-feature-settings: "tnum";}#hc-dbs .pk-listing{display: grid; grid-template-columns: 286px 1fr; gap: 32px; padding: 30px 0px 70px; align-items: start;}#hc-dbs .pk-sidebar{position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px;}#hc-dbs .sidebar-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 4px 4px;}#hc-dbs .sidebar-head h3{font-family: var(--font-display); font-weight: 800; font-size: 17px;}#hc-dbs .sidebar-head .reset-all{font-size: 12.5px; font-weight: 700; color: var(--primary); display: inline-flex; align-items: center; gap: 6px;}#hc-dbs .sidebar-head .reset-all:hover{text-decoration: underline; text-underline-offset: 2px;}#hc-dbs .filter-group{background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft); overflow: hidden;}#hc-dbs .filter-group-head{width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 18px; text-align: left; transition: 0.15s;}#hc-dbs .filter-group-head:hover{background: var(--card-hi);}#hc-dbs .filter-group-head .fg-title{display: flex; align-items: center; gap: 9px; font-family: var(--font-body); font-weight: 700; font-size: 13.5px; letter-spacing: 0.01em; color: var(--text);}#hc-dbs .filter-group-head .fg-on{font-size: 10.5px; font-weight: 800; color: var(--primary-ink); background: var(--primary); border-radius: var(--r-pill); min-width: 18px; height: 18px; padding: 0px 6px; display: none; place-items: center;}#hc-dbs .filter-group-head .fg-on.show{display: grid;}#hc-dbs .filter-group-head .fg-chev{color: var(--dim); transition: transform .25s var(--ease); flex-shrink: 0;}#hc-dbs .filter-group.is-collapsed .fg-chev{transform: rotate(-90deg);}#hc-dbs .filter-group-body{padding: 2px 18px 16px;}#hc-dbs .filter-group.is-collapsed .filter-group-body{display: none;}#hc-dbs .filter-group .fg-foot{display: flex; justify-content: flex-end; padding-top: 8px;}#hc-dbs .filter-group .reset{font-size: 11.5px; font-weight: 600; color: var(--dim);}#hc-dbs .filter-group .reset:hover{color: var(--primary);}#hc-dbs .f-opt{display: flex; align-items: center; gap: 11px; padding: 7px 0px; font-size: 14px; color: var(--text); cursor: pointer; line-height: 1.3;}#hc-dbs .f-opt input{position: absolute; opacity: 0; width: 0px; height: 0px;}#hc-dbs .f-opt .mark{width: 19px; height: 19px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--border); flex-shrink: 0; display: grid; place-items: center; transition: 0.15s; background: transparent;}#hc-dbs .f-opt.radio .mark{border-radius: 50%;}#hc-dbs .f-opt input:checked + .mark{background: var(--primary); box-shadow: none;}#hc-dbs .f-opt input:checked + .mark::after{content: ""; width: 9px; height: 9px;}#hc-dbs .f-opt:not(.radio) input:checked + .mark::after{content: "✓"; color: var(--primary-ink); font-size: 12px; font-weight: 800;}#hc-dbs .f-opt.radio input:checked + .mark::after{border-radius: 50%; background: var(--primary-ink);}#hc-dbs .f-opt .cnt{margin-left: auto; font-size: 12px; color: var(--dim); font-feature-settings: "tnum";}#hc-dbs .f-opt:hover .mark{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-dbs .f-pills{display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0px 2px;}#hc-dbs .f-pill{display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--muted); cursor: pointer; transition: 0.16s; user-select: none;}#hc-dbs .f-pill:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-dbs .f-pill.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-dbs .seg{display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; background: var(--card-hi); padding: 5px; border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-dbs .seg button{padding: 9px 8px; border-radius: 9px; font-family: var(--font-body); font-weight: 700; font-size: 12.5px; color: var(--muted); transition: 0.16s;}#hc-dbs .seg button:hover{color: var(--text);}#hc-dbs .seg button.is-on{background: var(--surface); color: var(--primary); box-shadow: 0 4px 12px -6px rgba(0,0,0,.4),inset 0 0 0 1px var(--border-soft);}#hc-dbs .cond-detail{margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border-soft);}#hc-dbs .cond-detail[hidden]{display: none;}#hc-dbs .cond-note{font-size: 12.5px; color: var(--muted); line-height: 1.55;}#hc-dbs .cond-note b{color: var(--text); font-weight: 600;}#hc-dbs .graded-step-label{font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); margin: 2px 0px 9px;}#hc-dbs .graded-firms{display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 6px;}#hc-dbs .graded-firms button{padding: 7px 13px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 12.5px; font-weight: 800; letter-spacing: 0.04em; color: var(--muted); transition: 0.16s;}#hc-dbs .graded-firms button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-dbs .graded-firms button.is-on{background: var(--pk-ink); color: rgb(255, 255, 255); box-shadow: none;}#hc-dbs .graded-grades{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;}#hc-dbs .graded-grades[hidden]{display: none;}#hc-dbs .graded-grades button{min-width: 42px; padding: 7px 9px; border-radius: 9px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-display); font-weight: 800; font-size: 13px; color: var(--text); transition: 0.16s;}#hc-dbs .graded-grades button:hover{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-dbs .graded-grades button.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-dbs .price-wrap{padding-top: 4px;}#hc-dbs .price-vals{display: flex; align-items: center; justify-content: space-between; font-family: var(--font-display); font-weight: 800; font-size: 15px; margin-bottom: 14px;}#hc-dbs .price-vals span{color: var(--text);}#hc-dbs .price-track{position: relative; height: 34px;}#hc-dbs .price-track .rail{position: absolute; top: 50%; left: 0px; right: 0px; height: 5px; transform: translateY(-50%); background: var(--card-hi); border-radius: 5px; box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-dbs .price-track .fill{position: absolute; top: 50%; height: 5px; transform: translateY(-50%); background: var(--primary); border-radius: 5px;}#hc-dbs .price-track input[type="range"]{position: absolute; top: 0px; left: 0px; width: 100%; height: 34px; margin: 0px; background: none; pointer-events: none; appearance: none;}#hc-dbs .price-track input[type="range"]::-webkit-slider-thumb{appearance: none; pointer-events: all; width: 20px; height: 20px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 2px var(--primary),0 4px 10px -3px rgba(0,0,0,.5); cursor: pointer;}#hc-dbs .pk-main{min-width: 0px;}#hc-dbs .toolbar{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px;}#hc-dbs .results-count{font-size: 14.5px; color: var(--muted); white-space: nowrap;}#hc-dbs .results-count b{font-family: var(--font-display); font-weight: 800; color: var(--text); font-size: 17px;}#hc-dbs .toolbar-right{margin-left: auto; display: flex; align-items: center; gap: 10px;}#hc-dbs .sortish{position: relative;}#hc-dbs .sortish select{appearance: none; font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--r-pill); padding: 11px 38px 11px 16px; cursor: pointer; outline: none;}#hc-dbs .sortish select:focus{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-dbs .sortish svg{position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--dim);}#hc-dbs .view-toggle{display: flex; gap: 4px; background: var(--surface); padding: 4px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-dbs .view-toggle button{width: 38px; height: 36px; border-radius: var(--r-pill); display: grid; place-items: center; color: var(--dim); transition: 0.15s;}#hc-dbs .view-toggle button:hover{color: var(--text);}#hc-dbs .view-toggle button.is-on{background: var(--primary); color: var(--primary-ink);}#hc-dbs .active-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;}#hc-dbs .active-chips:empty{display: none;}#hc-dbs .a-chip{display: inline-flex; align-items: center; gap: 8px; padding: 7px 8px 7px 13px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); font-size: 12.5px; font-weight: 600; color: var(--text);}#hc-dbs .a-chip .chip-clear{width: 18px; height: 18px; border-radius: 50%; background: var(--card-hi); display: grid; place-items: center; color: var(--muted); transition: 0.15s; flex-shrink: 0;}#hc-dbs .a-chip .chip-clear:hover{background: var(--hot-2); color: rgb(255, 255, 255);}#hc-dbs .a-chip.clear-all{background: transparent; box-shadow: none; color: var(--primary); font-weight: 700; padding: 7px 6px;}#hc-dbs .a-chip.clear-all:hover{text-decoration: underline; text-underline-offset: 2px;}#hc-dbs .grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}#hc-dbs .grid.cols-3{grid-template-columns: repeat(3, 1fr);}#hc-dbs .grid .card[hidden]{display: none;}#hc-dbs .grid .holo .holo-set{position: absolute; top: 14px; left: 14px; z-index: 3; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; background: rgba(0, 0, 0, 0.42); color: rgb(255, 255, 255); padding: 4px 8px; border-radius: 7px; backdrop-filter: blur(4px);}#hc-dbs .grid .card .lang{display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; color: var(--muted);}#hc-dbs .grid .card .lang .lg{padding: 2px 6px; border-radius: 5px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-dbs .grid .card .meta-row{display: flex; align-items: center; gap: 8px;}#hc-dbs .grid .card .stocknote{font-size: 11.5px; font-weight: 700; color: var(--hot-2);}#hc-dbs .grid .card .preo{display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--accent);}#hc-dbs .prod .heart.is-on{color: var(--hot-2);}#hc-dbs .prod .heart.is-on svg{fill: var(--hot-2);}#hc-dbs .grid.is-list{grid-template-columns: 1fr; gap: 12px;}#hc-dbs .grid.is-list .card{flex-direction: row; align-items: stretch;}#hc-dbs .grid.is-list .card .pim{width: 150px; aspect-ratio: auto; flex-shrink: 0;}#hc-dbs .grid.is-list .card .pim .holo{width: 74%;}#hc-dbs .grid.is-list .card .pb{flex: 1 1 0%;}#hc-dbs .grid.is-list .card .nm{min-height: 0px; font-size: 15.5px;}#hc-dbs .grid.is-list .card .listdesc{display: none; font-size: 13px; color: var(--muted); line-height: 1.5; margin-top: 2px;}@media (min-width: 721px){#hc-dbs .grid.is-list .card .listdesc{display: block;}}#hc-dbs .grid-empty{display: none; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding: 64px 20px; background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-dbs .grid-empty.show{display: flex;}#hc-dbs .grid-empty .ge-ic{width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: var(--card-hi); color: var(--dim);}#hc-dbs .grid-empty h4{font-size: 20px;}#hc-dbs .grid-empty p{font-size: 14px; color: var(--muted); max-width: 38ch;}#hc-dbs .pagination{display: flex; gap: 8px; justify-content: center; margin-top: 44px;}#hc-dbs .pagination a{min-width: 44px; height: 44px; padding: 0px 6px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-weight: 700; font-size: 14px; transition: 0.2s;}#hc-dbs .pagination a:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-dbs .pagination a.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-dbs .pk-seo{padding: 54px 0px 10px; border-top: 1px solid var(--border-soft);}#hc-dbs .filter-drawer-btn{display: none;}#hc-dbs .drawer-backdrop{display: none;}@media (max-width: 1100px){#hc-dbs .pk-listing{grid-template-columns: 1fr;}#hc-dbs .pk-sidebar{position: fixed; inset: 0px 0px 0px auto; width: min(380px, 90vw); z-index: 210; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: var(--bg-grad); padding: 18px 18px 96px; overflow-y: auto; transform: translateX(102%); transition: transform .34s var(--ease); box-shadow: rgba(0, 0, 0, 0.6) -30px 0px 80px -30px; gap: 12px;}#hc-dbs .pk-sidebar.open{transform: none;}#hc-dbs .drawer-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;}#hc-dbs .drawer-head h3{font-family: var(--font-display); font-weight: 800; font-size: 20px;}#hc-dbs .drawer-close{width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); color: var(--text);}#hc-dbs .drawer-apply{position: sticky; bottom: 0px; margin: 14px -18px -96px; padding: 16px 18px calc(16px + env(safe-area-inset-bottom)); background: color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter: blur(10px); box-shadow: 0 -1px 0 var(--border-soft);}#hc-dbs .filter-drawer-btn{display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-bottom: 18px; position: relative; padding: 14px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); font-family: var(--font-body); font-weight: 700; font-size: 15px; color: var(--text);}#hc-dbs .filter-drawer-btn .fd-badge{min-width: 22px; height: 22px; border-radius: var(--r-pill); background: var(--primary); color: var(--primary-ink); font-size: 12px; font-weight: 800; display: none; place-items: center; padding: 0px 6px;}#hc-dbs .filter-drawer-btn .fd-badge.show{display: grid;}#hc-dbs .drawer-backdrop{position: fixed; inset: 0px; z-index: 200; background: rgba(4, 10, 16, 0.55); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; transition: 0.3s;}#hc-dbs .drawer-backdrop.show{opacity: 1; visibility: visible;}}@media (min-width: 1101px){#hc-dbs .drawer-head{display: none;}#hc-dbs .drawer-apply{display: none;}}@media (max-width: 1100px){#hc-dbs .grid{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 760px){#hc-dbs .grid{grid-template-columns: repeat(2, 1fr);}#hc-dbs .grid.cols-3, #hc-dbs .grid.cols-4{grid-template-columns: repeat(2, 1fr);}#hc-dbs .view-toggle [data-view="cols-4"]{display: none;}}@media (max-width: 540px){#hc-dbs .cat-stats{grid-template-columns: 1fr; gap: 16px;}#hc-dbs .grid:not(.is-list){grid-template-columns: 1fr 1fr; gap: 12px;}#hc-dbs .toolbar-right{width: 100%;}#hc-dbs .sortish select{flex: 1 1 0%; width: 100%;}}#hc-op .ribbon-scroll, #hc-dbs .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab; scroll-snap-type: x;}#hc-op .ribbon-scroll::-webkit-scrollbar, #hc-dbs .ribbon-scroll::-webkit-scrollbar, #hc-gt .ribbon-scroll::-webkit-scrollbar, #hc-nrk .ribbon-scroll::-webkit-scrollbar{display: none;}#hc-op .ribbon-scroll.grabbing, #hc-dbs .ribbon-scroll.grabbing, #hc-gt .ribbon-scroll.grabbing, #hc-nrk .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}#hc-op .set-tile, #hc-dbs .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{position: relative; flex: 0 0 auto; width: 192px; background: var(--card); border-radius: var(--r-lg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; overflow: hidden; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; scroll-snap-align: start; text-align: center; cursor: default;}#hc-op .set-tile:hover, #hc-dbs .set-tile:hover, #hc-gt .set-tile:hover, #hc-nrk .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}#hc-op .set-tile.is-on, #hc-dbs .set-tile.is-on, #hc-gt .set-tile.is-on, #hc-nrk .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-op .set-tile .set-explore, #hc-dbs .set-tile .set-explore, #hc-gt .set-tile .set-explore, #hc-nrk .set-tile .set-explore{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 14px 6px; text-decoration: none; color: inherit; border-radius: var(--r-lg) var(--r-lg) 0 0; transition: background .2s var(--ease);}#hc-op .set-tile .set-explore[href]:hover, #hc-dbs .set-tile .set-explore[href]:hover, #hc-gt .set-tile .set-explore[href]:hover, #hc-nrk .set-tile .set-explore[href]:hover{background: color-mix(in srgb,var(--primary) 7%,transparent);}#hc-op .set-tile .set-explore.as-static, #hc-dbs .set-tile .set-explore.as-static, #hc-gt .set-tile .set-explore.as-static, #hc-nrk .set-tile .set-explore.as-static{cursor: default;}#hc-op .set-tile .se-top, #hc-dbs .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{display: inline-flex; align-items: center; gap: 6px; margin-bottom: 13px; font-family: var(--font-display); font-weight: 800; font-size: 14px; letter-spacing: -0.01em; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; transition: gap .2s var(--ease);}#hc-op .set-tile .se-top svg, #hc-dbs .set-tile .se-top svg, #hc-gt .set-tile .se-top svg, #hc-nrk .set-tile .se-top svg{stroke: rgb(212, 32, 44); transition: transform .2s var(--ease);}#hc-op .set-tile .set-explore[href]:hover .se-top, #hc-dbs .set-tile .set-explore[href]:hover .se-top, #hc-gt .set-tile .set-explore[href]:hover .se-top, #hc-nrk .set-tile .set-explore[href]:hover .se-top{gap: 10px;}#hc-op .set-tile .set-explore[href]:hover .se-top svg, #hc-dbs .set-tile .set-explore[href]:hover .se-top svg, #hc-gt .set-tile .set-explore[href]:hover .se-top svg, #hc-nrk .set-tile .set-explore[href]:hover .se-top svg{transform: translateX(3px);}#hc-op .set-tile .se-spacer, #hc-dbs .set-tile .se-spacer, #hc-gt .set-tile .se-spacer, #hc-nrk .set-tile .se-spacer{height: 14px; margin-bottom: 13px;}#hc-op .set-tile .set-logo, #hc-dbs .set-tile .set-logo, #hc-gt .set-tile .set-logo, #hc-nrk .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 12px; position: relative; z-index: 1;}#hc-op .set-tile .set-logo-fallback, #hc-dbs .set-tile .set-logo-fallback, #hc-gt .set-tile .set-logo-fallback, #hc-nrk .set-tile .set-logo-fallback{position: absolute; inset: 0px; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}#hc-op .set-tile .set-logo-img, #hc-dbs .set-tile .set-logo-img, #hc-gt .set-tile .set-logo-img, #hc-nrk .set-tile .set-logo-img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; z-index: 1;}#hc-op .set-tile .set-name, #hc-dbs .set-tile .set-name, #hc-gt .set-tile .set-name, #hc-nrk .set-tile .set-name{display: block; font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}#hc-op .set-tile .set-date, #hc-dbs .set-tile .set-date, #hc-gt .set-tile .set-date, #hc-nrk .set-tile .set-date{display: block; font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}#hc-op .set-tile .set-filter, #hc-dbs .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{margin: 14px 12px 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 12px; border-radius: var(--r-md); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-family: var(--font-body); font-weight: 700; font-size: 11.5px; letter-spacing: 0.01em; background: var(--surface-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--border-soft); transition: background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);}#hc-op .set-tile .set-filter:hover, #hc-dbs .set-tile .set-filter:hover, #hc-gt .set-tile .set-filter:hover, #hc-nrk .set-tile .set-filter:hover{background: color-mix(in srgb,var(--primary) 12%,var(--card)); color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-op .set-tile.is-on .set-filter, #hc-dbs .set-tile.is-on .set-filter, #hc-gt .set-tile.is-on .set-filter, #hc-nrk .set-tile.is-on .set-filter{background: var(--primary); color: var(--primary-ink); box-shadow: inset 0 0 0 1px var(--primary);}@media (min-width: 561px) and (max-width: 1100px){#hc-op .set-tile, #hc-dbs .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 176px;}#hc-op .ribbon-arrows button, #hc-dbs .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}}@media (max-width: 560px){#hc-op .set-tile, #hc-dbs .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 158px; scroll-snap-align: center;}#hc-op .set-tile .set-filter, #hc-dbs .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{min-height: 44px; padding: 12px;}#hc-op .ribbon-arrows button, #hc-dbs .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}#hc-op .set-tile .se-top, #hc-dbs .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{font-size: 13px;}#hc-op .pk-ribbon-head, #hc-dbs .pk-ribbon-head, #hc-gt .pk-ribbon-head, #hc-nrk .pk-ribbon-head{align-items: flex-start;}#hc-op .ribbon-scroll, #hc-dbs .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{scroll-padding-left: 16px;}}#hc-dbs .set-tile .set-date{padding-top:0 !important;padding-bottom:0 !important;}#hc-dbs .cat-hero-visual .holo-card.card-side{width:210px !important;max-width:210px !important;height:293px !important;}#hc-dbs .cat-hero-visual .holo-card.card-main{width:280px !important;max-width:280px !important;height:391px !important;}

/* ===== HC-CP PREMIUM ALIAS (#hc-pk -> #hc-cp, CSSOM-Klon 2026-07-06, 207 Regeln) — Premium-Rollout Cyberpunk TCG ===== */
#hc-cp{--pk-bolt: #ffce1f; --pk-ink: #1b2a4a;}#hc-cp .pk-hero{padding: 46px 0px 40px;}#hc-cp .pk-hero .lead{margin: 20px 0px 26px;}#hc-cp .pk-brandline{display: inline-flex; align-items: center; gap: 12px; margin-bottom: 2px;}#hc-cp .pk-brandline .pk-ball{width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; background: radial-gradient(circle at 50% 50%, #fff 0 6px, var(--pk-ink) 6px 9px, transparent 9px),
    linear-gradient(180deg, #e23b3b 0 49%, var(--pk-ink) 49% 51%, #fff 51% 100%); box-shadow: inset 0 0 0 2px var(--pk-ink), 0 6px 14px -6px rgba(0,0,0,.5);}#hc-cp h1 .grad{background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent;}#hc-cp .pk-quick{display: flex; flex-wrap: wrap; gap: 10px; margin: 0px 0px 30px;}#hc-cp .pk-quick button{display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); transition: .18s var(--ease);}#hc-cp .pk-quick button .qd{width: 8px; height: 8px; border-radius: 50%; background: var(--c,var(--primary)); flex-shrink: 0;}#hc-cp .pk-quick button:hover{box-shadow: inset 0 0 0 1.5px var(--primary); transform: translateY(-2px); color: var(--primary);}#hc-cp .cat-stats{grid-template-columns: repeat(3, auto); gap: 40px;}#hc-cp .cat-stat b{font-size: 34px;}#hc-cp .cat-hero-visual{height: 340px;}#hc-cp .pk-ribbon{position: relative; margin: 0px 0px 6px;}#hc-cp .pk-ribbon-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 16px; flex-wrap: wrap;}#hc-cp .pk-ribbon-head h2{font-size: clamp(20px, 2.3vw, 26px);}#hc-cp .pk-ribbon-head .sub{font-size: 13px; color: var(--muted); margin-top: 5px;}#hc-cp .ribbon-arrows{display: flex; gap: 8px;}#hc-cp .ribbon-arrows button{width: 40px; height: 40px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); display: grid; place-items: center; color: var(--text); transition: 0.2s;}#hc-cp .ribbon-arrows button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); transform: translateY(-1px);}#hc-cp .ribbon-arrows button:disabled{opacity: 0.35; cursor: default; transform: none; color: var(--dim); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-cp .ribbon-scroll{display: flex; gap: 14px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab;}#hc-cp .set-tiles{display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 18px;}#hc-cp .set-tile{position: relative; background: rgb(255, 255, 255); border-radius: var(--r-lg); padding: 18px 14px 16px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; text-align: center; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; align-items: center;}#hc-cp .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}#hc-cp .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-cp .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 14px;}#hc-cp .set-tile .set-logo image-slot{display: block; width: 100%; height: 100%;}#hc-cp .set-tile .set-logo image-slot::part(frame){background: transparent;}#hc-cp .set-tile .set-logo image-slot::part(ring){display: none;}#hc-cp .set-tile .set-logo-fallback{position: absolute; inset: 18px 14px auto; height: calc(0% + 60px); display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}#hc-cp .set-tile .set-logo{position: relative; z-index: 1;}#hc-cp .set-tile .set-name{font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}#hc-cp .set-tile .set-date{font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}@media (max-width: 980px){#hc-cp .set-tiles{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 560px){#hc-cp .set-tiles{grid-template-columns: repeat(2, 1fr);}}#hc-cp .ribbon-scroll::-webkit-scrollbar{display: none;}#hc-cp .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}#hc-cp .set-chip{position: relative; flex: 0 0 auto; min-width: 212px; display: flex; align-items: center; gap: 14px; padding: 14px 18px 14px 14px; border-radius: var(--r-lg); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); cursor: pointer; transition: transform .22s var(--ease), box-shadow .22s var(--ease); scroll-snap-align: start; text-align: left;}#hc-cp .set-chip:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--border-soft),0 20px 40px -26px rgba(0,0,0,.5);}#hc-cp .set-chip.is-on{box-shadow: inset 0 0 0 2px var(--primary), 0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-cp .set-chip .set-emblem{width: 50px; height: 50px; border-radius: 13px; flex-shrink: 0; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 14px; color: rgb(255, 255, 255); letter-spacing: 0.02em; background: var(--scg,linear-gradient(150deg,#3b6fd4,#1b2a4a)); box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;}#hc-cp .set-chip .set-meta{display: flex; flex-direction: column; min-width: 0px;}#hc-cp .set-chip .set-meta .name{font-family: var(--font-display); font-weight: 700; font-size: 14.5px; line-height: 1.12; letter-spacing: -0.01em; color: var(--text);}#hc-cp .set-chip .set-meta .code{font-size: 11.5px; font-weight: 600; color: var(--dim); margin-top: 5px; font-feature-settings: "tnum";}#hc-cp .pk-listing{display: grid; grid-template-columns: 286px 1fr; gap: 32px; padding: 30px 0px 70px; align-items: start;}#hc-cp .pk-sidebar{position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px;}#hc-cp .sidebar-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 4px 4px;}#hc-cp .sidebar-head h3{font-family: var(--font-display); font-weight: 800; font-size: 17px;}#hc-cp .sidebar-head .reset-all{font-size: 12.5px; font-weight: 700; color: var(--primary); display: inline-flex; align-items: center; gap: 6px;}#hc-cp .sidebar-head .reset-all:hover{text-decoration: underline; text-underline-offset: 2px;}#hc-cp .filter-group{background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft); overflow: hidden;}#hc-cp .filter-group-head{width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 18px; text-align: left; transition: 0.15s;}#hc-cp .filter-group-head:hover{background: var(--card-hi);}#hc-cp .filter-group-head .fg-title{display: flex; align-items: center; gap: 9px; font-family: var(--font-body); font-weight: 700; font-size: 13.5px; letter-spacing: 0.01em; color: var(--text);}#hc-cp .filter-group-head .fg-on{font-size: 10.5px; font-weight: 800; color: var(--primary-ink); background: var(--primary); border-radius: var(--r-pill); min-width: 18px; height: 18px; padding: 0px 6px; display: none; place-items: center;}#hc-cp .filter-group-head .fg-on.show{display: grid;}#hc-cp .filter-group-head .fg-chev{color: var(--dim); transition: transform .25s var(--ease); flex-shrink: 0;}#hc-cp .filter-group.is-collapsed .fg-chev{transform: rotate(-90deg);}#hc-cp .filter-group-body{padding: 2px 18px 16px;}#hc-cp .filter-group.is-collapsed .filter-group-body{display: none;}#hc-cp .filter-group .fg-foot{display: flex; justify-content: flex-end; padding-top: 8px;}#hc-cp .filter-group .reset{font-size: 11.5px; font-weight: 600; color: var(--dim);}#hc-cp .filter-group .reset:hover{color: var(--primary);}#hc-cp .f-opt{display: flex; align-items: center; gap: 11px; padding: 7px 0px; font-size: 14px; color: var(--text); cursor: pointer; line-height: 1.3;}#hc-cp .f-opt input{position: absolute; opacity: 0; width: 0px; height: 0px;}#hc-cp .f-opt .mark{width: 19px; height: 19px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--border); flex-shrink: 0; display: grid; place-items: center; transition: 0.15s; background: transparent;}#hc-cp .f-opt.radio .mark{border-radius: 50%;}#hc-cp .f-opt input:checked + .mark{background: var(--primary); box-shadow: none;}#hc-cp .f-opt input:checked + .mark::after{content: ""; width: 9px; height: 9px;}#hc-cp .f-opt:not(.radio) input:checked + .mark::after{content: "✓"; color: var(--primary-ink); font-size: 12px; font-weight: 800;}#hc-cp .f-opt.radio input:checked + .mark::after{border-radius: 50%; background: var(--primary-ink);}#hc-cp .f-opt .cnt{margin-left: auto; font-size: 12px; color: var(--dim); font-feature-settings: "tnum";}#hc-cp .f-opt:hover .mark{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-cp .f-pills{display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0px 2px;}#hc-cp .f-pill{display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--muted); cursor: pointer; transition: 0.16s; user-select: none;}#hc-cp .f-pill:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-cp .f-pill.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-cp .seg{display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; background: var(--card-hi); padding: 5px; border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-cp .seg button{padding: 9px 8px; border-radius: 9px; font-family: var(--font-body); font-weight: 700; font-size: 12.5px; color: var(--muted); transition: 0.16s;}#hc-cp .seg button:hover{color: var(--text);}#hc-cp .seg button.is-on{background: var(--surface); color: var(--primary); box-shadow: 0 4px 12px -6px rgba(0,0,0,.4),inset 0 0 0 1px var(--border-soft);}#hc-cp .cond-detail{margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border-soft);}#hc-cp .cond-detail[hidden]{display: none;}#hc-cp .cond-note{font-size: 12.5px; color: var(--muted); line-height: 1.55;}#hc-cp .cond-note b{color: var(--text); font-weight: 600;}#hc-cp .graded-step-label{font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); margin: 2px 0px 9px;}#hc-cp .graded-firms{display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 6px;}#hc-cp .graded-firms button{padding: 7px 13px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 12.5px; font-weight: 800; letter-spacing: 0.04em; color: var(--muted); transition: 0.16s;}#hc-cp .graded-firms button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-cp .graded-firms button.is-on{background: var(--pk-ink); color: rgb(255, 255, 255); box-shadow: none;}#hc-cp .graded-grades{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;}#hc-cp .graded-grades[hidden]{display: none;}#hc-cp .graded-grades button{min-width: 42px; padding: 7px 9px; border-radius: 9px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-display); font-weight: 800; font-size: 13px; color: var(--text); transition: 0.16s;}#hc-cp .graded-grades button:hover{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-cp .graded-grades button.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-cp .price-wrap{padding-top: 4px;}#hc-cp .price-vals{display: flex; align-items: center; justify-content: space-between; font-family: var(--font-display); font-weight: 800; font-size: 15px; margin-bottom: 14px;}#hc-cp .price-vals span{color: var(--text);}#hc-cp .price-track{position: relative; height: 34px;}#hc-cp .price-track .rail{position: absolute; top: 50%; left: 0px; right: 0px; height: 5px; transform: translateY(-50%); background: var(--card-hi); border-radius: 5px; box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-cp .price-track .fill{position: absolute; top: 50%; height: 5px; transform: translateY(-50%); background: var(--primary); border-radius: 5px;}#hc-cp .price-track input[type="range"]{position: absolute; top: 0px; left: 0px; width: 100%; height: 34px; margin: 0px; background: none; pointer-events: none; appearance: none;}#hc-cp .price-track input[type="range"]::-webkit-slider-thumb{appearance: none; pointer-events: all; width: 20px; height: 20px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 2px var(--primary),0 4px 10px -3px rgba(0,0,0,.5); cursor: pointer;}#hc-cp .pk-main{min-width: 0px;}#hc-cp .toolbar{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px;}#hc-cp .results-count{font-size: 14.5px; color: var(--muted); white-space: nowrap;}#hc-cp .results-count b{font-family: var(--font-display); font-weight: 800; color: var(--text); font-size: 17px;}#hc-cp .toolbar-right{margin-left: auto; display: flex; align-items: center; gap: 10px;}#hc-cp .sortish{position: relative;}#hc-cp .sortish select{appearance: none; font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--r-pill); padding: 11px 38px 11px 16px; cursor: pointer; outline: none;}#hc-cp .sortish select:focus{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-cp .sortish svg{position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--dim);}#hc-cp .view-toggle{display: flex; gap: 4px; background: var(--surface); padding: 4px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-cp .view-toggle button{width: 38px; height: 36px; border-radius: var(--r-pill); display: grid; place-items: center; color: var(--dim); transition: 0.15s;}#hc-cp .view-toggle button:hover{color: var(--text);}#hc-cp .view-toggle button.is-on{background: var(--primary); color: var(--primary-ink);}#hc-cp .active-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;}#hc-cp .active-chips:empty{display: none;}#hc-cp .a-chip{display: inline-flex; align-items: center; gap: 8px; padding: 7px 8px 7px 13px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); font-size: 12.5px; font-weight: 600; color: var(--text);}#hc-cp .a-chip .chip-clear{width: 18px; height: 18px; border-radius: 50%; background: var(--card-hi); display: grid; place-items: center; color: var(--muted); transition: 0.15s; flex-shrink: 0;}#hc-cp .a-chip .chip-clear:hover{background: var(--hot-2); color: rgb(255, 255, 255);}#hc-cp .a-chip.clear-all{background: transparent; box-shadow: none; color: var(--primary); font-weight: 700; padding: 7px 6px;}#hc-cp .a-chip.clear-all:hover{text-decoration: underline; text-underline-offset: 2px;}#hc-cp .grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}#hc-cp .grid.cols-3{grid-template-columns: repeat(3, 1fr);}#hc-cp .grid .card[hidden]{display: none;}#hc-cp .grid .holo .holo-set{position: absolute; top: 14px; left: 14px; z-index: 3; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; background: rgba(0, 0, 0, 0.42); color: rgb(255, 255, 255); padding: 4px 8px; border-radius: 7px; backdrop-filter: blur(4px);}#hc-cp .grid .card .lang{display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; color: var(--muted);}#hc-cp .grid .card .lang .lg{padding: 2px 6px; border-radius: 5px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-cp .grid .card .meta-row{display: flex; align-items: center; gap: 8px;}#hc-cp .grid .card .stocknote{font-size: 11.5px; font-weight: 700; color: var(--hot-2);}#hc-cp .grid .card .preo{display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--accent);}#hc-cp .prod .heart.is-on{color: var(--hot-2);}#hc-cp .prod .heart.is-on svg{fill: var(--hot-2);}#hc-cp .grid.is-list{grid-template-columns: 1fr; gap: 12px;}#hc-cp .grid.is-list .card{flex-direction: row; align-items: stretch;}#hc-cp .grid.is-list .card .pim{width: 150px; aspect-ratio: auto; flex-shrink: 0;}#hc-cp .grid.is-list .card .pim .holo{width: 74%;}#hc-cp .grid.is-list .card .pb{flex: 1 1 0%;}#hc-cp .grid.is-list .card .nm{min-height: 0px; font-size: 15.5px;}#hc-cp .grid.is-list .card .listdesc{display: none; font-size: 13px; color: var(--muted); line-height: 1.5; margin-top: 2px;}@media (min-width: 721px){#hc-cp .grid.is-list .card .listdesc{display: block;}}#hc-cp .grid-empty{display: none; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding: 64px 20px; background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-cp .grid-empty.show{display: flex;}#hc-cp .grid-empty .ge-ic{width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: var(--card-hi); color: var(--dim);}#hc-cp .grid-empty h4{font-size: 20px;}#hc-cp .grid-empty p{font-size: 14px; color: var(--muted); max-width: 38ch;}#hc-cp .pagination{display: flex; gap: 8px; justify-content: center; margin-top: 44px;}#hc-cp .pagination a{min-width: 44px; height: 44px; padding: 0px 6px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-weight: 700; font-size: 14px; transition: 0.2s;}#hc-cp .pagination a:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-cp .pagination a.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-cp .pk-seo{padding: 54px 0px 10px; border-top: 1px solid var(--border-soft);}#hc-cp .filter-drawer-btn{display: none;}#hc-cp .drawer-backdrop{display: none;}@media (max-width: 1100px){#hc-cp .pk-listing{grid-template-columns: 1fr;}#hc-cp .pk-sidebar{position: fixed; inset: 0px 0px 0px auto; width: min(380px, 90vw); z-index: 210; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: var(--bg-grad); padding: 18px 18px 96px; overflow-y: auto; transform: translateX(102%); transition: transform .34s var(--ease); box-shadow: rgba(0, 0, 0, 0.6) -30px 0px 80px -30px; gap: 12px;}#hc-cp .pk-sidebar.open{transform: none;}#hc-cp .drawer-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;}#hc-cp .drawer-head h3{font-family: var(--font-display); font-weight: 800; font-size: 20px;}#hc-cp .drawer-close{width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); color: var(--text);}#hc-cp .drawer-apply{position: sticky; bottom: 0px; margin: 14px -18px -96px; padding: 16px 18px calc(16px + env(safe-area-inset-bottom)); background: color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter: blur(10px); box-shadow: 0 -1px 0 var(--border-soft);}#hc-cp .filter-drawer-btn{display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-bottom: 18px; position: relative; padding: 14px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); font-family: var(--font-body); font-weight: 700; font-size: 15px; color: var(--text);}#hc-cp .filter-drawer-btn .fd-badge{min-width: 22px; height: 22px; border-radius: var(--r-pill); background: var(--primary); color: var(--primary-ink); font-size: 12px; font-weight: 800; display: none; place-items: center; padding: 0px 6px;}#hc-cp .filter-drawer-btn .fd-badge.show{display: grid;}#hc-cp .drawer-backdrop{position: fixed; inset: 0px; z-index: 200; background: rgba(4, 10, 16, 0.55); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; transition: 0.3s;}#hc-cp .drawer-backdrop.show{opacity: 1; visibility: visible;}}@media (min-width: 1101px){#hc-cp .drawer-head{display: none;}#hc-cp .drawer-apply{display: none;}}@media (max-width: 1100px){#hc-cp .grid{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 760px){#hc-cp .grid{grid-template-columns: repeat(2, 1fr);}#hc-cp .grid.cols-3, #hc-cp .grid.cols-4{grid-template-columns: repeat(2, 1fr);}#hc-cp .view-toggle [data-view="cols-4"]{display: none;}}@media (max-width: 540px){#hc-cp .cat-stats{grid-template-columns: 1fr; gap: 16px;}#hc-cp .grid:not(.is-list){grid-template-columns: 1fr 1fr; gap: 12px;}#hc-cp .toolbar-right{width: 100%;}#hc-cp .sortish select{flex: 1 1 0%; width: 100%;}}#hc-op .ribbon-scroll, #hc-cp .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab; scroll-snap-type: x;}#hc-op .ribbon-scroll::-webkit-scrollbar, #hc-cp .ribbon-scroll::-webkit-scrollbar, #hc-gt .ribbon-scroll::-webkit-scrollbar, #hc-nrk .ribbon-scroll::-webkit-scrollbar{display: none;}#hc-op .ribbon-scroll.grabbing, #hc-cp .ribbon-scroll.grabbing, #hc-gt .ribbon-scroll.grabbing, #hc-nrk .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}#hc-op .set-tile, #hc-cp .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{position: relative; flex: 0 0 auto; width: 192px; background: var(--card); border-radius: var(--r-lg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; overflow: hidden; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; scroll-snap-align: start; text-align: center; cursor: default;}#hc-op .set-tile:hover, #hc-cp .set-tile:hover, #hc-gt .set-tile:hover, #hc-nrk .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}#hc-op .set-tile.is-on, #hc-cp .set-tile.is-on, #hc-gt .set-tile.is-on, #hc-nrk .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-op .set-tile .set-explore, #hc-cp .set-tile .set-explore, #hc-gt .set-tile .set-explore, #hc-nrk .set-tile .set-explore{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 14px 6px; text-decoration: none; color: inherit; border-radius: var(--r-lg) var(--r-lg) 0 0; transition: background .2s var(--ease);}#hc-op .set-tile .set-explore[href]:hover, #hc-cp .set-tile .set-explore[href]:hover, #hc-gt .set-tile .set-explore[href]:hover, #hc-nrk .set-tile .set-explore[href]:hover{background: color-mix(in srgb,var(--primary) 7%,transparent);}#hc-op .set-tile .set-explore.as-static, #hc-cp .set-tile .set-explore.as-static, #hc-gt .set-tile .set-explore.as-static, #hc-nrk .set-tile .set-explore.as-static{cursor: default;}#hc-op .set-tile .se-top, #hc-cp .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{display: inline-flex; align-items: center; gap: 6px; margin-bottom: 13px; font-family: var(--font-display); font-weight: 800; font-size: 14px; letter-spacing: -0.01em; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; transition: gap .2s var(--ease);}#hc-op .set-tile .se-top svg, #hc-cp .set-tile .se-top svg, #hc-gt .set-tile .se-top svg, #hc-nrk .set-tile .se-top svg{stroke: rgb(212, 32, 44); transition: transform .2s var(--ease);}#hc-op .set-tile .set-explore[href]:hover .se-top, #hc-cp .set-tile .set-explore[href]:hover .se-top, #hc-gt .set-tile .set-explore[href]:hover .se-top, #hc-nrk .set-tile .set-explore[href]:hover .se-top{gap: 10px;}#hc-op .set-tile .set-explore[href]:hover .se-top svg, #hc-cp .set-tile .set-explore[href]:hover .se-top svg, #hc-gt .set-tile .set-explore[href]:hover .se-top svg, #hc-nrk .set-tile .set-explore[href]:hover .se-top svg{transform: translateX(3px);}#hc-op .set-tile .se-spacer, #hc-cp .set-tile .se-spacer, #hc-gt .set-tile .se-spacer, #hc-nrk .set-tile .se-spacer{height: 14px; margin-bottom: 13px;}#hc-op .set-tile .set-logo, #hc-cp .set-tile .set-logo, #hc-gt .set-tile .set-logo, #hc-nrk .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 12px; position: relative; z-index: 1;}#hc-op .set-tile .set-logo-fallback, #hc-cp .set-tile .set-logo-fallback, #hc-gt .set-tile .set-logo-fallback, #hc-nrk .set-tile .set-logo-fallback{position: absolute; inset: 0px; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}#hc-op .set-tile .set-logo-img, #hc-cp .set-tile .set-logo-img, #hc-gt .set-tile .set-logo-img, #hc-nrk .set-tile .set-logo-img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; z-index: 1;}#hc-op .set-tile .set-name, #hc-cp .set-tile .set-name, #hc-gt .set-tile .set-name, #hc-nrk .set-tile .set-name{display: block; font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}#hc-op .set-tile .set-date, #hc-cp .set-tile .set-date, #hc-gt .set-tile .set-date, #hc-nrk .set-tile .set-date{display: block; font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}#hc-op .set-tile .set-filter, #hc-cp .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{margin: 14px 12px 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 12px; border-radius: var(--r-md); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-family: var(--font-body); font-weight: 700; font-size: 11.5px; letter-spacing: 0.01em; background: var(--surface-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--border-soft); transition: background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);}#hc-op .set-tile .set-filter:hover, #hc-cp .set-tile .set-filter:hover, #hc-gt .set-tile .set-filter:hover, #hc-nrk .set-tile .set-filter:hover{background: color-mix(in srgb,var(--primary) 12%,var(--card)); color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-op .set-tile.is-on .set-filter, #hc-cp .set-tile.is-on .set-filter, #hc-gt .set-tile.is-on .set-filter, #hc-nrk .set-tile.is-on .set-filter{background: var(--primary); color: var(--primary-ink); box-shadow: inset 0 0 0 1px var(--primary);}@media (min-width: 561px) and (max-width: 1100px){#hc-op .set-tile, #hc-cp .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 176px;}#hc-op .ribbon-arrows button, #hc-cp .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}}@media (max-width: 560px){#hc-op .set-tile, #hc-cp .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 158px; scroll-snap-align: center;}#hc-op .set-tile .set-filter, #hc-cp .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{min-height: 44px; padding: 12px;}#hc-op .ribbon-arrows button, #hc-cp .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}#hc-op .set-tile .se-top, #hc-cp .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{font-size: 13px;}#hc-op .pk-ribbon-head, #hc-cp .pk-ribbon-head, #hc-gt .pk-ribbon-head, #hc-nrk .pk-ribbon-head{align-items: flex-start;}#hc-op .ribbon-scroll, #hc-cp .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{scroll-padding-left: 16px;}}#hc-cp .set-tile .set-date{padding-top:0 !important;padding-bottom:0 !important;}#hc-cp .cat-hero-visual .holo-card.card-side{width:210px !important;max-width:210px !important;height:293px !important;}#hc-cp .cat-hero-visual .holo-card.card-main{width:280px !important;max-width:280px !important;height:391px !important;}

/* ===== HC-WS PREMIUM ALIAS (#hc-pk -> #hc-ws, CSSOM-Klon 2026-07-06, 207 Regeln) — Premium-Rollout Weiss Schwarz ===== */
#hc-ws{--pk-bolt: #ffce1f; --pk-ink: #1b2a4a;}#hc-ws .pk-hero{padding: 46px 0px 40px;}#hc-ws .pk-hero .lead{margin: 20px 0px 26px;}#hc-ws .pk-brandline{display: inline-flex; align-items: center; gap: 12px; margin-bottom: 2px;}#hc-ws .pk-brandline .pk-ball{width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; background: radial-gradient(circle at 50% 50%, #fff 0 6px, var(--pk-ink) 6px 9px, transparent 9px),
    linear-gradient(180deg, #e23b3b 0 49%, var(--pk-ink) 49% 51%, #fff 51% 100%); box-shadow: inset 0 0 0 2px var(--pk-ink), 0 6px 14px -6px rgba(0,0,0,.5);}#hc-ws h1 .grad{background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent;}#hc-ws .pk-quick{display: flex; flex-wrap: wrap; gap: 10px; margin: 0px 0px 30px;}#hc-ws .pk-quick button{display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); transition: .18s var(--ease);}#hc-ws .pk-quick button .qd{width: 8px; height: 8px; border-radius: 50%; background: var(--c,var(--primary)); flex-shrink: 0;}#hc-ws .pk-quick button:hover{box-shadow: inset 0 0 0 1.5px var(--primary); transform: translateY(-2px); color: var(--primary);}#hc-ws .cat-stats{grid-template-columns: repeat(3, auto); gap: 40px;}#hc-ws .cat-stat b{font-size: 34px;}#hc-ws .cat-hero-visual{height: 340px;}#hc-ws .pk-ribbon{position: relative; margin: 0px 0px 6px;}#hc-ws .pk-ribbon-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 16px; flex-wrap: wrap;}#hc-ws .pk-ribbon-head h2{font-size: clamp(20px, 2.3vw, 26px);}#hc-ws .pk-ribbon-head .sub{font-size: 13px; color: var(--muted); margin-top: 5px;}#hc-ws .ribbon-arrows{display: flex; gap: 8px;}#hc-ws .ribbon-arrows button{width: 40px; height: 40px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); display: grid; place-items: center; color: var(--text); transition: 0.2s;}#hc-ws .ribbon-arrows button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); transform: translateY(-1px);}#hc-ws .ribbon-arrows button:disabled{opacity: 0.35; cursor: default; transform: none; color: var(--dim); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-ws .ribbon-scroll{display: flex; gap: 14px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab;}#hc-ws .set-tiles{display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 18px;}#hc-ws .set-tile{position: relative; background: rgb(255, 255, 255); border-radius: var(--r-lg); padding: 18px 14px 16px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; text-align: center; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; align-items: center;}#hc-ws .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}#hc-ws .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-ws .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 14px;}#hc-ws .set-tile .set-logo image-slot{display: block; width: 100%; height: 100%;}#hc-ws .set-tile .set-logo image-slot::part(frame){background: transparent;}#hc-ws .set-tile .set-logo image-slot::part(ring){display: none;}#hc-ws .set-tile .set-logo-fallback{position: absolute; inset: 18px 14px auto; height: calc(0% + 60px); display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}#hc-ws .set-tile .set-logo{position: relative; z-index: 1;}#hc-ws .set-tile .set-name{font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}#hc-ws .set-tile .set-date{font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}@media (max-width: 980px){#hc-ws .set-tiles{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 560px){#hc-ws .set-tiles{grid-template-columns: repeat(2, 1fr);}}#hc-ws .ribbon-scroll::-webkit-scrollbar{display: none;}#hc-ws .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}#hc-ws .set-chip{position: relative; flex: 0 0 auto; min-width: 212px; display: flex; align-items: center; gap: 14px; padding: 14px 18px 14px 14px; border-radius: var(--r-lg); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); cursor: pointer; transition: transform .22s var(--ease), box-shadow .22s var(--ease); scroll-snap-align: start; text-align: left;}#hc-ws .set-chip:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--border-soft),0 20px 40px -26px rgba(0,0,0,.5);}#hc-ws .set-chip.is-on{box-shadow: inset 0 0 0 2px var(--primary), 0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-ws .set-chip .set-emblem{width: 50px; height: 50px; border-radius: 13px; flex-shrink: 0; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 14px; color: rgb(255, 255, 255); letter-spacing: 0.02em; background: var(--scg,linear-gradient(150deg,#3b6fd4,#1b2a4a)); box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;}#hc-ws .set-chip .set-meta{display: flex; flex-direction: column; min-width: 0px;}#hc-ws .set-chip .set-meta .name{font-family: var(--font-display); font-weight: 700; font-size: 14.5px; line-height: 1.12; letter-spacing: -0.01em; color: var(--text);}#hc-ws .set-chip .set-meta .code{font-size: 11.5px; font-weight: 600; color: var(--dim); margin-top: 5px; font-feature-settings: "tnum";}#hc-ws .pk-listing{display: grid; grid-template-columns: 286px 1fr; gap: 32px; padding: 30px 0px 70px; align-items: start;}#hc-ws .pk-sidebar{position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px;}#hc-ws .sidebar-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 4px 4px;}#hc-ws .sidebar-head h3{font-family: var(--font-display); font-weight: 800; font-size: 17px;}#hc-ws .sidebar-head .reset-all{font-size: 12.5px; font-weight: 700; color: var(--primary); display: inline-flex; align-items: center; gap: 6px;}#hc-ws .sidebar-head .reset-all:hover{text-decoration: underline; text-underline-offset: 2px;}#hc-ws .filter-group{background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft); overflow: hidden;}#hc-ws .filter-group-head{width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 18px; text-align: left; transition: 0.15s;}#hc-ws .filter-group-head:hover{background: var(--card-hi);}#hc-ws .filter-group-head .fg-title{display: flex; align-items: center; gap: 9px; font-family: var(--font-body); font-weight: 700; font-size: 13.5px; letter-spacing: 0.01em; color: var(--text);}#hc-ws .filter-group-head .fg-on{font-size: 10.5px; font-weight: 800; color: var(--primary-ink); background: var(--primary); border-radius: var(--r-pill); min-width: 18px; height: 18px; padding: 0px 6px; display: none; place-items: center;}#hc-ws .filter-group-head .fg-on.show{display: grid;}#hc-ws .filter-group-head .fg-chev{color: var(--dim); transition: transform .25s var(--ease); flex-shrink: 0;}#hc-ws .filter-group.is-collapsed .fg-chev{transform: rotate(-90deg);}#hc-ws .filter-group-body{padding: 2px 18px 16px;}#hc-ws .filter-group.is-collapsed .filter-group-body{display: none;}#hc-ws .filter-group .fg-foot{display: flex; justify-content: flex-end; padding-top: 8px;}#hc-ws .filter-group .reset{font-size: 11.5px; font-weight: 600; color: var(--dim);}#hc-ws .filter-group .reset:hover{color: var(--primary);}#hc-ws .f-opt{display: flex; align-items: center; gap: 11px; padding: 7px 0px; font-size: 14px; color: var(--text); cursor: pointer; line-height: 1.3;}#hc-ws .f-opt input{position: absolute; opacity: 0; width: 0px; height: 0px;}#hc-ws .f-opt .mark{width: 19px; height: 19px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--border); flex-shrink: 0; display: grid; place-items: center; transition: 0.15s; background: transparent;}#hc-ws .f-opt.radio .mark{border-radius: 50%;}#hc-ws .f-opt input:checked + .mark{background: var(--primary); box-shadow: none;}#hc-ws .f-opt input:checked + .mark::after{content: ""; width: 9px; height: 9px;}#hc-ws .f-opt:not(.radio) input:checked + .mark::after{content: "✓"; color: var(--primary-ink); font-size: 12px; font-weight: 800;}#hc-ws .f-opt.radio input:checked + .mark::after{border-radius: 50%; background: var(--primary-ink);}#hc-ws .f-opt .cnt{margin-left: auto; font-size: 12px; color: var(--dim); font-feature-settings: "tnum";}#hc-ws .f-opt:hover .mark{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-ws .f-pills{display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0px 2px;}#hc-ws .f-pill{display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--muted); cursor: pointer; transition: 0.16s; user-select: none;}#hc-ws .f-pill:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-ws .f-pill.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-ws .seg{display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; background: var(--card-hi); padding: 5px; border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-ws .seg button{padding: 9px 8px; border-radius: 9px; font-family: var(--font-body); font-weight: 700; font-size: 12.5px; color: var(--muted); transition: 0.16s;}#hc-ws .seg button:hover{color: var(--text);}#hc-ws .seg button.is-on{background: var(--surface); color: var(--primary); box-shadow: 0 4px 12px -6px rgba(0,0,0,.4),inset 0 0 0 1px var(--border-soft);}#hc-ws .cond-detail{margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border-soft);}#hc-ws .cond-detail[hidden]{display: none;}#hc-ws .cond-note{font-size: 12.5px; color: var(--muted); line-height: 1.55;}#hc-ws .cond-note b{color: var(--text); font-weight: 600;}#hc-ws .graded-step-label{font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); margin: 2px 0px 9px;}#hc-ws .graded-firms{display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 6px;}#hc-ws .graded-firms button{padding: 7px 13px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 12.5px; font-weight: 800; letter-spacing: 0.04em; color: var(--muted); transition: 0.16s;}#hc-ws .graded-firms button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-ws .graded-firms button.is-on{background: var(--pk-ink); color: rgb(255, 255, 255); box-shadow: none;}#hc-ws .graded-grades{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;}#hc-ws .graded-grades[hidden]{display: none;}#hc-ws .graded-grades button{min-width: 42px; padding: 7px 9px; border-radius: 9px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-display); font-weight: 800; font-size: 13px; color: var(--text); transition: 0.16s;}#hc-ws .graded-grades button:hover{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-ws .graded-grades button.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-ws .price-wrap{padding-top: 4px;}#hc-ws .price-vals{display: flex; align-items: center; justify-content: space-between; font-family: var(--font-display); font-weight: 800; font-size: 15px; margin-bottom: 14px;}#hc-ws .price-vals span{color: var(--text);}#hc-ws .price-track{position: relative; height: 34px;}#hc-ws .price-track .rail{position: absolute; top: 50%; left: 0px; right: 0px; height: 5px; transform: translateY(-50%); background: var(--card-hi); border-radius: 5px; box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-ws .price-track .fill{position: absolute; top: 50%; height: 5px; transform: translateY(-50%); background: var(--primary); border-radius: 5px;}#hc-ws .price-track input[type="range"]{position: absolute; top: 0px; left: 0px; width: 100%; height: 34px; margin: 0px; background: none; pointer-events: none; appearance: none;}#hc-ws .price-track input[type="range"]::-webkit-slider-thumb{appearance: none; pointer-events: all; width: 20px; height: 20px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 2px var(--primary),0 4px 10px -3px rgba(0,0,0,.5); cursor: pointer;}#hc-ws .pk-main{min-width: 0px;}#hc-ws .toolbar{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px;}#hc-ws .results-count{font-size: 14.5px; color: var(--muted); white-space: nowrap;}#hc-ws .results-count b{font-family: var(--font-display); font-weight: 800; color: var(--text); font-size: 17px;}#hc-ws .toolbar-right{margin-left: auto; display: flex; align-items: center; gap: 10px;}#hc-ws .sortish{position: relative;}#hc-ws .sortish select{appearance: none; font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--r-pill); padding: 11px 38px 11px 16px; cursor: pointer; outline: none;}#hc-ws .sortish select:focus{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-ws .sortish svg{position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--dim);}#hc-ws .view-toggle{display: flex; gap: 4px; background: var(--surface); padding: 4px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-ws .view-toggle button{width: 38px; height: 36px; border-radius: var(--r-pill); display: grid; place-items: center; color: var(--dim); transition: 0.15s;}#hc-ws .view-toggle button:hover{color: var(--text);}#hc-ws .view-toggle button.is-on{background: var(--primary); color: var(--primary-ink);}#hc-ws .active-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;}#hc-ws .active-chips:empty{display: none;}#hc-ws .a-chip{display: inline-flex; align-items: center; gap: 8px; padding: 7px 8px 7px 13px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); font-size: 12.5px; font-weight: 600; color: var(--text);}#hc-ws .a-chip .chip-clear{width: 18px; height: 18px; border-radius: 50%; background: var(--card-hi); display: grid; place-items: center; color: var(--muted); transition: 0.15s; flex-shrink: 0;}#hc-ws .a-chip .chip-clear:hover{background: var(--hot-2); color: rgb(255, 255, 255);}#hc-ws .a-chip.clear-all{background: transparent; box-shadow: none; color: var(--primary); font-weight: 700; padding: 7px 6px;}#hc-ws .a-chip.clear-all:hover{text-decoration: underline; text-underline-offset: 2px;}#hc-ws .grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}#hc-ws .grid.cols-3{grid-template-columns: repeat(3, 1fr);}#hc-ws .grid .card[hidden]{display: none;}#hc-ws .grid .holo .holo-set{position: absolute; top: 14px; left: 14px; z-index: 3; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; background: rgba(0, 0, 0, 0.42); color: rgb(255, 255, 255); padding: 4px 8px; border-radius: 7px; backdrop-filter: blur(4px);}#hc-ws .grid .card .lang{display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; color: var(--muted);}#hc-ws .grid .card .lang .lg{padding: 2px 6px; border-radius: 5px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-ws .grid .card .meta-row{display: flex; align-items: center; gap: 8px;}#hc-ws .grid .card .stocknote{font-size: 11.5px; font-weight: 700; color: var(--hot-2);}#hc-ws .grid .card .preo{display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--accent);}#hc-ws .prod .heart.is-on{color: var(--hot-2);}#hc-ws .prod .heart.is-on svg{fill: var(--hot-2);}#hc-ws .grid.is-list{grid-template-columns: 1fr; gap: 12px;}#hc-ws .grid.is-list .card{flex-direction: row; align-items: stretch;}#hc-ws .grid.is-list .card .pim{width: 150px; aspect-ratio: auto; flex-shrink: 0;}#hc-ws .grid.is-list .card .pim .holo{width: 74%;}#hc-ws .grid.is-list .card .pb{flex: 1 1 0%;}#hc-ws .grid.is-list .card .nm{min-height: 0px; font-size: 15.5px;}#hc-ws .grid.is-list .card .listdesc{display: none; font-size: 13px; color: var(--muted); line-height: 1.5; margin-top: 2px;}@media (min-width: 721px){#hc-ws .grid.is-list .card .listdesc{display: block;}}#hc-ws .grid-empty{display: none; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding: 64px 20px; background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-ws .grid-empty.show{display: flex;}#hc-ws .grid-empty .ge-ic{width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: var(--card-hi); color: var(--dim);}#hc-ws .grid-empty h4{font-size: 20px;}#hc-ws .grid-empty p{font-size: 14px; color: var(--muted); max-width: 38ch;}#hc-ws .pagination{display: flex; gap: 8px; justify-content: center; margin-top: 44px;}#hc-ws .pagination a{min-width: 44px; height: 44px; padding: 0px 6px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-weight: 700; font-size: 14px; transition: 0.2s;}#hc-ws .pagination a:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-ws .pagination a.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-ws .pk-seo{padding: 54px 0px 10px; border-top: 1px solid var(--border-soft);}#hc-ws .filter-drawer-btn{display: none;}#hc-ws .drawer-backdrop{display: none;}@media (max-width: 1100px){#hc-ws .pk-listing{grid-template-columns: 1fr;}#hc-ws .pk-sidebar{position: fixed; inset: 0px 0px 0px auto; width: min(380px, 90vw); z-index: 210; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: var(--bg-grad); padding: 18px 18px 96px; overflow-y: auto; transform: translateX(102%); transition: transform .34s var(--ease); box-shadow: rgba(0, 0, 0, 0.6) -30px 0px 80px -30px; gap: 12px;}#hc-ws .pk-sidebar.open{transform: none;}#hc-ws .drawer-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;}#hc-ws .drawer-head h3{font-family: var(--font-display); font-weight: 800; font-size: 20px;}#hc-ws .drawer-close{width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); color: var(--text);}#hc-ws .drawer-apply{position: sticky; bottom: 0px; margin: 14px -18px -96px; padding: 16px 18px calc(16px + env(safe-area-inset-bottom)); background: color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter: blur(10px); box-shadow: 0 -1px 0 var(--border-soft);}#hc-ws .filter-drawer-btn{display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-bottom: 18px; position: relative; padding: 14px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); font-family: var(--font-body); font-weight: 700; font-size: 15px; color: var(--text);}#hc-ws .filter-drawer-btn .fd-badge{min-width: 22px; height: 22px; border-radius: var(--r-pill); background: var(--primary); color: var(--primary-ink); font-size: 12px; font-weight: 800; display: none; place-items: center; padding: 0px 6px;}#hc-ws .filter-drawer-btn .fd-badge.show{display: grid;}#hc-ws .drawer-backdrop{position: fixed; inset: 0px; z-index: 200; background: rgba(4, 10, 16, 0.55); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; transition: 0.3s;}#hc-ws .drawer-backdrop.show{opacity: 1; visibility: visible;}}@media (min-width: 1101px){#hc-ws .drawer-head{display: none;}#hc-ws .drawer-apply{display: none;}}@media (max-width: 1100px){#hc-ws .grid{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 760px){#hc-ws .grid{grid-template-columns: repeat(2, 1fr);}#hc-ws .grid.cols-3, #hc-ws .grid.cols-4{grid-template-columns: repeat(2, 1fr);}#hc-ws .view-toggle [data-view="cols-4"]{display: none;}}@media (max-width: 540px){#hc-ws .cat-stats{grid-template-columns: 1fr; gap: 16px;}#hc-ws .grid:not(.is-list){grid-template-columns: 1fr 1fr; gap: 12px;}#hc-ws .toolbar-right{width: 100%;}#hc-ws .sortish select{flex: 1 1 0%; width: 100%;}}#hc-op .ribbon-scroll, #hc-ws .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab; scroll-snap-type: x;}#hc-op .ribbon-scroll::-webkit-scrollbar, #hc-ws .ribbon-scroll::-webkit-scrollbar, #hc-gt .ribbon-scroll::-webkit-scrollbar, #hc-nrk .ribbon-scroll::-webkit-scrollbar{display: none;}#hc-op .ribbon-scroll.grabbing, #hc-ws .ribbon-scroll.grabbing, #hc-gt .ribbon-scroll.grabbing, #hc-nrk .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}#hc-op .set-tile, #hc-ws .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{position: relative; flex: 0 0 auto; width: 192px; background: var(--card); border-radius: var(--r-lg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; overflow: hidden; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; scroll-snap-align: start; text-align: center; cursor: default;}#hc-op .set-tile:hover, #hc-ws .set-tile:hover, #hc-gt .set-tile:hover, #hc-nrk .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}#hc-op .set-tile.is-on, #hc-ws .set-tile.is-on, #hc-gt .set-tile.is-on, #hc-nrk .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-op .set-tile .set-explore, #hc-ws .set-tile .set-explore, #hc-gt .set-tile .set-explore, #hc-nrk .set-tile .set-explore{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 14px 6px; text-decoration: none; color: inherit; border-radius: var(--r-lg) var(--r-lg) 0 0; transition: background .2s var(--ease);}#hc-op .set-tile .set-explore[href]:hover, #hc-ws .set-tile .set-explore[href]:hover, #hc-gt .set-tile .set-explore[href]:hover, #hc-nrk .set-tile .set-explore[href]:hover{background: color-mix(in srgb,var(--primary) 7%,transparent);}#hc-op .set-tile .set-explore.as-static, #hc-ws .set-tile .set-explore.as-static, #hc-gt .set-tile .set-explore.as-static, #hc-nrk .set-tile .set-explore.as-static{cursor: default;}#hc-op .set-tile .se-top, #hc-ws .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{display: inline-flex; align-items: center; gap: 6px; margin-bottom: 13px; font-family: var(--font-display); font-weight: 800; font-size: 14px; letter-spacing: -0.01em; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; transition: gap .2s var(--ease);}#hc-op .set-tile .se-top svg, #hc-ws .set-tile .se-top svg, #hc-gt .set-tile .se-top svg, #hc-nrk .set-tile .se-top svg{stroke: rgb(212, 32, 44); transition: transform .2s var(--ease);}#hc-op .set-tile .set-explore[href]:hover .se-top, #hc-ws .set-tile .set-explore[href]:hover .se-top, #hc-gt .set-tile .set-explore[href]:hover .se-top, #hc-nrk .set-tile .set-explore[href]:hover .se-top{gap: 10px;}#hc-op .set-tile .set-explore[href]:hover .se-top svg, #hc-ws .set-tile .set-explore[href]:hover .se-top svg, #hc-gt .set-tile .set-explore[href]:hover .se-top svg, #hc-nrk .set-tile .set-explore[href]:hover .se-top svg{transform: translateX(3px);}#hc-op .set-tile .se-spacer, #hc-ws .set-tile .se-spacer, #hc-gt .set-tile .se-spacer, #hc-nrk .set-tile .se-spacer{height: 14px; margin-bottom: 13px;}#hc-op .set-tile .set-logo, #hc-ws .set-tile .set-logo, #hc-gt .set-tile .set-logo, #hc-nrk .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 12px; position: relative; z-index: 1;}#hc-op .set-tile .set-logo-fallback, #hc-ws .set-tile .set-logo-fallback, #hc-gt .set-tile .set-logo-fallback, #hc-nrk .set-tile .set-logo-fallback{position: absolute; inset: 0px; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}#hc-op .set-tile .set-logo-img, #hc-ws .set-tile .set-logo-img, #hc-gt .set-tile .set-logo-img, #hc-nrk .set-tile .set-logo-img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; z-index: 1;}#hc-op .set-tile .set-name, #hc-ws .set-tile .set-name, #hc-gt .set-tile .set-name, #hc-nrk .set-tile .set-name{display: block; font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}#hc-op .set-tile .set-date, #hc-ws .set-tile .set-date, #hc-gt .set-tile .set-date, #hc-nrk .set-tile .set-date{display: block; font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}#hc-op .set-tile .set-filter, #hc-ws .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{margin: 14px 12px 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 12px; border-radius: var(--r-md); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-family: var(--font-body); font-weight: 700; font-size: 11.5px; letter-spacing: 0.01em; background: var(--surface-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--border-soft); transition: background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);}#hc-op .set-tile .set-filter:hover, #hc-ws .set-tile .set-filter:hover, #hc-gt .set-tile .set-filter:hover, #hc-nrk .set-tile .set-filter:hover{background: color-mix(in srgb,var(--primary) 12%,var(--card)); color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-op .set-tile.is-on .set-filter, #hc-ws .set-tile.is-on .set-filter, #hc-gt .set-tile.is-on .set-filter, #hc-nrk .set-tile.is-on .set-filter{background: var(--primary); color: var(--primary-ink); box-shadow: inset 0 0 0 1px var(--primary);}@media (min-width: 561px) and (max-width: 1100px){#hc-op .set-tile, #hc-ws .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 176px;}#hc-op .ribbon-arrows button, #hc-ws .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}}@media (max-width: 560px){#hc-op .set-tile, #hc-ws .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 158px; scroll-snap-align: center;}#hc-op .set-tile .set-filter, #hc-ws .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{min-height: 44px; padding: 12px;}#hc-op .ribbon-arrows button, #hc-ws .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}#hc-op .set-tile .se-top, #hc-ws .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{font-size: 13px;}#hc-op .pk-ribbon-head, #hc-ws .pk-ribbon-head, #hc-gt .pk-ribbon-head, #hc-nrk .pk-ribbon-head{align-items: flex-start;}#hc-op .ribbon-scroll, #hc-ws .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{scroll-padding-left: 16px;}}#hc-ws .set-tile .set-date{padding-top:0 !important;padding-bottom:0 !important;}#hc-ws .cat-hero-visual .holo-card.card-side{width:210px !important;max-width:210px !important;height:293px !important;}#hc-ws .cat-hero-visual .holo-card.card-main{width:280px !important;max-width:280px !important;height:391px !important;}

/* ===== HC-WS Divider-Fix (2026-07-06): alte segmentierte ::after-Override neutralisiert -> glatter --ribbon-Strich wie Pokemon ===== */
#hc-ws{--ribbon:linear-gradient(90deg,#ef820e,#ff5d7a) !important;}
#hc-ws .cat-hero::after,#hc-ws .pk-hero::after{background:var(--ribbon) !important;height:2px !important;}

/* ===== HC-WS/CP Standard-Hero-Hintergrund (2026-07-06): reef-BG-Bild als Hero-Basis + Franchise-Glows drueber; midnight fuer Dark-Mode ===== */
#hc-ws .cat-hero{background: radial-gradient(80% 120% at 80% 0%, rgba(16,18,22,0.1), rgba(16,18,22,0) 55%), radial-gradient(85% 120% at 8% 100%, rgba(224,32,44,0.1), rgba(224,32,44,0) 52%), url(/templates/HawaiiCards/img/hero-bg-reef.webp) center/cover no-repeat !important;}
#hc-cp .cat-hero{background: radial-gradient(90% 120% at 12% 0%, rgba(255,138,61,0.16), rgba(0,0,0,0) 58%), radial-gradient(85% 120% at 88% 0%, rgba(120,90,200,0.1), rgba(0,0,0,0) 58%), url(/templates/HawaiiCards/img/hero-bg-reef.webp) center/cover no-repeat !important;}
:root[data-theme="midnight"] #hc-ws .cat-hero{background: radial-gradient(80% 120% at 80% 0%, rgba(16,18,22,0.1), rgba(16,18,22,0) 55%), radial-gradient(85% 120% at 8% 100%, rgba(224,32,44,0.1), rgba(224,32,44,0) 52%), url(/templates/HawaiiCards/img/hero-bg-midnight.webp) center/cover no-repeat !important;}
:root[data-theme="midnight"] #hc-cp .cat-hero{background: radial-gradient(90% 120% at 12% 0%, rgba(255,138,61,0.16), rgba(0,0,0,0) 58%), radial-gradient(85% 120% at 88% 0%, rgba(120,90,200,0.1), rgba(0,0,0,0) 58%), url(/templates/HawaiiCards/img/hero-bg-midnight.webp) center/cover no-repeat !important;}

/* ===== #hc-gp Model-Kit-Hero: EIN Modell, nichts abgeschnitten (07.07.2026) ===== */
#hc-gp .cat-hero-visual{display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:0!important;perspective:none!important;min-height:560px!important;overflow:visible!important;padding-bottom:34px!important}
#hc-gp .cat-hero-visual .hero-glow,#hc-gp .cat-hero-visual .holo-mascot,#hc-gp .cat-hero-visual .hc-fx,#hc-gp .cat-hero-visual .holo-rare,#hc-gp .cat-hero-visual .holo-label,#hc-gp .cat-hero-visual .holo-shine{display:none!important}
#hc-gp .cat-hero-visual .holo-card.card-side{display:none!important}
#hc-gp .cat-hero-visual .spark{position:absolute!important}
#hc-gp .cat-hero-visual .holo,#hc-gp .cat-hero-visual .holo-card{position:static!important;transform:none!important;background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;width:auto!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#hc-gp .cat-hero-visual .holo-card::before,#hc-gp .cat-hero-visual .holo-card::after,#hc-gp .cat-hero-visual .holo::before,#hc-gp .cat-hero-visual .holo::after{display:none!important;content:none!important}
#hc-gp .cat-hero-visual .holo-card.card-main{height:560px!important;margin:0!important;z-index:3!important}
#hc-gp .cat-hero-visual image-slot{display:block!important;height:100%!important;width:auto!important;background:none!important;border:0!important;overflow:visible!important}
#hc-gp .cat-hero-visual .hc-hero-card-img{height:100%!important;width:auto!important;max-width:none!important;overflow:visible!important;object-fit:contain!important;object-position:bottom center!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 20px 20px rgba(10,20,30,.32))}
#hc-gp .hc-franchise-logo{max-height:132px!important}
#hc-gp .cat-hero-grid > :first-child > h1{margin-top:24px!important;margin-bottom:22px!important}
/* mobile: kleineres Modell + Ueberlauf-Sicherung */
@media(max-width:768px){
#hc-gp .cat-hero{overflow-x:clip}
#hc-gp .cat-hero-visual{min-height:0!important;overflow:visible!important}
#hc-gp .cat-hero-visual .holo-card.card-main{height:300px!important}
}

/* ===== #hc-gp Ribbon-Pfeile oben rechts (wie #hc-dg, 07.07.2026) ===== */
#hc-gp .pk-ribbon-head{display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:16px; flex-wrap:wrap;}
#hc-gp .pk-ribbon-head h2{font-size:clamp(20px,2.3vw,26px);}
#hc-gp .pk-ribbon-head .sub{font-size:13px; color:var(--muted); margin-top:5px;}
#hc-gp .ribbon-arrows{display:flex; gap:8px;}
#hc-gp .ribbon-arrows button{width:40px; height:40px; border-radius:50%; background:var(--surface); box-shadow:inset 0 0 0 1px var(--border-soft); display:grid; place-items:center; color:var(--text); transition:.2s; cursor:pointer; border:0;}
#hc-gp .ribbon-arrows button:hover{color:var(--primary); box-shadow:inset 0 0 0 1px var(--primary); transform:translateY(-1px);}
#hc-gp .ribbon-arrows button:disabled{opacity:.35; cursor:default; transform:none; color:var(--dim); box-shadow:inset 0 0 0 1px var(--border-soft);}


/* ===== #hc-sgl Singles Premium (Klon #hc-pk, 2026-07-07) ===== */
#hc-sgl{--pk-bolt: #ffce1f; --pk-ink: #1b2a4a;}
#hc-sgl .pk-hero{padding: 46px 0px 40px;}
#hc-sgl .pk-hero .lead{margin: 20px 0px 26px;}
#hc-sgl .pk-brandline{display: inline-flex; align-items: center; gap: 12px; margin-bottom: 2px;}
#hc-sgl .pk-brandline .pk-ball{width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; background: radial-gradient(circle at 50% 50%, #fff 0 6px, var(--pk-ink) 6px 9px, transparent 9px),
    linear-gradient(180deg, #e23b3b 0 49%, var(--pk-ink) 49% 51%, #fff 51% 100%); box-shadow: inset 0 0 0 2px var(--pk-ink), 0 6px 14px -6px rgba(0,0,0,.5);}
#hc-sgl h1 .grad{background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent;}
#hc-sgl .pk-quick{display: flex; flex-wrap: wrap; gap: 10px; margin: 0px 0px 30px;}
#hc-sgl .pk-quick button{display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); transition: .18s var(--ease);}
#hc-sgl .pk-quick button .qd{width: 8px; height: 8px; border-radius: 50%; background: var(--c,var(--primary)); flex-shrink: 0;}
#hc-sgl .pk-quick button:hover{box-shadow: inset 0 0 0 1.5px var(--primary); transform: translateY(-2px); color: var(--primary);}
#hc-sgl .cat-stats{grid-template-columns: repeat(3, auto); gap: 40px;}
#hc-sgl .cat-stat b{font-size: 34px;}
#hc-sgl .cat-hero-visual{height: 340px;}
#hc-sgl .pk-ribbon{position: relative; margin: 0px 0px 6px;}
#hc-sgl .pk-ribbon-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 16px; flex-wrap: wrap;}
#hc-sgl .pk-ribbon-head h2{font-size: clamp(20px, 2.3vw, 26px);}
#hc-sgl .pk-ribbon-head .sub{font-size: 13px; color: var(--muted); margin-top: 5px;}
#hc-sgl .ribbon-arrows{display: flex; gap: 8px;}
#hc-sgl .ribbon-arrows button{width: 40px; height: 40px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); display: grid; place-items: center; color: var(--text); transition: 0.2s;}
#hc-sgl .ribbon-arrows button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); transform: translateY(-1px);}
#hc-sgl .ribbon-arrows button:disabled{opacity: 0.35; cursor: default; transform: none; color: var(--dim); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-sgl .ribbon-scroll{display: flex; gap: 14px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab;}
#hc-sgl .set-tiles{display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 18px;}
#hc-sgl .set-tile{position: relative; background: rgb(255, 255, 255); border-radius: var(--r-lg); padding: 18px 14px 16px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; text-align: center; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; align-items: center;}
#hc-sgl .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}
#hc-sgl .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}
#hc-sgl .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 14px;}
#hc-sgl .set-tile .set-logo image-slot{display: block; width: 100%; height: 100%;}
#hc-sgl .set-tile .set-logo image-slot::part(frame){background: transparent;}
#hc-sgl .set-tile .set-logo image-slot::part(ring){display: none;}
#hc-sgl .set-tile .set-logo-fallback{position: absolute; inset: 18px 14px auto; height: calc(0% + 60px); display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}
#hc-sgl .set-tile .set-logo{position: relative; z-index: 1;}
#hc-sgl .set-tile .set-name{font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}
#hc-sgl .set-tile .set-date{font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}
@media (max-width: 980px){
#hc-sgl .set-tiles{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 560px){
#hc-sgl .set-tiles{grid-template-columns: repeat(2, 1fr);}
}
#hc-sgl .ribbon-scroll::-webkit-scrollbar{display: none;}
#hc-sgl .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}
#hc-sgl .set-chip{position: relative; flex: 0 0 auto; min-width: 212px; display: flex; align-items: center; gap: 14px; padding: 14px 18px 14px 14px; border-radius: var(--r-lg); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); cursor: pointer; transition: transform .22s var(--ease), box-shadow .22s var(--ease); scroll-snap-align: start; text-align: left;}
#hc-sgl .set-chip:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--border-soft),0 20px 40px -26px rgba(0,0,0,.5);}
#hc-sgl .set-chip.is-on{box-shadow: inset 0 0 0 2px var(--primary), 0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}
#hc-sgl .set-chip .set-emblem{width: 50px; height: 50px; border-radius: 13px; flex-shrink: 0; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 14px; color: rgb(255, 255, 255); letter-spacing: 0.02em; background: var(--scg,linear-gradient(150deg,#3b6fd4,#1b2a4a)); box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;}
#hc-sgl .set-chip .set-meta{display: flex; flex-direction: column; min-width: 0px;}
#hc-sgl .set-chip .set-meta .name{font-family: var(--font-display); font-weight: 700; font-size: 14.5px; line-height: 1.12; letter-spacing: -0.01em; color: var(--text);}
#hc-sgl .set-chip .set-meta .code{font-size: 11.5px; font-weight: 600; color: var(--dim); margin-top: 5px; font-feature-settings: "tnum";}
#hc-sgl .pk-listing{display: grid; grid-template-columns: 286px 1fr; gap: 32px; padding: 30px 0px 70px; align-items: start;}
#hc-sgl .pk-sidebar{position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px;}
#hc-sgl .sidebar-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 4px 4px;}
#hc-sgl .sidebar-head h3{font-family: var(--font-display); font-weight: 800; font-size: 17px;}
#hc-sgl .sidebar-head .reset-all{font-size: 12.5px; font-weight: 700; color: var(--primary); display: inline-flex; align-items: center; gap: 6px;}
#hc-sgl .sidebar-head .reset-all:hover{text-decoration: underline; text-underline-offset: 2px;}
#hc-sgl .filter-group{background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft); overflow: hidden;}
#hc-sgl .filter-group-head{width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 18px; text-align: left; transition: 0.15s;}
#hc-sgl .filter-group-head:hover{background: var(--card-hi);}
#hc-sgl .filter-group-head .fg-title{display: flex; align-items: center; gap: 9px; font-family: var(--font-body); font-weight: 700; font-size: 13.5px; letter-spacing: 0.01em; color: var(--text);}
#hc-sgl .filter-group-head .fg-on{font-size: 10.5px; font-weight: 800; color: var(--primary-ink); background: var(--primary); border-radius: var(--r-pill); min-width: 18px; height: 18px; padding: 0px 6px; display: none; place-items: center;}
#hc-sgl .filter-group-head .fg-on.show{display: grid;}
#hc-sgl .filter-group-head .fg-chev{color: var(--dim); transition: transform .25s var(--ease); flex-shrink: 0;}
#hc-sgl .filter-group.is-collapsed .fg-chev{transform: rotate(-90deg);}
#hc-sgl .filter-group-body{padding: 2px 18px 16px;}
#hc-sgl .filter-group.is-collapsed .filter-group-body{display: none;}
#hc-sgl .filter-group .fg-foot{display: flex; justify-content: flex-end; padding-top: 8px;}
#hc-sgl .filter-group .reset{font-size: 11.5px; font-weight: 600; color: var(--dim);}
#hc-sgl .filter-group .reset:hover{color: var(--primary);}
#hc-sgl .f-opt{display: flex; align-items: center; gap: 11px; padding: 7px 0px; font-size: 14px; color: var(--text); cursor: pointer; line-height: 1.3;}
#hc-sgl .f-opt input{position: absolute; opacity: 0; width: 0px; height: 0px;}
#hc-sgl .f-opt .mark{width: 19px; height: 19px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--border); flex-shrink: 0; display: grid; place-items: center; transition: 0.15s; background: transparent;}
#hc-sgl .f-opt.radio .mark{border-radius: 50%;}
#hc-sgl .f-opt input:checked + .mark{background: var(--primary); box-shadow: none;}
#hc-sgl .f-opt input:checked + .mark::after{content: ""; width: 9px; height: 9px;}
#hc-sgl .f-opt:not(.radio) input:checked + .mark::after{content: "✓"; color: var(--primary-ink); font-size: 12px; font-weight: 800;}
#hc-sgl .f-opt.radio input:checked + .mark::after{border-radius: 50%; background: var(--primary-ink);}
#hc-sgl .f-opt .cnt{margin-left: auto; font-size: 12px; color: var(--dim); font-feature-settings: "tnum";}
#hc-sgl .f-opt:hover .mark{box-shadow: inset 0 0 0 1.5px var(--primary);}
#hc-sgl .f-pills{display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0px 2px;}
#hc-sgl .f-pill{display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--muted); cursor: pointer; transition: 0.16s; user-select: none;}
#hc-sgl .f-pill:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-sgl .f-pill.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}
#hc-sgl .seg{display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; background: var(--card-hi); padding: 5px; border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-sgl .seg button{padding: 9px 8px; border-radius: 9px; font-family: var(--font-body); font-weight: 700; font-size: 12.5px; color: var(--muted); transition: 0.16s;}
#hc-sgl .seg button:hover{color: var(--text);}
#hc-sgl .seg button.is-on{background: var(--surface); color: var(--primary); box-shadow: 0 4px 12px -6px rgba(0,0,0,.4),inset 0 0 0 1px var(--border-soft);}
#hc-sgl .cond-detail{margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border-soft);}
#hc-sgl .cond-detail[hidden]{display: none;}
#hc-sgl .cond-note{font-size: 12.5px; color: var(--muted); line-height: 1.55;}
#hc-sgl .cond-note b{color: var(--text); font-weight: 600;}
#hc-sgl .graded-step-label{font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); margin: 2px 0px 9px;}
#hc-sgl .graded-firms{display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 6px;}
#hc-sgl .graded-firms button{padding: 7px 13px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 12.5px; font-weight: 800; letter-spacing: 0.04em; color: var(--muted); transition: 0.16s;}
#hc-sgl .graded-firms button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-sgl .graded-firms button.is-on{background: var(--pk-ink); color: rgb(255, 255, 255); box-shadow: none;}
#hc-sgl .graded-grades{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;}
#hc-sgl .graded-grades[hidden]{display: none;}
#hc-sgl .graded-grades button{min-width: 42px; padding: 7px 9px; border-radius: 9px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-display); font-weight: 800; font-size: 13px; color: var(--text); transition: 0.16s;}
#hc-sgl .graded-grades button:hover{box-shadow: inset 0 0 0 1.5px var(--primary);}
#hc-sgl .graded-grades button.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}
#hc-sgl .price-wrap{padding-top: 4px;}
#hc-sgl .price-vals{display: flex; align-items: center; justify-content: space-between; font-family: var(--font-display); font-weight: 800; font-size: 15px; margin-bottom: 14px;}
#hc-sgl .price-vals span{color: var(--text);}
#hc-sgl .price-track{position: relative; height: 34px;}
#hc-sgl .price-track .rail{position: absolute; top: 50%; left: 0px; right: 0px; height: 5px; transform: translateY(-50%); background: var(--card-hi); border-radius: 5px; box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-sgl .price-track .fill{position: absolute; top: 50%; height: 5px; transform: translateY(-50%); background: var(--primary); border-radius: 5px;}
#hc-sgl .price-track input[type="range"]{position: absolute; top: 0px; left: 0px; width: 100%; height: 34px; margin: 0px; background: none; pointer-events: none; appearance: none;}
#hc-sgl .price-track input[type="range"]::-webkit-slider-thumb{appearance: none; pointer-events: all; width: 20px; height: 20px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 2px var(--primary),0 4px 10px -3px rgba(0,0,0,.5); cursor: pointer;}
#hc-sgl .pk-main{min-width: 0px;}
#hc-sgl .toolbar{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px;}
#hc-sgl .results-count{font-size: 14.5px; color: var(--muted); white-space: nowrap;}
#hc-sgl .results-count b{font-family: var(--font-display); font-weight: 800; color: var(--text); font-size: 17px;}
#hc-sgl .toolbar-right{margin-left: auto; display: flex; align-items: center; gap: 10px;}
#hc-sgl .sortish{position: relative;}
#hc-sgl .sortish select{appearance: none; font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--r-pill); padding: 11px 38px 11px 16px; cursor: pointer; outline: none;}
#hc-sgl .sortish select:focus{box-shadow: inset 0 0 0 1.5px var(--primary);}
#hc-sgl .sortish svg{position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--dim);}
#hc-sgl .view-toggle{display: flex; gap: 4px; background: var(--surface); padding: 4px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-sgl .view-toggle button{width: 38px; height: 36px; border-radius: var(--r-pill); display: grid; place-items: center; color: var(--dim); transition: 0.15s;}
#hc-sgl .view-toggle button:hover{color: var(--text);}
#hc-sgl .view-toggle button.is-on{background: var(--primary); color: var(--primary-ink);}
#hc-sgl .active-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;}
#hc-sgl .active-chips:empty{display: none;}
#hc-sgl .a-chip{display: inline-flex; align-items: center; gap: 8px; padding: 7px 8px 7px 13px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); font-size: 12.5px; font-weight: 600; color: var(--text);}
#hc-sgl .a-chip .chip-clear{width: 18px; height: 18px; border-radius: 50%; background: var(--card-hi); display: grid; place-items: center; color: var(--muted); transition: 0.15s; flex-shrink: 0;}
#hc-sgl .a-chip .chip-clear:hover{background: var(--hot-2); color: rgb(255, 255, 255);}
#hc-sgl .a-chip.clear-all{background: transparent; box-shadow: none; color: var(--primary); font-weight: 700; padding: 7px 6px;}
#hc-sgl .a-chip.clear-all:hover{text-decoration: underline; text-underline-offset: 2px;}
#hc-sgl .grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
#hc-sgl .grid.cols-3{grid-template-columns: repeat(3, 1fr);}
#hc-sgl .grid .card[hidden]{display: none;}
#hc-sgl .grid .holo .holo-set{position: absolute; top: 14px; left: 14px; z-index: 3; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; background: rgba(0, 0, 0, 0.42); color: rgb(255, 255, 255); padding: 4px 8px; border-radius: 7px; backdrop-filter: blur(4px);}
#hc-sgl .grid .card .lang{display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; color: var(--muted);}
#hc-sgl .grid .card .lang .lg{padding: 2px 6px; border-radius: 5px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-sgl .grid .card .meta-row{display: flex; align-items: center; gap: 8px;}
#hc-sgl .grid .card .stocknote{font-size: 11.5px; font-weight: 700; color: var(--hot-2);}
#hc-sgl .grid .card .preo{display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--accent);}
#hc-sgl .prod .heart.is-on{color: var(--hot-2);}
#hc-sgl .prod .heart.is-on svg{fill: var(--hot-2);}
#hc-sgl .grid.is-list{grid-template-columns: 1fr; gap: 12px;}
#hc-sgl .grid.is-list .card{flex-direction: row; align-items: stretch;}
#hc-sgl .grid.is-list .card .pim{width: 150px; aspect-ratio: auto; flex-shrink: 0;}
#hc-sgl .grid.is-list .card .pim .holo{width: 74%;}
#hc-sgl .grid.is-list .card .pb{flex: 1 1 0%;}
#hc-sgl .grid.is-list .card .nm{min-height: 0px; font-size: 15.5px;}
#hc-sgl .grid.is-list .card .listdesc{display: none; font-size: 13px; color: var(--muted); line-height: 1.5; margin-top: 2px;}
@media (min-width: 721px){
#hc-sgl .grid.is-list .card .listdesc{display: block;}
}
#hc-sgl .grid-empty{display: none; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding: 64px 20px; background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-sgl .grid-empty.show{display: flex;}
#hc-sgl .grid-empty .ge-ic{width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: var(--card-hi); color: var(--dim);}
#hc-sgl .grid-empty h4{font-size: 20px;}
#hc-sgl .grid-empty p{font-size: 14px; color: var(--muted); max-width: 38ch;}
#hc-sgl .pagination{display: flex; gap: 8px; justify-content: center; margin-top: 44px;}
#hc-sgl .pagination a{min-width: 44px; height: 44px; padding: 0px 6px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-weight: 700; font-size: 14px; transition: 0.2s;}
#hc-sgl .pagination a:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-sgl .pagination a.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}
#hc-sgl .pk-seo{padding: 54px 0px 10px; border-top: 1px solid var(--border-soft);}
#hc-sgl .filter-drawer-btn{display: none;}
#hc-sgl .drawer-backdrop{display: none;}
@media (max-width: 1100px){
#hc-sgl .pk-listing{grid-template-columns: 1fr;}
#hc-sgl .pk-sidebar{position: fixed; inset: 0px 0px 0px auto; width: min(380px, 90vw); z-index: 210; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: var(--bg-grad); padding: 18px 18px 96px; overflow-y: auto; transform: translateX(102%); transition: transform .34s var(--ease); box-shadow: rgba(0, 0, 0, 0.6) -30px 0px 80px -30px; gap: 12px;}
#hc-sgl .pk-sidebar.open{transform: none;}
#hc-sgl .drawer-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;}
#hc-sgl .drawer-head h3{font-family: var(--font-display); font-weight: 800; font-size: 20px;}
#hc-sgl .drawer-close{width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); color: var(--text);}
#hc-sgl .drawer-apply{position: sticky; bottom: 0px; margin: 14px -18px -96px; padding: 16px 18px calc(16px + env(safe-area-inset-bottom)); background: color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter: blur(10px); box-shadow: 0 -1px 0 var(--border-soft);}
#hc-sgl .filter-drawer-btn{display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-bottom: 18px; position: relative; padding: 14px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); font-family: var(--font-body); font-weight: 700; font-size: 15px; color: var(--text);}
#hc-sgl .filter-drawer-btn .fd-badge{min-width: 22px; height: 22px; border-radius: var(--r-pill); background: var(--primary); color: var(--primary-ink); font-size: 12px; font-weight: 800; display: none; place-items: center; padding: 0px 6px;}
#hc-sgl .filter-drawer-btn .fd-badge.show{display: grid;}
#hc-sgl .drawer-backdrop{position: fixed; inset: 0px; z-index: 200; background: rgba(4, 10, 16, 0.55); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; transition: 0.3s;}
#hc-sgl .drawer-backdrop.show{opacity: 1; visibility: visible;}
}
@media (min-width: 1101px){
#hc-sgl .drawer-head{display: none;}
#hc-sgl .drawer-apply{display: none;}
}
@media (max-width: 1100px){
#hc-sgl .grid{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 760px){
#hc-sgl .grid{grid-template-columns: repeat(2, 1fr);}
#hc-sgl .grid.cols-3, #hc-sgl .grid.cols-4{grid-template-columns: repeat(2, 1fr);}
#hc-sgl .view-toggle [data-view="cols-4"]{display: none;}
}
@media (max-width: 540px){
#hc-sgl .cat-stats{grid-template-columns: 1fr; gap: 16px;}
#hc-sgl .grid:not(.is-list){grid-template-columns: 1fr 1fr; gap: 12px;}
#hc-sgl .toolbar-right{width: 100%;}
#hc-sgl .sortish select{flex: 1 1 0%; width: 100%;}
}
#hc-op .ribbon-scroll, #hc-sgl .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll, #hc-gp .ribbon-scroll{display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab; scroll-snap-type: x;}
#hc-op .ribbon-scroll::-webkit-scrollbar, #hc-sgl .ribbon-scroll::-webkit-scrollbar, #hc-gt .ribbon-scroll::-webkit-scrollbar, #hc-nrk .ribbon-scroll::-webkit-scrollbar, #hc-gp .ribbon-scroll::-webkit-scrollbar{display: none;}
#hc-op .ribbon-scroll.grabbing, #hc-sgl .ribbon-scroll.grabbing, #hc-gt .ribbon-scroll.grabbing, #hc-nrk .ribbon-scroll.grabbing, #hc-gp .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}
#hc-op .set-tile, #hc-sgl .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile, #hc-gp .set-tile{position: relative; flex: 0 0 auto; width: 192px; background: var(--card); border-radius: var(--r-lg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; overflow: hidden; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; scroll-snap-align: start; text-align: center; cursor: default;}
#hc-op .set-tile:hover, #hc-sgl .set-tile:hover, #hc-gt .set-tile:hover, #hc-nrk .set-tile:hover, #hc-gp .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}
#hc-op .set-tile.is-on, #hc-sgl .set-tile.is-on, #hc-gt .set-tile.is-on, #hc-nrk .set-tile.is-on, #hc-gp .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}
#hc-op .set-tile .set-explore, #hc-sgl .set-tile .set-explore, #hc-gt .set-tile .set-explore, #hc-nrk .set-tile .set-explore, #hc-gp .set-tile .set-explore{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 14px 6px; text-decoration: none; color: inherit; border-radius: var(--r-lg) var(--r-lg) 0 0; transition: background .2s var(--ease);}
#hc-op .set-tile .set-explore[href]:hover, #hc-sgl .set-tile .set-explore[href]:hover, #hc-gt .set-tile .set-explore[href]:hover, #hc-nrk .set-tile .set-explore[href]:hover, #hc-gp .set-tile .set-explore[href]:hover{background: color-mix(in srgb,var(--primary) 7%,transparent);}
#hc-op .set-tile .set-explore.as-static, #hc-sgl .set-tile .set-explore.as-static, #hc-gt .set-tile .set-explore.as-static, #hc-nrk .set-tile .set-explore.as-static, #hc-gp .set-tile .set-explore.as-static{cursor: default;}
#hc-op .set-tile .se-top, #hc-sgl .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top, #hc-gp .set-tile .se-top{display: inline-flex; align-items: center; gap: 6px; margin-bottom: 13px; font-family: var(--font-display); font-weight: 800; font-size: 14px; letter-spacing: -0.01em; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; transition: gap .2s var(--ease);}
#hc-op .set-tile .se-top svg, #hc-sgl .set-tile .se-top svg, #hc-gt .set-tile .se-top svg, #hc-nrk .set-tile .se-top svg, #hc-gp .set-tile .se-top svg{stroke: rgb(212, 32, 44); transition: transform .2s var(--ease);}
#hc-op .set-tile .set-explore[href]:hover .se-top, #hc-sgl .set-tile .set-explore[href]:hover .se-top, #hc-gt .set-tile .set-explore[href]:hover .se-top, #hc-nrk .set-tile .set-explore[href]:hover .se-top, #hc-gp .set-tile .set-explore[href]:hover .se-top{gap: 10px;}
#hc-op .set-tile .set-explore[href]:hover .se-top svg, #hc-sgl .set-tile .set-explore[href]:hover .se-top svg, #hc-gt .set-tile .set-explore[href]:hover .se-top svg, #hc-nrk .set-tile .set-explore[href]:hover .se-top svg, #hc-gp .set-tile .set-explore[href]:hover .se-top svg{transform: translateX(3px);}
#hc-op .set-tile .se-spacer, #hc-sgl .set-tile .se-spacer, #hc-gt .set-tile .se-spacer, #hc-nrk .set-tile .se-spacer, #hc-gp .set-tile .se-spacer{height: 14px; margin-bottom: 13px;}
#hc-op .set-tile .set-logo, #hc-sgl .set-tile .set-logo, #hc-gt .set-tile .set-logo, #hc-nrk .set-tile .set-logo, #hc-gp .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 12px; position: relative; z-index: 1;}
#hc-op .set-tile .set-logo-fallback, #hc-sgl .set-tile .set-logo-fallback, #hc-gt .set-tile .set-logo-fallback, #hc-nrk .set-tile .set-logo-fallback, #hc-gp .set-tile .set-logo-fallback{position: absolute; inset: 0px; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}
#hc-op .set-tile .set-logo-img, #hc-sgl .set-tile .set-logo-img, #hc-gt .set-tile .set-logo-img, #hc-nrk .set-tile .set-logo-img, #hc-gp .set-tile .set-logo-img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; z-index: 1;}
#hc-op .set-tile .set-name, #hc-sgl .set-tile .set-name, #hc-gt .set-tile .set-name, #hc-nrk .set-tile .set-name, #hc-gp .set-tile .set-name{display: block; font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}
#hc-op .set-tile .set-date, #hc-sgl .set-tile .set-date, #hc-gt .set-tile .set-date, #hc-nrk .set-tile .set-date, #hc-gp .set-tile .set-date{display: block; font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}
#hc-op .set-tile .set-filter, #hc-sgl .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter, #hc-gp .set-tile .set-filter{margin: 14px 12px 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 12px; border-radius: var(--r-md); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-family: var(--font-body); font-weight: 700; font-size: 11.5px; letter-spacing: 0.01em; background: var(--surface-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--border-soft); transition: background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);}
#hc-op .set-tile .set-filter:hover, #hc-sgl .set-tile .set-filter:hover, #hc-gt .set-tile .set-filter:hover, #hc-nrk .set-tile .set-filter:hover, #hc-gp .set-tile .set-filter:hover{background: color-mix(in srgb,var(--primary) 12%,var(--card)); color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-op .set-tile.is-on .set-filter, #hc-sgl .set-tile.is-on .set-filter, #hc-gt .set-tile.is-on .set-filter, #hc-nrk .set-tile.is-on .set-filter, #hc-gp .set-tile.is-on .set-filter{background: var(--primary); color: var(--primary-ink); box-shadow: inset 0 0 0 1px var(--primary);}
@media (min-width: 561px) and (max-width: 1100px){
#hc-op .set-tile, #hc-sgl .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile, #hc-gp .set-tile{width: 176px;}
#hc-op .ribbon-arrows button, #hc-sgl .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button, #hc-gp .ribbon-arrows button{width: 44px; height: 44px;}
}
@media (max-width: 560px){
#hc-op .set-tile, #hc-sgl .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile, #hc-gp .set-tile{width: 158px; scroll-snap-align: center;}
#hc-op .set-tile .set-filter, #hc-sgl .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter, #hc-gp .set-tile .set-filter{min-height: 44px; padding: 12px;}
#hc-op .ribbon-arrows button, #hc-sgl .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button, #hc-gp .ribbon-arrows button{width: 44px; height: 44px;}
#hc-op .set-tile .se-top, #hc-sgl .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top, #hc-gp .set-tile .se-top{font-size: 13px;}
#hc-op .pk-ribbon-head, #hc-sgl .pk-ribbon-head, #hc-gt .pk-ribbon-head, #hc-nrk .pk-ribbon-head, #hc-gp .pk-ribbon-head{align-items: flex-start;}
#hc-op .ribbon-scroll, #hc-sgl .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll, #hc-gp .ribbon-scroll{scroll-padding-left: 16px;}
}
#hc-sgl .set-tile .set-date{padding-top:0 !important;padding-bottom:0 !important;}
#hc-sgl .cat-hero-visual .holo-card.card-side{width:210px !important;max-width:210px !important;height:293px !important;}
#hc-sgl .cat-hero-visual .holo-card.card-main{width:280px !important;max-width:280px !important;height:391px !important;}


/* ===== #hc-slv Zubehoer Premium (Klon #hc-pk, 2026-07-07) ===== */
#hc-slv{--pk-bolt: #ffce1f; --pk-ink: #1b2a4a;}
#hc-slv .pk-hero{padding: 46px 0px 40px;}
#hc-slv .pk-hero .lead{margin: 20px 0px 26px;}
#hc-slv .pk-brandline{display: inline-flex; align-items: center; gap: 12px; margin-bottom: 2px;}
#hc-slv .pk-brandline .pk-ball{width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; background: radial-gradient(circle at 50% 50%, #fff 0 6px, var(--pk-ink) 6px 9px, transparent 9px),
    linear-gradient(180deg, #e23b3b 0 49%, var(--pk-ink) 49% 51%, #fff 51% 100%); box-shadow: inset 0 0 0 2px var(--pk-ink), 0 6px 14px -6px rgba(0,0,0,.5);}
#hc-slv h1 .grad{background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent;}
#hc-slv .pk-quick{display: flex; flex-wrap: wrap; gap: 10px; margin: 0px 0px 30px;}
#hc-slv .pk-quick button{display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); transition: .18s var(--ease);}
#hc-slv .pk-quick button .qd{width: 8px; height: 8px; border-radius: 50%; background: var(--c,var(--primary)); flex-shrink: 0;}
#hc-slv .pk-quick button:hover{box-shadow: inset 0 0 0 1.5px var(--primary); transform: translateY(-2px); color: var(--primary);}
#hc-slv .cat-stats{grid-template-columns: repeat(3, auto); gap: 40px;}
#hc-slv .cat-stat b{font-size: 34px;}
#hc-slv .cat-hero-visual{height: 340px;}
#hc-slv .pk-ribbon{position: relative; margin: 0px 0px 6px;}
#hc-slv .pk-ribbon-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 16px; flex-wrap: wrap;}
#hc-slv .pk-ribbon-head h2{font-size: clamp(20px, 2.3vw, 26px);}
#hc-slv .pk-ribbon-head .sub{font-size: 13px; color: var(--muted); margin-top: 5px;}
#hc-slv .ribbon-arrows{display: flex; gap: 8px;}
#hc-slv .ribbon-arrows button{width: 40px; height: 40px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); display: grid; place-items: center; color: var(--text); transition: 0.2s;}
#hc-slv .ribbon-arrows button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); transform: translateY(-1px);}
#hc-slv .ribbon-arrows button:disabled{opacity: 0.35; cursor: default; transform: none; color: var(--dim); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-slv .ribbon-scroll{display: flex; gap: 14px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab;}
#hc-slv .set-tiles{display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 18px;}
#hc-slv .set-tile{position: relative; background: rgb(255, 255, 255); border-radius: var(--r-lg); padding: 18px 14px 16px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; text-align: center; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; align-items: center;}
#hc-slv .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}
#hc-slv .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}
#hc-slv .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 14px;}
#hc-slv .set-tile .set-logo image-slot{display: block; width: 100%; height: 100%;}
#hc-slv .set-tile .set-logo image-slot::part(frame){background: transparent;}
#hc-slv .set-tile .set-logo image-slot::part(ring){display: none;}
#hc-slv .set-tile .set-logo-fallback{position: absolute; inset: 18px 14px auto; height: calc(0% + 60px); display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}
#hc-slv .set-tile .set-logo{position: relative; z-index: 1;}
#hc-slv .set-tile .set-name{font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}
#hc-slv .set-tile .set-date{font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}
@media (max-width: 980px){
#hc-slv .set-tiles{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 560px){
#hc-slv .set-tiles{grid-template-columns: repeat(2, 1fr);}
}
#hc-slv .ribbon-scroll::-webkit-scrollbar{display: none;}
#hc-slv .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}
#hc-slv .set-chip{position: relative; flex: 0 0 auto; min-width: 212px; display: flex; align-items: center; gap: 14px; padding: 14px 18px 14px 14px; border-radius: var(--r-lg); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); cursor: pointer; transition: transform .22s var(--ease), box-shadow .22s var(--ease); scroll-snap-align: start; text-align: left;}
#hc-slv .set-chip:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--border-soft),0 20px 40px -26px rgba(0,0,0,.5);}
#hc-slv .set-chip.is-on{box-shadow: inset 0 0 0 2px var(--primary), 0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}
#hc-slv .set-chip .set-emblem{width: 50px; height: 50px; border-radius: 13px; flex-shrink: 0; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 14px; color: rgb(255, 255, 255); letter-spacing: 0.02em; background: var(--scg,linear-gradient(150deg,#3b6fd4,#1b2a4a)); box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;}
#hc-slv .set-chip .set-meta{display: flex; flex-direction: column; min-width: 0px;}
#hc-slv .set-chip .set-meta .name{font-family: var(--font-display); font-weight: 700; font-size: 14.5px; line-height: 1.12; letter-spacing: -0.01em; color: var(--text);}
#hc-slv .set-chip .set-meta .code{font-size: 11.5px; font-weight: 600; color: var(--dim); margin-top: 5px; font-feature-settings: "tnum";}
#hc-slv .pk-listing{display: grid; grid-template-columns: 286px 1fr; gap: 32px; padding: 30px 0px 70px; align-items: start;}
#hc-slv .pk-sidebar{position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px;}
#hc-slv .sidebar-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 4px 4px;}
#hc-slv .sidebar-head h3{font-family: var(--font-display); font-weight: 800; font-size: 17px;}
#hc-slv .sidebar-head .reset-all{font-size: 12.5px; font-weight: 700; color: var(--primary); display: inline-flex; align-items: center; gap: 6px;}
#hc-slv .sidebar-head .reset-all:hover{text-decoration: underline; text-underline-offset: 2px;}
#hc-slv .filter-group{background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft); overflow: hidden;}
#hc-slv .filter-group-head{width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 18px; text-align: left; transition: 0.15s;}
#hc-slv .filter-group-head:hover{background: var(--card-hi);}
#hc-slv .filter-group-head .fg-title{display: flex; align-items: center; gap: 9px; font-family: var(--font-body); font-weight: 700; font-size: 13.5px; letter-spacing: 0.01em; color: var(--text);}
#hc-slv .filter-group-head .fg-on{font-size: 10.5px; font-weight: 800; color: var(--primary-ink); background: var(--primary); border-radius: var(--r-pill); min-width: 18px; height: 18px; padding: 0px 6px; display: none; place-items: center;}
#hc-slv .filter-group-head .fg-on.show{display: grid;}
#hc-slv .filter-group-head .fg-chev{color: var(--dim); transition: transform .25s var(--ease); flex-shrink: 0;}
#hc-slv .filter-group.is-collapsed .fg-chev{transform: rotate(-90deg);}
#hc-slv .filter-group-body{padding: 2px 18px 16px;}
#hc-slv .filter-group.is-collapsed .filter-group-body{display: none;}
#hc-slv .filter-group .fg-foot{display: flex; justify-content: flex-end; padding-top: 8px;}
#hc-slv .filter-group .reset{font-size: 11.5px; font-weight: 600; color: var(--dim);}
#hc-slv .filter-group .reset:hover{color: var(--primary);}
#hc-slv .f-opt{display: flex; align-items: center; gap: 11px; padding: 7px 0px; font-size: 14px; color: var(--text); cursor: pointer; line-height: 1.3;}
#hc-slv .f-opt input{position: absolute; opacity: 0; width: 0px; height: 0px;}
#hc-slv .f-opt .mark{width: 19px; height: 19px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--border); flex-shrink: 0; display: grid; place-items: center; transition: 0.15s; background: transparent;}
#hc-slv .f-opt.radio .mark{border-radius: 50%;}
#hc-slv .f-opt input:checked + .mark{background: var(--primary); box-shadow: none;}
#hc-slv .f-opt input:checked + .mark::after{content: ""; width: 9px; height: 9px;}
#hc-slv .f-opt:not(.radio) input:checked + .mark::after{content: "✓"; color: var(--primary-ink); font-size: 12px; font-weight: 800;}
#hc-slv .f-opt.radio input:checked + .mark::after{border-radius: 50%; background: var(--primary-ink);}
#hc-slv .f-opt .cnt{margin-left: auto; font-size: 12px; color: var(--dim); font-feature-settings: "tnum";}
#hc-slv .f-opt:hover .mark{box-shadow: inset 0 0 0 1.5px var(--primary);}
#hc-slv .f-pills{display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0px 2px;}
#hc-slv .f-pill{display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--muted); cursor: pointer; transition: 0.16s; user-select: none;}
#hc-slv .f-pill:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-slv .f-pill.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}
#hc-slv .seg{display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; background: var(--card-hi); padding: 5px; border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-slv .seg button{padding: 9px 8px; border-radius: 9px; font-family: var(--font-body); font-weight: 700; font-size: 12.5px; color: var(--muted); transition: 0.16s;}
#hc-slv .seg button:hover{color: var(--text);}
#hc-slv .seg button.is-on{background: var(--surface); color: var(--primary); box-shadow: 0 4px 12px -6px rgba(0,0,0,.4),inset 0 0 0 1px var(--border-soft);}
#hc-slv .cond-detail{margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border-soft);}
#hc-slv .cond-detail[hidden]{display: none;}
#hc-slv .cond-note{font-size: 12.5px; color: var(--muted); line-height: 1.55;}
#hc-slv .cond-note b{color: var(--text); font-weight: 600;}
#hc-slv .graded-step-label{font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); margin: 2px 0px 9px;}
#hc-slv .graded-firms{display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 6px;}
#hc-slv .graded-firms button{padding: 7px 13px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 12.5px; font-weight: 800; letter-spacing: 0.04em; color: var(--muted); transition: 0.16s;}
#hc-slv .graded-firms button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-slv .graded-firms button.is-on{background: var(--pk-ink); color: rgb(255, 255, 255); box-shadow: none;}
#hc-slv .graded-grades{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;}
#hc-slv .graded-grades[hidden]{display: none;}
#hc-slv .graded-grades button{min-width: 42px; padding: 7px 9px; border-radius: 9px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-display); font-weight: 800; font-size: 13px; color: var(--text); transition: 0.16s;}
#hc-slv .graded-grades button:hover{box-shadow: inset 0 0 0 1.5px var(--primary);}
#hc-slv .graded-grades button.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}
#hc-slv .price-wrap{padding-top: 4px;}
#hc-slv .price-vals{display: flex; align-items: center; justify-content: space-between; font-family: var(--font-display); font-weight: 800; font-size: 15px; margin-bottom: 14px;}
#hc-slv .price-vals span{color: var(--text);}
#hc-slv .price-track{position: relative; height: 34px;}
#hc-slv .price-track .rail{position: absolute; top: 50%; left: 0px; right: 0px; height: 5px; transform: translateY(-50%); background: var(--card-hi); border-radius: 5px; box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-slv .price-track .fill{position: absolute; top: 50%; height: 5px; transform: translateY(-50%); background: var(--primary); border-radius: 5px;}
#hc-slv .price-track input[type="range"]{position: absolute; top: 0px; left: 0px; width: 100%; height: 34px; margin: 0px; background: none; pointer-events: none; appearance: none;}
#hc-slv .price-track input[type="range"]::-webkit-slider-thumb{appearance: none; pointer-events: all; width: 20px; height: 20px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 2px var(--primary),0 4px 10px -3px rgba(0,0,0,.5); cursor: pointer;}
#hc-slv .pk-main{min-width: 0px;}
#hc-slv .toolbar{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px;}
#hc-slv .results-count{font-size: 14.5px; color: var(--muted); white-space: nowrap;}
#hc-slv .results-count b{font-family: var(--font-display); font-weight: 800; color: var(--text); font-size: 17px;}
#hc-slv .toolbar-right{margin-left: auto; display: flex; align-items: center; gap: 10px;}
#hc-slv .sortish{position: relative;}
#hc-slv .sortish select{appearance: none; font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--r-pill); padding: 11px 38px 11px 16px; cursor: pointer; outline: none;}
#hc-slv .sortish select:focus{box-shadow: inset 0 0 0 1.5px var(--primary);}
#hc-slv .sortish svg{position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--dim);}
#hc-slv .view-toggle{display: flex; gap: 4px; background: var(--surface); padding: 4px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-slv .view-toggle button{width: 38px; height: 36px; border-radius: var(--r-pill); display: grid; place-items: center; color: var(--dim); transition: 0.15s;}
#hc-slv .view-toggle button:hover{color: var(--text);}
#hc-slv .view-toggle button.is-on{background: var(--primary); color: var(--primary-ink);}
#hc-slv .active-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;}
#hc-slv .active-chips:empty{display: none;}
#hc-slv .a-chip{display: inline-flex; align-items: center; gap: 8px; padding: 7px 8px 7px 13px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); font-size: 12.5px; font-weight: 600; color: var(--text);}
#hc-slv .a-chip .chip-clear{width: 18px; height: 18px; border-radius: 50%; background: var(--card-hi); display: grid; place-items: center; color: var(--muted); transition: 0.15s; flex-shrink: 0;}
#hc-slv .a-chip .chip-clear:hover{background: var(--hot-2); color: rgb(255, 255, 255);}
#hc-slv .a-chip.clear-all{background: transparent; box-shadow: none; color: var(--primary); font-weight: 700; padding: 7px 6px;}
#hc-slv .a-chip.clear-all:hover{text-decoration: underline; text-underline-offset: 2px;}
#hc-slv .grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
#hc-slv .grid.cols-3{grid-template-columns: repeat(3, 1fr);}
#hc-slv .grid .card[hidden]{display: none;}
#hc-slv .grid .holo .holo-set{position: absolute; top: 14px; left: 14px; z-index: 3; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; background: rgba(0, 0, 0, 0.42); color: rgb(255, 255, 255); padding: 4px 8px; border-radius: 7px; backdrop-filter: blur(4px);}
#hc-slv .grid .card .lang{display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; color: var(--muted);}
#hc-slv .grid .card .lang .lg{padding: 2px 6px; border-radius: 5px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-slv .grid .card .meta-row{display: flex; align-items: center; gap: 8px;}
#hc-slv .grid .card .stocknote{font-size: 11.5px; font-weight: 700; color: var(--hot-2);}
#hc-slv .grid .card .preo{display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--accent);}
#hc-slv .prod .heart.is-on{color: var(--hot-2);}
#hc-slv .prod .heart.is-on svg{fill: var(--hot-2);}
#hc-slv .grid.is-list{grid-template-columns: 1fr; gap: 12px;}
#hc-slv .grid.is-list .card{flex-direction: row; align-items: stretch;}
#hc-slv .grid.is-list .card .pim{width: 150px; aspect-ratio: auto; flex-shrink: 0;}
#hc-slv .grid.is-list .card .pim .holo{width: 74%;}
#hc-slv .grid.is-list .card .pb{flex: 1 1 0%;}
#hc-slv .grid.is-list .card .nm{min-height: 0px; font-size: 15.5px;}
#hc-slv .grid.is-list .card .listdesc{display: none; font-size: 13px; color: var(--muted); line-height: 1.5; margin-top: 2px;}
@media (min-width: 721px){
#hc-slv .grid.is-list .card .listdesc{display: block;}
}
#hc-slv .grid-empty{display: none; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding: 64px 20px; background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-slv .grid-empty.show{display: flex;}
#hc-slv .grid-empty .ge-ic{width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: var(--card-hi); color: var(--dim);}
#hc-slv .grid-empty h4{font-size: 20px;}
#hc-slv .grid-empty p{font-size: 14px; color: var(--muted); max-width: 38ch;}
#hc-slv .pagination{display: flex; gap: 8px; justify-content: center; margin-top: 44px;}
#hc-slv .pagination a{min-width: 44px; height: 44px; padding: 0px 6px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-weight: 700; font-size: 14px; transition: 0.2s;}
#hc-slv .pagination a:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-slv .pagination a.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}
#hc-slv .pk-seo{padding: 54px 0px 10px; border-top: 1px solid var(--border-soft);}
#hc-slv .filter-drawer-btn{display: none;}
#hc-slv .drawer-backdrop{display: none;}
@media (max-width: 1100px){
#hc-slv .pk-listing{grid-template-columns: 1fr;}
#hc-slv .pk-sidebar{position: fixed; inset: 0px 0px 0px auto; width: min(380px, 90vw); z-index: 210; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: var(--bg-grad); padding: 18px 18px 96px; overflow-y: auto; transform: translateX(102%); transition: transform .34s var(--ease); box-shadow: rgba(0, 0, 0, 0.6) -30px 0px 80px -30px; gap: 12px;}
#hc-slv .pk-sidebar.open{transform: none;}
#hc-slv .drawer-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;}
#hc-slv .drawer-head h3{font-family: var(--font-display); font-weight: 800; font-size: 20px;}
#hc-slv .drawer-close{width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); color: var(--text);}
#hc-slv .drawer-apply{position: sticky; bottom: 0px; margin: 14px -18px -96px; padding: 16px 18px calc(16px + env(safe-area-inset-bottom)); background: color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter: blur(10px); box-shadow: 0 -1px 0 var(--border-soft);}
#hc-slv .filter-drawer-btn{display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-bottom: 18px; position: relative; padding: 14px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); font-family: var(--font-body); font-weight: 700; font-size: 15px; color: var(--text);}
#hc-slv .filter-drawer-btn .fd-badge{min-width: 22px; height: 22px; border-radius: var(--r-pill); background: var(--primary); color: var(--primary-ink); font-size: 12px; font-weight: 800; display: none; place-items: center; padding: 0px 6px;}
#hc-slv .filter-drawer-btn .fd-badge.show{display: grid;}
#hc-slv .drawer-backdrop{position: fixed; inset: 0px; z-index: 200; background: rgba(4, 10, 16, 0.55); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; transition: 0.3s;}
#hc-slv .drawer-backdrop.show{opacity: 1; visibility: visible;}
}
@media (min-width: 1101px){
#hc-slv .drawer-head{display: none;}
#hc-slv .drawer-apply{display: none;}
}
@media (max-width: 1100px){
#hc-slv .grid{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 760px){
#hc-slv .grid{grid-template-columns: repeat(2, 1fr);}
#hc-slv .grid.cols-3, #hc-slv .grid.cols-4{grid-template-columns: repeat(2, 1fr);}
#hc-slv .view-toggle [data-view="cols-4"]{display: none;}
}
@media (max-width: 540px){
#hc-slv .cat-stats{grid-template-columns: 1fr; gap: 16px;}
#hc-slv .grid:not(.is-list){grid-template-columns: 1fr 1fr; gap: 12px;}
#hc-slv .toolbar-right{width: 100%;}
#hc-slv .sortish select{flex: 1 1 0%; width: 100%;}
}
#hc-op .ribbon-scroll, #hc-slv .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll, #hc-gp .ribbon-scroll{display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab; scroll-snap-type: x;}
#hc-op .ribbon-scroll::-webkit-scrollbar, #hc-slv .ribbon-scroll::-webkit-scrollbar, #hc-gt .ribbon-scroll::-webkit-scrollbar, #hc-nrk .ribbon-scroll::-webkit-scrollbar, #hc-gp .ribbon-scroll::-webkit-scrollbar{display: none;}
#hc-op .ribbon-scroll.grabbing, #hc-slv .ribbon-scroll.grabbing, #hc-gt .ribbon-scroll.grabbing, #hc-nrk .ribbon-scroll.grabbing, #hc-gp .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}
#hc-op .set-tile, #hc-slv .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile, #hc-gp .set-tile{position: relative; flex: 0 0 auto; width: 192px; background: var(--card); border-radius: var(--r-lg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; overflow: hidden; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; scroll-snap-align: start; text-align: center; cursor: default;}
#hc-op .set-tile:hover, #hc-slv .set-tile:hover, #hc-gt .set-tile:hover, #hc-nrk .set-tile:hover, #hc-gp .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}
#hc-op .set-tile.is-on, #hc-slv .set-tile.is-on, #hc-gt .set-tile.is-on, #hc-nrk .set-tile.is-on, #hc-gp .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}
#hc-op .set-tile .set-explore, #hc-slv .set-tile .set-explore, #hc-gt .set-tile .set-explore, #hc-nrk .set-tile .set-explore, #hc-gp .set-tile .set-explore{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 14px 6px; text-decoration: none; color: inherit; border-radius: var(--r-lg) var(--r-lg) 0 0; transition: background .2s var(--ease);}
#hc-op .set-tile .set-explore[href]:hover, #hc-slv .set-tile .set-explore[href]:hover, #hc-gt .set-tile .set-explore[href]:hover, #hc-nrk .set-tile .set-explore[href]:hover, #hc-gp .set-tile .set-explore[href]:hover{background: color-mix(in srgb,var(--primary) 7%,transparent);}
#hc-op .set-tile .set-explore.as-static, #hc-slv .set-tile .set-explore.as-static, #hc-gt .set-tile .set-explore.as-static, #hc-nrk .set-tile .set-explore.as-static, #hc-gp .set-tile .set-explore.as-static{cursor: default;}
#hc-op .set-tile .se-top, #hc-slv .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top, #hc-gp .set-tile .se-top{display: inline-flex; align-items: center; gap: 6px; margin-bottom: 13px; font-family: var(--font-display); font-weight: 800; font-size: 14px; letter-spacing: -0.01em; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; transition: gap .2s var(--ease);}
#hc-op .set-tile .se-top svg, #hc-slv .set-tile .se-top svg, #hc-gt .set-tile .se-top svg, #hc-nrk .set-tile .se-top svg, #hc-gp .set-tile .se-top svg{stroke: rgb(212, 32, 44); transition: transform .2s var(--ease);}
#hc-op .set-tile .set-explore[href]:hover .se-top, #hc-slv .set-tile .set-explore[href]:hover .se-top, #hc-gt .set-tile .set-explore[href]:hover .se-top, #hc-nrk .set-tile .set-explore[href]:hover .se-top, #hc-gp .set-tile .set-explore[href]:hover .se-top{gap: 10px;}
#hc-op .set-tile .set-explore[href]:hover .se-top svg, #hc-slv .set-tile .set-explore[href]:hover .se-top svg, #hc-gt .set-tile .set-explore[href]:hover .se-top svg, #hc-nrk .set-tile .set-explore[href]:hover .se-top svg, #hc-gp .set-tile .set-explore[href]:hover .se-top svg{transform: translateX(3px);}
#hc-op .set-tile .se-spacer, #hc-slv .set-tile .se-spacer, #hc-gt .set-tile .se-spacer, #hc-nrk .set-tile .se-spacer, #hc-gp .set-tile .se-spacer{height: 14px; margin-bottom: 13px;}
#hc-op .set-tile .set-logo, #hc-slv .set-tile .set-logo, #hc-gt .set-tile .set-logo, #hc-nrk .set-tile .set-logo, #hc-gp .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 12px; position: relative; z-index: 1;}
#hc-op .set-tile .set-logo-fallback, #hc-slv .set-tile .set-logo-fallback, #hc-gt .set-tile .set-logo-fallback, #hc-nrk .set-tile .set-logo-fallback, #hc-gp .set-tile .set-logo-fallback{position: absolute; inset: 0px; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}
#hc-op .set-tile .set-logo-img, #hc-slv .set-tile .set-logo-img, #hc-gt .set-tile .set-logo-img, #hc-nrk .set-tile .set-logo-img, #hc-gp .set-tile .set-logo-img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; z-index: 1;}
#hc-op .set-tile .set-name, #hc-slv .set-tile .set-name, #hc-gt .set-tile .set-name, #hc-nrk .set-tile .set-name, #hc-gp .set-tile .set-name{display: block; font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}
#hc-op .set-tile .set-date, #hc-slv .set-tile .set-date, #hc-gt .set-tile .set-date, #hc-nrk .set-tile .set-date, #hc-gp .set-tile .set-date{display: block; font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}
#hc-op .set-tile .set-filter, #hc-slv .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter, #hc-gp .set-tile .set-filter{margin: 14px 12px 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 12px; border-radius: var(--r-md); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-family: var(--font-body); font-weight: 700; font-size: 11.5px; letter-spacing: 0.01em; background: var(--surface-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--border-soft); transition: background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);}
#hc-op .set-tile .set-filter:hover, #hc-slv .set-tile .set-filter:hover, #hc-gt .set-tile .set-filter:hover, #hc-nrk .set-tile .set-filter:hover, #hc-gp .set-tile .set-filter:hover{background: color-mix(in srgb,var(--primary) 12%,var(--card)); color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-op .set-tile.is-on .set-filter, #hc-slv .set-tile.is-on .set-filter, #hc-gt .set-tile.is-on .set-filter, #hc-nrk .set-tile.is-on .set-filter, #hc-gp .set-tile.is-on .set-filter{background: var(--primary); color: var(--primary-ink); box-shadow: inset 0 0 0 1px var(--primary);}
@media (min-width: 561px) and (max-width: 1100px){
#hc-op .set-tile, #hc-slv .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile, #hc-gp .set-tile{width: 176px;}
#hc-op .ribbon-arrows button, #hc-slv .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button, #hc-gp .ribbon-arrows button{width: 44px; height: 44px;}
}
@media (max-width: 560px){
#hc-op .set-tile, #hc-slv .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile, #hc-gp .set-tile{width: 158px; scroll-snap-align: center;}
#hc-op .set-tile .set-filter, #hc-slv .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter, #hc-gp .set-tile .set-filter{min-height: 44px; padding: 12px;}
#hc-op .ribbon-arrows button, #hc-slv .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button, #hc-gp .ribbon-arrows button{width: 44px; height: 44px;}
#hc-op .set-tile .se-top, #hc-slv .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top, #hc-gp .set-tile .se-top{font-size: 13px;}
#hc-op .pk-ribbon-head, #hc-slv .pk-ribbon-head, #hc-gt .pk-ribbon-head, #hc-nrk .pk-ribbon-head, #hc-gp .pk-ribbon-head{align-items: flex-start;}
#hc-op .ribbon-scroll, #hc-slv .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll, #hc-gp .ribbon-scroll{scroll-padding-left: 16px;}
}
#hc-slv .set-tile .set-date{padding-top:0 !important;padding-bottom:0 !important;}
#hc-slv .cat-hero-visual .holo-card.card-side{width:210px !important;max-width:210px !important;height:293px !important;}
#hc-slv .cat-hero-visual .holo-card.card-main{width:280px !important;max-width:280px !important;height:391px !important;}


/* ===== #hc-dbx Zubehoer Premium (Klon #hc-pk, 2026-07-07) ===== */
#hc-dbx{--pk-bolt: #ffce1f; --pk-ink: #1b2a4a;}
#hc-dbx .pk-hero{padding: 46px 0px 40px;}
#hc-dbx .pk-hero .lead{margin: 20px 0px 26px;}
#hc-dbx .pk-brandline{display: inline-flex; align-items: center; gap: 12px; margin-bottom: 2px;}
#hc-dbx .pk-brandline .pk-ball{width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; background: radial-gradient(circle at 50% 50%, #fff 0 6px, var(--pk-ink) 6px 9px, transparent 9px),
    linear-gradient(180deg, #e23b3b 0 49%, var(--pk-ink) 49% 51%, #fff 51% 100%); box-shadow: inset 0 0 0 2px var(--pk-ink), 0 6px 14px -6px rgba(0,0,0,.5);}
#hc-dbx h1 .grad{background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent;}
#hc-dbx .pk-quick{display: flex; flex-wrap: wrap; gap: 10px; margin: 0px 0px 30px;}
#hc-dbx .pk-quick button{display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); transition: .18s var(--ease);}
#hc-dbx .pk-quick button .qd{width: 8px; height: 8px; border-radius: 50%; background: var(--c,var(--primary)); flex-shrink: 0;}
#hc-dbx .pk-quick button:hover{box-shadow: inset 0 0 0 1.5px var(--primary); transform: translateY(-2px); color: var(--primary);}
#hc-dbx .cat-stats{grid-template-columns: repeat(3, auto); gap: 40px;}
#hc-dbx .cat-stat b{font-size: 34px;}
#hc-dbx .cat-hero-visual{height: 340px;}
#hc-dbx .pk-ribbon{position: relative; margin: 0px 0px 6px;}
#hc-dbx .pk-ribbon-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 16px; flex-wrap: wrap;}
#hc-dbx .pk-ribbon-head h2{font-size: clamp(20px, 2.3vw, 26px);}
#hc-dbx .pk-ribbon-head .sub{font-size: 13px; color: var(--muted); margin-top: 5px;}
#hc-dbx .ribbon-arrows{display: flex; gap: 8px;}
#hc-dbx .ribbon-arrows button{width: 40px; height: 40px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); display: grid; place-items: center; color: var(--text); transition: 0.2s;}
#hc-dbx .ribbon-arrows button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); transform: translateY(-1px);}
#hc-dbx .ribbon-arrows button:disabled{opacity: 0.35; cursor: default; transform: none; color: var(--dim); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-dbx .ribbon-scroll{display: flex; gap: 14px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab;}
#hc-dbx .set-tiles{display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 18px;}
#hc-dbx .set-tile{position: relative; background: rgb(255, 255, 255); border-radius: var(--r-lg); padding: 18px 14px 16px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; text-align: center; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; align-items: center;}
#hc-dbx .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}
#hc-dbx .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}
#hc-dbx .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 14px;}
#hc-dbx .set-tile .set-logo image-slot{display: block; width: 100%; height: 100%;}
#hc-dbx .set-tile .set-logo image-slot::part(frame){background: transparent;}
#hc-dbx .set-tile .set-logo image-slot::part(ring){display: none;}
#hc-dbx .set-tile .set-logo-fallback{position: absolute; inset: 18px 14px auto; height: calc(0% + 60px); display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}
#hc-dbx .set-tile .set-logo{position: relative; z-index: 1;}
#hc-dbx .set-tile .set-name{font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}
#hc-dbx .set-tile .set-date{font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}
@media (max-width: 980px){
#hc-dbx .set-tiles{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 560px){
#hc-dbx .set-tiles{grid-template-columns: repeat(2, 1fr);}
}
#hc-dbx .ribbon-scroll::-webkit-scrollbar{display: none;}
#hc-dbx .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}
#hc-dbx .set-chip{position: relative; flex: 0 0 auto; min-width: 212px; display: flex; align-items: center; gap: 14px; padding: 14px 18px 14px 14px; border-radius: var(--r-lg); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); cursor: pointer; transition: transform .22s var(--ease), box-shadow .22s var(--ease); scroll-snap-align: start; text-align: left;}
#hc-dbx .set-chip:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--border-soft),0 20px 40px -26px rgba(0,0,0,.5);}
#hc-dbx .set-chip.is-on{box-shadow: inset 0 0 0 2px var(--primary), 0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}
#hc-dbx .set-chip .set-emblem{width: 50px; height: 50px; border-radius: 13px; flex-shrink: 0; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 14px; color: rgb(255, 255, 255); letter-spacing: 0.02em; background: var(--scg,linear-gradient(150deg,#3b6fd4,#1b2a4a)); box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;}
#hc-dbx .set-chip .set-meta{display: flex; flex-direction: column; min-width: 0px;}
#hc-dbx .set-chip .set-meta .name{font-family: var(--font-display); font-weight: 700; font-size: 14.5px; line-height: 1.12; letter-spacing: -0.01em; color: var(--text);}
#hc-dbx .set-chip .set-meta .code{font-size: 11.5px; font-weight: 600; color: var(--dim); margin-top: 5px; font-feature-settings: "tnum";}
#hc-dbx .pk-listing{display: grid; grid-template-columns: 286px 1fr; gap: 32px; padding: 30px 0px 70px; align-items: start;}
#hc-dbx .pk-sidebar{position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px;}
#hc-dbx .sidebar-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 4px 4px;}
#hc-dbx .sidebar-head h3{font-family: var(--font-display); font-weight: 800; font-size: 17px;}
#hc-dbx .sidebar-head .reset-all{font-size: 12.5px; font-weight: 700; color: var(--primary); display: inline-flex; align-items: center; gap: 6px;}
#hc-dbx .sidebar-head .reset-all:hover{text-decoration: underline; text-underline-offset: 2px;}
#hc-dbx .filter-group{background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft); overflow: hidden;}
#hc-dbx .filter-group-head{width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 18px; text-align: left; transition: 0.15s;}
#hc-dbx .filter-group-head:hover{background: var(--card-hi);}
#hc-dbx .filter-group-head .fg-title{display: flex; align-items: center; gap: 9px; font-family: var(--font-body); font-weight: 700; font-size: 13.5px; letter-spacing: 0.01em; color: var(--text);}
#hc-dbx .filter-group-head .fg-on{font-size: 10.5px; font-weight: 800; color: var(--primary-ink); background: var(--primary); border-radius: var(--r-pill); min-width: 18px; height: 18px; padding: 0px 6px; display: none; place-items: center;}
#hc-dbx .filter-group-head .fg-on.show{display: grid;}
#hc-dbx .filter-group-head .fg-chev{color: var(--dim); transition: transform .25s var(--ease); flex-shrink: 0;}
#hc-dbx .filter-group.is-collapsed .fg-chev{transform: rotate(-90deg);}
#hc-dbx .filter-group-body{padding: 2px 18px 16px;}
#hc-dbx .filter-group.is-collapsed .filter-group-body{display: none;}
#hc-dbx .filter-group .fg-foot{display: flex; justify-content: flex-end; padding-top: 8px;}
#hc-dbx .filter-group .reset{font-size: 11.5px; font-weight: 600; color: var(--dim);}
#hc-dbx .filter-group .reset:hover{color: var(--primary);}
#hc-dbx .f-opt{display: flex; align-items: center; gap: 11px; padding: 7px 0px; font-size: 14px; color: var(--text); cursor: pointer; line-height: 1.3;}
#hc-dbx .f-opt input{position: absolute; opacity: 0; width: 0px; height: 0px;}
#hc-dbx .f-opt .mark{width: 19px; height: 19px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--border); flex-shrink: 0; display: grid; place-items: center; transition: 0.15s; background: transparent;}
#hc-dbx .f-opt.radio .mark{border-radius: 50%;}
#hc-dbx .f-opt input:checked + .mark{background: var(--primary); box-shadow: none;}
#hc-dbx .f-opt input:checked + .mark::after{content: ""; width: 9px; height: 9px;}
#hc-dbx .f-opt:not(.radio) input:checked + .mark::after{content: "✓"; color: var(--primary-ink); font-size: 12px; font-weight: 800;}
#hc-dbx .f-opt.radio input:checked + .mark::after{border-radius: 50%; background: var(--primary-ink);}
#hc-dbx .f-opt .cnt{margin-left: auto; font-size: 12px; color: var(--dim); font-feature-settings: "tnum";}
#hc-dbx .f-opt:hover .mark{box-shadow: inset 0 0 0 1.5px var(--primary);}
#hc-dbx .f-pills{display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0px 2px;}
#hc-dbx .f-pill{display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--muted); cursor: pointer; transition: 0.16s; user-select: none;}
#hc-dbx .f-pill:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-dbx .f-pill.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}
#hc-dbx .seg{display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; background: var(--card-hi); padding: 5px; border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-dbx .seg button{padding: 9px 8px; border-radius: 9px; font-family: var(--font-body); font-weight: 700; font-size: 12.5px; color: var(--muted); transition: 0.16s;}
#hc-dbx .seg button:hover{color: var(--text);}
#hc-dbx .seg button.is-on{background: var(--surface); color: var(--primary); box-shadow: 0 4px 12px -6px rgba(0,0,0,.4),inset 0 0 0 1px var(--border-soft);}
#hc-dbx .cond-detail{margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border-soft);}
#hc-dbx .cond-detail[hidden]{display: none;}
#hc-dbx .cond-note{font-size: 12.5px; color: var(--muted); line-height: 1.55;}
#hc-dbx .cond-note b{color: var(--text); font-weight: 600;}
#hc-dbx .graded-step-label{font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); margin: 2px 0px 9px;}
#hc-dbx .graded-firms{display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 6px;}
#hc-dbx .graded-firms button{padding: 7px 13px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 12.5px; font-weight: 800; letter-spacing: 0.04em; color: var(--muted); transition: 0.16s;}
#hc-dbx .graded-firms button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-dbx .graded-firms button.is-on{background: var(--pk-ink); color: rgb(255, 255, 255); box-shadow: none;}
#hc-dbx .graded-grades{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;}
#hc-dbx .graded-grades[hidden]{display: none;}
#hc-dbx .graded-grades button{min-width: 42px; padding: 7px 9px; border-radius: 9px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-display); font-weight: 800; font-size: 13px; color: var(--text); transition: 0.16s;}
#hc-dbx .graded-grades button:hover{box-shadow: inset 0 0 0 1.5px var(--primary);}
#hc-dbx .graded-grades button.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}
#hc-dbx .price-wrap{padding-top: 4px;}
#hc-dbx .price-vals{display: flex; align-items: center; justify-content: space-between; font-family: var(--font-display); font-weight: 800; font-size: 15px; margin-bottom: 14px;}
#hc-dbx .price-vals span{color: var(--text);}
#hc-dbx .price-track{position: relative; height: 34px;}
#hc-dbx .price-track .rail{position: absolute; top: 50%; left: 0px; right: 0px; height: 5px; transform: translateY(-50%); background: var(--card-hi); border-radius: 5px; box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-dbx .price-track .fill{position: absolute; top: 50%; height: 5px; transform: translateY(-50%); background: var(--primary); border-radius: 5px;}
#hc-dbx .price-track input[type="range"]{position: absolute; top: 0px; left: 0px; width: 100%; height: 34px; margin: 0px; background: none; pointer-events: none; appearance: none;}
#hc-dbx .price-track input[type="range"]::-webkit-slider-thumb{appearance: none; pointer-events: all; width: 20px; height: 20px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 2px var(--primary),0 4px 10px -3px rgba(0,0,0,.5); cursor: pointer;}
#hc-dbx .pk-main{min-width: 0px;}
#hc-dbx .toolbar{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px;}
#hc-dbx .results-count{font-size: 14.5px; color: var(--muted); white-space: nowrap;}
#hc-dbx .results-count b{font-family: var(--font-display); font-weight: 800; color: var(--text); font-size: 17px;}
#hc-dbx .toolbar-right{margin-left: auto; display: flex; align-items: center; gap: 10px;}
#hc-dbx .sortish{position: relative;}
#hc-dbx .sortish select{appearance: none; font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--r-pill); padding: 11px 38px 11px 16px; cursor: pointer; outline: none;}
#hc-dbx .sortish select:focus{box-shadow: inset 0 0 0 1.5px var(--primary);}
#hc-dbx .sortish svg{position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--dim);}
#hc-dbx .view-toggle{display: flex; gap: 4px; background: var(--surface); padding: 4px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-dbx .view-toggle button{width: 38px; height: 36px; border-radius: var(--r-pill); display: grid; place-items: center; color: var(--dim); transition: 0.15s;}
#hc-dbx .view-toggle button:hover{color: var(--text);}
#hc-dbx .view-toggle button.is-on{background: var(--primary); color: var(--primary-ink);}
#hc-dbx .active-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;}
#hc-dbx .active-chips:empty{display: none;}
#hc-dbx .a-chip{display: inline-flex; align-items: center; gap: 8px; padding: 7px 8px 7px 13px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); font-size: 12.5px; font-weight: 600; color: var(--text);}
#hc-dbx .a-chip .chip-clear{width: 18px; height: 18px; border-radius: 50%; background: var(--card-hi); display: grid; place-items: center; color: var(--muted); transition: 0.15s; flex-shrink: 0;}
#hc-dbx .a-chip .chip-clear:hover{background: var(--hot-2); color: rgb(255, 255, 255);}
#hc-dbx .a-chip.clear-all{background: transparent; box-shadow: none; color: var(--primary); font-weight: 700; padding: 7px 6px;}
#hc-dbx .a-chip.clear-all:hover{text-decoration: underline; text-underline-offset: 2px;}
#hc-dbx .grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
#hc-dbx .grid.cols-3{grid-template-columns: repeat(3, 1fr);}
#hc-dbx .grid .card[hidden]{display: none;}
#hc-dbx .grid .holo .holo-set{position: absolute; top: 14px; left: 14px; z-index: 3; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; background: rgba(0, 0, 0, 0.42); color: rgb(255, 255, 255); padding: 4px 8px; border-radius: 7px; backdrop-filter: blur(4px);}
#hc-dbx .grid .card .lang{display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; color: var(--muted);}
#hc-dbx .grid .card .lang .lg{padding: 2px 6px; border-radius: 5px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-dbx .grid .card .meta-row{display: flex; align-items: center; gap: 8px;}
#hc-dbx .grid .card .stocknote{font-size: 11.5px; font-weight: 700; color: var(--hot-2);}
#hc-dbx .grid .card .preo{display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--accent);}
#hc-dbx .prod .heart.is-on{color: var(--hot-2);}
#hc-dbx .prod .heart.is-on svg{fill: var(--hot-2);}
#hc-dbx .grid.is-list{grid-template-columns: 1fr; gap: 12px;}
#hc-dbx .grid.is-list .card{flex-direction: row; align-items: stretch;}
#hc-dbx .grid.is-list .card .pim{width: 150px; aspect-ratio: auto; flex-shrink: 0;}
#hc-dbx .grid.is-list .card .pim .holo{width: 74%;}
#hc-dbx .grid.is-list .card .pb{flex: 1 1 0%;}
#hc-dbx .grid.is-list .card .nm{min-height: 0px; font-size: 15.5px;}
#hc-dbx .grid.is-list .card .listdesc{display: none; font-size: 13px; color: var(--muted); line-height: 1.5; margin-top: 2px;}
@media (min-width: 721px){
#hc-dbx .grid.is-list .card .listdesc{display: block;}
}
#hc-dbx .grid-empty{display: none; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding: 64px 20px; background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft);}
#hc-dbx .grid-empty.show{display: flex;}
#hc-dbx .grid-empty .ge-ic{width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: var(--card-hi); color: var(--dim);}
#hc-dbx .grid-empty h4{font-size: 20px;}
#hc-dbx .grid-empty p{font-size: 14px; color: var(--muted); max-width: 38ch;}
#hc-dbx .pagination{display: flex; gap: 8px; justify-content: center; margin-top: 44px;}
#hc-dbx .pagination a{min-width: 44px; height: 44px; padding: 0px 6px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-weight: 700; font-size: 14px; transition: 0.2s;}
#hc-dbx .pagination a:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-dbx .pagination a.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}
#hc-dbx .pk-seo{padding: 54px 0px 10px; border-top: 1px solid var(--border-soft);}
#hc-dbx .filter-drawer-btn{display: none;}
#hc-dbx .drawer-backdrop{display: none;}
@media (max-width: 1100px){
#hc-dbx .pk-listing{grid-template-columns: 1fr;}
#hc-dbx .pk-sidebar{position: fixed; inset: 0px 0px 0px auto; width: min(380px, 90vw); z-index: 210; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: var(--bg-grad); padding: 18px 18px 96px; overflow-y: auto; transform: translateX(102%); transition: transform .34s var(--ease); box-shadow: rgba(0, 0, 0, 0.6) -30px 0px 80px -30px; gap: 12px;}
#hc-dbx .pk-sidebar.open{transform: none;}
#hc-dbx .drawer-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;}
#hc-dbx .drawer-head h3{font-family: var(--font-display); font-weight: 800; font-size: 20px;}
#hc-dbx .drawer-close{width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); color: var(--text);}
#hc-dbx .drawer-apply{position: sticky; bottom: 0px; margin: 14px -18px -96px; padding: 16px 18px calc(16px + env(safe-area-inset-bottom)); background: color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter: blur(10px); box-shadow: 0 -1px 0 var(--border-soft);}
#hc-dbx .filter-drawer-btn{display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-bottom: 18px; position: relative; padding: 14px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); font-family: var(--font-body); font-weight: 700; font-size: 15px; color: var(--text);}
#hc-dbx .filter-drawer-btn .fd-badge{min-width: 22px; height: 22px; border-radius: var(--r-pill); background: var(--primary); color: var(--primary-ink); font-size: 12px; font-weight: 800; display: none; place-items: center; padding: 0px 6px;}
#hc-dbx .filter-drawer-btn .fd-badge.show{display: grid;}
#hc-dbx .drawer-backdrop{position: fixed; inset: 0px; z-index: 200; background: rgba(4, 10, 16, 0.55); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; transition: 0.3s;}
#hc-dbx .drawer-backdrop.show{opacity: 1; visibility: visible;}
}
@media (min-width: 1101px){
#hc-dbx .drawer-head{display: none;}
#hc-dbx .drawer-apply{display: none;}
}
@media (max-width: 1100px){
#hc-dbx .grid{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 760px){
#hc-dbx .grid{grid-template-columns: repeat(2, 1fr);}
#hc-dbx .grid.cols-3, #hc-dbx .grid.cols-4{grid-template-columns: repeat(2, 1fr);}
#hc-dbx .view-toggle [data-view="cols-4"]{display: none;}
}
@media (max-width: 540px){
#hc-dbx .cat-stats{grid-template-columns: 1fr; gap: 16px;}
#hc-dbx .grid:not(.is-list){grid-template-columns: 1fr 1fr; gap: 12px;}
#hc-dbx .toolbar-right{width: 100%;}
#hc-dbx .sortish select{flex: 1 1 0%; width: 100%;}
}
#hc-op .ribbon-scroll, #hc-dbx .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll, #hc-gp .ribbon-scroll{display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab; scroll-snap-type: x;}
#hc-op .ribbon-scroll::-webkit-scrollbar, #hc-dbx .ribbon-scroll::-webkit-scrollbar, #hc-gt .ribbon-scroll::-webkit-scrollbar, #hc-nrk .ribbon-scroll::-webkit-scrollbar, #hc-gp .ribbon-scroll::-webkit-scrollbar{display: none;}
#hc-op .ribbon-scroll.grabbing, #hc-dbx .ribbon-scroll.grabbing, #hc-gt .ribbon-scroll.grabbing, #hc-nrk .ribbon-scroll.grabbing, #hc-gp .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}
#hc-op .set-tile, #hc-dbx .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile, #hc-gp .set-tile{position: relative; flex: 0 0 auto; width: 192px; background: var(--card); border-radius: var(--r-lg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; overflow: hidden; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; scroll-snap-align: start; text-align: center; cursor: default;}
#hc-op .set-tile:hover, #hc-dbx .set-tile:hover, #hc-gt .set-tile:hover, #hc-nrk .set-tile:hover, #hc-gp .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}
#hc-op .set-tile.is-on, #hc-dbx .set-tile.is-on, #hc-gt .set-tile.is-on, #hc-nrk .set-tile.is-on, #hc-gp .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}
#hc-op .set-tile .set-explore, #hc-dbx .set-tile .set-explore, #hc-gt .set-tile .set-explore, #hc-nrk .set-tile .set-explore, #hc-gp .set-tile .set-explore{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 14px 6px; text-decoration: none; color: inherit; border-radius: var(--r-lg) var(--r-lg) 0 0; transition: background .2s var(--ease);}
#hc-op .set-tile .set-explore[href]:hover, #hc-dbx .set-tile .set-explore[href]:hover, #hc-gt .set-tile .set-explore[href]:hover, #hc-nrk .set-tile .set-explore[href]:hover, #hc-gp .set-tile .set-explore[href]:hover{background: color-mix(in srgb,var(--primary) 7%,transparent);}
#hc-op .set-tile .set-explore.as-static, #hc-dbx .set-tile .set-explore.as-static, #hc-gt .set-tile .set-explore.as-static, #hc-nrk .set-tile .set-explore.as-static, #hc-gp .set-tile .set-explore.as-static{cursor: default;}
#hc-op .set-tile .se-top, #hc-dbx .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top, #hc-gp .set-tile .se-top{display: inline-flex; align-items: center; gap: 6px; margin-bottom: 13px; font-family: var(--font-display); font-weight: 800; font-size: 14px; letter-spacing: -0.01em; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; transition: gap .2s var(--ease);}
#hc-op .set-tile .se-top svg, #hc-dbx .set-tile .se-top svg, #hc-gt .set-tile .se-top svg, #hc-nrk .set-tile .se-top svg, #hc-gp .set-tile .se-top svg{stroke: rgb(212, 32, 44); transition: transform .2s var(--ease);}
#hc-op .set-tile .set-explore[href]:hover .se-top, #hc-dbx .set-tile .set-explore[href]:hover .se-top, #hc-gt .set-tile .set-explore[href]:hover .se-top, #hc-nrk .set-tile .set-explore[href]:hover .se-top, #hc-gp .set-tile .set-explore[href]:hover .se-top{gap: 10px;}
#hc-op .set-tile .set-explore[href]:hover .se-top svg, #hc-dbx .set-tile .set-explore[href]:hover .se-top svg, #hc-gt .set-tile .set-explore[href]:hover .se-top svg, #hc-nrk .set-tile .set-explore[href]:hover .se-top svg, #hc-gp .set-tile .set-explore[href]:hover .se-top svg{transform: translateX(3px);}
#hc-op .set-tile .se-spacer, #hc-dbx .set-tile .se-spacer, #hc-gt .set-tile .se-spacer, #hc-nrk .set-tile .se-spacer, #hc-gp .set-tile .se-spacer{height: 14px; margin-bottom: 13px;}
#hc-op .set-tile .set-logo, #hc-dbx .set-tile .set-logo, #hc-gt .set-tile .set-logo, #hc-nrk .set-tile .set-logo, #hc-gp .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 12px; position: relative; z-index: 1;}
#hc-op .set-tile .set-logo-fallback, #hc-dbx .set-tile .set-logo-fallback, #hc-gt .set-tile .set-logo-fallback, #hc-nrk .set-tile .set-logo-fallback, #hc-gp .set-tile .set-logo-fallback{position: absolute; inset: 0px; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}
#hc-op .set-tile .set-logo-img, #hc-dbx .set-tile .set-logo-img, #hc-gt .set-tile .set-logo-img, #hc-nrk .set-tile .set-logo-img, #hc-gp .set-tile .set-logo-img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; z-index: 1;}
#hc-op .set-tile .set-name, #hc-dbx .set-tile .set-name, #hc-gt .set-tile .set-name, #hc-nrk .set-tile .set-name, #hc-gp .set-tile .set-name{display: block; font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}
#hc-op .set-tile .set-date, #hc-dbx .set-tile .set-date, #hc-gt .set-tile .set-date, #hc-nrk .set-tile .set-date, #hc-gp .set-tile .set-date{display: block; font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}
#hc-op .set-tile .set-filter, #hc-dbx .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter, #hc-gp .set-tile .set-filter{margin: 14px 12px 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 12px; border-radius: var(--r-md); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-family: var(--font-body); font-weight: 700; font-size: 11.5px; letter-spacing: 0.01em; background: var(--surface-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--border-soft); transition: background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);}
#hc-op .set-tile .set-filter:hover, #hc-dbx .set-tile .set-filter:hover, #hc-gt .set-tile .set-filter:hover, #hc-nrk .set-tile .set-filter:hover, #hc-gp .set-tile .set-filter:hover{background: color-mix(in srgb,var(--primary) 12%,var(--card)); color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}
#hc-op .set-tile.is-on .set-filter, #hc-dbx .set-tile.is-on .set-filter, #hc-gt .set-tile.is-on .set-filter, #hc-nrk .set-tile.is-on .set-filter, #hc-gp .set-tile.is-on .set-filter{background: var(--primary); color: var(--primary-ink); box-shadow: inset 0 0 0 1px var(--primary);}
@media (min-width: 561px) and (max-width: 1100px){
#hc-op .set-tile, #hc-dbx .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile, #hc-gp .set-tile{width: 176px;}
#hc-op .ribbon-arrows button, #hc-dbx .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button, #hc-gp .ribbon-arrows button{width: 44px; height: 44px;}
}
@media (max-width: 560px){
#hc-op .set-tile, #hc-dbx .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile, #hc-gp .set-tile{width: 158px; scroll-snap-align: center;}
#hc-op .set-tile .set-filter, #hc-dbx .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter, #hc-gp .set-tile .set-filter{min-height: 44px; padding: 12px;}
#hc-op .ribbon-arrows button, #hc-dbx .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button, #hc-gp .ribbon-arrows button{width: 44px; height: 44px;}
#hc-op .set-tile .se-top, #hc-dbx .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top, #hc-gp .set-tile .se-top{font-size: 13px;}
#hc-op .pk-ribbon-head, #hc-dbx .pk-ribbon-head, #hc-gt .pk-ribbon-head, #hc-nrk .pk-ribbon-head, #hc-gp .pk-ribbon-head{align-items: flex-start;}
#hc-op .ribbon-scroll, #hc-dbx .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll, #hc-gp .ribbon-scroll{scroll-padding-left: 16px;}
}
#hc-dbx .set-tile .set-date{padding-top:0 !important;padding-bottom:0 !important;}
#hc-dbx .cat-hero-visual .holo-card.card-side{width:210px !important;max-width:210px !important;height:293px !important;}
#hc-dbx .cat-hero-visual .holo-card.card-main{width:280px !important;max-width:280px !important;height:391px !important;}


/* ===== Sortiment-Ribbon-Polish (2026-07-07): Franchise-Logo statt redundantem Namen; generischen Sub-Text weg ===== */
#hc-sgl .set-tile .set-name{display:none !important;}
#hc-sgl .pk-ribbon-head .sub,#hc-slv .pk-ribbon-head .sub,#hc-dbx .pk-ribbon-head .sub{display:none !important;}


/* ===== #hc-snaa Model-Kit-Hero (SNAA · Klon von #hc-gp, 07.07.2026) ===== */
#hc-snaa .cat-hero-visual{display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:0!important;perspective:none!important;min-height:560px!important;overflow:visible!important;padding-bottom:34px!important}
#hc-snaa .cat-hero-visual .hero-glow,#hc-snaa .cat-hero-visual .holo-mascot,#hc-snaa .cat-hero-visual .hc-fx,#hc-snaa .cat-hero-visual .holo-rare,#hc-snaa .cat-hero-visual .holo-label,#hc-snaa .cat-hero-visual .holo-shine{display:none!important}
#hc-snaa .cat-hero-visual .holo-card.card-side{display:none!important}
#hc-snaa .cat-hero-visual .spark{position:absolute!important}
#hc-snaa .cat-hero-visual .holo,#hc-snaa .cat-hero-visual .holo-card{position:static!important;transform:none!important;background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;width:auto!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#hc-snaa .cat-hero-visual .holo-card::before,#hc-snaa .cat-hero-visual .holo-card::after,#hc-snaa .cat-hero-visual .holo::before,#hc-snaa .cat-hero-visual .holo::after{display:none!important;content:none!important}
#hc-snaa .cat-hero-visual .holo-card.card-main{height:560px!important;margin:0!important;z-index:3!important}
#hc-snaa .cat-hero-visual image-slot{display:block!important;height:100%!important;width:auto!important;background:none!important;border:0!important;overflow:visible!important}
#hc-snaa .cat-hero-visual .hc-hero-card-img{height:100%!important;width:auto!important;max-width:none!important;overflow:visible!important;object-fit:contain!important;object-position:bottom center!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 20px 20px rgba(10,20,30,.32))}
#hc-snaa .hc-franchise-logo{max-height:132px!important}
#hc-snaa .cat-hero-grid > :first-child > h1{margin-top:24px!important;margin-bottom:22px!important}
#hc-snaa .cat-hero-grid>*:first-child>.lead{margin-top:10px!important;margin-bottom:14px!important}
#hc-snaa .cat-hero-grid>*:first-child>.pk-quick{margin-bottom:14px!important}
@media(max-width:768px){
#hc-snaa .cat-hero{overflow-x:clip}
#hc-snaa .cat-hero-visual{min-height:0!important;overflow:visible!important}
#hc-snaa .cat-hero-visual .holo-card.card-main{height:300px!important}
}
/* ===== #hc-snaa Ribbon-Pfeile oben rechts ===== */
#hc-snaa .pk-ribbon-head{display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:16px; flex-wrap:wrap;}
#hc-snaa .pk-ribbon-head h2{font-size:clamp(20px,2.3vw,26px);}
#hc-snaa .pk-ribbon-head .sub{font-size:13px; color:var(--muted); margin-top:5px;}
#hc-snaa .ribbon-arrows{display:flex; gap:8px;}
#hc-snaa .ribbon-arrows button{width:40px; height:40px; border-radius:50%; background:var(--surface); box-shadow:inset 0 0 0 1px var(--border-soft); display:grid; place-items:center; color:var(--text); transition:.2s; cursor:pointer; border:0;}
#hc-snaa .ribbon-arrows button:hover{color:var(--primary); box-shadow:inset 0 0 0 1px var(--primary); transform:translateY(-1px);}
#hc-snaa .ribbon-arrows button:disabled{opacity:.35; cursor:default; transform:none; color:var(--dim); box-shadow:inset 0 0 0 1px var(--border-soft);}
/* ===== #hc-snaa Ansichten (Gross=2 / Klein=3) + Kachel-Outline ===== */
#hc-snaa .grid.cols-3{grid-template-columns:repeat(2,1fr) !important;}
#hc-snaa .grid.cols-4{grid-template-columns:repeat(3,1fr) !important;}
:root:not([data-theme="midnight"]) #hc-snaa .prod{overflow:hidden;outline:1px solid rgba(12,30,42,.12);outline-offset:-1px;}

/* ===== HC-LC PREMIUM ALIAS (#hc-pk -> #hc-lc, CSSOM-Klon 2026-07-06, 207 Regeln) — Premium-Rollout Disney Lorcana (2026-07-07) ===== */
#hc-lc{--pk-bolt: #ffce1f; --pk-ink: #1b2a4a;}#hc-lc .pk-hero{padding: 46px 0px 40px;}#hc-lc .pk-hero .lead{margin: 20px 0px 26px;}#hc-lc .pk-brandline{display: inline-flex; align-items: center; gap: 12px; margin-bottom: 2px;}#hc-lc .pk-brandline .pk-ball{width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; background: radial-gradient(circle at 50% 50%, #fff 0 6px, var(--pk-ink) 6px 9px, transparent 9px),
    linear-gradient(180deg, #e23b3b 0 49%, var(--pk-ink) 49% 51%, #fff 51% 100%); box-shadow: inset 0 0 0 2px var(--pk-ink), 0 6px 14px -6px rgba(0,0,0,.5);}#hc-lc h1 .grad{background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent;}#hc-lc .pk-quick{display: flex; flex-wrap: wrap; gap: 10px; margin: 0px 0px 30px;}#hc-lc .pk-quick button{display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); transition: .18s var(--ease);}#hc-lc .pk-quick button .qd{width: 8px; height: 8px; border-radius: 50%; background: var(--c,var(--primary)); flex-shrink: 0;}#hc-lc .pk-quick button:hover{box-shadow: inset 0 0 0 1.5px var(--primary); transform: translateY(-2px); color: var(--primary);}#hc-lc .cat-stats{grid-template-columns: repeat(3, auto); gap: 40px;}#hc-lc .cat-stat b{font-size: 34px;}#hc-lc .cat-hero-visual{height: 340px;}#hc-lc .pk-ribbon{position: relative; margin: 0px 0px 6px;}#hc-lc .pk-ribbon-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 16px; flex-wrap: wrap;}#hc-lc .pk-ribbon-head h2{font-size: clamp(20px, 2.3vw, 26px);}#hc-lc .pk-ribbon-head .sub{font-size: 13px; color: var(--muted); margin-top: 5px;}#hc-lc .ribbon-arrows{display: flex; gap: 8px;}#hc-lc .ribbon-arrows button{width: 40px; height: 40px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); display: grid; place-items: center; color: var(--text); transition: 0.2s;}#hc-lc .ribbon-arrows button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); transform: translateY(-1px);}#hc-lc .ribbon-arrows button:disabled{opacity: 0.35; cursor: default; transform: none; color: var(--dim); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-lc .ribbon-scroll{display: flex; gap: 14px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab;}#hc-lc .set-tiles{display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 18px;}#hc-lc .set-tile{position: relative; background: rgb(255, 255, 255); border-radius: var(--r-lg); padding: 18px 14px 16px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; text-align: center; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; align-items: center;}#hc-lc .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}#hc-lc .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-lc .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 14px;}#hc-lc .set-tile .set-logo image-slot{display: block; width: 100%; height: 100%;}#hc-lc .set-tile .set-logo image-slot::part(frame){background: transparent;}#hc-lc .set-tile .set-logo image-slot::part(ring){display: none;}#hc-lc .set-tile .set-logo-fallback{position: absolute; inset: 18px 14px auto; height: calc(0% + 60px); display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}#hc-lc .set-tile .set-logo{position: relative; z-index: 1;}#hc-lc .set-tile .set-name{font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}#hc-lc .set-tile .set-date{font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}@media (max-width: 980px){#hc-lc .set-tiles{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 560px){#hc-lc .set-tiles{grid-template-columns: repeat(2, 1fr);}}#hc-lc .ribbon-scroll::-webkit-scrollbar{display: none;}#hc-lc .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}#hc-lc .set-chip{position: relative; flex: 0 0 auto; min-width: 212px; display: flex; align-items: center; gap: 14px; padding: 14px 18px 14px 14px; border-radius: var(--r-lg); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); cursor: pointer; transition: transform .22s var(--ease), box-shadow .22s var(--ease); scroll-snap-align: start; text-align: left;}#hc-lc .set-chip:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--border-soft),0 20px 40px -26px rgba(0,0,0,.5);}#hc-lc .set-chip.is-on{box-shadow: inset 0 0 0 2px var(--primary), 0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-lc .set-chip .set-emblem{width: 50px; height: 50px; border-radius: 13px; flex-shrink: 0; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 14px; color: rgb(255, 255, 255); letter-spacing: 0.02em; background: var(--scg,linear-gradient(150deg,#3b6fd4,#1b2a4a)); box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;}#hc-lc .set-chip .set-meta{display: flex; flex-direction: column; min-width: 0px;}#hc-lc .set-chip .set-meta .name{font-family: var(--font-display); font-weight: 700; font-size: 14.5px; line-height: 1.12; letter-spacing: -0.01em; color: var(--text);}#hc-lc .set-chip .set-meta .code{font-size: 11.5px; font-weight: 600; color: var(--dim); margin-top: 5px; font-feature-settings: "tnum";}#hc-lc .pk-listing{display: grid; grid-template-columns: 286px 1fr; gap: 32px; padding: 30px 0px 70px; align-items: start;}#hc-lc .pk-sidebar{position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px;}#hc-lc .sidebar-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 4px 4px;}#hc-lc .sidebar-head h3{font-family: var(--font-display); font-weight: 800; font-size: 17px;}#hc-lc .sidebar-head .reset-all{font-size: 12.5px; font-weight: 700; color: var(--primary); display: inline-flex; align-items: center; gap: 6px;}#hc-lc .sidebar-head .reset-all:hover{text-decoration: underline; text-underline-offset: 2px;}#hc-lc .filter-group{background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft); overflow: hidden;}#hc-lc .filter-group-head{width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 18px; text-align: left; transition: 0.15s;}#hc-lc .filter-group-head:hover{background: var(--card-hi);}#hc-lc .filter-group-head .fg-title{display: flex; align-items: center; gap: 9px; font-family: var(--font-body); font-weight: 700; font-size: 13.5px; letter-spacing: 0.01em; color: var(--text);}#hc-lc .filter-group-head .fg-on{font-size: 10.5px; font-weight: 800; color: var(--primary-ink); background: var(--primary); border-radius: var(--r-pill); min-width: 18px; height: 18px; padding: 0px 6px; display: none; place-items: center;}#hc-lc .filter-group-head .fg-on.show{display: grid;}#hc-lc .filter-group-head .fg-chev{color: var(--dim); transition: transform .25s var(--ease); flex-shrink: 0;}#hc-lc .filter-group.is-collapsed .fg-chev{transform: rotate(-90deg);}#hc-lc .filter-group-body{padding: 2px 18px 16px;}#hc-lc .filter-group.is-collapsed .filter-group-body{display: none;}#hc-lc .filter-group .fg-foot{display: flex; justify-content: flex-end; padding-top: 8px;}#hc-lc .filter-group .reset{font-size: 11.5px; font-weight: 600; color: var(--dim);}#hc-lc .filter-group .reset:hover{color: var(--primary);}#hc-lc .f-opt{display: flex; align-items: center; gap: 11px; padding: 7px 0px; font-size: 14px; color: var(--text); cursor: pointer; line-height: 1.3;}#hc-lc .f-opt input{position: absolute; opacity: 0; width: 0px; height: 0px;}#hc-lc .f-opt .mark{width: 19px; height: 19px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--border); flex-shrink: 0; display: grid; place-items: center; transition: 0.15s; background: transparent;}#hc-lc .f-opt.radio .mark{border-radius: 50%;}#hc-lc .f-opt input:checked + .mark{background: var(--primary); box-shadow: none;}#hc-lc .f-opt input:checked + .mark::after{content: ""; width: 9px; height: 9px;}#hc-lc .f-opt:not(.radio) input:checked + .mark::after{content: "✓"; color: var(--primary-ink); font-size: 12px; font-weight: 800;}#hc-lc .f-opt.radio input:checked + .mark::after{border-radius: 50%; background: var(--primary-ink);}#hc-lc .f-opt .cnt{margin-left: auto; font-size: 12px; color: var(--dim); font-feature-settings: "tnum";}#hc-lc .f-opt:hover .mark{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-lc .f-pills{display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0px 2px;}#hc-lc .f-pill{display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--muted); cursor: pointer; transition: 0.16s; user-select: none;}#hc-lc .f-pill:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-lc .f-pill.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-lc .seg{display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; background: var(--card-hi); padding: 5px; border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-lc .seg button{padding: 9px 8px; border-radius: 9px; font-family: var(--font-body); font-weight: 700; font-size: 12.5px; color: var(--muted); transition: 0.16s;}#hc-lc .seg button:hover{color: var(--text);}#hc-lc .seg button.is-on{background: var(--surface); color: var(--primary); box-shadow: 0 4px 12px -6px rgba(0,0,0,.4),inset 0 0 0 1px var(--border-soft);}#hc-lc .cond-detail{margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border-soft);}#hc-lc .cond-detail[hidden]{display: none;}#hc-lc .cond-note{font-size: 12.5px; color: var(--muted); line-height: 1.55;}#hc-lc .cond-note b{color: var(--text); font-weight: 600;}#hc-lc .graded-step-label{font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); margin: 2px 0px 9px;}#hc-lc .graded-firms{display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 6px;}#hc-lc .graded-firms button{padding: 7px 13px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 12.5px; font-weight: 800; letter-spacing: 0.04em; color: var(--muted); transition: 0.16s;}#hc-lc .graded-firms button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-lc .graded-firms button.is-on{background: var(--pk-ink); color: rgb(255, 255, 255); box-shadow: none;}#hc-lc .graded-grades{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;}#hc-lc .graded-grades[hidden]{display: none;}#hc-lc .graded-grades button{min-width: 42px; padding: 7px 9px; border-radius: 9px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-display); font-weight: 800; font-size: 13px; color: var(--text); transition: 0.16s;}#hc-lc .graded-grades button:hover{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-lc .graded-grades button.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-lc .price-wrap{padding-top: 4px;}#hc-lc .price-vals{display: flex; align-items: center; justify-content: space-between; font-family: var(--font-display); font-weight: 800; font-size: 15px; margin-bottom: 14px;}#hc-lc .price-vals span{color: var(--text);}#hc-lc .price-track{position: relative; height: 34px;}#hc-lc .price-track .rail{position: absolute; top: 50%; left: 0px; right: 0px; height: 5px; transform: translateY(-50%); background: var(--card-hi); border-radius: 5px; box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-lc .price-track .fill{position: absolute; top: 50%; height: 5px; transform: translateY(-50%); background: var(--primary); border-radius: 5px;}#hc-lc .price-track input[type="range"]{position: absolute; top: 0px; left: 0px; width: 100%; height: 34px; margin: 0px; background: none; pointer-events: none; appearance: none;}#hc-lc .price-track input[type="range"]::-webkit-slider-thumb{appearance: none; pointer-events: all; width: 20px; height: 20px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 2px var(--primary),0 4px 10px -3px rgba(0,0,0,.5); cursor: pointer;}#hc-lc .pk-main{min-width: 0px;}#hc-lc .toolbar{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px;}#hc-lc .results-count{font-size: 14.5px; color: var(--muted); white-space: nowrap;}#hc-lc .results-count b{font-family: var(--font-display); font-weight: 800; color: var(--text); font-size: 17px;}#hc-lc .toolbar-right{margin-left: auto; display: flex; align-items: center; gap: 10px;}#hc-lc .sortish{position: relative;}#hc-lc .sortish select{appearance: none; font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--r-pill); padding: 11px 38px 11px 16px; cursor: pointer; outline: none;}#hc-lc .sortish select:focus{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-lc .sortish svg{position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--dim);}#hc-lc .view-toggle{display: flex; gap: 4px; background: var(--surface); padding: 4px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-lc .view-toggle button{width: 38px; height: 36px; border-radius: var(--r-pill); display: grid; place-items: center; color: var(--dim); transition: 0.15s;}#hc-lc .view-toggle button:hover{color: var(--text);}#hc-lc .view-toggle button.is-on{background: var(--primary); color: var(--primary-ink);}#hc-lc .active-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;}#hc-lc .active-chips:empty{display: none;}#hc-lc .a-chip{display: inline-flex; align-items: center; gap: 8px; padding: 7px 8px 7px 13px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); font-size: 12.5px; font-weight: 600; color: var(--text);}#hc-lc .a-chip .chip-clear{width: 18px; height: 18px; border-radius: 50%; background: var(--card-hi); display: grid; place-items: center; color: var(--muted); transition: 0.15s; flex-shrink: 0;}#hc-lc .a-chip .chip-clear:hover{background: var(--hot-2); color: rgb(255, 255, 255);}#hc-lc .a-chip.clear-all{background: transparent; box-shadow: none; color: var(--primary); font-weight: 700; padding: 7px 6px;}#hc-lc .a-chip.clear-all:hover{text-decoration: underline; text-underline-offset: 2px;}#hc-lc .grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}#hc-lc .grid.cols-3{grid-template-columns: repeat(3, 1fr);}#hc-lc .grid .card[hidden]{display: none;}#hc-lc .grid .holo .holo-set{position: absolute; top: 14px; left: 14px; z-index: 3; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; background: rgba(0, 0, 0, 0.42); color: rgb(255, 255, 255); padding: 4px 8px; border-radius: 7px; backdrop-filter: blur(4px);}#hc-lc .grid .card .lang{display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; color: var(--muted);}#hc-lc .grid .card .lang .lg{padding: 2px 6px; border-radius: 5px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-lc .grid .card .meta-row{display: flex; align-items: center; gap: 8px;}#hc-lc .grid .card .stocknote{font-size: 11.5px; font-weight: 700; color: var(--hot-2);}#hc-lc .grid .card .preo{display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--accent);}#hc-lc .prod .heart.is-on{color: var(--hot-2);}#hc-lc .prod .heart.is-on svg{fill: var(--hot-2);}#hc-lc .grid.is-list{grid-template-columns: 1fr; gap: 12px;}#hc-lc .grid.is-list .card{flex-direction: row; align-items: stretch;}#hc-lc .grid.is-list .card .pim{width: 150px; aspect-ratio: auto; flex-shrink: 0;}#hc-lc .grid.is-list .card .pim .holo{width: 74%;}#hc-lc .grid.is-list .card .pb{flex: 1 1 0%;}#hc-lc .grid.is-list .card .nm{min-height: 0px; font-size: 15.5px;}#hc-lc .grid.is-list .card .listdesc{display: none; font-size: 13px; color: var(--muted); line-height: 1.5; margin-top: 2px;}@media (min-width: 721px){#hc-lc .grid.is-list .card .listdesc{display: block;}}#hc-lc .grid-empty{display: none; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding: 64px 20px; background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-lc .grid-empty.show{display: flex;}#hc-lc .grid-empty .ge-ic{width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: var(--card-hi); color: var(--dim);}#hc-lc .grid-empty h4{font-size: 20px;}#hc-lc .grid-empty p{font-size: 14px; color: var(--muted); max-width: 38ch;}#hc-lc .pagination{display: flex; gap: 8px; justify-content: center; margin-top: 44px;}#hc-lc .pagination a{min-width: 44px; height: 44px; padding: 0px 6px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-weight: 700; font-size: 14px; transition: 0.2s;}#hc-lc .pagination a:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-lc .pagination a.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-lc .pk-seo{padding: 54px 0px 10px; border-top: 1px solid var(--border-soft);}#hc-lc .filter-drawer-btn{display: none;}#hc-lc .drawer-backdrop{display: none;}@media (max-width: 1100px){#hc-lc .pk-listing{grid-template-columns: 1fr;}#hc-lc .pk-sidebar{position: fixed; inset: 0px 0px 0px auto; width: min(380px, 90vw); z-index: 210; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: var(--bg-grad); padding: 18px 18px 96px; overflow-y: auto; transform: translateX(102%); transition: transform .34s var(--ease); box-shadow: rgba(0, 0, 0, 0.6) -30px 0px 80px -30px; gap: 12px;}#hc-lc .pk-sidebar.open{transform: none;}#hc-lc .drawer-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;}#hc-lc .drawer-head h3{font-family: var(--font-display); font-weight: 800; font-size: 20px;}#hc-lc .drawer-close{width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); color: var(--text);}#hc-lc .drawer-apply{position: sticky; bottom: 0px; margin: 14px -18px -96px; padding: 16px 18px calc(16px + env(safe-area-inset-bottom)); background: color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter: blur(10px); box-shadow: 0 -1px 0 var(--border-soft);}#hc-lc .filter-drawer-btn{display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-bottom: 18px; position: relative; padding: 14px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); font-family: var(--font-body); font-weight: 700; font-size: 15px; color: var(--text);}#hc-lc .filter-drawer-btn .fd-badge{min-width: 22px; height: 22px; border-radius: var(--r-pill); background: var(--primary); color: var(--primary-ink); font-size: 12px; font-weight: 800; display: none; place-items: center; padding: 0px 6px;}#hc-lc .filter-drawer-btn .fd-badge.show{display: grid;}#hc-lc .drawer-backdrop{position: fixed; inset: 0px; z-index: 200; background: rgba(4, 10, 16, 0.55); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; transition: 0.3s;}#hc-lc .drawer-backdrop.show{opacity: 1; visibility: visible;}}@media (min-width: 1101px){#hc-lc .drawer-head{display: none;}#hc-lc .drawer-apply{display: none;}}@media (max-width: 1100px){#hc-lc .grid{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 760px){#hc-lc .grid{grid-template-columns: repeat(2, 1fr);}#hc-lc .grid.cols-3, #hc-lc .grid.cols-4{grid-template-columns: repeat(2, 1fr);}#hc-lc .view-toggle [data-view="cols-4"]{display: none;}}@media (max-width: 540px){#hc-lc .cat-stats{grid-template-columns: 1fr; gap: 16px;}#hc-lc .grid:not(.is-list){grid-template-columns: 1fr 1fr; gap: 12px;}#hc-lc .toolbar-right{width: 100%;}#hc-lc .sortish select{flex: 1 1 0%; width: 100%;}}#hc-op .ribbon-scroll, #hc-lc .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab; scroll-snap-type: x;}#hc-op .ribbon-scroll::-webkit-scrollbar, #hc-lc .ribbon-scroll::-webkit-scrollbar, #hc-gt .ribbon-scroll::-webkit-scrollbar, #hc-nrk .ribbon-scroll::-webkit-scrollbar{display: none;}#hc-op .ribbon-scroll.grabbing, #hc-lc .ribbon-scroll.grabbing, #hc-gt .ribbon-scroll.grabbing, #hc-nrk .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}#hc-op .set-tile, #hc-lc .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{position: relative; flex: 0 0 auto; width: 192px; background: var(--card); border-radius: var(--r-lg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; overflow: hidden; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; scroll-snap-align: start; text-align: center; cursor: default;}#hc-op .set-tile:hover, #hc-lc .set-tile:hover, #hc-gt .set-tile:hover, #hc-nrk .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}#hc-op .set-tile.is-on, #hc-lc .set-tile.is-on, #hc-gt .set-tile.is-on, #hc-nrk .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-op .set-tile .set-explore, #hc-lc .set-tile .set-explore, #hc-gt .set-tile .set-explore, #hc-nrk .set-tile .set-explore{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 14px 6px; text-decoration: none; color: inherit; border-radius: var(--r-lg) var(--r-lg) 0 0; transition: background .2s var(--ease);}#hc-op .set-tile .set-explore[href]:hover, #hc-lc .set-tile .set-explore[href]:hover, #hc-gt .set-tile .set-explore[href]:hover, #hc-nrk .set-tile .set-explore[href]:hover{background: color-mix(in srgb,var(--primary) 7%,transparent);}#hc-op .set-tile .set-explore.as-static, #hc-lc .set-tile .set-explore.as-static, #hc-gt .set-tile .set-explore.as-static, #hc-nrk .set-tile .set-explore.as-static{cursor: default;}#hc-op .set-tile .se-top, #hc-lc .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{display: inline-flex; align-items: center; gap: 6px; margin-bottom: 13px; font-family: var(--font-display); font-weight: 800; font-size: 14px; letter-spacing: -0.01em; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; transition: gap .2s var(--ease);}#hc-op .set-tile .se-top svg, #hc-lc .set-tile .se-top svg, #hc-gt .set-tile .se-top svg, #hc-nrk .set-tile .se-top svg{stroke: rgb(212, 32, 44); transition: transform .2s var(--ease);}#hc-op .set-tile .set-explore[href]:hover .se-top, #hc-lc .set-tile .set-explore[href]:hover .se-top, #hc-gt .set-tile .set-explore[href]:hover .se-top, #hc-nrk .set-tile .set-explore[href]:hover .se-top{gap: 10px;}#hc-op .set-tile .set-explore[href]:hover .se-top svg, #hc-lc .set-tile .set-explore[href]:hover .se-top svg, #hc-gt .set-tile .set-explore[href]:hover .se-top svg, #hc-nrk .set-tile .set-explore[href]:hover .se-top svg{transform: translateX(3px);}#hc-op .set-tile .se-spacer, #hc-lc .set-tile .se-spacer, #hc-gt .set-tile .se-spacer, #hc-nrk .set-tile .se-spacer{height: 14px; margin-bottom: 13px;}#hc-op .set-tile .set-logo, #hc-lc .set-tile .set-logo, #hc-gt .set-tile .set-logo, #hc-nrk .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 12px; position: relative; z-index: 1;}#hc-op .set-tile .set-logo-fallback, #hc-lc .set-tile .set-logo-fallback, #hc-gt .set-tile .set-logo-fallback, #hc-nrk .set-tile .set-logo-fallback{position: absolute; inset: 0px; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}#hc-op .set-tile .set-logo-img, #hc-lc .set-tile .set-logo-img, #hc-gt .set-tile .set-logo-img, #hc-nrk .set-tile .set-logo-img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; z-index: 1;}#hc-op .set-tile .set-name, #hc-lc .set-tile .set-name, #hc-gt .set-tile .set-name, #hc-nrk .set-tile .set-name{display: block; font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}#hc-op .set-tile .set-date, #hc-lc .set-tile .set-date, #hc-gt .set-tile .set-date, #hc-nrk .set-tile .set-date{display: block; font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}#hc-op .set-tile .set-filter, #hc-lc .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{margin: 14px 12px 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 12px; border-radius: var(--r-md); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-family: var(--font-body); font-weight: 700; font-size: 11.5px; letter-spacing: 0.01em; background: var(--surface-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--border-soft); transition: background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);}#hc-op .set-tile .set-filter:hover, #hc-lc .set-tile .set-filter:hover, #hc-gt .set-tile .set-filter:hover, #hc-nrk .set-tile .set-filter:hover{background: color-mix(in srgb,var(--primary) 12%,var(--card)); color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-op .set-tile.is-on .set-filter, #hc-lc .set-tile.is-on .set-filter, #hc-gt .set-tile.is-on .set-filter, #hc-nrk .set-tile.is-on .set-filter{background: var(--primary); color: var(--primary-ink); box-shadow: inset 0 0 0 1px var(--primary);}@media (min-width: 561px) and (max-width: 1100px){#hc-op .set-tile, #hc-lc .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 176px;}#hc-op .ribbon-arrows button, #hc-lc .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}}@media (max-width: 560px){#hc-op .set-tile, #hc-lc .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 158px; scroll-snap-align: center;}#hc-op .set-tile .set-filter, #hc-lc .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{min-height: 44px; padding: 12px;}#hc-op .ribbon-arrows button, #hc-lc .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}#hc-op .set-tile .se-top, #hc-lc .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{font-size: 13px;}#hc-op .pk-ribbon-head, #hc-lc .pk-ribbon-head, #hc-gt .pk-ribbon-head, #hc-nrk .pk-ribbon-head{align-items: flex-start;}#hc-op .ribbon-scroll, #hc-lc .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{scroll-padding-left: 16px;}}#hc-lc .set-tile .set-date{padding-top:0 !important;padding-bottom:0 !important;}#hc-lc .cat-hero-visual .holo-card.card-side{width:210px !important;max-width:210px !important;height:293px !important;}#hc-lc .cat-hero-visual .holo-card.card-main{width:280px !important;max-width:280px !important;height:391px !important;}

/* ===== HC-RFT PREMIUM ALIAS (#hc-pk -> #hc-rft, CSSOM-Klon 2026-07-06, 207 Regeln) — Premium-Rollout Riftbound (2026-07-07) ===== */
#hc-rft{--pk-bolt: #ffce1f; --pk-ink: #1b2a4a;}#hc-rft .pk-hero{padding: 46px 0px 40px;}#hc-rft .pk-hero .lead{margin: 20px 0px 26px;}#hc-rft .pk-brandline{display: inline-flex; align-items: center; gap: 12px; margin-bottom: 2px;}#hc-rft .pk-brandline .pk-ball{width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; background: radial-gradient(circle at 50% 50%, #fff 0 6px, var(--pk-ink) 6px 9px, transparent 9px),
    linear-gradient(180deg, #e23b3b 0 49%, var(--pk-ink) 49% 51%, #fff 51% 100%); box-shadow: inset 0 0 0 2px var(--pk-ink), 0 6px 14px -6px rgba(0,0,0,.5);}#hc-rft h1 .grad{background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent;}#hc-rft .pk-quick{display: flex; flex-wrap: wrap; gap: 10px; margin: 0px 0px 30px;}#hc-rft .pk-quick button{display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); transition: .18s var(--ease);}#hc-rft .pk-quick button .qd{width: 8px; height: 8px; border-radius: 50%; background: var(--c,var(--primary)); flex-shrink: 0;}#hc-rft .pk-quick button:hover{box-shadow: inset 0 0 0 1.5px var(--primary); transform: translateY(-2px); color: var(--primary);}#hc-rft .cat-stats{grid-template-columns: repeat(3, auto); gap: 40px;}#hc-rft .cat-stat b{font-size: 34px;}#hc-rft .cat-hero-visual{height: 340px;}#hc-rft .pk-ribbon{position: relative; margin: 0px 0px 6px;}#hc-rft .pk-ribbon-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 16px; flex-wrap: wrap;}#hc-rft .pk-ribbon-head h2{font-size: clamp(20px, 2.3vw, 26px);}#hc-rft .pk-ribbon-head .sub{font-size: 13px; color: var(--muted); margin-top: 5px;}#hc-rft .ribbon-arrows{display: flex; gap: 8px;}#hc-rft .ribbon-arrows button{width: 40px; height: 40px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); display: grid; place-items: center; color: var(--text); transition: 0.2s;}#hc-rft .ribbon-arrows button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); transform: translateY(-1px);}#hc-rft .ribbon-arrows button:disabled{opacity: 0.35; cursor: default; transform: none; color: var(--dim); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-rft .ribbon-scroll{display: flex; gap: 14px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab;}#hc-rft .set-tiles{display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 18px;}#hc-rft .set-tile{position: relative; background: rgb(255, 255, 255); border-radius: var(--r-lg); padding: 18px 14px 16px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; text-align: center; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; align-items: center;}#hc-rft .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}#hc-rft .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-rft .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 14px;}#hc-rft .set-tile .set-logo image-slot{display: block; width: 100%; height: 100%;}#hc-rft .set-tile .set-logo image-slot::part(frame){background: transparent;}#hc-rft .set-tile .set-logo image-slot::part(ring){display: none;}#hc-rft .set-tile .set-logo-fallback{position: absolute; inset: 18px 14px auto; height: calc(0% + 60px); display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}#hc-rft .set-tile .set-logo{position: relative; z-index: 1;}#hc-rft .set-tile .set-name{font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}#hc-rft .set-tile .set-date{font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}@media (max-width: 980px){#hc-rft .set-tiles{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 560px){#hc-rft .set-tiles{grid-template-columns: repeat(2, 1fr);}}#hc-rft .ribbon-scroll::-webkit-scrollbar{display: none;}#hc-rft .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}#hc-rft .set-chip{position: relative; flex: 0 0 auto; min-width: 212px; display: flex; align-items: center; gap: 14px; padding: 14px 18px 14px 14px; border-radius: var(--r-lg); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); cursor: pointer; transition: transform .22s var(--ease), box-shadow .22s var(--ease); scroll-snap-align: start; text-align: left;}#hc-rft .set-chip:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--border-soft),0 20px 40px -26px rgba(0,0,0,.5);}#hc-rft .set-chip.is-on{box-shadow: inset 0 0 0 2px var(--primary), 0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-rft .set-chip .set-emblem{width: 50px; height: 50px; border-radius: 13px; flex-shrink: 0; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 14px; color: rgb(255, 255, 255); letter-spacing: 0.02em; background: var(--scg,linear-gradient(150deg,#3b6fd4,#1b2a4a)); box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px;}#hc-rft .set-chip .set-meta{display: flex; flex-direction: column; min-width: 0px;}#hc-rft .set-chip .set-meta .name{font-family: var(--font-display); font-weight: 700; font-size: 14.5px; line-height: 1.12; letter-spacing: -0.01em; color: var(--text);}#hc-rft .set-chip .set-meta .code{font-size: 11.5px; font-weight: 600; color: var(--dim); margin-top: 5px; font-feature-settings: "tnum";}#hc-rft .pk-listing{display: grid; grid-template-columns: 286px 1fr; gap: 32px; padding: 30px 0px 70px; align-items: start;}#hc-rft .pk-sidebar{position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px;}#hc-rft .sidebar-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 4px 4px;}#hc-rft .sidebar-head h3{font-family: var(--font-display); font-weight: 800; font-size: 17px;}#hc-rft .sidebar-head .reset-all{font-size: 12.5px; font-weight: 700; color: var(--primary); display: inline-flex; align-items: center; gap: 6px;}#hc-rft .sidebar-head .reset-all:hover{text-decoration: underline; text-underline-offset: 2px;}#hc-rft .filter-group{background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft); overflow: hidden;}#hc-rft .filter-group-head{width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 18px; text-align: left; transition: 0.15s;}#hc-rft .filter-group-head:hover{background: var(--card-hi);}#hc-rft .filter-group-head .fg-title{display: flex; align-items: center; gap: 9px; font-family: var(--font-body); font-weight: 700; font-size: 13.5px; letter-spacing: 0.01em; color: var(--text);}#hc-rft .filter-group-head .fg-on{font-size: 10.5px; font-weight: 800; color: var(--primary-ink); background: var(--primary); border-radius: var(--r-pill); min-width: 18px; height: 18px; padding: 0px 6px; display: none; place-items: center;}#hc-rft .filter-group-head .fg-on.show{display: grid;}#hc-rft .filter-group-head .fg-chev{color: var(--dim); transition: transform .25s var(--ease); flex-shrink: 0;}#hc-rft .filter-group.is-collapsed .fg-chev{transform: rotate(-90deg);}#hc-rft .filter-group-body{padding: 2px 18px 16px;}#hc-rft .filter-group.is-collapsed .filter-group-body{display: none;}#hc-rft .filter-group .fg-foot{display: flex; justify-content: flex-end; padding-top: 8px;}#hc-rft .filter-group .reset{font-size: 11.5px; font-weight: 600; color: var(--dim);}#hc-rft .filter-group .reset:hover{color: var(--primary);}#hc-rft .f-opt{display: flex; align-items: center; gap: 11px; padding: 7px 0px; font-size: 14px; color: var(--text); cursor: pointer; line-height: 1.3;}#hc-rft .f-opt input{position: absolute; opacity: 0; width: 0px; height: 0px;}#hc-rft .f-opt .mark{width: 19px; height: 19px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--border); flex-shrink: 0; display: grid; place-items: center; transition: 0.15s; background: transparent;}#hc-rft .f-opt.radio .mark{border-radius: 50%;}#hc-rft .f-opt input:checked + .mark{background: var(--primary); box-shadow: none;}#hc-rft .f-opt input:checked + .mark::after{content: ""; width: 9px; height: 9px;}#hc-rft .f-opt:not(.radio) input:checked + .mark::after{content: "✓"; color: var(--primary-ink); font-size: 12px; font-weight: 800;}#hc-rft .f-opt.radio input:checked + .mark::after{border-radius: 50%; background: var(--primary-ink);}#hc-rft .f-opt .cnt{margin-left: auto; font-size: 12px; color: var(--dim); font-feature-settings: "tnum";}#hc-rft .f-opt:hover .mark{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-rft .f-pills{display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0px 2px;}#hc-rft .f-pill{display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--muted); cursor: pointer; transition: 0.16s; user-select: none;}#hc-rft .f-pill:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-rft .f-pill.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-rft .seg{display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; background: var(--card-hi); padding: 5px; border-radius: var(--r-md); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-rft .seg button{padding: 9px 8px; border-radius: 9px; font-family: var(--font-body); font-weight: 700; font-size: 12.5px; color: var(--muted); transition: 0.16s;}#hc-rft .seg button:hover{color: var(--text);}#hc-rft .seg button.is-on{background: var(--surface); color: var(--primary); box-shadow: 0 4px 12px -6px rgba(0,0,0,.4),inset 0 0 0 1px var(--border-soft);}#hc-rft .cond-detail{margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border-soft);}#hc-rft .cond-detail[hidden]{display: none;}#hc-rft .cond-note{font-size: 12.5px; color: var(--muted); line-height: 1.55;}#hc-rft .cond-note b{color: var(--text); font-weight: 600;}#hc-rft .graded-step-label{font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); margin: 2px 0px 9px;}#hc-rft .graded-firms{display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 6px;}#hc-rft .graded-firms button{padding: 7px 13px; border-radius: var(--r-pill); background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-size: 12.5px; font-weight: 800; letter-spacing: 0.04em; color: var(--muted); transition: 0.16s;}#hc-rft .graded-firms button:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-rft .graded-firms button.is-on{background: var(--pk-ink); color: rgb(255, 255, 255); box-shadow: none;}#hc-rft .graded-grades{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;}#hc-rft .graded-grades[hidden]{display: none;}#hc-rft .graded-grades button{min-width: 42px; padding: 7px 9px; border-radius: 9px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft); font-family: var(--font-display); font-weight: 800; font-size: 13px; color: var(--text); transition: 0.16s;}#hc-rft .graded-grades button:hover{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-rft .graded-grades button.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-rft .price-wrap{padding-top: 4px;}#hc-rft .price-vals{display: flex; align-items: center; justify-content: space-between; font-family: var(--font-display); font-weight: 800; font-size: 15px; margin-bottom: 14px;}#hc-rft .price-vals span{color: var(--text);}#hc-rft .price-track{position: relative; height: 34px;}#hc-rft .price-track .rail{position: absolute; top: 50%; left: 0px; right: 0px; height: 5px; transform: translateY(-50%); background: var(--card-hi); border-radius: 5px; box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-rft .price-track .fill{position: absolute; top: 50%; height: 5px; transform: translateY(-50%); background: var(--primary); border-radius: 5px;}#hc-rft .price-track input[type="range"]{position: absolute; top: 0px; left: 0px; width: 100%; height: 34px; margin: 0px; background: none; pointer-events: none; appearance: none;}#hc-rft .price-track input[type="range"]::-webkit-slider-thumb{appearance: none; pointer-events: all; width: 20px; height: 20px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 2px var(--primary),0 4px 10px -3px rgba(0,0,0,.5); cursor: pointer;}#hc-rft .pk-main{min-width: 0px;}#hc-rft .toolbar{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px;}#hc-rft .results-count{font-size: 14.5px; color: var(--muted); white-space: nowrap;}#hc-rft .results-count b{font-family: var(--font-display); font-weight: 800; color: var(--text); font-size: 17px;}#hc-rft .toolbar-right{margin-left: auto; display: flex; align-items: center; gap: 10px;}#hc-rft .sortish{position: relative;}#hc-rft .sortish select{appearance: none; font-family: var(--font-body); font-weight: 600; font-size: 13.5px; color: var(--text); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--r-pill); padding: 11px 38px 11px 16px; cursor: pointer; outline: none;}#hc-rft .sortish select:focus{box-shadow: inset 0 0 0 1.5px var(--primary);}#hc-rft .sortish svg{position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--dim);}#hc-rft .view-toggle{display: flex; gap: 4px; background: var(--surface); padding: 4px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-rft .view-toggle button{width: 38px; height: 36px; border-radius: var(--r-pill); display: grid; place-items: center; color: var(--dim); transition: 0.15s;}#hc-rft .view-toggle button:hover{color: var(--text);}#hc-rft .view-toggle button.is-on{background: var(--primary); color: var(--primary-ink);}#hc-rft .active-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;}#hc-rft .active-chips:empty{display: none;}#hc-rft .a-chip{display: inline-flex; align-items: center; gap: 8px; padding: 7px 8px 7px 13px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); font-size: 12.5px; font-weight: 600; color: var(--text);}#hc-rft .a-chip .chip-clear{width: 18px; height: 18px; border-radius: 50%; background: var(--card-hi); display: grid; place-items: center; color: var(--muted); transition: 0.15s; flex-shrink: 0;}#hc-rft .a-chip .chip-clear:hover{background: var(--hot-2); color: rgb(255, 255, 255);}#hc-rft .a-chip.clear-all{background: transparent; box-shadow: none; color: var(--primary); font-weight: 700; padding: 7px 6px;}#hc-rft .a-chip.clear-all:hover{text-decoration: underline; text-underline-offset: 2px;}#hc-rft .grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}#hc-rft .grid.cols-3{grid-template-columns: repeat(3, 1fr);}#hc-rft .grid .card[hidden]{display: none;}#hc-rft .grid .holo .holo-set{position: absolute; top: 14px; left: 14px; z-index: 3; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; background: rgba(0, 0, 0, 0.42); color: rgb(255, 255, 255); padding: 4px 8px; border-radius: 7px; backdrop-filter: blur(4px);}#hc-rft .grid .card .lang{display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; color: var(--muted);}#hc-rft .grid .card .lang .lg{padding: 2px 6px; border-radius: 5px; background: var(--card-hi); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-rft .grid .card .meta-row{display: flex; align-items: center; gap: 8px;}#hc-rft .grid .card .stocknote{font-size: 11.5px; font-weight: 700; color: var(--hot-2);}#hc-rft .grid .card .preo{display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--accent);}#hc-rft .prod .heart.is-on{color: var(--hot-2);}#hc-rft .prod .heart.is-on svg{fill: var(--hot-2);}#hc-rft .grid.is-list{grid-template-columns: 1fr; gap: 12px;}#hc-rft .grid.is-list .card{flex-direction: row; align-items: stretch;}#hc-rft .grid.is-list .card .pim{width: 150px; aspect-ratio: auto; flex-shrink: 0;}#hc-rft .grid.is-list .card .pim .holo{width: 74%;}#hc-rft .grid.is-list .card .pb{flex: 1 1 0%;}#hc-rft .grid.is-list .card .nm{min-height: 0px; font-size: 15.5px;}#hc-rft .grid.is-list .card .listdesc{display: none; font-size: 13px; color: var(--muted); line-height: 1.5; margin-top: 2px;}@media (min-width: 721px){#hc-rft .grid.is-list .card .listdesc{display: block;}}#hc-rft .grid-empty{display: none; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding: 64px 20px; background: var(--surface); border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--border-soft);}#hc-rft .grid-empty.show{display: flex;}#hc-rft .grid-empty .ge-ic{width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: var(--card-hi); color: var(--dim);}#hc-rft .grid-empty h4{font-size: 20px;}#hc-rft .grid-empty p{font-size: 14px; color: var(--muted); max-width: 38ch;}#hc-rft .pagination{display: flex; gap: 8px; justify-content: center; margin-top: 44px;}#hc-rft .pagination a{min-width: 44px; height: 44px; padding: 0px 6px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); font-weight: 700; font-size: 14px; transition: 0.2s;}#hc-rft .pagination a:hover{color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-rft .pagination a.is-on{background: var(--primary); color: var(--primary-ink); box-shadow: none;}#hc-rft .pk-seo{padding: 54px 0px 10px; border-top: 1px solid var(--border-soft);}#hc-rft .filter-drawer-btn{display: none;}#hc-rft .drawer-backdrop{display: none;}@media (max-width: 1100px){#hc-rft .pk-listing{grid-template-columns: 1fr;}#hc-rft .pk-sidebar{position: fixed; inset: 0px 0px 0px auto; width: min(380px, 90vw); z-index: 210; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: var(--bg-grad); padding: 18px 18px 96px; overflow-y: auto; transform: translateX(102%); transition: transform .34s var(--ease); box-shadow: rgba(0, 0, 0, 0.6) -30px 0px 80px -30px; gap: 12px;}#hc-rft .pk-sidebar.open{transform: none;}#hc-rft .drawer-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;}#hc-rft .drawer-head h3{font-family: var(--font-display); font-weight: 800; font-size: 20px;}#hc-rft .drawer-close{width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-soft); color: var(--text);}#hc-rft .drawer-apply{position: sticky; bottom: 0px; margin: 14px -18px -96px; padding: 16px 18px calc(16px + env(safe-area-inset-bottom)); background: color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter: blur(10px); box-shadow: 0 -1px 0 var(--border-soft);}#hc-rft .filter-drawer-btn{display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-bottom: 18px; position: relative; padding: 14px; border-radius: var(--r-pill); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); font-family: var(--font-body); font-weight: 700; font-size: 15px; color: var(--text);}#hc-rft .filter-drawer-btn .fd-badge{min-width: 22px; height: 22px; border-radius: var(--r-pill); background: var(--primary); color: var(--primary-ink); font-size: 12px; font-weight: 800; display: none; place-items: center; padding: 0px 6px;}#hc-rft .filter-drawer-btn .fd-badge.show{display: grid;}#hc-rft .drawer-backdrop{position: fixed; inset: 0px; z-index: 200; background: rgba(4, 10, 16, 0.55); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; transition: 0.3s;}#hc-rft .drawer-backdrop.show{opacity: 1; visibility: visible;}}@media (min-width: 1101px){#hc-rft .drawer-head{display: none;}#hc-rft .drawer-apply{display: none;}}@media (max-width: 1100px){#hc-rft .grid{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 760px){#hc-rft .grid{grid-template-columns: repeat(2, 1fr);}#hc-rft .grid.cols-3, #hc-rft .grid.cols-4{grid-template-columns: repeat(2, 1fr);}#hc-rft .view-toggle [data-view="cols-4"]{display: none;}}@media (max-width: 540px){#hc-rft .cat-stats{grid-template-columns: 1fr; gap: 16px;}#hc-rft .grid:not(.is-list){grid-template-columns: 1fr 1fr; gap: 12px;}#hc-rft .toolbar-right{width: 100%;}#hc-rft .sortish select{flex: 1 1 0%; width: 100%;}}#hc-op .ribbon-scroll, #hc-rft .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 14px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab; scroll-snap-type: x;}#hc-op .ribbon-scroll::-webkit-scrollbar, #hc-rft .ribbon-scroll::-webkit-scrollbar, #hc-gt .ribbon-scroll::-webkit-scrollbar, #hc-nrk .ribbon-scroll::-webkit-scrollbar{display: none;}#hc-op .ribbon-scroll.grabbing, #hc-rft .ribbon-scroll.grabbing, #hc-gt .ribbon-scroll.grabbing, #hc-nrk .ribbon-scroll.grabbing{cursor: grabbing; scroll-behavior: auto;}#hc-op .set-tile, #hc-rft .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{position: relative; flex: 0 0 auto; width: 192px; background: var(--card); border-radius: var(--r-lg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; overflow: hidden; transition: transform .25s var(--ease),box-shadow .25s var(--ease); box-shadow: inset 0 0 0 1px var(--border-soft); display: flex; flex-direction: column; scroll-snap-align: start; text-align: center; cursor: default;}#hc-op .set-tile:hover, #hc-rft .set-tile:hover, #hc-gt .set-tile:hover, #hc-nrk .set-tile:hover{transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--primary),0 20px 38px -24px rgba(0,0,0,.25);}#hc-op .set-tile.is-on, #hc-rft .set-tile.is-on, #hc-gt .set-tile.is-on, #hc-nrk .set-tile.is-on{box-shadow: inset 0 0 0 2px var(--primary),0 18px 38px -24px color-mix(in srgb,var(--primary) 60%,transparent);}#hc-op .set-tile .set-explore, #hc-rft .set-tile .set-explore, #hc-gt .set-tile .set-explore, #hc-nrk .set-tile .set-explore{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 14px 6px; text-decoration: none; color: inherit; border-radius: var(--r-lg) var(--r-lg) 0 0; transition: background .2s var(--ease);}#hc-op .set-tile .set-explore[href]:hover, #hc-rft .set-tile .set-explore[href]:hover, #hc-gt .set-tile .set-explore[href]:hover, #hc-nrk .set-tile .set-explore[href]:hover{background: color-mix(in srgb,var(--primary) 7%,transparent);}#hc-op .set-tile .set-explore.as-static, #hc-rft .set-tile .set-explore.as-static, #hc-gt .set-tile .set-explore.as-static, #hc-nrk .set-tile .set-explore.as-static{cursor: default;}#hc-op .set-tile .se-top, #hc-rft .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{display: inline-flex; align-items: center; gap: 6px; margin-bottom: 13px; font-family: var(--font-display); font-weight: 800; font-size: 14px; letter-spacing: -0.01em; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; transition: gap .2s var(--ease);}#hc-op .set-tile .se-top svg, #hc-rft .set-tile .se-top svg, #hc-gt .set-tile .se-top svg, #hc-nrk .set-tile .se-top svg{stroke: rgb(212, 32, 44); transition: transform .2s var(--ease);}#hc-op .set-tile .set-explore[href]:hover .se-top, #hc-rft .set-tile .set-explore[href]:hover .se-top, #hc-gt .set-tile .set-explore[href]:hover .se-top, #hc-nrk .set-tile .set-explore[href]:hover .se-top{gap: 10px;}#hc-op .set-tile .set-explore[href]:hover .se-top svg, #hc-rft .set-tile .set-explore[href]:hover .se-top svg, #hc-gt .set-tile .set-explore[href]:hover .se-top svg, #hc-nrk .set-tile .set-explore[href]:hover .se-top svg{transform: translateX(3px);}#hc-op .set-tile .se-spacer, #hc-rft .set-tile .se-spacer, #hc-gt .set-tile .se-spacer, #hc-nrk .set-tile .se-spacer{height: 14px; margin-bottom: 13px;}#hc-op .set-tile .set-logo, #hc-rft .set-tile .set-logo, #hc-gt .set-tile .set-logo, #hc-nrk .set-tile .set-logo{width: 100%; aspect-ratio: 5 / 3; display: grid; place-items: center; margin-bottom: 12px; position: relative; z-index: 1;}#hc-op .set-tile .set-logo-fallback, #hc-rft .set-tile .set-logo-fallback, #hc-gt .set-tile .set-logo-fallback, #hc-nrk .set-tile .set-logo-fallback{position: absolute; inset: 0px; display: grid; place-items: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: rgb(255, 255, 255); letter-spacing: 0.04em; border-radius: 10px; box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1.5px inset, rgba(0, 0, 0, 0.4) 0px 8px 16px -10px; z-index: 0;}#hc-op .set-tile .set-logo-img, #hc-rft .set-tile .set-logo-img, #hc-gt .set-tile .set-logo-img, #hc-nrk .set-tile .set-logo-img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; z-index: 1;}#hc-op .set-tile .set-name, #hc-rft .set-tile .set-name, #hc-gt .set-tile .set-name, #hc-nrk .set-tile .set-name{display: block; font-family: var(--font-display); font-weight: 700; font-size: 13.5px; line-height: 1.15; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); margin-bottom: 6px; text-wrap: balance;}#hc-op .set-tile .set-date, #hc-rft .set-tile .set-date, #hc-gt .set-tile .set-date, #hc-nrk .set-tile .set-date{display: block; font-size: 11.5px; font-weight: 600; color: var(--muted); font-feature-settings: "tnum"; letter-spacing: 0.04em;}#hc-op .set-tile .set-filter, #hc-rft .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{margin: 14px 12px 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 12px; border-radius: var(--r-md); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-family: var(--font-body); font-weight: 700; font-size: 11.5px; letter-spacing: 0.01em; background: var(--surface-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--border-soft); transition: background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);}#hc-op .set-tile .set-filter:hover, #hc-rft .set-tile .set-filter:hover, #hc-gt .set-tile .set-filter:hover, #hc-nrk .set-tile .set-filter:hover{background: color-mix(in srgb,var(--primary) 12%,var(--card)); color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary);}#hc-op .set-tile.is-on .set-filter, #hc-rft .set-tile.is-on .set-filter, #hc-gt .set-tile.is-on .set-filter, #hc-nrk .set-tile.is-on .set-filter{background: var(--primary); color: var(--primary-ink); box-shadow: inset 0 0 0 1px var(--primary);}@media (min-width: 561px) and (max-width: 1100px){#hc-op .set-tile, #hc-rft .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 176px;}#hc-op .ribbon-arrows button, #hc-rft .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}}@media (max-width: 560px){#hc-op .set-tile, #hc-rft .set-tile, #hc-gt .set-tile, #hc-nrk .set-tile{width: 158px; scroll-snap-align: center;}#hc-op .set-tile .set-filter, #hc-rft .set-tile .set-filter, #hc-gt .set-tile .set-filter, #hc-nrk .set-tile .set-filter{min-height: 44px; padding: 12px;}#hc-op .ribbon-arrows button, #hc-rft .ribbon-arrows button, #hc-gt .ribbon-arrows button, #hc-nrk .ribbon-arrows button{width: 44px; height: 44px;}#hc-op .set-tile .se-top, #hc-rft .set-tile .se-top, #hc-gt .set-tile .se-top, #hc-nrk .set-tile .se-top{font-size: 13px;}#hc-op .pk-ribbon-head, #hc-rft .pk-ribbon-head, #hc-gt .pk-ribbon-head, #hc-nrk .pk-ribbon-head{align-items: flex-start;}#hc-op .ribbon-scroll, #hc-rft .ribbon-scroll, #hc-gt .ribbon-scroll, #hc-nrk .ribbon-scroll{scroll-padding-left: 16px;}}#hc-rft .set-tile .set-date{padding-top:0 !important;padding-bottom:0 !important;}#hc-rft .cat-hero-visual .holo-card.card-side{width:210px !important;max-width:210px !important;height:293px !important;}#hc-rft .cat-hero-visual .holo-card.card-main{width:280px !important;max-width:280px !important;height:391px !important;}


/* === HawaiiCards Hero-Glow Standard (2026-07-09): Glow auf ALLEN Kategorie-Heroes (.cat-hero); Startseite (.hcm-hero) ausgenommen; :not(:has) verhindert Doppel-Glow === */
.cat-hero .cat-hero-visual{position:relative;}
.cat-hero .cat-hero-visual:not(:has(> .hero-glow))::before{content:"";position:absolute;left:-27px;right:-27px;top:-52px;height:624px;background:radial-gradient(circle at 55% 45%,rgba(239,130,14,.40),rgba(239,130,14,0) 70%);filter:blur(30px);z-index:0;pointer-events:none;}


/* ===================== HC-KACHEL-V1 v5 (20.07.2026, Freigabe 3010: Ansichten-Matrix §3.4) =====
   SHOP-WEIT: Kachel-OPTIK global (.prod.card ueberall: Startseite, Suche, PDP-PasstDazu,
   Model-Kits) + SPALTEN-Matrix auf den 9 Premium-Seiten. Suche = 4 Spalten (Container 1272
   >= 1204 gemessen), mobil 2. sale/pre-order/usp-Loader: kein Ziel (Redirect/leer/Loader). */
/* ---- Spalten-Umdeutung (9 Premium-Seiten): cols-4 -> 3, cols-3 -> Gross 2 ---- */
:is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid,:is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.cols-4{grid-template-columns:repeat(3,1fr)}
:is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.cols-3{grid-template-columns:repeat(2,1fr)}
:is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.cols-3 .nm{font-size:17px}
/* ---- Kachel-Optik GLOBAL ---- */
.prod.card{border:1px solid rgba(12,30,42,.10);box-shadow:none}
.prod.card:hover{box-shadow:0 14px 30px rgba(12,30,42,.13);border-color:rgba(12,30,42,.20)}
html[data-theme="midnight"] .prod.card{border-color:rgba(255,255,255,.08)}
.prod.card .badges{top:16px;left:16px}
.prod.card .wish{top:16px;right:16px}
.prod.card .rowend{border-top:1px solid rgba(12,30,42,.10);padding-top:12px;gap:10px}
html[data-theme="midnight"] .prod.card .rowend{border-top-color:rgba(255,255,255,.10)}
.prod.card .price{white-space:nowrap;flex:0 0 auto;position:relative;top:2.5px}
.prod.card .add{width:42px;height:42px;border-radius:50%;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}
.prod.card .add svg{width:21px;height:21px;display:block}
.prod.card .hc-availline.hc-v1-out{color:#c22f2f}
.prod.card .hc-ask-btn{height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;flex:0 0 auto;white-space:nowrap}
.prod.card .pb{min-width:0}
/* ---- LISTE Desktop: per CSS-GRID auf .pb, OHNE DOM-Wrapper (v5 - Mobile-Schicht
   rendert eigene Kacheln und verlaesst sich auf die Original-Struktur!) ---- */
:is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.is-list .prod{flex-direction:row;min-width:0;position:relative}
:is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.is-list .pim{width:200px;flex:0 0 200px;aspect-ratio:1/1;align-self:center;position:static}
:is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.is-list .pb{display:grid;grid-template-columns:minmax(200px,1fr) 254px;column-gap:20px;align-content:center;row-gap:8px}
:is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.is-list .pb>*{grid-column:1;min-width:0}
:is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.is-list .nm{min-height:0}
:is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.is-list .listdesc{display:block}
:is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.is-list .pb>.rowend{grid-column:2;grid-row:1/span 6;margin-top:0;border-top:0;padding-top:0;border-left:1px solid rgba(12,30,42,.10);padding-left:20px;align-self:stretch;display:flex;align-items:center;justify-content:space-between}
html[data-theme="midnight"] :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.is-list .pb>.rowend{border-left-color:rgba(255,255,255,.10)}
/* ---- TABLET/PHONE: Spalten (Premium + Suche) ---- */
@media(max-width:839px){
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid,:is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.cols-4{grid-template-columns:repeat(2,1fr);gap:12px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.cols-3{grid-template-columns:1fr}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.cols-3 .nm{font-size:16px}
  body.hc-search #hcSearchList .grid{grid-template-columns:repeat(2,1fr);gap:12px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.is-list .pim{width:110px;flex:0 0 110px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.is-list .pb{grid-template-columns:1fr;row-gap:8px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.is-list .pb>.rowend{grid-column:1;grid-row:auto;border-left:0;padding-left:0;align-self:auto;border-top:1px solid rgba(12,30,42,.10);padding-top:8px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.is-list .price{font-size:20px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.is-list .add{width:36px;height:36px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .grid.is-list .add svg{width:18px;height:18px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp) .prod.card .hc-ask-btn{height:36px}
}
/* ---- PHONE <=660: kompakte Fusszeile (Variante B) + 12er-Achse — GLOBAL ---- */
@media(max-width:660px){
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp,#hcSearchList) .prod.card .pb{padding:12px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp,#hcSearchList) .prod.card .nm{font-size:12.5px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp,#hcSearchList) .prod.card .rowend{gap:8px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp,#hcSearchList) .prod.card .price{font-size:19px;top:1.5px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp,#hcSearchList) .prod.card .add{width:36px;height:36px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp,#hcSearchList) .prod.card .add svg{width:18px;height:18px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp,#hcSearchList) .prod.card .badges{top:12px;left:12px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp,#hcSearchList) .prod.card .wish{top:12px;right:12px}
  :is(#hc-pk,#hc-op,#hc-gt,#hc-dg,#hc-lc,#hc-swu,#hc-cp,#hc-sgl,#hc-gp,#hcSearchList) .prod.card .hc-ask-btn{height:36px;padding:0 12px;font-size:11px}
}
/* HC-KACHEL-V1 ENDE */


/* ===================== HC-KONTO-FIX (21.07.2026, FD-17 v2 Pakete C/D/E) =====================
   K3 /Passwort-vergessen als Auth-Karte · Konto-Unterseiten (#account) als Hub-Karte ·
   K9 Newsletter-Labels statisch (Scope-Klasse hc-nlfix setzt der JS-Pass). Referenz §5b. */
/* ---- K3: Passwort vergessen ---- */
.account-password-heading{max-width:520px;margin:40px auto 0;padding:0 20px}
.account-password-heading h1{font:800 24px Epilogue,sans-serif;color:#0C1E2A;margin:0 0 4px}
html[data-theme="midnight"] .account-password-heading h1{color:#eaf3f6}
.account-password{max-width:520px;margin:10px auto 56px;padding:0 20px}
.account-password .col{background:#fff;border:1px solid rgba(12,30,42,.10);border-radius:24px;padding:32px}
html[data-theme="midnight"] .account-password .col{background:#101E29;border-color:rgba(255,255,255,.08)}
.account-password .alert{border:0;border-left:3px solid #EF820E;background:rgba(239,130,14,.10);
  border-radius:16px;padding:12px 16px;font-size:13.5px;color:#b35f04;margin-bottom:18px}
.account-password .form-group label,.account-password label{position:static!important;transform:none!important;
  display:block;font:600 13px/1.4 "Space Grotesk",system-ui,sans-serif;color:#5b6b76;margin:0 0 6px;pointer-events:auto}
.account-password input[type=email],.account-password input[type=text]{width:100%;height:48px;border-radius:12px;
  border:1px solid rgba(12,30,42,.14);background:#fff;color:#0C1E2A;padding:0 14px;font-size:15px}
html[data-theme="midnight"] .account-password input[type=email],html[data-theme="midnight"] .account-password input[type=text]{background:#16242f;color:#eaf3f6;border-color:rgba(255,255,255,.14)}
.account-password input:focus{outline:none;border-color:#EF820E;box-shadow:0 0 0 3px rgba(239,130,14,.18)}
.account-password button[type=submit],.account-password .btn-primary{width:100%;height:48px;border-radius:999px;
  border:0;background:#EF820E;color:#fff;font:800 15px Epilogue,sans-serif;cursor:pointer;margin-top:6px}
.account-password button[type=submit]:hover{filter:brightness(1.06)}
/* ---- Konto-Unterseiten: roher #account-Inhalt als Hub-Karte (Uebersicht/Dashboard hat
   KEINEN >.col-Wrapper -> Selektor trifft nur Unterseiten) ---- */
body.hc-acct #account>.col{background:#fff;border:1px solid rgba(12,30,42,.10);border-radius:24px;
  padding:28px 32px;margin:22px auto 48px;max-width:980px}
html[data-theme="midnight"] body.hc-acct #account>.col,html[data-theme="midnight"].theme body.hc-acct #account>.col{background:#101E29;border-color:rgba(255,255,255,.08)}
body.hc-acct #account>.col>h1{font:800 22px Epilogue,sans-serif;color:#0C1E2A;margin:0 0 16px}
html[data-theme="midnight"] body.hc-acct #account>.col>h1{color:#eaf3f6}
body.hc-acct #account table{width:100%;border-collapse:collapse;font-size:13.5px}
body.hc-acct #account table td,body.hc-acct #account table th{padding:12px 10px;border-bottom:1px solid rgba(12,30,42,.08);text-align:left}
body.hc-acct #account .alert{border:0;border-left:3px solid #1a9e6e;background:rgba(26,158,110,.08);
  border-radius:16px;padding:12px 16px;font-size:14px;position:relative;transition:opacity .4s}
body.hc-acct #account .alert .hc-alert-x{position:absolute;right:10px;top:8px;background:none;border:0;cursor:pointer;font-size:16px;opacity:.7}
body.hc-acct #account .btn-primary,body.hc-acct #account button[type=submit]{border-radius:999px;background:#EF820E;border:0;color:#fff;font:800 14px Epilogue,sans-serif;padding:0 24px;height:44px;cursor:pointer}
body.hc-acct #account input[type=text],body.hc-acct #account input[type=email],body.hc-acct #account input[type=password],body.hc-acct #account select{border-radius:12px;border:1px solid rgba(12,30,42,.14);min-height:44px;padding:0 12px}
body.hc-acct #account input:focus,body.hc-acct #account select:focus{outline:none;border-color:#EF820E;box-shadow:0 0 0 3px rgba(239,130,14,.18)}
/* ---- K9 Newsletter (Scope-Klasse via JS): statische Labels statt Floating-Ueberlappung ---- */
body.hc-nlfix main label{position:static!important;transform:none!important;display:block;
  font:600 13px/1.4 "Space Grotesk",system-ui,sans-serif;color:#5b6b76;margin:0 0 6px}
body.hc-nlfix main .form-group{margin-bottom:14px}
body.hc-nlfix main input[type=email],body.hc-nlfix main input[type=text]{height:48px;border-radius:12px;border:1px solid rgba(12,30,42,.14);padding:0 14px;width:100%}
body.hc-nlfix main input:focus{outline:none;border-color:#EF820E;box-shadow:0 0 0 3px rgba(239,130,14,.18)}
/* HC-KONTO-FIX ENDE */

/* ===================== HC-KONTO-FIX2 (21.07.2026, Bestandsaufnahme Befunde 1-5) =====================
   #1 K3 Fieldset+Innen-Boxen · #2 Kundendaten-Fieldsets · #3 Newsletter zentriert+Buttons ·
   #4 Lieferadresse Titel/Labels/Leerzustand · #5 Wunschliste Hub-Karte+Leerzustand.
   Jede Regel per Live-Injektion am 21.07. verifiziert (Screenshots in Session). */
/* -- FIX1-Nebenwirkung: Karten-Optik nie auf verschachtelten Cols (K3 Button-Box) -- */
.account-password .col .col,.account-password fieldset .col{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
/* -- Fieldsets/Legends neutralisieren (Browser-groove-Rahmen), HRs dezent -- */
.account-password fieldset,body.hc-acct #account fieldset{border:0!important;padding:0!important;margin:0!important;min-width:0}
.account-password legend,body.hc-acct #account legend{display:none!important}
.account-password hr{display:none}
body.hc-acct #account hr{border:0;border-top:1px solid rgba(12,30,42,.08);margin:16px 0}
html[data-theme="midnight"] body.hc-acct #account hr{border-top-color:rgba(255,255,255,.08)}
.account-password .form-group.float-label-control:empty{display:none}
/* -- Ueberschriften + Labels im Hub-Stil -- */
body.hc-acct #account h1{font:800 22px Epilogue,sans-serif;color:#0C1E2A;margin:0 0 14px}
html[data-theme="midnight"] body.hc-acct #account h1{color:#eaf3f6}
body.hc-acct #account .h3{font:800 16px Epilogue,sans-serif;color:#0C1E2A}
html[data-theme="midnight"] body.hc-acct #account .h3{color:#eaf3f6}
body.hc-acct #account label{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important}
/* -- #4 Adressen: Formular links, Leerzustand rechts (hc-empty setzt der JS-Pass) -- */
body.hc-acct #account .shipping-address-form-wrapper{padding-right:28px}
body.hc-acct #account .hc-empty{background:rgba(12,30,42,.04);border:1px dashed rgba(12,30,42,.15);border-radius:16px;padding:22px;font:600 14px/1.5 "Space Grotesk",system-ui,sans-serif;color:#5b6b76}
html[data-theme="midnight"] body.hc-acct #account .hc-empty{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.15);color:#9fb3bd}
/* -- #3 Newsletter: zentrierte Spalte + vollbreite Buttons -- */
body.hc-nlfix main .container{max-width:820px}
body.hc-nlfix main .col-lg-8{flex:0 0 100%!important;max-width:100%!important}
body.hc-nlfix .newsletter-subscribe .btn,body.hc-nlfix .newsletter-unsubscribe .btn{width:100%;display:block}
body.hc-nlfix .newsletter-subscribe .row>.col,body.hc-nlfix .newsletter-unsubscribe .row>.col{flex:0 0 100%;max-width:100%;margin-left:0!important}
body.hc-nlfix main .ml-auto-util{margin-left:0!important}
/* -- #5 Wunschliste (body.hc-wl): Hub-Karte + Leerzustand (hc-wl-leer/hc-wl-empty setzt der JS-Pass) -- */
body.hc-wl main .snippets-wishlist{background:#fff;border:1px solid rgba(12,30,42,.10);border-radius:24px;padding:28px 32px;margin-top:22px;margin-bottom:48px;max-width:980px}
html[data-theme="midnight"] body.hc-wl main .snippets-wishlist{background:#101E29;border-color:rgba(255,255,255,.08)}
body.hc-wl .snippets-wishlist h1{font:800 26px Epilogue,sans-serif;color:#0C1E2A;margin:0 0 14px}
html[data-theme="midnight"] body.hc-wl .snippets-wishlist h1{color:#eaf3f6}
body.hc-wl .snippets-wishlist hr{border:0;border-top:1px solid rgba(12,30,42,.08);margin:14px 0}
body.hc-wl .wishlist-dropdown-name .btn{border-radius:999px;height:40px;padding:0 18px;border:1px solid rgba(12,30,42,.18);background:#fff;font:700 13.5px "Space Grotesk",system-ui,sans-serif;color:#0C1E2A}
html[data-theme="midnight"] body.hc-wl .wishlist-dropdown-name .btn{background:#16242f;color:#eaf3f6;border-color:rgba(255,255,255,.18)}
body.hc-wl .wishlist-count{font:700 14px "Space Grotesk",system-ui,sans-serif;color:#5b6b76}
body.hc-wl .wishlist-search-wrapper:empty{display:none}
body.hc-wl.hc-wl-leer .pagination-wrapper{display:none}
body.hc-wl .hc-wl-empty{background:rgba(12,30,42,.03);border:1px dashed rgba(12,30,42,.15);border-radius:18px;padding:44px 24px;text-align:center;margin-top:6px}
html[data-theme="midnight"] body.hc-wl .hc-wl-empty{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.15)}
body.hc-wl .hc-wl-empty p{font:600 15px "Space Grotesk",system-ui,sans-serif;color:#5b6b76;margin:0 0 16px}
body.hc-wl .hc-wl-empty a{display:inline-block;height:44px;line-height:44px;padding:0 26px;border-radius:999px;background:#EF820E;color:#fff;font:800 14px Epilogue,sans-serif;text-decoration:none}
/* HC-KONTO-FIX2 ENDE */

/* ===================== HC-WL-FIX (21.07.2026) — Wunschliste Positionen + Button =====================
   NOVA-Produktbox-Kollaps auf /Wunschliste (.square/img = 0px Hoehe, bekannte Falle wie Suchseite)
   + Leerzustand-Button-Text haengt oben (font-Kurzform resettete line-height) + Sticky-Leiste.
   Per Live-Injektion am 21.07. verifiziert. */
body.hc-wl #wl-items-form .square{position:relative;width:100%;height:0;padding-bottom:100%}
body.hc-wl #wl-items-form .square img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}
body.hc-wl #wl-items-form .productbox{height:auto!important;background:#fff;border:1px solid rgba(12,30,42,.10);border-radius:18px;padding:14px;transition:box-shadow .2s}
html[data-theme="midnight"] body.hc-wl #wl-items-form .productbox{background:#16242f;border-color:rgba(255,255,255,.10)}
body.hc-wl #wl-items-form .productbox:hover{box-shadow:0 10px 28px rgba(12,30,42,.12)}
body.hc-wl .hc-wl-empty a{font:800 14px/44px Epilogue,sans-serif}
body.hc-wl .wishlist-all-to-cart{position:static;margin-top:18px}
/* HC-WL-FIX ENDE */

/* ===================== HC-WL-TILES (21.07.2026) — Wunschzettel Standard-Kachel-Grid =====================
   Spalten: Desktop 3 · unter 992px 2 (Standard mobil, Par.3.4). height:auto schlaegt NOVAs
   Equal-Height-Inline-Hoehe (285px eingefroren -> Inhalt lief unten raus, gleiche Falle wie Suchseite).
   Herz-Button oben rechts = Entfernen-Submit. Per Live-Injektion am 21.07. verifiziert. */
body.hc-wl #wl-items-form .wishlist-item{flex:0 0 33.333%!important;max-width:33.333%!important;padding:10px;height:auto!important}
@media(max-width:991px){body.hc-wl #wl-items-form .wishlist-item{flex:0 0 50%!important;max-width:50%!important}}
@media(max-width:575px){body.hc-wl #wl-items-form .wishlist-item{padding:6px}}
body.hc-wl .hc-wlt{position:relative}
body.hc-wl .hc-wlt .prod.card{display:block;height:auto!important}
body.hc-wl .hc-wlt-x{position:absolute;top:14px;right:14px;z-index:5;width:38px;height:38px;border-radius:999px;border:1px solid rgba(12,30,42,.12);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#EF820E;transition:transform .15s;padding:0}
body.hc-wl .hc-wlt-x:hover{transform:scale(1.08)}
body.hc-wl .hc-wlt-x svg{width:19px;height:19px;fill:#EF820E;stroke:#EF820E}
html[data-theme="midnight"] body.hc-wl .hc-wlt-x{background:#16242f;border-color:rgba(255,255,255,.14)}
body.hc-wl .wishlist-all-to-cart{position:static!important;margin-top:18px}
body.hc-wl #wl-items-form .row.product-list{margin-bottom:8px}
/* HC-WL-TILES ENDE */

/* ===================== HC-WL-TILES2 (21.07.2026) — Wunschzettel-Kacheln Brand-Book-Feinschliff =====================
   Weisses Bildfeld (JPGs mit weissem Grund sassen als Rechteck in beiger Flaeche) · Herz = Outline im
   weissen Kreis (gefuellt nur bei Hover) · Sprach-Badge · Zustandszeile · Fusszeile Preis + Kreis-Warenkorb.
   Ueberschreibt gezielt HC-WL-TILES-v1-Regeln (spaeter in der Kaskade). Per Live-Injektion verifiziert. */
body.hc-wl .hc-wlt .pim{background:#fff!important}
html[data-theme="midnight"] body.hc-wl .hc-wlt .pim{background:#16242f!important}
body.hc-wl .hc-wlt-x svg{fill:none;stroke:#EF820E;stroke-width:2}
body.hc-wl .hc-wlt-x:hover svg{fill:#EF820E}
body.hc-wl .hc-wlt .hc-cathead{display:flex;align-items:center;justify-content:space-between}
body.hc-wl .hc-wlt .lg{display:inline-block;border:1px solid rgba(12,30,42,.18);border-radius:7px;padding:1px 7px;font:700 11px "Space Grotesk",system-ui,sans-serif;color:#5b6b76;text-transform:uppercase}
html[data-theme="midnight"] body.hc-wl .hc-wlt .lg{border-color:rgba(255,255,255,.18);color:#9fb3bd}
body.hc-wl .hc-wlt .listdesc{font:500 14.5px/1.4 "Space Grotesk",system-ui,sans-serif;color:#0C1E2A;margin:6px 0 10px}
html[data-theme="midnight"] body.hc-wl .hc-wlt .listdesc{color:#cfe0e8}
body.hc-wl .hc-wlt .rowend{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(12,30,42,.08);padding-top:12px}
html[data-theme="midnight"] body.hc-wl .hc-wlt .rowend{border-top-color:rgba(255,255,255,.08)}
body.hc-wl .hc-wlt .add{width:44px;height:44px;border-radius:999px;border:0;background:#EF820E;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s;padding:0}
body.hc-wl .hc-wlt .add:hover{transform:scale(1.08)}
body.hc-wl .hc-wlt .add svg{width:20px;height:20px}
/* HC-WL-TILES2 ENDE */

/* ===================== HC-WL-TILES3 (21.07.2026) — Wunschzettel-Kacheln Par.3.4-Feinschliff =====================
   Preis navy 30px + 2,5px-Glyphen-Ausgleich (Epilogue Ascent 24/Descent 7 -> Ziffernblock sass 2,5px zu hoch) ·
   Herz 32px auf 17px-Achse (= gemessene Innen-Achse 16,89 der Padding-Elemente) · Cart 42px/21px/2.1 ·
   Verfuegbarkeitszeile gruen/rot · AUSVERKAUFT-Badge · Anfragen-Pill exakt 42px · Hover-Ebene B fuer Crossfade.
   DOM-vermessen am 21.07.: alle V2-Achsen-Elemente identisch 16,89px, Cart/Sprach-Chip rechts 16,89px. */
body.hc-wl .hc-wlt .pim{position:relative}
body.hc-wl .hc-wlt .hc-wlt-b{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .28s;pointer-events:none}
body.hc-wl .hc-wlt-x{width:32px;height:32px;top:17px;right:17px}
body.hc-wl .hc-wlt-x svg{width:17px;height:17px}
body.hc-wl .hc-wlt .add{width:42px;height:42px}
body.hc-wl .hc-wlt .add svg{width:21px;height:21px;stroke-width:2.1}
body.hc-wl .hc-wlt .price{color:#0C1E2A!important;font:800 30px Epilogue,sans-serif;position:relative;top:2.5px}
html[data-theme="midnight"] body.hc-wl .hc-wlt .price{color:#eaf3f6!important}
body.hc-wl .hc-wlt .pb{padding:16px}
body.hc-wl .hc-wlt .hc-availline{font:600 13px "Space Grotesk",system-ui,sans-serif;margin:0 0 10px;display:flex;align-items:center;gap:6px}
body.hc-wl .hc-wlt .hc-availline .dot{width:8px;height:8px;border-radius:99px;display:inline-block}
body.hc-wl .hc-wlt .hc-availline.ok{color:#1a9e6e}
body.hc-wl .hc-wlt .hc-availline.ok .dot{background:#1a9e6e}
body.hc-wl .hc-wlt .hc-availline.out{color:#c22f2f}
body.hc-wl .hc-wlt .hc-availline.out .dot{background:#c22f2f}
body.hc-wl .hc-wlt .hc-soldout{position:absolute;top:17px;left:17px;z-index:4;background:#c22f2f;color:#fff;font:800 11px Epilogue,sans-serif;letter-spacing:.06em;border-radius:8px;padding:4px 9px;text-transform:uppercase}
body.hc-wl .hc-wlt .hc-ask{height:42px;display:inline-flex;align-items:center;padding:0 16px;border:2px solid #EF820E;border-radius:999px;color:#EF820E;font:800 14px Epilogue,sans-serif;text-decoration:none;background:transparent}
/* HC-WL-TILES3 ENDE */

/* ===================== HC-WL-TILES3b (21.07.2026) — Marcel-Befunde Abnahme: Doppelrahmen + Hover-Unterstrich ===================== */
/* Aeussere .wishlist-item bekam durch globale Karten-Regel selbst Rahmen/weiss -> neutralisieren (Karte ist NUR .prod.card). */
body.hc-wl #wl-items-form .wishlist-item{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
/* Generisches a:hover unterstrich alle Kachel-Texte (ganze Kachel = Link) -> hart aus. */
body.hc-wl .hc-wlt a.prod:hover,body.hc-wl .hc-wlt a.prod:hover *{text-decoration:none!important}
/* HC-WL-TILES3b ENDE */

/* ===================== HC-KONTO-B (21.07.2026) — Paket B: Passwort-aendern-Maske + sr-only ===================== */
/* JTL baut das mittlere PW-Feld als flex-column (Input VOR Label + Staerkebalken) -> Label per order nach oben. */
body.hc-acct #account .form-group.d-flex.flex-column>label{order:-1}
/* .sr-only fehlt shopweit (kein Bootstrap) -> Screenreader-Texte (z.B. "x" in Alerts) wurden sichtbar. Global definieren. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* HC-KONTO-B ENDE */

/* ===================== HC-KONTO-D5 (21.07.2026) — K5 Bestellungen Hub-Optik ===================== */
body.hc-acct #account .account-orders-item{background:#fff;border:1px solid rgba(12,30,42,.10);border-radius:16px;margin-bottom:10px;transition:box-shadow .2s}
html[data-theme="midnight"] body.hc-acct #account .account-orders-item{background:#16242f;border-color:rgba(255,255,255,.10)}
body.hc-acct #account .account-orders-item:hover{box-shadow:0 8px 22px rgba(12,30,42,.10)}
body.hc-acct #account .account-orders-item .card-header{background:transparent;border:0;padding:14px 18px;font:500 14px "Space Grotesk",system-ui,sans-serif;color:#0C1E2A}
html[data-theme="midnight"] body.hc-acct #account .account-orders-item .card-header{color:#eaf3f6}
body.hc-acct #account .account-orders-item .card-header .row{align-items:center}
body.hc-acct #account .hc-ord-chip{display:inline-block;border-radius:999px;padding:4px 12px;font:700 12px "Space Grotesk",system-ui,sans-serif}
body.hc-acct #account .hc-st-work{background:rgba(239,130,14,.14);color:#b35f04}
body.hc-acct #account .hc-st-open{background:rgba(12,30,42,.08);color:#5b6b76}
body.hc-acct #account .hc-st-ship{background:rgba(43,108,176,.12);color:#2b6cb0}
body.hc-acct #account .hc-st-done{background:rgba(26,158,110,.12);color:#1a9e6e}
body.hc-acct #account .hc-st-cancel{background:rgba(194,47,47,.12);color:#c22f2f}
body.hc-acct #account .account-orders-item .fa-eye{color:#EF820E}
body.hc-acct #account .pagination-entries{font:600 13px "Space Grotesk",system-ui,sans-serif;color:#5b6b76;margin:8px 0}
/* HC-KONTO-D5 ENDE */

/* ===================== HC-KONTO-LIVE (21.07.2026) — Dashboard-Widgets: Skeleton statt Leer->Voll-Flip ===================== */
@keyframes hcShimmer{to{background-position:-200% 0}}
#hc-acct.hc-live-wait .ac-order .ord-filled,#hc-acct.hc-live-wait .ac-order .ord-empty{visibility:hidden}
#hc-acct.hc-live-wait .ac-order{position:relative;min-height:230px}
#hc-acct.hc-live-wait .ac-order::after{content:"";position:absolute;left:22px;right:22px;bottom:22px;top:64px;border-radius:16px;background:linear-gradient(90deg,rgba(12,30,42,.04),rgba(12,30,42,.08),rgba(12,30,42,.04));background-size:200% 100%;animation:hcShimmer 1.2s linear infinite}
#hc-acct.hc-live-wait .wl-strip{min-height:120px;border-radius:16px;background:linear-gradient(90deg,rgba(12,30,42,.04),rgba(12,30,42,.08),rgba(12,30,42,.04));background-size:200% 100%;animation:hcShimmer 1.2s linear infinite}
#hc-acct.hc-live-wait .wl-strip>*{visibility:hidden}
html[data-theme="midnight"] #hc-acct.hc-live-wait .ac-order::after,html[data-theme="midnight"] #hc-acct.hc-live-wait .wl-strip{background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.08),rgba(255,255,255,.04));background-size:200% 100%}
/* HC-KONTO-LIVE ENDE */

/* ===================== HC-PASSC (21.07.2026) — Passwort-aendern zentriert (Body-Klasse setzt custom.js) ===================== */
body.hc-pass #account>.col{max-width:560px}
body.hc-pass #account form{width:100%!important;max-width:none!important}
body.hc-pass #account .row>.col-md-7,body.hc-pass #account .row>.col-lg-6{flex:0 0 100%!important;max-width:100%!important}
body.hc-pass #account input[type=password]{width:100%!important;max-width:none!important}
body.hc-pass #account .form-group{width:100%}
body.hc-pass #account .form-group .d-flex{width:100%}
body.hc-pass #account form>.row:last-child{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;margin:6px 0 0}
body.hc-pass #account form>.row:last-child .col{padding:0;flex:0 0 auto;width:auto;max-width:none}
/* HC-PASSC ENDE */

/* ===================== HC-MEINEDATEN (22.07.2026) — T0 Meine Daten: Lieferadresse-Sektion ===================== */
#account .hc-md-divider{border:0;border-top:1px solid rgba(12,30,42,.10);margin:26px 0 20px}
html[data-theme="midnight"] #account .hc-md-divider{border-top-color:rgba(255,255,255,.10)}
#account .hc-md-h2{font:800 18px Epilogue,sans-serif;color:#0C1E2A;margin:0 0 4px}
html[data-theme="midnight"] #account .hc-md-h2{color:#eaf3f6}
#account .hc-md-sub{font:500 13.5px "Space Grotesk",system-ui,sans-serif;color:#5b6b76;margin:0 0 14px}
#account .hc-md-same{display:flex;align-items:flex-start;gap:10px;background:rgba(239,130,14,.07);border:1px solid rgba(239,130,14,.25);border-radius:14px;padding:12px 14px;margin:0 0 16px;cursor:pointer}
#account .hc-md-same input{width:18px;height:18px;margin-top:1px;accent-color:#EF820E}
#account .hc-md-same span{font:600 14px "Space Grotesk",system-ui,sans-serif;color:#0C1E2A}
html[data-theme="midnight"] #account .hc-md-same span{color:#eaf3f6}
#account .hc-md-same small{display:block;font-weight:500;color:#5b6b76;margin-top:2px}
#account #hc-md-ship .form-row{display:flex;flex-wrap:wrap;margin:0 -6px}
#account #hc-md-ship .form-row>[class*=col]{padding:0 6px}
#account #hc-md-ship .hc-md-err{border:0;border-left:3px solid #c22f2f;background:rgba(194,47,47,.08);border-radius:14px;padding:12px 14px;margin:0 0 14px;font:600 13.5px "Space Grotesk",system-ui,sans-serif;color:#c22f2f}
/* HC-MEINEDATEN ENDE */

/* ===================== HC-MEINEDATEN2 (22.07.2026) — Design-Feinschliff Adressliste (Marcel-Abnahme) =====================
   NOVA-Tabelle -> Adress-Karten: thead (beiger Geisterstreifen) aus, TR = weisse Karte r16, Aktionen als Brand-Buttons
   (Als-Standard = Orange-Outline-Pill 34px, Stift = Neutral-Kreis, Loeschen = Rot-Outline-Kreis statt NOVA-Pink).
   Per Live-Injektion verifiziert (Buttons 171/34/34, Karten sauber). */
#hc-md-ship #lieferadressen-liste{display:block;width:100%;border:0}
#hc-md-ship #lieferadressen-liste thead{display:none}
#hc-md-ship #lieferadressen-liste tbody{display:block}
#hc-md-ship #lieferadressen-liste tbody tr{display:block;position:relative;background:#fff;border:1px solid rgba(12,30,42,.12);border-radius:16px;padding:16px 18px;margin:0 0 12px;transition:box-shadow .2s}
html[data-theme="midnight"] #hc-md-ship #lieferadressen-liste tbody tr{background:#16242f;border-color:rgba(255,255,255,.12)}
#hc-md-ship #lieferadressen-liste tbody tr:hover{box-shadow:0 8px 22px rgba(12,30,42,.08)}
#hc-md-ship #lieferadressen-liste td{display:block;border:0;padding:0;text-align:left}
#hc-md-ship #lieferadressen-liste td:first-child{font:500 14px/1.6 "Space Grotesk",system-ui,sans-serif;color:#0C1E2A}
html[data-theme="midnight"] #hc-md-ship #lieferadressen-liste td:first-child{color:#eaf3f6}
#hc-md-ship #lieferadressen-liste td:first-child strong{font:800 15px Epilogue,sans-serif;display:block;margin-bottom:2px}
#hc-md-ship #lieferadressen-liste td.text-right{margin-top:12px}
#hc-md-ship #lieferadressen-liste .btn-group{display:flex;gap:8px;align-items:center}
#hc-md-ship #lieferadressen-liste .btn-group .btn{float:none}
#hc-md-ship #lieferadressen-liste .btn-outline-secondary{height:34px;padding:0 14px;border-radius:999px;border:1.5px solid #EF820E;color:#EF820E;background:transparent;font:700 12.5px "Space Grotesk",system-ui,sans-serif}
#hc-md-ship #lieferadressen-liste .btn-outline-secondary:hover{background:rgba(239,130,14,.10)}
#hc-md-ship #lieferadressen-liste .btn-secondary{min-width:34px!important;flex:0 0 34px;width:34px;height:34px;padding:0;border-radius:999px;border:1.5px solid rgba(12,30,42,.25);background:#fff;color:#0C1E2A;display:inline-flex;align-items:center;justify-content:center}
#hc-md-ship #lieferadressen-liste .btn-danger{min-width:34px!important;flex:0 0 34px;width:34px;height:34px;padding:0;border-radius:999px;border:1.5px solid #c22f2f;background:transparent;color:#c22f2f;display:inline-flex;align-items:center;justify-content:center}
#hc-md-ship #lieferadressen-liste .btn-danger:hover{background:rgba(194,47,47,.10)}
#hc-md-ship #lieferadressen-liste td:last-child{display:none}
#hc-md-ship .btn-show-more{padding:0;border:0;background:none;color:#EF820E;font:700 12.5px "Space Grotesk",system-ui,sans-serif}
#hc-md-ship .hc-md-listh{font:800 14px Epilogue,sans-serif;color:#0C1E2A;margin:0 0 10px}
html[data-theme="midnight"] #hc-md-ship .hc-md-listh{color:#eaf3f6}
#hc-md-ship .shipping-addresses-wrapper{background:transparent!important}
/* HC-MEINEDATEN2 ENDE */

/* HC-MEINEDATEN2b (22.07.2026): Karten sind schmal -> Als-Standard-Pill volle Breite, Icon-Buttons darunter rechtsbuendig (DOM-bewiesen: alle Buttons in der Karte). */
#hc-md-ship #lieferadressen-liste .btn-group{flex-wrap:wrap;justify-content:flex-end}
#hc-md-ship #lieferadressen-liste .btn-outline-secondary{flex:1 1 100%;display:inline-flex;align-items:center;justify-content:center}

/* ===================== HC-MEINEDATEN3 (22.07.2026) — Adress-Karten UI-Politur (CSS) =====================
   Wrapper war col-md-6 IM col-md-6 (Karten nur 191px -> Kollisionen). Volle Spaltenbreite + saubere Aktionszeile. */
#hc-md-ship .shipping-addresses-wrapper{flex:0 0 100%!important;max-width:100%!important;width:100%!important;padding:0!important}
#hc-md-ship #lieferadressen-liste tbody tr{padding:18px 20px}
#hc-md-ship #lieferadressen-liste td:first-child strong{font:800 15px Epilogue,sans-serif;display:block;margin:0 0 8px}
#hc-md-ship #lieferadressen-liste td:first-child>br{display:none}
#hc-md-ship .hc-addr-lines{font:500 14px/1.55 "Space Grotesk",system-ui,sans-serif;color:#0C1E2A;margin:0 0 4px}
html[data-theme="midnight"] #hc-md-ship .hc-addr-lines{color:#eaf3f6}
#hc-md-ship .btn-show-more{display:block;margin:2px 0 12px;text-align:left}
#hc-md-ship #lieferadressen-liste td.text-right{margin-top:0}
#hc-md-ship #lieferadressen-liste .btn-group{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(12,30,42,.08);padding-top:12px}
html[data-theme="midnight"] #hc-md-ship #lieferadressen-liste .btn-group{border-top-color:rgba(255,255,255,.08)}
#hc-md-ship #lieferadressen-liste .btn-outline-secondary{flex:0 0 auto;width:auto}
#hc-md-ship .hc-md-icons{display:flex;gap:8px}
#hc-md-ship .hc-md-listh{margin:0 0 12px}
/* HC-MEINEDATEN3 ENDE */

/* ===================== HC-CHECKOUT-ADDR (22.07.2026) — Checkout Schritt 1: Lieferadress-Auswahl als Karten =====================
   Marcel-Befund: NOVA-Tabelle #shipping-address-templates roh (beiger thead-Streifen, Radio im Leerraum, Stift unstyled).
   Karten-Layout analog Meine-Daten; gewaehlte Adresse = oranger Rahmen (:has). Per Live-Injektion bewiesen. */
#checkout #select-shipping-address{background:transparent!important}
#checkout #shipping-address-templates{display:block;width:100%;border:0}
#checkout #shipping-address-templates thead{display:none}
#checkout #shipping-address-templates tbody{display:block}
#checkout #shipping-address-templates tbody tr{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid rgba(12,30,42,.12);border-radius:16px;padding:14px 18px;margin:0 0 10px;transition:border-color .15s,box-shadow .15s}
html[data-theme="midnight"] #checkout #shipping-address-templates tbody tr{background:#16242f;border-color:rgba(255,255,255,.12)}
#checkout #shipping-address-templates tbody tr:has(input:checked){border-color:#EF820E;box-shadow:0 0 0 3px rgba(239,130,14,.15)}
#checkout #shipping-address-templates td{display:block;border:0;padding:0;background:transparent}
#checkout #shipping-address-templates td:first-child{flex:0 0 auto}
#checkout #shipping-address-templates td:first-child label{margin:0;padding:0}
#checkout #shipping-address-templates td:nth-child(2){flex:1 1 auto}
#checkout #shipping-address-templates .dt-address{font:500 14px/1.55 "Space Grotesk",system-ui,sans-serif;color:#0C1E2A}
html[data-theme="midnight"] #checkout #shipping-address-templates .dt-address{color:#eaf3f6}
#checkout #shipping-address-templates .dt-address strong{font:800 15px Epilogue,sans-serif}
#checkout #shipping-address-templates .btn-show-more{padding:0;border:0;background:none;color:#EF820E;font:700 12.5px "Space Grotesk",system-ui,sans-serif}
#checkout #shipping-address-templates td.text-right-util{flex:0 0 auto}
#checkout #shipping-address-templates .btn-outline-primary{width:34px;height:34px;padding:0;border-radius:999px;border:1.5px solid rgba(12,30,42,.25);color:#0C1E2A;background:#fff;display:inline-flex;align-items:center;justify-content:center}
#checkout #shipping-address-templates td:last-child{display:none}
#checkout .new-shipping-address{border:1px solid rgba(12,30,42,.12);border-radius:16px;padding:6px 18px;background:#fff}
html[data-theme="midnight"] #checkout .new-shipping-address{background:#16242f;border-color:rgba(255,255,255,.12)}
/* HC-CHECKOUT-ADDR ENDE */

/* ===================== HC-CHECKOUT-FEIN (22.07.2026) — FD-19: Stepper + Karten Schritt 1-3 + AGB-Gate-Optik =====================
   Marcel-Vorgaben: oranger Quer-Strich im Stepper RAUS (Pill = Zustandsanzeige) · weisse Pfeilspitze des aktiven
   Tabs eingefaerbt (eigener ::after-Pfeil traegt die Step-Hintergrundfarbe) · groove-Fieldsets (Schritt 1+2)
   als weisse Karten · Warenkorb-Block mit Titel · Doppel-Checkbox-Gate-Optik. Alle 3 Schritte per Injektion bewiesen. */
#checkout .checkout-steps .step{box-shadow:none!important}
#checkout .checkout-steps .step.step-current{background:#FDF0E2}
#checkout .checkout-steps .step.step-current::after{border-left-color:#FDF0E2!important}
#checkout .checkout-steps .step a,#checkout .checkout-steps .step .step-content{border-bottom:0!important;box-shadow:none!important}
#checkout .checkout-steps{border-bottom:0!important}
#checkout fieldset{border:1px solid rgba(12,30,42,.12)!important;border-style:solid!important;border-radius:16px;padding:18px 20px;background:#fff;min-width:0;margin:0 0 16px}
html[data-theme="midnight"] #checkout fieldset{background:#16242f;border-color:rgba(255,255,255,.12)!important}
#checkout fieldset legend{display:none!important}
#checkout fieldset h1{font:800 20px Epilogue,sans-serif;margin:0 0 12px}
#checkout fieldset h2,#checkout fieldset .h2{font:800 18px Epilogue,sans-serif;color:#0C1E2A;margin:0 0 12px}
html[data-theme="midnight"] #checkout fieldset h2,html[data-theme="midnight"] #checkout fieldset .h2{color:#eaf3f6}
#checkout input[type=radio]{accent-color:#EF820E;width:17px;height:17px}
#checkout fieldset hr{border:0;border-top:1px solid rgba(12,30,42,.08)}
#checkout .card{border:1px solid rgba(12,30,42,.12);border-radius:16px;overflow:hidden;margin-bottom:16px;background:#fff}
html[data-theme="midnight"] #checkout .card{background:#16242f;border-color:rgba(255,255,255,.12)}
#checkout .card .card-header{background:#FBF6EC;border:0;padding:12px 18px;font:800 15px Epilogue,sans-serif;color:#0C1E2A;display:flex;align-items:center;justify-content:space-between}
html[data-theme="midnight"] #checkout .card .card-header{background:#1c2c39;color:#eaf3f6}
#checkout .hc-agb{margin:22px 0 14px;display:flex;flex-direction:column;gap:10px}
#checkout .hc-agb label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font:500 14.5px "Space Grotesk",system-ui,sans-serif;color:#0C1E2A}
html[data-theme="midnight"] #checkout .hc-agb label{color:#eaf3f6}
#checkout .hc-agb input{width:18px;height:18px;margin-top:1px;accent-color:#EF820E;flex:0 0 auto}
#checkout #complete-order-button[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}
/* 22.07. Nachschliff (live bewiesen): NOVA-Fortschritts-Unterstrich (.step-content::after, 2px gelb) = der
   orange Quer-Strich -> weg; grauer 2px-Step-Border weg; Erledigt-Haken (FA .step-check) wurde von der
   Pfeilspitze des Folgeschritts (30px Overlap) halb verdeckt -> 30px nach links + Markenorange. */
#checkout .checkout-steps .step .step-content::after{display:none!important}
#checkout .checkout-steps .step{border-bottom:0!important}
#checkout .checkout-steps .step-check{position:relative;z-index:3;transform:translateX(-30px);color:#EF820E!important}
/* HC-CHECKOUT-FEIN ENDE */

/* ===================== HC-POLISH-2307 (23.07.2026) — FD-23..FD-27: Warenkorb + Checkout + Konto + Darkmode =====================
   Alle Regeln vor Deploy live per Injektion bewiesen (Gate 14). Marcel-Befunde 23.07.:
   Warenkorb kompakt + Versandrechner-Brand · Stepper-Farben beide Themes (Pfeile einheitlich, Badges, Brand-Schriftfarben)
   · Darkmode Checkout/Newsletter (label-slide-Chips, Autofill, tt-hint-Typeahead, hc-ship-Balkentexte)
   · Zusammenfassung ohne Streu-Striche · Zurück-/Outline-Buttons immer sichtbar · Meine Daten: Adress-Tabelle als
   Karten + Standard-Lieferadresse-Badge. */

/* ---------- FD-23 Warenkorb ---------- */
body.hc-cart .basket-heading{font:800 26px/1.2 Epilogue,sans-serif;color:#0C1E2A;margin:0 0 16px}
body.hc-cart .basket-items{background:#fff;border:1px solid rgba(12,30,42,.12);border-radius:16px;padding:4px 20px 10px;box-shadow:0 10px 30px -24px rgba(12,30,42,.25)}
body.hc-cart .cart-items-header{font:600 11px/1 "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.07em;color:rgba(12,30,42,.45);border-bottom:1px solid rgba(12,30,42,.08);padding:12px 0 10px}
body.hc-cart .cart-items-body{padding:16px 0;border-bottom:1px solid rgba(12,30,42,.08)}
body.hc-cart .cart-items-body:last-child{border-bottom:0}
body.hc-cart .cart-items-image img{max-width:76px;max-height:92px;object-fit:contain}
body.hc-cart a.cart-items-name{font:700 15px/1.4 "Space Grotesk",sans-serif;color:#0C1E2A;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none}
body.hc-cart a.cart-items-name:hover{color:#EF820E}
body.hc-cart .cart-items-price-text{font:600 10.5px/1 "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.07em;color:rgba(12,30,42,.45);display:block;margin-bottom:4px}
body.hc-cart .price_overall{font:800 16px Epilogue,sans-serif;color:#0C1E2A}
body.hc-cart .choose_quantity .form-control.quantity{height:40px;border-color:rgba(12,30,42,.18);font:600 14px "Space Grotesk",sans-serif}
body.hc-cart .choose_quantity .btn{height:40px;border-color:rgba(12,30,42,.18)}
body.hc-cart .cart-items-body.type-2{padding:10px 0;font:500 13px "Space Grotesk",sans-serif;color:rgba(12,30,42,.6)}
body.hc-cart .cart-items-body.type-2 .price_overall{font:700 14px Epilogue,sans-serif;color:rgba(12,30,42,.75)}
body.hc-cart .cart-items-body.type-2 .cart-items-price-text{margin-bottom:2px}
body.hc-cart .shipping-calculator-main{background:#fff;border:1px solid rgba(12,30,42,.12);border-radius:16px;padding:18px 20px;margin-top:18px;box-shadow:0 10px 30px -24px rgba(12,30,42,.25)}
body.hc-cart .shipping-calculator-main-heading{font:800 16px/1.3 Epilogue,sans-serif;color:#0C1E2A;margin:0 0 14px}
body.hc-cart .shipping-calculator-form select#country,body.hc-cart .shipping-calculator-form input#plz{height:44px;border:1px solid rgba(12,30,42,.18);border-radius:10px;background:#fff;font:500 14px "Space Grotesk",sans-serif;color:#0C1E2A}
body.hc-cart .shipping-calculator-form button[name=versandrechnerBTN]{background:#EF820E;border:0;color:#fff;font:700 14px "Space Grotesk",sans-serif;border-radius:999px;height:44px;padding:0 24px;width:auto;transition:background .15s}
body.hc-cart .shipping-calculator-form button[name=versandrechnerBTN]:hover{background:#d97207;color:#fff}
html[data-theme="midnight"] body.hc-cart .basket-items,html[data-theme="midnight"] body.hc-cart .shipping-calculator-main{background:#16242f;border-color:rgba(255,255,255,.12)}
html[data-theme="midnight"] body.hc-cart .basket-heading,html[data-theme="midnight"] body.hc-cart a.cart-items-name,html[data-theme="midnight"] body.hc-cart .price_overall,html[data-theme="midnight"] body.hc-cart .shipping-calculator-main-heading{color:#eaf3f6}
html[data-theme="midnight"] body.hc-cart .cart-items-body,html[data-theme="midnight"] body.hc-cart .cart-items-header{border-color:rgba(255,255,255,.1)}
html[data-theme="midnight"] body.hc-cart .shipping-calculator-form select#country,html[data-theme="midnight"] body.hc-cart .shipping-calculator-form input#plz{background:#0f1d28;border-color:rgba(255,255,255,.16);color:#eaf3f6}
html[data-theme="midnight"] body.hc-cart .cart-items-body.type-2,html[data-theme="midnight"] body.hc-cart .cart-items-body.type-2 .price_overall{color:rgba(234,243,246,.7)}

/* Meta-Zeile Warenkorb + Checkout-Zusammenfassung (Attribut-Turm -> eine Zeile) */
body.hc-cart .cart-items-body ul.list-unstyled,#checkout .checkout-items-item ul.list-unstyled{margin:8px 0 0;font:500 12.5px/1.6 "Space Grotesk",sans-serif;color:rgba(12,30,42,.55)}
body.hc-cart .cart-items-body li.shortdescription,body.hc-cart .cart-items-body li.manufacturer,#checkout .checkout-items-item li.shortdescription,#checkout .checkout-items-item li.manufacturer{display:none}
body.hc-cart .cart-items-body li.sku,body.hc-cart .cart-items-body li.characteristic,#checkout .checkout-items-item li.sku,#checkout .checkout-items-item li.characteristic{display:inline}
body.hc-cart .cart-items-body li.characteristic::before,#checkout .checkout-items-item li.characteristic::before{content:"\00a0\00b7\00a0"}
html[data-theme="midnight"] body.hc-cart .cart-items-body ul.list-unstyled,html[data-theme="midnight"] #checkout .checkout-items-item ul.list-unstyled{color:rgba(234,243,246,.55)}

/* ---------- FD-24 Stepper hell ---------- */
#checkout .checkout-steps .step{background:#fff;border-bottom:0!important;box-shadow:none!important}
#checkout .checkout-steps .step::before{border-left-color:#E6EAED!important}
#checkout .checkout-steps .step::after{border-left-color:#fff!important}
#checkout .checkout-steps .step.step-current{background:#FDF0E2}
#checkout .checkout-steps .step.step-current::after{border-left-color:#FDF0E2!important}
#checkout .checkout-steps .step .badge{background:#E7ECEF!important;color:rgba(12,30,42,.55)!important}
#checkout .checkout-steps .step.step-active .badge{background:#EF820E!important;color:#fff!important}
#checkout .checkout-steps .step .step-text{color:rgba(12,30,42,.45)}
#checkout .checkout-steps .step.step-active .step-text{color:#0C1E2A}
#checkout .checkout-steps .step.step-current .step-text{color:#EF820E}

/* ---------- FD-24 Stepper dunkel ---------- */
html[data-theme="midnight"] #checkout .checkout-steps .step{background:#16242f}
html[data-theme="midnight"] #checkout .checkout-steps .step::before{border-left-color:#0E1A24!important}
html[data-theme="midnight"] #checkout .checkout-steps .step::after{border-left-color:#16242f!important}
html[data-theme="midnight"] #checkout .checkout-steps .step.step-current{background:#3A3226}
html[data-theme="midnight"] #checkout .checkout-steps .step.step-current::after{border-left-color:#3A3226!important}
html[data-theme="midnight"] #checkout .checkout-steps .step .badge{background:#223240!important;color:#9FB0BA!important}
html[data-theme="midnight"] #checkout .checkout-steps .step.step-active .badge{background:#EF820E!important;color:#fff!important}
html[data-theme="midnight"] #checkout .checkout-steps .step .step-text{color:rgba(234,243,246,.45)}
html[data-theme="midnight"] #checkout .checkout-steps .step.step-active .step-text{color:#eaf3f6}
html[data-theme="midnight"] #checkout .checkout-steps .step.step-current .step-text{color:#FFA640}

/* ---------- Darkmode Formulare global (Checkout, Newsletter, Konto, alle label-slide-Systemseiten) ---------- */
html[data-theme="midnight"] .label-slide label{background:#16242f!important;color:rgba(234,243,246,.65)!important;border-radius:4px}
html[data-theme="midnight"] .label-slide .form-control{background:#0f1d28;border-color:rgba(255,255,255,.16);color:#eaf3f6}
html[data-theme="midnight"] #checkout fieldset label:not(.custom-control-label){color:rgba(234,243,246,.6)}
html[data-theme="midnight"] #checkout .custom-control-label,html[data-theme="midnight"] #checkout form label{color:#eaf3f6}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#0C1E2A!important;caret-color:#0C1E2A!important;transition:background-color 99999s}
html[data-theme="midnight"] input:-webkit-autofill,html[data-theme="midnight"] input:-webkit-autofill:hover,html[data-theme="midnight"] input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #0f1d28 inset!important;-webkit-text-fill-color:#eaf3f6!important;caret-color:#eaf3f6!important}
.tt-hint{background:#fff!important;color:rgba(12,30,42,.35)!important;border-color:transparent!important}
html[data-theme="midnight"] .tt-hint{background:#0f1d28!important;color:rgba(234,243,246,.35)!important}
html[data-theme="midnight"] .tt-menu{background:#16242f!important;border:1px solid rgba(255,255,255,.12)!important;color:#eaf3f6!important;border-radius:12px}
html[data-theme="midnight"] .tt-menu *{color:#eaf3f6}

/* ---------- Darkmode Gratis-Versand-Balken (hc-conv) ---------- */
html[data-theme="midnight"] .hc-conv .hc-ship,html[data-theme="midnight"] .hc-conv .hc-ship *{color:#cfdbe2}
html[data-theme="midnight"] .hc-conv .hc-ship b,html[data-theme="midnight"] .hc-conv .hc-ship strong{color:#eaf3f6}

/* ---------- FD-24 Checkout Adress-Auswahl ---------- */
#checkout .select-shipping-address hr{display:none!important}
#checkout .select-shipping-address .card{border-radius:16px!important;overflow:visible}
html[data-theme="midnight"] #checkout .select-shipping-address .card{background:#16242f;border-color:rgba(255,255,255,.12)}
html[data-theme="midnight"] #checkout .select-shipping-address .card,html[data-theme="midnight"] #checkout .select-shipping-address .card *{color:#eaf3f6}
html[data-theme="midnight"] #checkout .select-shipping-address .card .text-muted{color:rgba(234,243,246,.6)!important}
html[data-theme="midnight"] #checkout .select-shipping-address .btn-outline-primary{background:#223240!important;color:#FFA640!important;border-color:transparent!important}
html[data-theme="midnight"] #checkout .select-shipping-address .btn-outline-primary .fas{color:#FFA640!important}
#checkout .new-shipping-address{display:flex;align-items:center;min-height:54px;padding:6px 18px}
#checkout .new-shipping-address label.btn-block{display:flex;align-items:center;margin:0;width:100%;font:700 14.5px/1 "Space Grotesk",sans-serif}
#checkout .new-shipping-address .custom-control{display:flex;align-items:center}
html[data-theme="midnight"] #checkout .new-shipping-address{background:#16242f;border-color:rgba(255,255,255,.12);color:#eaf3f6}
#checkout input[type=checkbox]{accent-color:#EF820E;width:17px;height:17px}

/* ---------- FD-25 Zusammenfassung ---------- */
#checkout .checkout-confirmation-pre-form-hr,#checkout form#complete_order hr{display:none!important}
#checkout .checkout-items-item{border-top:1px solid rgba(12,30,42,.08);padding-top:12px;margin-top:12px}
#checkout .checkout-items-total-total{border-top:2px solid rgba(12,30,42,.15);padding-top:12px;margin-top:8px}
html[data-theme="midnight"] #checkout .checkout-items-item{border-top-color:rgba(255,255,255,.1)}
html[data-theme="midnight"] #checkout .checkout-items-total-total{border-top-color:rgba(255,255,255,.18)}
#checkout .card .card-header .btn-link{background:transparent!important;color:#EF820E!important;font:700 13.5px "Space Grotesk",sans-serif}
html[data-theme="midnight"] #checkout .card .card-header .btn-link{color:#FFA640!important}

/* ---------- FD-26 Zurück-/Outline-Buttons immer sichtbar (Konto + Checkout) ---------- */
#account .btn-outline-primary:not(.btn-sm),#checkout .btn-outline-primary:not(.btn-sm){border:1.5px solid #EF820E!important;color:#EF820E!important;background:transparent!important;border-radius:999px!important;font:700 14px "Space Grotesk",sans-serif!important;padding:10px 26px!important;width:auto!important;display:inline-block!important;text-decoration:none!important;line-height:1.2!important}
#account .btn-outline-primary:not(.btn-sm):hover,#checkout .btn-outline-primary:not(.btn-sm):hover{background:#EF820E!important;color:#fff!important}
html[data-theme="midnight"] #account .btn-outline-primary:not(.btn-sm),html[data-theme="midnight"] #checkout .btn-outline-primary:not(.btn-sm){border-color:#FFA640!important;color:#FFA640!important}
html[data-theme="midnight"] #account .btn-outline-primary:not(.btn-sm):hover,html[data-theme="midnight"] #checkout .btn-outline-primary:not(.btn-sm):hover{background:#EF820E!important;border-color:#EF820E!important;color:#fff!important}

/* ---------- FD-27 Meine Daten: Gespeicherte Adressen als Karten + Standard-Badge ---------- */
#account table.shipping-address-standard-active{display:block;background:transparent!important;border:0!important;width:100%}
#account table.shipping-address-standard-active thead{display:none}
#account table.shipping-address-standard-active tbody{display:block}
#account table.shipping-address-standard-active tbody tr{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid rgba(12,30,42,.12);border-radius:14px;padding:14px 16px;margin:0 0 10px}
#account table.shipping-address-standard-active tbody td{display:block;border:0!important;padding:0!important;background:transparent!important}
#account table.shipping-address-standard-active tbody td.text-right{margin-left:auto}
#account table.shipping-address-standard-active tbody td:last-child{display:none}
html[data-theme="midnight"] #account table.shipping-address-standard-active tbody tr{background:#16242f;border-color:rgba(255,255,255,.12)}
html[data-theme="midnight"] #account table.shipping-address-standard-active tbody tr,html[data-theme="midnight"] #account table.shipping-address-standard-active tbody tr strong{color:#eaf3f6}
#account .hc-std-badge{display:inline-block;background:#FDF0E2;color:#B65E00;font:700 10.5px/1 "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:5px 10px;margin-left:8px;vertical-align:2px}
html[data-theme="midnight"] #account .hc-std-badge{background:#3A3226;color:#FFA640}
/* HC-POLISH-2307 ENDE */

/* HC-POLISH-2307b (23.07., Abnahme-Nachschliff): groove-Fieldset im Versandrechner; Warenkorb-Caps-Labels
   im Dark lesbar; Dark-Formularfelder hart (Typeahead setzt Inline-BG -> !important noetig). */
body.hc-cart .shipping-calculator-form fieldset{border:0!important;padding:0!important;margin:0!important}
html[data-theme="midnight"] body.hc-cart .cart-items-header,html[data-theme="midnight"] body.hc-cart .cart-items-price-text{color:rgba(234,243,246,.4)}
html[data-theme="midnight"] .label-slide .form-control{background:#0f1d28!important;border:1px solid rgba(255,255,255,.16)!important;color:#eaf3f6!important}
html[data-theme="midnight"] .twitter-typeahead .tt-input{background:#0f1d28!important;color:#eaf3f6!important}
/* HC-POLISH-2307b ENDE */

/* HC-POLISH-2307c (23.07., FD-28 + Nachzuegler): btn-outline-primary GLOBAL sichtbar (Root-Bug shopweit:
   0px-Border); Wunschliste Toolbar/Pagination/Zurueck; Newsletter-Pflichtstern (label::after hatte weissen
   Eigen-BG); Meine-Daten-Kacheln Ecken + Standard-Badge oben rechts. Alles live bewiesen. */
.btn-outline-primary{border:1.5px solid #EF820E!important;color:#EF820E!important;background:transparent!important;border-radius:999px!important;text-decoration:none!important}
.btn-outline-primary:not(.btn-sm){font:700 14px "Space Grotesk",sans-serif!important;padding:10px 26px!important;width:auto!important;display:inline-block!important;line-height:1.2!important}
.btn-outline-primary:hover{background:#EF820E!important;color:#fff!important}
.input-group-append .btn-outline-primary{border-radius:0 999px 999px 0!important}
html[data-theme="midnight"] .btn-outline-primary{border-color:#FFA640!important;color:#FFA640!important}
html[data-theme="midnight"] .btn-outline-primary:hover{background:#EF820E!important;border-color:#EF820E!important;color:#fff!important}
body.hc-wl .wishlist-actions{align-items:center}
body.hc-wl .wishlist-actions .col-auto:first-child{order:9;margin-left:auto}
body.hc-wl .snippets-wishlist hr{border-top:1px solid rgba(12,30,42,.08);margin:14px 0}
html[data-theme="midnight"] body.hc-wl .snippets-wishlist hr{border-top-color:rgba(255,255,255,.1)}
body.hc-wl .pagination-wrapper{align-items:center;margin:2px 0 12px}
body.hc-wl .pagination-entries{font:500 13px "Space Grotesk",sans-serif;color:rgba(12,30,42,.55)}
html[data-theme="midnight"] body.hc-wl .pagination-entries{color:rgba(234,243,246,.55)}
body.hc-wl select#pagi_nItemsPerPage{height:40px;border-radius:10px;width:auto;padding:0 12px;border:1px solid rgba(12,30,42,.18);font:500 14px "Space Grotesk",sans-serif}
html[data-theme="midnight"] body.hc-wl select#pagi_nItemsPerPage{background:#0f1d28;border-color:rgba(255,255,255,.16);color:#eaf3f6}
body.hc-wl .hc-proseite{font:500 13px "Space Grotesk",sans-serif;color:rgba(12,30,42,.55);margin:0 0 0 8px}
html[data-theme="midnight"] body.hc-wl .hc-proseite{color:rgba(234,243,246,.55)}
body.hc-wl .hc-wl-back,.hc-nl-back{margin:20px 0 6px}
html[data-theme="midnight"] .label-slide label::after{background:#16242f!important}
#account table.shipping-address-standard-active{border-collapse:separate!important;border-spacing:0!important}
#account table.shipping-address-standard-active tbody tr{position:relative;overflow:hidden;padding-right:150px}
#account .hc-std-badge{position:absolute;top:14px;right:14px;margin:0}
/* HC-POLISH-2307c ENDE */

/* HC-POLISH-2307d (23.07., FD-29): Warenkorb-Bestelluebersicht - Coupon-Hinweis weg (Coupon erst im
   Bestellprozess), Kosten-Aufschluesselung Warenkorbwert/Versand/Gesamtsumme + Par.19-UStG-Fussnote. Bewiesen. */
body.hc-cart .hc-sumrow{display:flex;justify-content:space-between;align-items:baseline;font:500 14px "Space Grotesk",sans-serif;color:rgba(12,30,42,.75);margin:0 0 8px}
body.hc-cart .hc-sumrow b{font:700 14.5px Epilogue,sans-serif;color:#0C1E2A}
html[data-theme="midnight"] body.hc-cart .hc-sumrow{color:rgba(234,243,246,.7)}
html[data-theme="midnight"] body.hc-cart .hc-sumrow b{color:#eaf3f6}
body.hc-cart .hc-s19{font:500 11.5px/1.5 "Space Grotesk",sans-serif;color:rgba(12,30,42,.5);margin:10px 0 0}
html[data-theme="midnight"] body.hc-cart .hc-s19{color:rgba(234,243,246,.5)}
body.hc-cart .basket-summary-total{border-top:1px solid rgba(12,30,42,.12);padding-top:10px;margin-top:4px}
html[data-theme="midnight"] body.hc-cart .basket-summary-total{border-top-color:rgba(255,255,255,.14)}
/* HC-POLISH-2307d ENDE */

/* HC-POLISH-2307d-FD31: Schritt 2 Versand-/Zahlungsart auf volle Inhaltsbreite (col-lg-9 -> 100%, wie Schritt 1). Bewiesen: 1218px = H1-Breite. */
#checkout .col:has(> form.checkout-shipping-form){flex:0 0 100%;max-width:100%}

/* HC-POLISH-2307d-FD33: Stepper-Container-Kasten weg (nav.checkout-steps hatte fest #F5F7FA -> im Dark extrem sichtbar). Bewiesen. */
#checkout .checkout-steps{background:transparent!important}

/* HC-POLISH-2307d-FD34: hc-conv (Balken/USP/Reassure) sitzt jetzt IM Bootstrap-Container -> gleiche Kanten
   wie Stepper/H1 ueber den ganzen Prozess (bewiesen: alle links=41px). FreeShip-Code-UI (Marcel 23.07.):
   Kunde schaltet Kupon-Code frei statt Auto-Gratis-Versand. */
.container>.hc-conv{max-width:none;padding-left:0;padding-right:0}
.hc-ship .hc-code-btn{margin-left:10px;border:1.5px solid #EF820E;color:#EF820E;background:transparent;border-radius:999px;font:700 12.5px "Space Grotesk",sans-serif;padding:6px 14px;cursor:pointer}
.hc-ship .hc-code-btn:hover{background:#EF820E;color:#fff}
.hc-ship .hc-code-chip{margin-left:10px;border:1.5px dashed #EF820E;color:#EF820E;background:rgba(239,130,14,.08);border-radius:10px;font:700 13px "JetBrains Mono",Consolas,monospace;padding:6px 12px;cursor:pointer}
html[data-theme="midnight"] .hc-ship .hc-code-btn{border-color:#FFA640;color:#FFA640}
html[data-theme="midnight"] .hc-ship .hc-code-chip{border-color:#FFA640;color:#FFA640;background:rgba(255,166,64,.1)}
/* HC-POLISH-2307d-FD34 ENDE */

/* HC-POLISH-2307e (23.07., FD-32-Rest): Kupon-System live (FreeShip/FreeShipGoody in JTL angelegt, Panel
   rendert automatisch rechte Spalte). Summary-Card-Titel hatten fixes rgb(82,82,82) -> Brand-Farben;
   Warenkorb-Kupon-Karte robust versteckt (Coupon nur im Bestellprozess); Kupon-Zeile im Warenkorb gruen. */
#checkout .checkout-confirmation-heading{color:#0C1E2A!important;font:800 15px Epilogue,sans-serif}
html[data-theme="midnight"] #checkout .checkout-confirmation-heading{color:#eaf3f6!important}
body.hc-cart .cart-summary .card:has(#basket-coupon-form){display:none!important}
body.hc-cart .cart-items-body.type-3, body.hc-cart .cart-items-body.type-3 .price_overall{color:#1e9e6a}
/* HC-POLISH-2307e ENDE */

/* HC-POLISH-2307f (23.07., FD-18): Add-to-Cart-UX - NOVAs Riesen-Bestaetigung (#pushed-success) weg,
   stattdessen kompaktes Conversion-Popup oben rechts + Fly-to-Cart-Animation + Badge-Pulse. Live bewiesen.
   (JTL-Setting 'Coupons bereits im Warenkorb abfragen' parallel auf Nein gestellt.) */
#pushed-success{display:none!important}
.hc-added-pop{position:fixed;top:96px;right:18px;z-index:99999;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid rgba(12,30,42,.12);border-radius:16px;padding:12px 14px;box-shadow:0 18px 50px -20px rgba(12,30,42,.45);width:380px;animation:hcPopIn .35s cubic-bezier(.2,.9,.3,1.2)}
@keyframes hcPopIn{from{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}
.hc-added-pop img{width:52px;height:52px;object-fit:contain;flex:none}
.hc-added-pop .tx{min-width:0;flex:1}
.hc-added-pop .tx b{display:block;font:800 13.5px Epilogue,sans-serif;color:#1e9e6a}
.hc-added-pop .tx span{display:block;font:500 12.5px/1.35 "Space Grotesk",sans-serif;color:rgba(12,30,42,.65);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-added-pop .hc-ap-btn{flex:none;background:#EF820E;color:#fff;font:700 13px "Space Grotesk",sans-serif;border-radius:999px;padding:9px 16px;text-decoration:none}
.hc-added-pop .hc-ap-btn:hover{background:#d97207;color:#fff}
.hc-added-pop .hc-ap-x{position:absolute;top:4px;right:8px;background:none;border:0;font:700 14px sans-serif;color:rgba(12,30,42,.35);cursor:pointer;padding:2px}
html[data-theme="midnight"] .hc-added-pop{background:#16242f;border-color:rgba(255,255,255,.14)}
html[data-theme="midnight"] .hc-added-pop .tx span{color:rgba(234,243,246,.65)}
html[data-theme="midnight"] .hc-added-pop .hc-ap-x{color:rgba(234,243,246,.4)}
.hc-fly{position:fixed;z-index:100000;border-radius:12px;pointer-events:none;object-fit:contain;transition:all .75s cubic-bezier(.45,-0.15,.7,1);box-shadow:0 10px 30px -12px rgba(12,30,42,.5)}
@keyframes hcCartPulse{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}
.hc-cart-pulse{animation:hcCartPulse .5s ease}
/* HC-POLISH-2307f ENDE */

/* HC-POLISH-2307g (23.07., FD-35/38/40): Stepper mit Produktkachel-Kontur je Pfeil (statt Aussenkasten);
   Added-Popup mittig zentriert; Zusammenfassungs-Karten-Header randfuellend. Live bewiesen. */
#checkout .checkout-steps .step{border-top:1px solid rgba(12,30,42,.12)!important;border-bottom:1px solid rgba(12,30,42,.12)!important}
#checkout .checkout-steps .step:first-child{border-left:1px solid rgba(12,30,42,.12)!important;border-radius:14px 0 0 14px}
#checkout .checkout-steps .step:last-child{border-right:1px solid rgba(12,30,42,.12)!important;border-radius:0 14px 14px 0}
#checkout .checkout-steps .step::before{border-left-color:#DDE3E7!important}
html[data-theme="midnight"] #checkout .checkout-steps .step{border-color:rgba(255,255,255,.14)!important}
html[data-theme="midnight"] #checkout .checkout-steps .step::before{border-left-color:#2E3E4A!important}
.hc-added-pop{left:50%!important;right:auto!important;top:128px!important;transform:translateX(-50%);animation:hcPopIn2 .35s cubic-bezier(.2,.9,.3,1.2)!important}
@keyframes hcPopIn2{from{transform:translate(-50%,-14px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
#checkout .checkout-confirmation .card{overflow:hidden;border-radius:16px}
#checkout .checkout-confirmation .card .card-header{margin:0!important;border-radius:0!important;width:100%}
#checkout .hc-cp-active{font:600 13px "Space Grotesk",sans-serif;color:#1e9e6a;margin:0 0 10px}
html[data-theme="midnight"] #checkout .hc-cp-active{color:#5ad29a}
/* HC-POLISH-2307g ENDE */

/* HC-POLISH-2307g-Fix: Fehler-Popup (Server lehnt Add ab, z.B. Bestand erreicht) */
.hc-added-pop.hc-added-err .tx span{white-space:normal}

/* HC-POLISH-2307i (23.07., FD-41/42): Warenkorb-Mengenzaehler einreihig + Ziffer voll lesbar (Feld war 37px,
   Ziffer angeschnitten; +-Button brach um); Versandrechner-Zeile buendig ausgerichtet, Ermitteln-Button wieder
   gefuellt orange (globaler Outline-Fix hatte ihn ueberschrieben). Live bewiesen. */
body.hc-cart .choose_quantity{display:flex!important;flex-wrap:nowrap!important;width:132px}
body.hc-cart .choose_quantity .input-group-prepend,body.hc-cart .choose_quantity .input-group-append{flex:0 0 auto}
body.hc-cart .choose_quantity .btn-decrement,body.hc-cart .choose_quantity .btn-increment{width:40px;height:40px;padding:0}
body.hc-cart .choose_quantity .form-control.quantity{flex:0 0 52px;width:52px!important;min-width:0;box-sizing:border-box;text-align:center!important;padding:0 2px!important;height:40px}
body.hc-cart .qty-wrapper{max-width:none!important}
body.hc-cart .shipping-calculator-form .form-row{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
body.hc-cart .shipping-calculator-form .form-row>.col{padding:0;flex:0 0 auto;margin:0;width:auto;max-width:none}
body.hc-cart .shipping-calculator-form .form-group{margin:0}
body.hc-cart .shipping-calculator-form select#country{width:220px}
body.hc-cart .shipping-calculator-form input#plz{width:120px}
body.hc-cart .shipping-calculator-form button[name=versandrechnerBTN]{display:inline-flex!important;align-items:center;width:auto!important;background:#EF820E!important;border-color:#EF820E!important;color:#fff!important;height:44px;padding:0 24px!important}
body.hc-cart .shipping-calculator-form button[name=versandrechnerBTN]:hover{background:#d97207!important;border-color:#d97207!important}
/* HC-POLISH-2307i ENDE */

/* HC-POLISH-2307j (23.07., FD-43): Wunschzettel-Kacheln - dritte Verfuegbarkeitsstufe 'Nur noch wenige' */
body.hc-wl .hc-availline.low{color:#EF820E}
body.hc-wl .hc-availline.low .dot{background:#EF820E}
/* HC-POLISH-2307j ENDE */

/* HC-POLISH-2307l (23.07., FD-43 v2): WL-Verfuegbarkeit aus echtem JTL-Lieferstatus - Stufe 'Momentan nicht verfuegbar' */
body.hc-wl .hc-availline.na{color:#c0392b}
body.hc-wl .hc-availline.na .dot{background:#c0392b}
/* HC-POLISH-2307l ENDE */

/* HC-POLISH-2307m (23.07., FD-43 Performance): Skeleton-Ampel waehrend der Bestandspruefung */
body.hc-wl .hc-availline.pending{color:rgba(12,30,42,.4)}
body.hc-wl .hc-availline.pending .dot{background:rgba(12,30,42,.25);animation:hcDotPulse 1s ease infinite}
@keyframes hcDotPulse{0%,100%{opacity:.4}50%{opacity:1}}
html[data-theme="midnight"] body.hc-wl .hc-availline.pending{color:rgba(234,243,246,.4)}
html[data-theme="midnight"] body.hc-wl .hc-availline.pending .dot{background:rgba(234,243,246,.3)}
/* HC-POLISH-2307m ENDE */


/* ===== HC-SET-ENTDECKEN-PAUSE (Bildrechte, Marcel 24.07.2026) — Rueckbau: diesen Block loeschen =====
 * Chef-Freigabe 24.07. nachmittags: "Set entdecken" (Sets-Carousel v2 in custom.js
 * + Universal-Kategorie-Builder in hc-catbuild.js, beide nutzen dieselben Klassen
 * .set-tile/.set-explore/.se-top) shopweit (Desktop UND Mobile) voruebergehend
 * deaktivieren, bis die Bildrechte fuer die Set-Landingpages geklaert sind.
 * NUR die "Set entdecken"-CTA + deren Navigation werden entfernt -- Set-Logo,
 * Set-Name, Set-Datum, Ribbon-Kacheln und der "Nach Set filtern"-Button (eigenes
 * <button>, kein Teil dieses Links) bleiben unveraendert sichtbar + funktional.
 * .se-top/.se-spacer haben in HC-SETLOGO-CENTER (weiter oben in dieser Datei)
 * bereits eine fest reservierte 22px-Slot-Hoehe -- visibility:hidden behaelt
 * diesen Slot bei (kein Layout-Sprung), display:none wuerde ihn kollabieren
 * lassen und die Logos aller Tiles gegeneinander verschieben.
 * Klick/Touch/Tastatur wird zusaetzlich per JS-Pass in custom.js unterbunden
 * (reines CSS pointer-events:none haette ein Klick-Loch auf dahinterliegende
 * Elemente geoeffnet -- live an OP15/OP16 nachgewiesen: traf beim Test die
 * "filter-group-head"-Buttons der geschlossenen Filter-Sidebar).
 * Rueckbau: sobald die Bildrechte-Freigabe da ist, DIESEN GESAMTEN BLOCK loeschen
 * (Set entdecken funktioniert danach wieder exakt wie vorher, keine weiteren
 * Aenderungen noetig) UND das Gegenstueck in custom.js entfernen (Suchbegriff
 * "HC-SET-ENTDECKEN-PAUSE").
 * ===== */
.set-tile .se-top { visibility: hidden !important; }
.set-tile .set-explore[href] { cursor: default !important; }
/* ===== ENDE HC-SET-ENTDECKEN-PAUSE ===== */

/* ============================================================================================
   LEER-ZUSTAND KATEGORIE (30.07.2026, Marcel-Anweisung "keine Demo-Artikel"):
   .hcg-soon ersetzt das Produktraster, wenn eine Kategorie noch keine Artikel hat.
   ============================================================================================ */
.grid.is-leer{display:block!important;}
.hcg-soon{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;
  padding:64px 32px;border-radius:var(--r-xl,26px);background:var(--card,#fff);
  box-shadow:inset 0 0 0 1px var(--border-soft,rgba(12,30,42,.10));}
.hcg-soon-ic{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;
  background:var(--surface-2,#f4f1e8);color:var(--primary,#ef820e);}
.hcg-soon h3{font-family:var(--font-display,inherit);font-weight:800;font-size:24px;letter-spacing:-.02em;margin:0;color:var(--text,#0c1e2a);}
.hcg-soon p{max-width:46ch;font-size:14.5px;line-height:1.65;color:var(--muted,#4d6470);margin:0;}
.hcg-soon-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px;}
@media (max-width:839px){.hcg-soon{padding:44px 20px;}.hcg-soon h3{font-size:20px;}}