/* Сервисные центры и гарантия (/clients/warranty/) — стиль сайта */
body:has(.wr-page) { background: #f7f7f7; }
body:has(.wr-page) h1 { font-size: 34px; font-weight: 800; letter-spacing: -.02em; color: #16161d; margin: 28px 0 24px; }
.wr-page { padding-bottom: 48px; }
.wr-page .wr-h { font-size: 22px; font-weight: 800; letter-spacing: -.015em; color: #16161d; margin: 34px 0 14px; }

.wr-top { display: grid; grid-template-columns: 300px 1fr; gap: 16px; }
.wr-card { background: #fff; border-radius: 24px; padding: 24px; }
.wr-big { background: #16161d; color: #fff; border-radius: 24px; padding: 24px; }
.wr-big b { display: block; font-size: 54px; font-weight: 800; letter-spacing: -.03em; color: #ff6900; line-height: 1; }
.wr-big span { display: block; font-size: 15px; color: #d3d5db; margin-top: 10px; line-height: 1.4; }
.wr-facts { display: flex; flex-direction: column; gap: 14px; justify-content: center; }
.wr-fact { display: flex; gap: 14px; align-items: flex-start; font-size: 15px; line-height: 1.45; color: #16161d; }
.wr-fact i { width: 34px; height: 34px; border-radius: 11px; background: #fff2e8; color: #ff6900; display: flex; align-items: center; justify-content: center; flex: none; font-style: normal; font-weight: 800; }
.wr-main { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.wr-main small { display: block; font-size: 12px; color: #8a8f9c; margin-bottom: 4px; }
.wr-main b { font-size: 15px; font-weight: 600; line-height: 1.35; color: #16161d; }
.wr-main a { color: #16161d; text-decoration: none; }

.wr-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.wr-chip { border: 0; background: #fff; color: #44464f; font-size: 14px; font-weight: 500; padding: 9px 16px; border-radius: 99px; cursor: pointer; font-family: inherit; transition: background .15s, color .15s; }
.wr-chip:hover { background: #ececef; }
.wr-chip em { font-style: normal; font-size: 12px; background: #f4f4f6; border-radius: 99px; padding: 1px 8px; margin-left: 6px; }
.wr-chip.is-on { background: #16161d; color: #fff; font-weight: 600; }
.wr-chip.is-on em { background: rgba(255, 255, 255, .18); }

.wr-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.wr-sc { background: #fff; border-radius: 22px; padding: 20px 22px; }
.wr-sc[hidden] { display: none; }
.wr-sc__city { font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #ff6900; margin-bottom: 4px; }
.wr-sc h4 { font-size: 16.5px; font-weight: 700; margin: 0 0 10px; line-height: 1.3; color: #16161d; }
.wr-row { display: flex; gap: 10px; font-size: 14px; line-height: 1.45; color: #4a4d58; margin-top: 7px; }
.wr-row s { width: 16px; flex: none; text-decoration: none; color: #ff6900; font-size: 9px; padding-top: 5px; }
.wr-row a { color: #16161d; font-weight: 600; text-decoration: none; }
.wr-row a:hover { color: #ff6900; }

@media (max-width: 991.98px) {
    .wr-top { grid-template-columns: 1fr; }
    .wr-main { grid-template-columns: 1fr; }
    .wr-cards { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
    body:has(.wr-page) h1 { font-size: 26px; margin-top: 20px; }
    .wr-page .wr-h { font-size: 20px; margin-top: 28px; }
    .wr-card, .wr-big { padding: 20px 16px; border-radius: 22px; }
    .wr-big b { font-size: 44px; }
    .wr-chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -15px 16px; padding: 0 15px; scrollbar-width: none; }
    .wr-chips::-webkit-scrollbar { display: none; }
    .wr-chip { white-space: nowrap; flex: none; }
}