.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder { box-sizing: border-box; overflow-anchor: none; overflow-x: hidden; width: 100%; padding: clamp(56px, 8vw, 112px) 24px; color: #1a1a1a; scroll-margin-top: 112px; }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder-inner { box-sizing: border-box; max-width: 1040px; min-width: 0; margin: 0 auto; text-align: center; }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__header { align-items: center; border-bottom: 1px solid rgba(26, 26, 26, .18); color: #5d5954; display: flex; font-size: 11px; font-weight: 700; gap: 24px; justify-content: space-between; letter-spacing: .12em; padding-bottom: 18px; text-align: left; }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__header p { align-items: center; background: #fff; border: 1px solid rgba(0,71,171,.24); color: var(--bolhava-finder-accent); display: inline-flex; font-size: 12px; gap: 9px; letter-spacing: .1em; margin: -24px 0 0; padding: 12px 17px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__header p i { color: inherit; font-size: 15px; font-style: normal; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__header > span { color: var(--bolhava-finder-accent); }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__progress { background: rgba(26,26,26,.1); height: 2px; margin: -1px auto 0; max-width: 1040px; overflow: hidden; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__progress i { background: var(--bolhava-finder-accent); display: block; height: 100%; transition: width .3s ease; }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__body { box-sizing: border-box; margin: 0 auto; max-width: 920px; min-width: 0; padding-top: 48px; width: 100%; }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__step-intro { scroll-margin-top: 24px; }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder h2 { box-sizing: border-box; inline-size: min(100%, 720px); margin: 0 auto; max-width: 720px; overflow-wrap: anywhere; white-space: normal; font-family: "cc_IA0ia0UBwW_Playfair Display", Georgia, "Times New Roman", serif; font-size: clamp(32px, 4vw, 52px); font-weight: 600; letter-spacing: -.04em; line-height: 1.08; text-align: center; }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__question { color: #22201f; display: block; font-family: "cc_IA0ia0UBwW_Playfair Display", Georgia, serif; font-size: clamp(22px, 2.3vw, 30px); font-weight: 600; letter-spacing: -.02em; line-height: 1.2; margin: 30px auto 0; text-align: center; width: 100%; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__helper { color: #706b65; font-size: 16px; line-height: 1.55; margin: 10px auto 0; max-width: 540px; }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__options { display: grid; gap: 16px; margin-top: 38px; min-width: 0; width: 100%; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__options--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__options--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__option { align-items: center; background: #fff; border: 1px solid rgba(26, 26, 26, .14); color: inherit; cursor: pointer; display: flex; flex-direction: column; gap: 10px; min-height: 235px; padding: 24px 18px; position: relative; text-align: center; transition: background .18s ease, border-color .18s ease, transform .18s ease; }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__option:hover, .cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__option:focus-visible { border-color: var(--bolhava-finder-accent); outline: none; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__option.is-selected { background: #f2f6ff; border-color: var(--bolhava-finder-accent); box-shadow: 0 10px 26px rgba(0,71,171,.14); }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__option:hover { transform: translateY(-2px); }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__option-index { color: #8a857f; font-size: 11px; left: 18px; letter-spacing: .08em; position: absolute; top: 18px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__icon { align-items: center; background: #f3f3f2; border-radius: 50%; color: var(--bolhava-finder-accent); display: flex; height: 76px; justify-content: center; margin-top: 14px; width: 76px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__icon svg { fill: none; height: 42px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.4; width: 42px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__option strong { display: block; font-size: 18px; line-height: 1.2; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__option small { display: block; margin-top: 8px; color: #706b65; font-size: 13px; line-height: 1.45; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__check { color: var(--bolhava-finder-accent); font-size: 20px; position: absolute; right: 18px; top: 16px; }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__option--answer { min-height: 190px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__answer-mark { align-items: center; background: #f3f3f2; border-radius: 50%; color: var(--bolhava-finder-accent); display: flex; font-family: "cc_IA0ia0UBwW_Playfair Display", Georgia, serif; font-size: 28px; font-weight: 600; height: 64px; justify-content: center; margin-top: 10px; width: 64px; }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__navigation { align-items: center; display: flex; justify-content: center; margin-top: 24px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__back { background: transparent; border: 0; color: #55514d; cursor: pointer; font: inherit; font-size: 14px; padding: 12px 4px; text-decoration: underline; text-underline-offset: 4px; }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__result { margin: 0 auto; max-width: 680px; padding: 12px 0 8px; text-align: center; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__result > span { color: var(--bolhava-finder-accent); display: block; font-size: 12px; font-weight: 700; letter-spacing: .12em; margin-bottom: 18px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__result p { color: #5f5b56; font-size: 18px; line-height: 1.55; margin: 20px auto 0; max-width: 570px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__result-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; margin-top: 30px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__result-actions a { background: var(--bolhava-finder-accent); color: #fff; font-weight: 700; padding: 16px 24px; text-decoration: none; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__result-actions b { font-size: 18px; margin-left: 10px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__result-actions .bolhava-fan-finder__support { background: transparent; border-bottom: 1px solid #1a1a1a; color: #1a1a1a; padding: 10px 0; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__window-link { color: #5f5b56; display: inline-block; font-size: 14px; margin-top: 30px; text-decoration: underline; text-underline-offset: 4px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__result > .bolhava-fan-finder__back { display: block; margin: 14px auto 0; }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__summary { align-items: center; color: #5f5b56; display: flex; flex-wrap: wrap; font-size: 13px; gap: 9px; justify-content: center; margin-top: 20px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__summary b { font-weight: 600; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__summary i { color: var(--bolhava-finder-accent); font-style: normal; }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__reason-box { background: #fff; border: 1px solid rgba(0,71,171,.18); margin: 28px auto 0; max-width: 570px; padding: 22px 24px; text-align: left; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__reason-box > strong { color: var(--bolhava-finder-accent); display: block; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__reason-box ul { display: grid; gap: 10px; list-style: none; margin: 16px 0 0; padding: 0; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__reason-box li { color: #4f4b47; font-size: 15px; line-height: 1.45; padding-left: 22px; position: relative; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__reason-box li::before { color: var(--bolhava-finder-accent); content: "✓"; font-weight: 800; left: 0; position: absolute; top: 0; }
.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__result .bolhava-fan-finder__technical-note { background: #f2f6ff; border-left: 3px solid var(--bolhava-finder-accent); color: #4f4b47; font-size: 14px; line-height: 1.55; margin-top: 18px; max-width: 570px; padding: 14px 16px; text-align: left; }
@media (max-width: 760px) { .cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder { padding: 56px 20px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__options--three, .cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__options--four { grid-template-columns: 1fr; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__option, .cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__option--answer { min-height: 104px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__option--answer { padding-top: 22px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__icon, .cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__answer-mark { height: 54px; margin-top: 0; width: 54px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__icon svg { height: 32px; width: 32px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__result-actions { align-items: stretch; flex-direction: column; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__result-actions a { text-align: center; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__window-link { line-height: 1.65; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__result > .bolhava-fan-finder__back { margin-top: 14px; }.cc_IA0ia0UBwW_oRnTYKCIPL .bolhava-fan-finder__reason-box { padding: 18px; } }

/*
 * Responsive: use the theme's breakpoints in CSS. CSS media queries can't use
 * var(), so write the min-width/max-width yourself and use `bp(<breakpointId>)`
 * for the value — it resolves to the breakpoint's `<width>px` at render time
 * against the store's live width. Get <breakpointId> from
 * `npx ikas-component list-theme-globals` (breakpoints[].id) — use the id, not the name.
 *
 * @media (max-width: bp(_AbC123)) { .bolhava-fan-finder { padding: 32px 16px; } }
 * @media (min-width: bp(_AbC123)) { .bolhava-fan-finder-inner { display: flex; gap: 24px; } }
 */