:root {
    --wr-ink: #0f1b3d;
    --wr-text: #26324f;
    --wr-muted: #5b6784;
    --wr-line: #e3e8f2;
    --wr-bg: #f4f7fc;
    --wr-card: #ffffff;
    --wr-accent: #20a4e6;
    --wr-accent-ink: #0b6aa6;
    --wr-link: #0b6aa6;
    --wr-cta: #d94a0f;
    --wr-cta-hover: #b93d08;
    --wr-cta-text: #ffffff;
    --wr-cta-glow: rgba(217, 74, 15, 0.35);
    --wr-band-a: #0f1b3d;
    --wr-band-b: #1d3f86;
    --wr-band-text: #ffffff;
    --wr-tag-bg: #e8f4fd;
    --wr-tag-text: #0b6aa6;
    --wr-icon-bg: #e8f4fd;
    --wr-chip-bg: #f4f7fc;
    --wr-skel-hi: #f3f6fb;
    --wr-bad-bg: #fdecec;
    --wr-warn-bg: #fff4e0;
    --wr-ok-bg: #e8f6ee;
    --wr-info-bg: #eef2f8;
    --wr-crit: #991b1b;
    --wr-high: #dc2626;
    --wr-med: #d97706;
    --wr-low: #2563eb;
    --wr-ok: #15803d;
    --wr-info: #64748b;
    --wr-lv0: #15803d;
    --wr-lv1: #ca8a04;
    --wr-lv2: #ea7a0c;
    --wr-lv3: #dc2626;
    --wr-lv4: #991b1b;
    --wr-radius: 16px;
    --wr-shadow: 0 1px 2px rgba(15, 27, 61, 0.06), 0 10px 28px rgba(15, 27, 61, 0.08);
}

