.prf-tc { margin: 28px 0; }
.prf-tc-search { margin-bottom: 18px; }
.prf-tc-search label { display: block; font-weight: 700; margin-bottom: 7px; }
.prf-tc-search input { box-sizing: border-box; width: 100%; max-width: 680px; padding: 12px 14px; border: 1px solid #ccd0d4; border-radius: 6px; font-size: 16px; }
.prf-tc-tabs { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 24px; }
.prf-tc .prf-tc-tab { padding: 11px 16px; border: 2px solid #0d2340 !important; border-radius: 7px; background: #0d2340 !important; color: #fff !important; cursor: pointer; font-weight: 700; line-height: 1.25; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease; }
.prf-tc .prf-tc-tab:hover,
.prf-tc .prf-tc-tab:focus-visible { background: #183b68 !important; border-color: #183b68 !important; color: #fff !important; }
.prf-tc .prf-tc-tab.is-active { background: #e72636 !important; border-color: #e72636 !important; color: #fff !important; box-shadow: 0 5px 14px rgba(231,38,54,.2); }
.prf-tc .prf-tc-tab.is-active:hover,
.prf-tc .prf-tc-tab.is-active:focus-visible { background: #cd1d2c !important; border-color: #cd1d2c !important; }
.prf-tc-tab span { color: inherit !important; opacity: .82; }
.prf-tc-panel { display: none; }
.prf-tc-panel.is-active { display: block; }
.prf-tc-letter { display: grid; grid-template-columns: 48px 1fr; gap: 12px; padding: 14px 0; border-top: 1px solid #eee; }
.prf-tc .prf-tc-letter[hidden],
.prf-tc .prf-tc-letter.is-filtered-out,
.prf-tc li[data-title][hidden],
.prf-tc li[data-title].is-filtered-out,
.prf-tc .prf-tc-empty[hidden] { display: none !important; }
.prf-tc-letter h3 { margin: 0; font-size: 24px; }
.prf-tc-letter ul { columns: 2; column-gap: 28px; margin: 0; padding-left: 20px; }
.prf-tc-letter li { break-inside: avoid; margin: 0 0 8px; }
.prf-tc-offer { margin: 28px 0; padding: 22px; border-radius: 10px; background: #0d2340; color: #fff; }
.prf-tc-offer h2 { color: #fff; margin-top: 0; }
.prf-tc-messengers { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 15px; }
.prf-tc-button { display: inline-block; padding: 10px 15px; border-radius: 6px; background: #fff; color: #0d2340 !important; text-decoration: none; font-weight: 700; }
.prf-tc-button:hover,
.prf-tc-button:focus-visible { background: #eef2f7; color: #0d2340 !important; }
.prf-tc-button--max,
.prf-tc-button--max:hover,
.prf-tc-button--max:focus-visible { background: #e72636; color: #fff !important; }
.prf-tc-button--max:hover,
.prf-tc-button--max:focus-visible { background: #cd1d2c; }
.prf-tc-back { margin: 0 0 18px; }
.prf-tc-empty { padding: 15px; background: #fff3cd; border-radius: 6px; }

.prf-tc-offer--top { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 18px; margin: 18px 0 24px; padding: 18px 20px; }
.prf-tc-offer--top h2 { font-size: 22px; line-height: 1.25; margin: 0; }
.prf-tc-offer--top p { margin: 6px 0 0; }
.prf-tc-offer--top .prf-tc-messengers { justify-content: flex-end; margin-top: 0; }

@media (max-width: 900px) {
    .prf-tc-offer--top { grid-template-columns: 1fr; }
    .prf-tc-offer--top .prf-tc-messengers { justify-content: flex-start; }
}

@media (max-width: 640px) {
    .prf-tc-letter { grid-template-columns: 36px 1fr; }
    .prf-tc-letter ul { columns: 1; }
    .prf-tc-tab { flex: 1 1 auto; }
    .prf-tc-button { width: 100%; box-sizing: border-box; text-align: center; }
    .prf-tc-offer--top { padding: 18px; }
    .prf-tc-offer--top h2 { font-size: 21px; }
}