.kc-comp-hero{--font-family: "Inter", -apple-system, sans-serif;--color-bg: #0F0A0A;--color-text: #FFFFFF;--color-text-muted: rgba(255,255,255,.7);--color-accent: #F3654A;--color-accent-hover: #e0502f;--color-border: rgba(255,255,255,.12);--color-surface: rgba(255,255,255,.06);--color-win: #4CAF50;--color-lose: #EF5350;--btn-radius: 10px;--transition: .3s ease;--max-width: 1100px}.kc-comp-hero{background-color:var(--color-bg);font-family:var(--font-family);-webkit-font-smoothing:antialiased}.kc-comp-hero__container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.kc-comp-hero__breadcrumb{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0 0 32px;padding:0;font-size:13px;color:var(--color-text-muted)}.kc-comp-hero__breadcrumb a{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition)}.kc-comp-hero__breadcrumb a:hover{color:var(--color-text)}.kc-comp-hero__breadcrumb-sep{opacity:.4}.kc-comp-hero__header{text-align:center;margin-bottom:48px}.kc-comp-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px;padding:6px 14px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:20px}.kc-comp-hero__h1{font-size:clamp(26px,4vw,48px);font-weight:700;color:var(--color-text);line-height:1.15;margin:0 0 16px;letter-spacing:-.02em}.kc-comp-hero__h1 em{font-style:normal;color:var(--color-accent)}.kc-comp-hero__subhead{font-size:17px;line-height:1.65;color:var(--color-text-muted);max-width:60ch;margin:0 auto}.kc-comp-hero__vs-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin-bottom:48px}@media screen and (max-width:699px){.kc-comp-hero__vs-wrap{grid-template-columns:1fr}.kc-comp-hero__vs-divider{justify-self:center}}.kc-comp-hero__vs-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:28px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.kc-comp-hero__vs-card--winner{border-color:var(--color-accent);background:#f3654a14}.kc-comp-hero__vs-card-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:100px}.kc-comp-hero__vs-card--winner .kc-comp-hero__vs-card-badge{background:var(--color-accent);color:#fff}.kc-comp-hero__vs-card--loser .kc-comp-hero__vs-card-badge{background:#ffffff1a;color:var(--color-text-muted)}.kc-comp-hero__vs-card-image{width:120px;height:120px;object-fit:contain;border-radius:12px}.kc-comp-hero__vs-card-image-placeholder{width:120px;height:120px;background:#ffffff14;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:40px}.kc-comp-hero__vs-card-title{font-size:18px;font-weight:700;color:var(--color-text);margin:0}.kc-comp-hero__vs-card-sub{font-size:13px;color:var(--color-text-muted);margin:0}.kc-comp-hero__vs-card-potency{font-size:22px;font-weight:800;color:var(--color-accent)}.kc-comp-hero__vs-card--loser .kc-comp-hero__vs-card-potency{color:var(--color-text-muted);font-size:18px}.kc-comp-hero__vs-divider{width:56px;height:56px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--color-text-muted);flex-shrink:0}.kc-comp-hero__cta{text-align:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.kc-comp-hero__btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--color-accent);color:#fff;font-family:var(--font-family);font-size:15px;font-weight:600;padding:14px 28px;border-radius:var(--btn-radius);text-decoration:none;transition:background var(--transition),transform var(--transition);border:none;cursor:pointer}.kc-comp-hero__btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.kc-comp-hero__btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--color-text);font-family:var(--font-family);font-size:15px;font-weight:600;padding:14px 28px;border-radius:var(--btn-radius);text-decoration:none;border:1px solid var(--color-border);transition:border-color var(--transition),background var(--transition);cursor:pointer}.kc-comp-hero__btn-secondary:hover{border-color:#ffffff59;background:var(--color-surface)}@media screen and (max-width:599px){.kc-comp-hero__cta{flex-direction:column;align-items:stretch}.kc-comp-hero__btn-primary,.kc-comp-hero__btn-secondary{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/kc-comp-s1-hero.css.map */