.unicredit { --wr-accent: #e31e24; --wr-accent-ink: #b3161b; --wr-link: #b3161b; --wr-cta: #e31e24; --wr-cta-hover: #b3161b; --wr-cta-glow: rgba(227, 30, 36, 0.35); --wr-band-a: #1a1a1a; --wr-band-b: #4a1013; --wr-tag-bg: #fdecec; --wr-tag-text: #b3161b; --wr-icon-bg: #fdecec; }
.db { --wr-accent: #ec0016; --wr-accent-ink: #b30012; --wr-link: #b30012; --wr-cta: #ec0016; --wr-cta-hover: #c40015; --wr-cta-glow: rgba(236, 0, 22, 0.35); --wr-ink: #282d37; --wr-band-a: #282d37; --wr-band-b: #4b1218; --wr-tag-bg: #fdecec; --wr-tag-text: #b30012; --wr-icon-bg: #f0f3f5; }
.wesanderson { --wr-ink: #8b4513; --wr-text: #7a4a2a; --wr-muted: #a0522d; --wr-line: #e8d5b5; --wr-card: #fffef5; --wr-accent: #d4a574; --wr-accent-ink: #8b4513; --wr-link: #8b4513; --wr-cta: #b4501c; --wr-cta-hover: #8f3d12; --wr-cta-glow: rgba(180, 80, 28, 0.35); --wr-band-a: #8b4513; --wr-band-b: #b0753a; --wr-tag-bg: #f4e8c1; --wr-tag-text: #8b4513; --wr-icon-bg: #f4e8c1; --wr-chip-bg: #fff8dc; --wr-skel-hi: #fff8dc; }
.vignelli { --wr-ink: #000000; --wr-text: #1a1a1a; --wr-muted: #555555; --wr-line: #d9d9d9; --wr-accent: #000000; --wr-accent-ink: #000000; --wr-link: #000000; --wr-cta: #ff0000; --wr-cta-hover: #cc0000; --wr-cta-glow: rgba(255, 0, 0, 0.3); --wr-band-a: #000000; --wr-band-b: #1a1a1a; --wr-tag-bg: #000000; --wr-tag-text: #ffffff; --wr-icon-bg: #f0f0f0; --wr-radius: 0px; }
.heisenberg_lab { --wr-accent: #14ff96; --wr-accent-ink: #0d7a4a; --wr-link: #0d7a4a; --wr-cta: #0d9960; --wr-cta-hover: #0a7a4c; --wr-cta-glow: rgba(13, 153, 96, 0.35); --wr-band-a: #1a1a1a; --wr-band-b: #0d3d2a; --wr-tag-bg: #e3fff2; --wr-tag-text: #0d7a4a; --wr-icon-bg: #e3fff2; }

.hal, .dredd, .heisenberg_hazmat, .heisenberg_periodic, .cupra {
    --wr-ink: #f4f6fb;
    --wr-text: #d5dae6;
    --wr-muted: #98a2b8;
    --wr-line: #2b3144;
    --wr-card: #161a26;
    --wr-chip-bg: #1d2232;
    --wr-skel-hi: #232a3d;
    --wr-bad-bg: #3a1618;
    --wr-warn-bg: #3a2c12;
    --wr-ok-bg: #12301f;
    --wr-info-bg: #1d2232;
    --wr-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    --wr-cta-text: #111111;
}
.hal { --wr-accent: #ff2a2a; --wr-accent-ink: #ff6a6a; --wr-link: #7dffa0; --wr-cta: #ff2a2a; --wr-cta-hover: #ff5555; --wr-cta-glow: rgba(255, 42, 42, 0.5); --wr-cta-text: #0a0a0a; --wr-band-a: #1a0000; --wr-band-b: #4a0808; --wr-tag-bg: #3a0d0d; --wr-tag-text: #ff7a7a; --wr-icon-bg: #3a0d0d; }
.dredd { --wr-accent: #ffd700; --wr-accent-ink: #ffd700; --wr-link: #ffd700; --wr-cta: #ffd700; --wr-cta-hover: #ffe44d; --wr-cta-glow: rgba(255, 215, 0, 0.4); --wr-band-a: #111111; --wr-band-b: #2b2500; --wr-tag-bg: #2b2500; --wr-tag-text: #ffd700; --wr-icon-bg: #2b2500; }
.heisenberg_hazmat { --wr-accent: #ffd700; --wr-accent-ink: #ffd700; --wr-link: #ffd700; --wr-cta: #ffd700; --wr-cta-hover: #ffe44d; --wr-cta-glow: rgba(255, 215, 0, 0.4); --wr-band-a: #000000; --wr-band-b: #2b2500; --wr-tag-bg: #2b2500; --wr-tag-text: #ffd700; --wr-icon-bg: #2b2500; }
.heisenberg_periodic { --wr-accent: #14ff96; --wr-accent-ink: #14ff96; --wr-link: #14ff96; --wr-cta: #14ff96; --wr-cta-hover: #6dffbf; --wr-cta-glow: rgba(20, 255, 150, 0.4); --wr-band-a: #0a1a12; --wr-band-b: #0d3d2a; --wr-tag-bg: #0d2a1d; --wr-tag-text: #14ff96; --wr-icon-bg: #0d2a1d; }
.cupra { --wr-accent: #c49a7e; --wr-accent-ink: #c49a7e; --wr-link: #c49a7e; --wr-cta: #c49a7e; --wr-cta-hover: #d9b49a; --wr-cta-glow: rgba(196, 154, 126, 0.4); --wr-band-a: #1a1a1a; --wr-band-b: #3a2d24; --wr-tag-bg: #2a211b; --wr-tag-text: #c49a7e; --wr-icon-bg: #2a211b; }

.wr-hero-wrap, .wr-section, .wr-hero, .wr-hero *, .wr-section *, .wr-sticky, .wr-sticky * { box-sizing: border-box; }

.wr-hero,
.wr-section {
    max-width: 1100px;
    margin: 0 auto 32px;
    padding: 0 16px;
    color: var(--wr-text);
    text-align: left;
}

.wr-hero { margin-top: 8px; }

.wr-h { font-size: 24px; line-height: 1.2; font-weight: 800; color: var(--wr-ink); letter-spacing: -0.01em; }
.wr-sub { margin-top: 4px; font-size: 15px; color: var(--wr-muted); line-height: 1.5; }
.wr-i { display: inline-flex; flex: none; }
.wr-i svg { display: block; }

.wr-topxxx { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 16px; }
.wr-tag { display: inline-flex; align-items: center; padding: 6px 13px; border-radius: 999px; background: var(--wr-tag-bg); color: var(--wr-tag-text); font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.wr-url { flex: 1; min-width: 0; font-size: 16px; font-weight: 700; color: var(--wr-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wr-legal { margin-top: 14px; font-size: 12px; color: var(--wr-muted); text-align: center; }

.wr-verdicts { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.wr-verdicts.is-single { grid-template-columns: 1fr; }

.wr-vcard {
    --wr-lv: var(--wr-info);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    padding: 22px 22px 20px 26px;
    background: var(--wr-card);
    border: 1px solid var(--wr-line);
    border-radius: var(--wr-radius);
    box-shadow: var(--wr-shadow);
    overflow: hidden;
    color: var(--wr-text);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wr-vcard::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--wr-lv); }
.wr-vcard:hover { transform: translateY(-3px); }
.wr-vcard[data-level="0"] { --wr-lv: var(--wr-lv0); }
.wr-vcard[data-level="1"] { --wr-lv: var(--wr-lv1); }
.wr-vcard[data-level="2"] { --wr-lv: var(--wr-lv2); }
.wr-vcard[data-level="3"] { --wr-lv: var(--wr-lv3); }
.wr-vcard[data-level="4"] { --wr-lv: var(--wr-lv4); }

.wr-vhead { display: flex; align-items: center; gap: 10px; }
.wr-vico { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: var(--wr-icon-bg); color: var(--wr-accent-ink); flex: none; }
.wr-vtitle { font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--wr-muted); }
.wr-vmore { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 700; }
.wr-vmore span { color: var(--wr-link); }
.wr-vmore .wr-i { color: var(--wr-link); }
.wr-vtext { display: block; font-size: 22px; line-height: 1.25; font-weight: 800; color: var(--wr-ink); }
.wr-vsub { display: block; margin-top: 6px; font-size: 14px; line-height: 1.5; color: var(--wr-muted); }
.wr-vrow { display: flex; align-items: center; gap: 20px; }
.wr-vcol { min-width: 0; flex: 1; }

.wr-meter { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; }
.wr-meter i { display: block; height: 9px; border-radius: 99px; background: var(--wr-line); transition: background 0.4s ease; }
.wr-meter i.on { background: var(--wr-lv); }
.wr-meter-legend { display: flex; justify-content: space-between; margin-top: -8px; font-size: 11px; color: var(--wr-muted); }

.wr-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.wr-chip { display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px; border-radius: 999px; border: 1px solid var(--wr-line); background: var(--wr-chip-bg); color: var(--wr-text); font-size: 13px; font-weight: 600; }
.wr-chip b { font-weight: 800; }
.wr-chip.is-crit { background: var(--wr-bad-bg); border-color: transparent; color: var(--wr-crit); }
.wr-chip.is-bad { background: var(--wr-bad-bg); border-color: transparent; color: var(--wr-high); }
.wr-chip.is-warn { background: var(--wr-warn-bg); border-color: transparent; color: var(--wr-med); }
.wr-chip.is-info { background: var(--wr-info-bg); border-color: transparent; color: var(--wr-low); }
.wr-chip.is-ok { background: var(--wr-ok-bg); border-color: transparent; color: var(--wr-ok); }
.hal .wr-chip.is-crit, .hal .wr-chip.is-bad, .dredd .wr-chip.is-crit, .dredd .wr-chip.is-bad, .heisenberg_hazmat .wr-chip.is-crit, .heisenberg_hazmat .wr-chip.is-bad, .heisenberg_periodic .wr-chip.is-crit, .heisenberg_periodic .wr-chip.is-bad, .cupra .wr-chip.is-crit, .cupra .wr-chip.is-bad { color: #ff8a8a; }
.hal .wr-chip.is-warn, .dredd .wr-chip.is-warn, .heisenberg_hazmat .wr-chip.is-warn, .heisenberg_periodic .wr-chip.is-warn, .cupra .wr-chip.is-warn { color: #ffc266; }
.hal .wr-chip.is-ok, .dredd .wr-chip.is-ok, .heisenberg_hazmat .wr-chip.is-ok, .heisenberg_periodic .wr-chip.is-ok, .cupra .wr-chip.is-ok { color: #7be39f; }
.hal .wr-chip.is-info, .dredd .wr-chip.is-info, .heisenberg_hazmat .wr-chip.is-info, .heisenberg_periodic .wr-chip.is-info, .cupra .wr-chip.is-info { color: #8fb4ff; }

.wr-ring { position: relative; flex: none; display: grid; place-items: center; width: 108px; height: 108px; border-radius: 50%; --p: 0; background: conic-gradient(var(--wr-lv, var(--wr-ok)) calc(var(--p) * 1%), var(--wr-line) 0); }
.wr-ring::before { content: ""; position: absolute; inset: 11px; border-radius: 50%; background: var(--wr-card); }
.wr-ring-in { position: relative; text-align: center; line-height: 1; }
.wr-ring-val { display: block; font-size: 32px; font-weight: 800; color: var(--wr-ink); font-variant-numeric: tabular-nums; }
.wr-ring-max { display: block; margin-top: 5px; font-size: 11px; color: var(--wr-muted); }
.wr-ring.is-skel { background: var(--wr-line); animation: wr-pulse 1.4s ease-in-out infinite; }

.wr-skel { display: block; border-radius: 8px; height: 14px; background: linear-gradient(90deg, var(--wr-line) 25%, var(--wr-skel-hi) 37%, var(--wr-line) 63%); background-size: 400% 100%; animation: wr-shim 1.4s ease infinite; }
.wr-skel.w60 { width: 60%; }
.wr-skel.w80 { width: 80%; }
.wr-skel.w40 { width: 40%; }
.wr-skel.h26 { height: 26px; }
.wr-skel.h70 { height: 78px; border-radius: 12px; }
.wr-loadnote { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--wr-muted); }
.wr-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--wr-accent); animation: wr-pulse 1.1s ease-in-out infinite; }

@keyframes wr-shim { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }
@keyframes wr-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
@keyframes wr-sweep { 0% { transform: translateX(-120%) skewX(-20deg); } 55%, 100% { transform: translateX(260%) skewX(-20deg); } }
@keyframes wr-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }

.wr-band { position: relative; margin-top: 18px; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 28px; align-items: center; padding: 30px; border-radius: 22px; overflow: hidden; color: var(--wr-band-text); background: linear-gradient(120deg, var(--wr-band-a), var(--wr-band-b)); box-shadow: 0 16px 44px rgba(15, 27, 61, 0.3); }
.wr-band::before { content: ""; position: absolute; width: 420px; height: 420px; right: -140px; top: -180px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.16), transparent 68%); pointer-events: none; }
.wr-band-l, .wr-buy { position: relative; min-width: 0; }
.wr-kick { display: inline-block; margin-bottom: 10px; font-size: 12px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.72); }
.wr-band-h { font-size: 27px; line-height: 1.2; font-weight: 800; color: #ffffff; letter-spacing: -0.01em; }
.wr-nums { display: flex; flex-wrap: wrap; gap: 12px; margin: 20px 0 18px; }
.wr-num { flex: 1 1 150px; max-width: 200px; padding: 13px 16px; border-radius: 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); }
.wr-num strong { display: block; font-size: 32px; line-height: 1; font-weight: 800; color: #ffffff; font-variant-numeric: tabular-nums; }
.wr-num span { display: block; margin-top: 6px; font-size: 12px; line-height: 1.3; color: rgba(255, 255, 255, 0.78); }
.wr-ticks { margin: 0; padding: 0; list-style: none; display: grid; gap: 9px; }
.wr-ticks li { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.4; color: #ffffff; }
.wr-ticks .wr-i { margin-top: 1px; color: #6ee7a8; }

.wr-buy { padding: 22px; border-radius: 18px; background: #ffffff; color: #0f1b3d; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); }
.wr-buy-top { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.wr-buy-name { font-size: 14px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #5b6784; }
.wr-buy-price { display: flex; align-items: baseline; gap: 8px; }
.wr-buy-price small { font-size: 13px; color: #5b6784; }
.wr-buy-price strong { font-size: 40px; line-height: 1; font-weight: 800; color: #0f1b3d; }
.wr-buy-note { margin: 10px 0 16px; font-size: 14px; line-height: 1.45; color: #46526f; }
.wr-buy .wr-ghost span { color: #0b6aa6; }
.wr-buy .wr-ghost .wr-i { color: #0b6aa6; }

.wr-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 17px 24px;
    border: 0;
    border-radius: 14px;
    background: var(--wr-cta);
    box-shadow: 0 10px 24px var(--wr-cta-glow);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.wr-btn .wr-btn-t { position: relative; color: var(--wr-cta-text); }
.wr-btn .wr-i { position: relative; color: var(--wr-cta-text); transition: transform 0.15s ease; }
.wr-btn::after { content: ""; position: absolute; top: 0; bottom: 0; width: 36%; left: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent); transform: translateX(-120%) skewX(-20deg); animation: wr-sweep 4.5s ease-in-out infinite; pointer-events: none; }
.wr-btn:hover { background: var(--wr-cta-hover); transform: translateY(-2px); }
.wr-btn:hover .wr-i { transform: translateX(4px); }
.wr-btn:active { transform: translateY(0); }
.wr-btn-sm { width: auto; padding: 12px 20px; font-size: 15px; border-radius: 12px; white-space: nowrap; }
.wr-btn-fit { width: auto; }

.wr-ghost { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; font-size: 14px; font-weight: 700; }
.wr-ghost span { color: var(--wr-link); }
.wr-ghost .wr-i { color: var(--wr-link); }
.wr-ghost:hover span { text-decoration: underline; }
.wr-buy .wr-ghost { display: flex; justify-content: center; }

.wr-sechead { display: flex; flex-direction: column; margin-bottom: 16px; }
.wr-sechead .wr-h { font-size: 26px; }

.wr-stats { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 6px 0 18px; font-size: 14px; color: var(--wr-muted); }
.wr-stats strong { color: var(--wr-ink); font-size: 16px; font-variant-numeric: tabular-nums; }

.wr-kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); gap: 12px; margin-bottom: 26px; }
.wr-kpi { position: relative; display: flex; flex-direction: column; gap: 3px; padding: 14px 16px 14px; text-align: left; background: var(--wr-card); border: 1px solid var(--wr-line); border-top: 4px solid var(--wr-info); border-radius: 14px; color: var(--wr-text); font: inherit; cursor: default; box-shadow: var(--wr-shadow); transition: transform 0.15s ease; }
.wr-kpi.is-link { cursor: pointer; }
.wr-kpi.is-link:hover { transform: translateY(-2px); }
.wr-kpi.k-ok { border-top-color: var(--wr-ok); }
.wr-kpi.k-warn { border-top-color: var(--wr-med); }
.wr-kpi.k-bad { border-top-color: var(--wr-high); }
.wr-kpi-val { font-size: 24px; line-height: 1.15; font-weight: 800; color: var(--wr-ink); word-break: break-word; }
.wr-kpi-label { font-size: 13px; font-weight: 600; color: var(--wr-text); }
.wr-kpi-sub { font-size: 12px; color: var(--wr-muted); }

.wr-blockh { margin: 26px 0 12px; font-size: 18px; font-weight: 800; color: var(--wr-ink); }
.wr-finds { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.wr-find { padding: 14px 16px; background: var(--wr-card); border: 1px solid var(--wr-line); border-left: 5px solid var(--wr-info); border-radius: 12px; }
.wr-b-critical { border-left-color: var(--wr-crit); }
.wr-b-high { border-left-color: var(--wr-high); }
.wr-b-medium { border-left-color: var(--wr-med); }
.wr-b-low { border-left-color: var(--wr-low); }
.wr-find-top { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.wr-find-title { font-size: 15px; font-weight: 700; color: var(--wr-ink); }
.wr-find-detail { margin-top: 6px; font-size: 14px; line-height: 1.5; color: var(--wr-muted); }
.wr-linkbtn { margin-top: 8px; padding: 0; border: 0; background: none; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.wr-linkbtn span { color: var(--wr-link); }
.wr-linkbtn:hover span { text-decoration: underline; }

.wr-badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; background: var(--wr-info); }
.wr-badge span { color: #ffffff; }
.wr-badge.s-critical { background: var(--wr-crit); }
.wr-badge.s-high { background: var(--wr-high); }
.wr-badge.s-medium { background: var(--wr-med); }
.wr-badge.s-low { background: var(--wr-low); }

.wr-locked { position: relative; margin-top: 10px; border: 1px dashed var(--wr-line); border-radius: 16px; overflow: hidden; background: var(--wr-card); }
.wr-locked-rows { display: grid; gap: 10px; padding: 16px; filter: blur(3px); opacity: 0.75; user-select: none; pointer-events: none; }
.wr-ph { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--wr-line); border-radius: 12px; }
.wr-ph-line { height: 12px; border-radius: 6px; background: var(--wr-line); }
.wr-locked-over { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 18px; text-align: center; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--wr-card) 78%); }
.hal .wr-locked-over, .dredd .wr-locked-over, .heisenberg_hazmat .wr-locked-over, .heisenberg_periodic .wr-locked-over, .cupra .wr-locked-over { background: linear-gradient(180deg, rgba(22, 26, 38, 0) 0%, var(--wr-card) 78%); }
.wr-lock-ico { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--wr-icon-bg); color: var(--wr-accent-ink); }
.wr-lock-h { font-size: 18px; font-weight: 800; color: var(--wr-ink); }
.wr-lock-s { font-size: 14px; color: var(--wr-muted); }

.wr-pos { display: flex; flex-wrap: wrap; gap: 8px; }

.wr-accs { display: grid; gap: 10px; }
.wr-acc { background: var(--wr-card); border: 1px solid var(--wr-line); border-radius: 14px; overflow: hidden; }
.wr-acc-sum { display: flex; align-items: center; gap: 12px; padding: 14px 16px; list-style: none; cursor: pointer; }
.wr-acc-sum::-webkit-details-marker { display: none; }
.wr-acc-sum::marker { content: ""; }
.wr-lvdot { width: 12px; height: 12px; border-radius: 50%; background: var(--wr-info); flex: none; }
.wr-lv-bad .wr-lvdot { background: var(--wr-high); }
.wr-lv-warn .wr-lvdot { background: var(--wr-med); }
.wr-lv-ok .wr-lvdot { background: var(--wr-ok); }
.wr-acc-t { flex: 1; min-width: 0; font-size: 16px; font-weight: 700; color: var(--wr-ink); }
.wr-count { min-width: 28px; padding: 2px 9px; border-radius: 999px; background: var(--wr-info-bg); font-size: 12px; font-weight: 800; text-align: center; color: var(--wr-text); }
.wr-acc-sum .wr-i { color: var(--wr-muted); transition: transform 0.2s ease; }
.wr-acc[open] .wr-acc-sum .wr-i { transform: rotate(180deg); }
.wr-acc-body { padding: 4px 16px 16px; border-top: 1px solid var(--wr-line); }
.wr-its { margin: 10px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.wr-it { display: flex; gap: 12px; padding: 10px 12px; border-radius: 10px; background: var(--wr-info-bg); }
.wr-it.i-bad { background: var(--wr-bad-bg); }
.wr-it.i-warn { background: var(--wr-warn-bg); }
.wr-it.i-ok { background: var(--wr-ok-bg); }
.wr-it .wr-lvdot { margin-top: 6px; }
.wr-it.i-bad .wr-lvdot { background: var(--wr-high); }
.wr-it.i-warn .wr-lvdot { background: var(--wr-med); }
.wr-it.i-ok .wr-lvdot { background: var(--wr-ok); }
.wr-it-main { min-width: 0; flex: 1; }
.wr-it-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.wr-it-t { font-size: 14px; font-weight: 700; color: var(--wr-ink); word-break: break-word; }
.wr-it-t span { color: var(--wr-link); }
.wr-it-d { margin-top: 3px; font-size: 13px; line-height: 1.5; color: var(--wr-muted); word-break: break-word; }
.wr-more { display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 11px 14px; border: 1px dashed var(--wr-line); border-radius: 10px; font-size: 14px; font-weight: 700; }
.wr-more .wr-i { color: var(--wr-muted); }
.wr-more a span { color: var(--wr-link); }
.wr-note { margin-top: 10px; font-size: 13px; color: var(--wr-muted); }
.wr-help { display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 700; }
.wr-help span { color: var(--wr-link); }

.wr-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 26px; padding: 20px 22px; border-radius: 16px; background: linear-gradient(120deg, var(--wr-band-a), var(--wr-band-b)); }
.wr-strip-t { flex: 1 1 280px; font-size: 18px; line-height: 1.35; font-weight: 800; color: #ffffff; }

.wr-promo { animation: wr-rise 0.5s ease both; }
.wr-promo-card { padding: 30px; background: var(--wr-card); border: 1px solid var(--wr-line); border-radius: 22px; box-shadow: var(--wr-shadow); }
.wr-promo-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px; margin-top: 22px; }
.wr-cmp { border: 1px solid var(--wr-line); border-radius: 16px; overflow: hidden; }
.wr-cmp-row { display: grid; grid-template-columns: 1.3fr 1fr 1fr; align-items: center; gap: 8px; padding: 11px 14px; font-size: 14px; border-top: 1px solid var(--wr-line); }
.wr-cmp-row:first-child { border-top: 0; }
.wr-cmp-head { background: var(--wr-info-bg); font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--wr-muted); }
.wr-cmp-row > span:first-child { font-weight: 600; color: var(--wr-ink); }
.wr-cmp-row > span:nth-child(2) { color: var(--wr-muted); }
.wr-cmp-row > span:nth-child(3) { font-weight: 700; color: var(--wr-ok); }
.wr-cmp-head > span:nth-child(3) { color: var(--wr-accent-ink); }
.wr-promo-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.wr-promo-list li { display: flex; gap: 12px; font-size: 15px; line-height: 1.45; color: var(--wr-text); }
.wr-promo-list .wr-i { margin-top: 1px; color: var(--wr-ok); }
.wr-shots { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 26px; }
.wr-shot { display: block; padding: 0; border: 1px solid var(--wr-line); border-radius: 12px; overflow: hidden; background: var(--wr-chip-bg); cursor: zoom-in; transition: transform 0.15s ease, box-shadow 0.15s ease; font: inherit; text-align: left; }
.wr-shot:hover { transform: translateY(-3px); box-shadow: var(--wr-shadow); }
.wr-shot img { display: block; width: 100%; height: 120px; object-fit: cover; object-position: top; }
.wr-shot span { display: block; padding: 8px 10px; font-size: 12px; font-weight: 700; color: var(--wr-text); }
.wr-promo-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 26px; }
.wr-promo-cta .wr-btn { width: auto; min-width: 280px; }
.wr-promo-cta .wr-ghost { margin-top: 0; }
.wr-promo-price { font-size: 14px; color: var(--wr-muted); }
.wr-promo-price strong { font-size: 22px; color: var(--wr-ink); }

.wr-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; display: flex; align-items: center; justify-content: center; gap: 16px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: var(--wr-card); border-top: 1px solid var(--wr-line); box-shadow: 0 -10px 30px rgba(15, 27, 61, 0.14); transform: translateY(110%); transition: transform 0.3s ease; }
.wr-sticky.is-on { transform: translateY(0); }
.wr-sticky-t { min-width: 0; font-size: 15px; font-weight: 800; color: var(--wr-ink); }
.wr-sticky-t span { display: block; font-size: 13px; font-weight: 500; color: var(--wr-muted); }
.wr-sticky-x { display: grid; place-items: center; width: 34px; height: 34px; border: 0; border-radius: 50%; background: var(--wr-info-bg); color: var(--wr-muted); cursor: pointer; flex: none; }

#result .grid { max-width: 1068px; margin: 0 auto 28px; padding: 0 16px; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
#result .card { background: var(--wr-card); border: 1px solid var(--wr-line); border-radius: var(--wr-radius); box-shadow: var(--wr-shadow); padding: 22px; transform: none; }
#result .card:hover { transform: none; border-color: var(--wr-accent); box-shadow: var(--wr-shadow); }
#result .card h3 { margin: 0 0 14px; font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--wr-muted); }
#result .kritline, #result .compline { display: flex; align-items: center; justify-content: space-between; gap: 10px; max-width: none; margin-top: 8px; padding: 11px 14px; border-radius: 12px; font-size: 14px; font-weight: 600; white-space: normal; overflow: visible; }
#result .kritline { background: var(--wr-bad-bg); color: var(--wr-high); }
#result .kritline * { color: inherit; }
#result .compline { background: var(--wr-chip-bg); color: var(--wr-text); border: 1px solid var(--wr-line); }
#result .compline.istracker, #result .compline.googletool, #result .compline.crittool { background: var(--wr-bad-bg); border-color: transparent; color: var(--wr-high); }
#result .compline span { color: inherit; }
#result .compline > a, #result .compline .consent, #result .compline .artikelurl { color: var(--wr-link) !important; margin-left: 8px; font-size: 13px; }
#result .problemimg { float: none; margin: 0; flex: none; }
#result .card .statline { background: transparent !important; border-left: 0; box-shadow: none; padding-left: 0; padding-right: 0; }

@media (max-width: 860px) {
    .wr-verdicts { grid-template-columns: 1fr; }
    .wr-band { grid-template-columns: 1fr; padding: 24px 20px; gap: 22px; }
    .wr-band-h { font-size: 23px; }
    .wr-promo-grid { grid-template-columns: 1fr; gap: 24px; }
    .wr-promo-card { padding: 22px 18px; }
    .wr-shots { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
    .wr-hero, .wr-section { padding: 0 12px; }
    .wr-vcard { padding: 18px 16px 16px 20px; }
    .wr-vtext { font-size: 20px; }
    .wr-ring { width: 88px; height: 88px; }
    .wr-ring::before { inset: 9px; }
    .wr-ring-val { font-size: 26px; }
    .wr-vrow { gap: 14px; }
    .wr-sechead .wr-h, .wr-h { font-size: 21px; }
    .wr-buy-price strong { font-size: 34px; }
    .wr-promo-cta .wr-btn { width: 100%; min-width: 0; }
    .wr-cmp-row { grid-template-columns: 1.2fr 1fr 1fr; padding: 10px; font-size: 13px; }
    .wr-sticky { gap: 10px; padding-left: 12px; padding-right: 12px; }
    .wr-sticky-t span { display: none; }
    .wr-strip .wr-btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .wr-btn::after, .wr-skel, .wr-dot, .wr-ring.is-skel, .wr-promo { animation: none; }
    .wr-vcard, .wr-btn, .wr-kpi, .wr-sticky { transition: none; }
}

.wr-promo-list { align-content: start; }
.wr-locked { min-height: 230px; }
.wr-locked-over .wr-btn { white-space: normal; line-height: 1.25; height: auto; min-height: 48px; }
@media (max-width: 560px) {
    .wr-locked { min-height: 300px; }
    .wr-locked-over .wr-btn { width: 100%; }
}

a.wr-btn, a.wr-btn:hover, a.wr-btn:focus, a.wr-btn *, a.wr-sticky-btn, a.wr-sticky-btn * { text-decoration: none !important; }

.wr-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 6px;
}
.wr-top .wr-tag,
.wr-top .wr-url {
  margin-left: 0;
  margin-right: 0;
  flex: 0 1 auto;
  max-width: 100%;
  text-align: center;
}
.wr-top .wr-url {
  word-break: break-all;
}