/* Дизайн системата на публичния сайт по макета (Mockup/*.dc.html): токени, основа, компоненти, оформление и началната.
   Mobile-first; пречупвания 768 (таблет) и 1200 (компютър). Без билд: файлът на диска е файлът, който работи. */

@font-face {
    font-family: 'Geologica';
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/geologica-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Geologica';
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/geologica-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'JetBrains Mono';
    font-weight: 100 800;
    font-display: swap;
    src: url('../fonts/jbmono-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'JetBrains Mono';
    font-weight: 100 800;
    font-display: swap;
    src: url('../fonts/jbmono-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2192, U+2212;
}

:root {
    --rp-green: #0E8F4A;
    --rp-green-hover: #0B7A3F;
    --rp-green-ink: #0B6B38;
    --rp-green-50: #E7F5EC;
    --rp-green-100: #D2ECDC;
    --rp-green-line: #DCE9E0;
    --rp-green-soft: #E7F0EA;
    --rp-green-mid: #1A9C56;
    --rp-green-dash: #5FC08A;
    --rp-on-green: #E0F2E7;
    --rp-on-green-2: #F2FAF5;
    --rp-ink: #0D1611;
    --rp-ink-hover: #24302A;
    --rp-text: #37423C;
    --rp-text-strong: #2A352F;
    --rp-muted: #5E6A63;
    --rp-faint: #8A958E;
    --rp-quiet: #B7C1BB;
    --rp-surface: #F4F7F5;
    --rp-surface-2: #E7EDE9;
    --rp-hover-card: #FBFDFC;
    --rp-line: #E4EAE6;
    --rp-line-soft: #EEF2EF;
    --rp-field: #D3DBD6;
    --rp-dashed: #B7C8BE;
    --rp-yellow: #FFC93C;
    --rp-yellow-hover: #FFD65E;
    --rp-yellow-50: #FFF6D6;
    --rp-yellow-100: #FFEDB0;
    --rp-yellow-ink: #3F3200;
    --rp-yellow-deep: #7A5600;
    --rp-warn-ink: #6B4B00;
    --rp-red: #B0452A;
    --rp-red-50: #FDECE8;
    --rp-red-ink: #7A2A14;
    --rp-bad-ink: #9A3412;
    --rp-viber: #7360F2;
    --rp-viber-hover: #6150D8;
    --rp-whatsapp: #25D366;
    --rp-whatsapp-hover: #1EBE5A;
    --rp-facebook: #1877F2;

    --rp-r-xl: 40px;
    --rp-r-lg: 28px;
    --rp-r: 24px;
    --rp-r-md: 18px;
    --rp-r-sm: 14px;
    --rp-pill: 999px;

    --rp-font: 'Geologica', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --rp-mono-font: 'JetBrains Mono', ui-monospace, Consolas, monospace;
    --rp-focus: var(--rp-green);
    --rp-gutter: 16px;
    --rp-header-h: 64px;
    --rp-dock-h: 74px;
    --rp-section: 56px;
    --rp-section-end: 40px;
    --rp-t: .15s ease;
}

/* Основа */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-padding-top: calc(var(--rp-header-h) + 16px);
}

html.rp-locked {
    overflow: hidden;
}

body {
    margin: 0;
    min-width: 320px;
    background: #FFFFFF;
    color: var(--rp-ink);
    font-family: var(--rp-font);
    font-size: 16px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-wrap: break-word;
    /* Буквите са като в макета: без българските местни форми, които lang="bg" иначе включва. */
    font-feature-settings: "locl" 0;
}

h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {
    margin: 0;
}

h1, h2, h3, h4 {
    font-weight: 600;
    text-wrap: balance;
}

:where(ul[class], ol[class]) {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
}

img,
svg,
video {
    display: block;
    max-width: 100%;
}

img {
    height: auto;
}

button,
input,
select,
textarea {
    font: inherit;
    color: inherit;
}

button {
    cursor: pointer;
}

[x-cloak] {
    display: none !important;
}

:focus-visible {
    outline: 3px solid var(--rp-focus);
    outline-offset: 2px;
}

.rp-icon {
    flex: none;
}

.rp-icon--green {
    color: var(--rp-green);
}

.rp-icon--viber {
    color: var(--rp-viber);
}

.rp-sr {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

/* Скритото поле за ботове: извън екрана, не display:none (някои ботове пропускат скритите полета). */
.rp-hp {
    position: absolute !important;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.rp-skip {
    position: fixed;
    left: 16px;
    top: -100px;
    z-index: 100;
    padding: 12px 18px;
    border-radius: var(--rp-pill);
    background: var(--rp-ink);
    color: #FFFFFF;
    font-weight: 600;
}

.rp-skip:focus {
    top: 12px;
}

.rp-mono {
    font-family: var(--rp-mono-font);
}

.rp-accent {
    color: var(--rp-green);
}

.rp-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 var(--rp-gutter);
}

.rp-main {
    display: block;
}

/* Заглавия */
.rp-h2 {
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: -.035em;
}

.rp-h2--narrow {
    max-width: 12em;
}

.rp-h2--wide {
    max-width: 14em;
}

.rp-h3 {
    font-size: 26px;
    line-height: 1.1;
    letter-spacing: -.035em;
}

/* Връзки */
.rp-link {
    color: var(--rp-green);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color var(--rp-t);
}

.rp-link:hover {
    color: var(--rp-green-hover);
}

.rp-more {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 6px;
    color: var(--rp-green);
    font-weight: 500;
    transition: color var(--rp-t);
}

.rp-more:hover {
    color: var(--rp-green-hover);
}

/* Бутони: един клас с локални променливи, вариантът само ги пренасочва; при посочване се сменя само цветът. */
.rp-btn {
    --bg: var(--rp-surface);
    --fg: var(--rp-ink);
    --bd: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 22px;
    border: 1px solid var(--bd);
    border-radius: var(--rp-pill);
    background: var(--bg);
    color: var(--fg);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    transition: background-color var(--rp-t), border-color var(--rp-t), color var(--rp-t);
}

.rp-btn:hover {
    --bg: var(--rp-green-50);
    --fg: var(--rp-green-hover);
}

.rp-btn--primary {
    --bg: var(--rp-green);
    --fg: #FFFFFF;
}

.rp-btn--primary:hover,
.rp-btn--primary.is-active {
    --bg: var(--rp-green-hover);
    --fg: #FFFFFF;
}

.rp-btn--dark {
    --bg: var(--rp-ink);
    --fg: #FFFFFF;
}

.rp-btn--dark:hover {
    --bg: var(--rp-ink-hover);
    --fg: #FFFFFF;
}

.rp-btn--outline {
    --bg: #FFFFFF;
    --fg: var(--rp-ink);
    --bd: var(--rp-field);
}

.rp-btn--outline:hover {
    --bg: #FFFFFF;
    --fg: var(--rp-ink);
    --bd: var(--rp-ink);
}

.rp-btn--soft {
    font-weight: 500;
}

.rp-btn--white {
    --bg: #FFFFFF;
    --fg: var(--rp-ink);
}

.rp-btn--white:hover {
    --bg: var(--rp-yellow-50);
    --fg: var(--rp-ink);
}

.rp-btn--yellow {
    --bg: var(--rp-yellow);
    --fg: var(--rp-ink);
}

.rp-btn--yellow:hover {
    --bg: var(--rp-yellow-hover);
    --fg: var(--rp-ink);
}

.rp-btn--viber {
    --bg: var(--rp-viber);
    --fg: #FFFFFF;
}

.rp-btn--viber:hover {
    --bg: var(--rp-viber-hover);
    --fg: #FFFFFF;
}

.rp-btn--whatsapp {
    --bg: var(--rp-whatsapp);
    --fg: var(--rp-ink);
}

.rp-btn--whatsapp:hover {
    --bg: var(--rp-whatsapp-hover);
    --fg: var(--rp-ink);
}

.rp-btn--block {
    display: flex;
    width: 100%;
}

.rp-btn--sm {
    min-height: 42px;
    padding: 0 16px;
    font-size: 14.5px;
    font-weight: 500;
}

.rp-btn--lg {
    min-height: 54px;
    padding: 0 24px;
    font-size: 16px;
}

.rp-btn--xl {
    min-height: 60px;
    padding: 0 30px;
    font-size: 17px;
}

.rp-btn[aria-busy="true"] {
    cursor: progress;
}

.rp-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Телефон, Viber и WhatsApp: на телефон номерът е на цял ред, другите два до него само ако се побират. */
.rp-contact-chips {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
}

.rp-contact-chips .rp-btn {
    min-height: 54px;
    padding: 0 18px;
}

.rp-contact-chips .rp-btn:first-child {
    grid-column: 1 / -1;
}

.rp-contact-rows {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rp-contact-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    border-radius: 20px;
    background: var(--rp-surface);
    font-weight: 500;
    transition: background-color var(--rp-t);
}

.rp-contact-row:hover {
    background: var(--rp-green-50);
}

.rp-contact-row__icon {
    flex: none;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: var(--rp-pill);
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-contact-row__icon--viber {
    background: var(--rp-viber);
}

.rp-contact-row__icon--whatsapp {
    background: var(--rp-whatsapp);
    color: var(--rp-ink);
}

/* Формите */
.rp-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.rp-label {
    font-size: 14px;
    font-weight: 600;
}

.rp-label__note {
    font-weight: 400;
    color: var(--rp-muted);
}

.rp-hint {
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-muted);
}

.rp-input {
    display: block;
    width: 100%;
    min-height: 54px;
    padding: 0 18px;
    border: 1px solid var(--rp-field);
    border-radius: 16px;
    background: #FFFFFF;
    color: var(--rp-ink);
    font-size: 16px;
    line-height: 1.4;
    outline: none;
    appearance: none;
    transition: border-color var(--rp-t), box-shadow var(--rp-t);
}

textarea.rp-input,
.rp-input--area {
    min-height: 0;
    padding: 14px 18px;
    line-height: 1.5;
    resize: vertical;
}

select.rp-input {
    padding-right: 44px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235E6A63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
}

.rp-input::placeholder {
    color: var(--rp-faint);
    opacity: 1;
}

.rp-input:hover {
    border-color: var(--rp-quiet);
}

.rp-input:focus {
    border-color: var(--rp-green);
    box-shadow: 0 0 0 4px var(--rp-green-50);
}

.rp-input[aria-invalid="true"] {
    border-color: var(--rp-red);
}

.rp-input[aria-invalid="true"]:focus {
    box-shadow: 0 0 0 4px var(--rp-red-50);
}

.rp-field__error {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
    color: var(--rp-red);
}

.rp-field__error .rp-icon {
    margin-top: 2px;
}

.rp-form-alert {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: var(--rp-r-sm);
    background: var(--rp-red-50);
    color: var(--rp-red-ink);
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.45;
}

/* Отметки като бутони: входът е скрит, видимото е етикетът след него. */
.rp-choices {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rp-choice {
    position: relative;
    display: inline-flex;
}

.rp-choice__input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.rp-choice__label,
.rp-phrase {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid var(--rp-field);
    border-radius: var(--rp-pill);
    background: #FFFFFF;
    color: var(--rp-text);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: border-color var(--rp-t), background-color var(--rp-t), color var(--rp-t);
}

.rp-choice__label:hover,
.rp-phrase:hover {
    border-color: var(--rp-green);
}

.rp-choice__input:checked + .rp-choice__label,
.rp-phrase[aria-pressed="true"] {
    border-color: var(--rp-green);
    background: var(--rp-green-50);
    color: var(--rp-green-ink);
}

.rp-choice__input:focus-visible + .rp-choice__label {
    outline: 3px solid var(--rp-focus);
    outline-offset: 2px;
}

/* Полето за файл (<x-rp-file>): входът е скрит в пунктирания бутон (на телефон на цял ред); избраното е ред с имената и изчистване. */
.rp-file {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    min-width: 0;
}

.rp-add {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 8px 16px;
    border: 1px dashed var(--rp-dashed);
    border-radius: var(--rp-pill);
    background: #FFFFFF;
    color: var(--rp-green-ink);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    cursor: pointer;
    transition: background-color var(--rp-t), border-color var(--rp-t);
}

.rp-add:hover {
    background: var(--rp-surface);
}

.rp-add:has(.rp-file__input:focus-visible) {
    outline: 3px solid var(--rp-focus);
    outline-offset: 2px;
}

.rp-file__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    opacity: 0;
}

.rp-file.is-invalid .rp-file__pick {
    border-color: var(--rp-red);
    color: var(--rp-red);
}

.rp-file__more,
.rp-file.has-file .rp-file__first,
.rp-file.is-full .rp-file__pick {
    display: none;
}

.rp-file.has-file .rp-file__more {
    display: inline;
}

.rp-file__chosen {
    display: none;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 4px 10px;
    min-width: 0;
    font-size: 14px;
    color: var(--rp-text);
    overflow-wrap: anywhere;
}

.rp-file.has-file .rp-file__chosen {
    display: grid;
}

.rp-file__chosen > .rp-icon {
    color: var(--rp-green);
}

.rp-file__names strong {
    font-weight: 600;
    color: var(--rp-ink);
}

.rp-file.is-invalid .rp-file__names,
.rp-file.is-invalid .rp-file__names strong,
.rp-file.is-invalid .rp-file__chosen > .rp-icon {
    color: var(--rp-red);
}

.rp-file__clear {
    grid-column: 2;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 0;
    border: 0;
    background: none;
    color: var(--rp-green);
    font-size: 14px;
    font-weight: 500;
    transition: color var(--rp-t);
}

.rp-file__clear:hover {
    color: var(--rp-green-hover);
}

/* Превключвател (бисквитките) */
.rp-switch {
    position: relative;
    flex: none;
    width: 48px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: var(--rp-pill);
    background: var(--rp-field);
    transition: background-color var(--rp-t);
}

.rp-switch::after {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    width: 22px;
    height: 22px;
    border-radius: var(--rp-pill);
    background: #FFFFFF;
}

.rp-switch:hover {
    background: var(--rp-quiet);
}

.rp-switch.is-on {
    background: var(--rp-green);
}

.rp-switch.is-on:not([aria-disabled="true"]):hover {
    background: var(--rp-green-hover);
}

.rp-switch.is-on::after {
    left: 23px;
}

.rp-switch[aria-disabled="true"] {
    opacity: .6;
    cursor: default;
}

/* Въпроси и отговори като <details> */
.rp-acc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rp-acc__item {
    border: 1px solid var(--rp-line);
    border-radius: 20px;
    background: #FFFFFF;
    transition: background-color var(--rp-t), border-color var(--rp-t);
}

.rp-acc__item[open] {
    border-color: var(--rp-surface);
    background: var(--rp-surface);
}

.rp-acc__q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -.01em;
    list-style: none;
    cursor: pointer;
}

.rp-acc__q::-webkit-details-marker {
    display: none;
}

.rp-acc__q::marker {
    content: '';
}

.rp-acc__sign {
    flex: none;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--rp-pill);
    background: var(--rp-surface);
    color: var(--rp-ink);
    transition: background-color var(--rp-t), color var(--rp-t);
}

.rp-acc__q:hover .rp-acc__sign {
    background: var(--rp-green-50);
    color: var(--rp-green);
}

.rp-acc__item[open] .rp-acc__sign {
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-acc__minus,
.rp-acc__item[open] .rp-acc__plus {
    display: none;
}

.rp-acc__item[open] .rp-acc__minus {
    display: block;
}

.rp-acc__a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    max-width: 44em;
    padding: 0 18px 18px;
    font-size: 16px;
    line-height: 1.6;
    color: var(--rp-text);
}

/* Пътечката: „Начало / Страница“, целият път и на телефон, 14 px (Р-14); отстъпът вдясно пренася пътя преди слънцето. */
.rp-crumbs {
    padding-right: 48px;
    font-size: 14px;
    color: var(--rp-muted);
}

.rp-crumbs__link {
    transition: color var(--rp-t);
}

.rp-crumbs__link:hover {
    color: var(--rp-green);
}

.rp-crumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.rp-crumbs__item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.rp-crumbs__sep {
    color: var(--rp-quiet);
}

.rp-crumbs__item [aria-current="page"] {
    color: var(--rp-ink);
}

/* Съдържание от редактора */
.rp-prose {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 16.5px;
    line-height: 1.7;
    color: var(--rp-text);
}

.rp-prose h2,
.rp-prose h3 {
    margin-top: 16px;
    color: var(--rp-ink);
    letter-spacing: -.025em;
    line-height: 1.2;
}

.rp-prose h2 {
    font-size: 26px;
}

.rp-prose h3 {
    font-size: 20px;
}

.rp-prose ul,
.rp-prose ol {
    margin: 0;
    padding-left: 1.3em;
}

.rp-prose li + li {
    margin-top: 6px;
}

.rp-prose a {
    color: var(--rp-green);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.rp-prose a:hover {
    color: var(--rp-green-hover);
}

.rp-prose img {
    border-radius: var(--rp-r-md);
}

/* „Цитат“ от редактора е сиво каре за бележка, без цветен ръб; в статията е по-голямо (.rp-art-body blockquote). */
.rp-prose blockquote {
    margin: 14px 0;
    padding: 18px 20px;
    border-radius: var(--rp-r-md);
    background: var(--rp-surface);
    color: var(--rp-text);
    font-size: 15px;
    line-height: 1.6;
}

.rp-prose blockquote > * + * {
    margin-top: 14px;
}

/* Таблица от редактора: на телефон редове с етикет на колоната (data-lb), от 768 px обикновена таблица. */
.rp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    line-height: 1.45;
}

.rp-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.rp-table tr {
    display: block;
    padding: 14px 0;
    border-bottom: 1px solid var(--rp-line-soft);
}

.rp-table th,
.rp-table td {
    display: block;
    padding: 0;
    text-align: left;
    vertical-align: top;
}

.rp-table td + td {
    margin-top: 8px;
}

.rp-table td:first-child {
    font-weight: 600;
    color: var(--rp-ink);
}

.rp-table td[data-lb]::before {
    content: attr(data-lb);
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: var(--rp-faint);
}

@media (min-width: 768px) {
    .rp-table thead {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        clip-path: none;
        white-space: normal;
    }

    .rp-table tr {
        display: table-row;
        padding: 0;
        border-bottom: 0;
    }

    .rp-table th,
    .rp-table td {
        display: table-cell;
        padding: 12px 14px;
        border-bottom: 1px solid var(--rp-line-soft);
    }

    .rp-table td + td {
        margin-top: 0;
    }

    .rp-table td:first-child {
        font-weight: 400;
        color: inherit;
    }

    .rp-table td[data-lb]::before {
        content: none;
    }

    .rp-table th {
        font-weight: 600;
        color: var(--rp-ink);
    }

    .rp-prose blockquote {
        padding: 20px 24px;
    }
}

/* Горната лента (от 768 px): 14 px на таблет (Р-15), 13,5 px по макета от 1200 px */
.rp-topbar {
    display: none;
    border-bottom: 1px solid var(--rp-line);
    background: var(--rp-surface);
    color: var(--rp-text);
    font-size: 14px;
}

.rp-topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    height: 40px;
}

.rp-topbar__side {
    display: flex;
    align-items: center;
    gap: 24px;
    min-width: 0;
}

.rp-topbar__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    transition: color var(--rp-t);
}

.rp-topbar__link:hover,
.rp-topbar__link.is-active {
    color: var(--rp-green);
}

.rp-topbar__phone {
    color: var(--rp-ink);
    font-weight: 600;
}

.rp-topbar__phone .rp-icon {
    color: var(--rp-green);
}

.rp-topbar__hours {
    display: none;
    color: var(--rp-faint);
    white-space: nowrap;
}

/* Хедърът: бургер вляво (Р-9), лого, кръгъл телефон; менюто и „Заявете ремонт“ от 1200 px. */
.rp-header {
    position: sticky;
    top: 0;
    z-index: 40;
    border-bottom: 1px solid var(--rp-line);
    background: #FFFFFF;
}

.rp-header__inner {
    display: flex;
    align-items: center;
    gap: 12px;
    height: var(--rp-header-h);
}

.rp-header__burger {
    flex: none;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: var(--rp-pill);
    background: var(--rp-surface);
    color: var(--rp-ink);
    transition: background-color var(--rp-t), color var(--rp-t);
}

.rp-header__burger:hover {
    background: var(--rp-green-50);
    color: var(--rp-green);
}

.rp-header__logo {
    min-width: 0;
    margin-right: auto;
}

.rp-header__call {
    flex: none;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--rp-pill);
    background: var(--rp-green-50);
    color: var(--rp-green);
    transition: background-color var(--rp-t), color var(--rp-t);
}

.rp-header__call:hover {
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-header__cta {
    display: none;
    flex: none;
    white-space: nowrap;
}

.rp-nav {
    display: none;
}

/* Логото (<x-logo>): знакът е в токените, качено лого замества знака и името. */
.rp-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: var(--rp-ink);
}

.rp-logo__mark {
    flex: none;
    width: 34px;
    height: 34px;
}

.rp-logo__tile {
    fill: var(--rp-green);
}

.rp-logo__posts {
    stroke: #FFFFFF;
}

.rp-logo__posts:nth-of-type(2) {
    opacity: .7;
}

.rp-logo__pulse {
    stroke: var(--rp-yellow);
}

.rp-logo__text {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.1;
}

.rp-logo__name {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.02em;
    white-space: nowrap;
}

.rp-logo__tag {
    font-size: 11.5px;
    color: var(--rp-muted);
    white-space: nowrap;
}

.rp-logo__img {
    width: auto;
    max-height: 40px;
}

.rp-logo__name {
    transition: color var(--rp-t);
}

a.rp-logo:hover .rp-logo__name {
    color: var(--rp-green-ink);
}

/* Менюто на цял екран */
.rp-drawer {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #FFFFFF;
}

.rp-drawer__head {
    flex: none;
    display: flex;
    align-items: center;
    gap: 12px;
    height: var(--rp-header-h);
}

.rp-drawer__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 12px;
    padding-bottom: calc(24px + env(safe-area-inset-bottom));
}

.rp-drawer__list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rp-drawer__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    padding: 0 16px;
    border-radius: var(--rp-r-md);
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -.02em;
    transition: background-color var(--rp-t), color var(--rp-t);
}

.rp-drawer__link .rp-icon {
    color: var(--rp-quiet);
}

.rp-drawer__link:hover {
    background: var(--rp-surface);
}

.rp-drawer__link.is-active {
    background: var(--rp-green-50);
    color: var(--rp-green-ink);
}

.rp-drawer__link.is-active .rp-icon,
.rp-drawer__link:hover .rp-icon {
    color: var(--rp-green);
}

.rp-drawer__tiles {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin-top: 18px;
}

.rp-drawer__tile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 52px;
    padding: 0 12px;
    border-radius: 16px;
    background: var(--rp-surface);
    font-size: 14px;
    font-weight: 600;
    transition: background-color var(--rp-t);
}

.rp-drawer__tile .rp-icon {
    color: var(--rp-green);
}

.rp-drawer__tile:hover,
.rp-drawer__tile.is-active {
    background: var(--rp-green-50);
}

.rp-drawer__contact {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
    padding-top: 24px;
}

.rp-drawer__contact .rp-btn {
    min-height: 54px;
    font-size: 16px;
}

.rp-drawer__pair {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
}

.rp-drawer__hours {
    margin-top: 6px;
    text-align: center;
    font-size: 14px;
    color: var(--rp-muted);
}

/* Лентата долу на телефон */
.rp-body--dock {
    padding-bottom: calc(var(--rp-dock-h) + env(safe-area-inset-bottom));
}

.rp-dock {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 45;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr);
    gap: 8px;
    padding: 10px 12px calc(12px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--rp-line);
    background: #FFFFFF;
}

.rp-dock__link,
.rp-dock__main {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    border-radius: 16px;
    font-weight: 600;
    transition: background-color var(--rp-t);
}

.rp-dock__link {
    flex-direction: column;
    gap: 2px;
    background: var(--rp-surface);
    font-size: 12px;
}

.rp-dock__link:hover {
    background: var(--rp-green-50);
}

.rp-dock__icon {
    color: var(--rp-green);
}

.rp-dock__icon--viber {
    color: var(--rp-viber);
}

.rp-dock__main {
    gap: 8px;
    background: var(--rp-green);
    color: #FFFFFF;
    font-size: 15px;
}

.rp-dock__main:hover {
    background: var(--rp-green-hover);
}

html.rp-typing .rp-dock,
html.rp-typing .rp-totop {
    display: none;
}

/* Футърът */
.rp-footer {
    border-top: 1px solid var(--rp-line);
    background: var(--rp-surface);
    padding: 32px 0 28px;
}

.rp-footer__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 22px 20px;
}

.rp-footer__brand {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.rp-footer__about {
    max-width: 24em;
    font-size: 14px;
    line-height: 1.55;
    color: var(--rp-muted);
}

.rp-footer__social {
    display: flex;
    gap: 8px;
}

.rp-footer__fb {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-pill);
    background: #FFFFFF;
    color: var(--rp-facebook);
    transition: background-color var(--rp-t), color var(--rp-t), border-color var(--rp-t);
}

.rp-footer__fb:hover {
    border-color: var(--rp-facebook);
    background: var(--rp-facebook);
    color: #FFFFFF;
}

.rp-footer__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
}

.rp-footer__col--contact {
    grid-column: 1 / -1;
    padding-top: 18px;
    border-top: 1px solid var(--rp-line);
}

.rp-footer__title {
    margin-bottom: 2px;
    font-weight: 600;
}

.rp-footer__link {
    color: var(--rp-muted);
    transition: color var(--rp-t);
}

.rp-footer__link:hover,
.rp-footer__contact:hover {
    color: var(--rp-green);
}

.rp-footer__contact {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--rp-text);
    font-weight: 500;
    transition: color var(--rp-t);
}

.rp-footer__icon {
    color: var(--rp-green);
}

.rp-footer__icon--viber {
    color: var(--rp-viber);
}

.rp-footer__icon--whatsapp {
    color: var(--rp-whatsapp);
}

.rp-footer__hours {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--rp-muted);
}

.rp-footer__hours .rp-icon {
    color: var(--rp-faint);
}

.rp-footer__bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--rp-line);
    font-size: 14px;
    color: var(--rp-muted);
}

.rp-footer__legal {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
}

.rp-footer__legal-link {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font-size: inherit;
    text-align: left;
    transition: color var(--rp-t);
}

.rp-footer__legal-link:hover {
    color: var(--rp-green);
}

/* Подписът на изработката е по-блед от правните връзки; при посочване става зелен като тях. */
.rp-footer__credit {
    color: var(--rp-quiet);
}

/* Бутонът „Нагоре“: кръг с пръстен, който се пълни с превъртането; на телефон над лентата долу. */
.rp-totop {
    position: fixed;
    right: 14px;
    bottom: calc(14px + env(safe-area-inset-bottom));
    z-index: 44;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid var(--rp-line);
    border-radius: 50%;
    background: #FFFFFF;
    color: var(--rp-green);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, color var(--rp-t), background-color var(--rp-t);
}

.rp-body--dock .rp-totop {
    bottom: calc(var(--rp-dock-h) + 14px + env(safe-area-inset-bottom));
}

.rp-totop.is-on {
    opacity: 1;
    pointer-events: auto;
}

.rp-totop:hover {
    background: var(--rp-green-50);
    color: var(--rp-green-hover);
}

.rp-totop .rp-icon {
    position: relative;
    z-index: 1;
}

.rp-totop__ring {
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    background: conic-gradient(var(--rp-green) var(--p, 0%), rgba(13, 22, 17, .1) 0);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3px));
    pointer-events: none;
}

/* Бисквитките: лента долу вляво и панел с настройки. */
.rp-consent__banner {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    z-index: 50;
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    padding: 20px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r);
    background: #FFFFFF;
    box-shadow: 0 24px 60px -20px rgba(13, 22, 17, .35);
}

.rp-body--dock .rp-consent__banner {
    bottom: calc(var(--rp-dock-h) + 12px + env(safe-area-inset-bottom));
}

.rp-consent__head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rp-consent__badge {
    flex: none;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--rp-r-sm);
    background: var(--rp-yellow-50);
    color: var(--rp-yellow-deep);
}

.rp-consent__title {
    font-size: 18px;
    letter-spacing: -.015em;
}

.rp-consent__text {
    font-size: 14.5px;
    line-height: 1.55;
    color: var(--rp-text);
}

.rp-consent__pair {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
}

.rp-consent__pair .rp-btn {
    padding: 0 10px;
    font-size: 14px;
}

.rp-consent__more {
    align-self: center;
    padding: 0;
    border: 0;
    background: none;
    color: var(--rp-muted);
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color var(--rp-t);
}

.rp-consent__more:hover {
    color: var(--rp-ink);
}

.rp-consent__overlay {
    position: fixed;
    inset: 0;
    z-index: 70;
    display: grid;
    place-items: center;
    padding: 16px;
    background: rgba(13, 22, 17, .45);
}

.rp-consent__panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: min(520px, 100%);
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    padding: 24px;
    border-radius: var(--rp-r-lg);
    background: #FFFFFF;
}

.rp-consent__panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.rp-consent__panel-title {
    font-size: 22px;
    letter-spacing: -.02em;
}

.rp-consent__close {
    flex: none;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: var(--rp-pill);
    background: var(--rp-surface);
    transition: background-color var(--rp-t);
}

.rp-consent__close:hover {
    background: var(--rp-green-50);
}

.rp-consent__rows {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rp-consent__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r-md);
}

.rp-consent__row--fixed {
    border-color: var(--rp-surface);
    background: var(--rp-surface);
}

.rp-consent__row-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.rp-consent__row-title {
    font-size: 16px;
    font-weight: 600;
}

.rp-consent__row-note {
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-muted);
}

/* Секциите на страниците */
.rp-section {
    padding-top: var(--rp-section);
}

.rp-section--tight {
    padding-top: calc(var(--rp-section) * .55);
}

/* Краят на страницата е по-близо до долната лента, а последната карта и до съдържанието над нея (Р-28). */
.rp-section--last {
    padding-bottom: var(--rp-section-end);
}

.rp-section.rp-section--cta {
    padding-top: var(--rp-section-end);
}

.rp-section__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px 24px;
    margin-bottom: 18px;
}

.rp-section__title {
    margin-bottom: 18px;
}

/* Заглавен блок на вътрешните страници: сивата кутия с пътечката, заглавието и текста. */
.rp-pagehead {
    padding-top: 12px;
}

.rp-pagehead__box {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 24px 20px 28px;
    border-radius: var(--rp-r-lg);
    background: var(--rp-surface);
}

.rp-pagehead__box::before {
    content: '';
    position: absolute;
    right: -150px;
    top: -110px;
    width: 320px;
    height: 320px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 680'%3E%3Ccircle cx='340' cy='340' r='332' fill='none' stroke='%23E1ECE5' stroke-width='3'/%3E%3Ccircle cx='340' cy='340' r='256' fill='none' stroke='%23DCE9E0' stroke-width='3'/%3E%3Ccircle cx='340' cy='340' r='180' fill='none' stroke='%23D5E6DB' stroke-width='3'/%3E%3Ccircle cx='340' cy='340' r='100' fill='%23E7F5EC'/%3E%3C/svg%3E") center / contain no-repeat;
    pointer-events: none;
}

.rp-pagehead__box > * {
    position: relative;
    z-index: 1;
}

.rp-pagehead__title {
    font-size: 34px;
    line-height: 1.04;
    letter-spacing: -.05em;
    max-width: 12em;
}

/* „Блог“ на телефон е по-едър (рамка 1g); стои преди 768 и 1200, за да важат там общите размери. */
.rp-blog-title {
    font-size: 40px;
    line-height: 1.02;
}

.rp-pagehead__text {
    max-width: 31em;
    font-size: 16px;
    line-height: 1.55;
    color: var(--rp-text);
}

/* Героят на началната (и кутията на страниците за грешка) */
.rp-hero {
    padding-top: 12px;
}

.rp-hero__box {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    padding: 28px 20px 24px;
    border-radius: var(--rp-r-lg);
    background: var(--rp-surface);
}

.rp-hero__box::before {
    content: '';
    position: absolute;
    right: -150px;
    top: -110px;
    width: 320px;
    height: 320px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 680'%3E%3Ccircle cx='340' cy='340' r='332' fill='none' stroke='%23E1ECE5' stroke-width='3'/%3E%3Ccircle cx='340' cy='340' r='256' fill='none' stroke='%23DCE9E0' stroke-width='3'/%3E%3Ccircle cx='340' cy='340' r='180' fill='none' stroke='%23D5E6DB' stroke-width='3'/%3E%3Ccircle cx='340' cy='340' r='100' fill='%23E7F5EC'/%3E%3C/svg%3E") center / contain no-repeat;
    pointer-events: none;
}

.rp-hero__box::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 150px;
    display: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='150' viewBox='0 0 130 150'%3E%3Cpath d='M0 52H130M0 92H130' stroke='%23DCEBE2' stroke-width='2'/%3E%3Crect x='35' y='20' width='10' height='130' rx='5' fill='%23DCEBE2'/%3E%3Ccircle cx='40' cy='52' r='5' fill='%23CFE6D8'/%3E%3Ccircle cx='40' cy='92' r='5' fill='%23CFE6D8'/%3E%3C/svg%3E") left bottom / 130px 150px repeat-x;
    pointer-events: none;
}

.rp-hero__box > * {
    position: relative;
    z-index: 1;
}

.rp-hero__box > .rp-hero__sun,
.rp-hero__box > .rp-hero__tile,
.rp-hero__box > .rp-hero__dots {
    position: absolute;
    pointer-events: none;
}

.rp-hero__sun {
    right: 20px;
    top: 20px;
    width: 34px;
    height: 34px;
    border-radius: var(--rp-pill);
    background: var(--rp-yellow);
}

.rp-hero__tile,
.rp-hero__dots {
    display: none;
}

.rp-hero__main {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.rp-hero__title {
    padding-right: 32px;
    font-size: 40px;
    line-height: 1.02;
    letter-spacing: -.05em;
}

.rp-hero__text {
    max-width: 28em;
    font-size: 16px;
    line-height: 1.55;
    color: var(--rp-text);
    text-wrap: pretty;
}

.rp-checks {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
}

.rp-checks__item {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.4;
}

.rp-checks__dot {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: var(--rp-pill);
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-checks__dot .rp-icon {
    width: 12px;
    height: 12px;
    stroke-width: 3;
}

/* Кратката заявка (героят) и картата за търсене на 404 */
.rp-quick {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r);
    background: #FFFFFF;
    box-shadow: 0 18px 44px -24px rgba(13, 22, 17, .22);
}

.rp-quick__title {
    font-size: 20px;
    letter-spacing: -.02em;
}

.rp-quick__note {
    font-size: 14.5px;
    line-height: 1.5;
    color: var(--rp-muted);
}

.rp-quick__pair {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

.rp-quick .rp-input--area {
    resize: none;
}

.rp-quick__privacy {
    margin-top: -4px;
    text-align: center;
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-muted);
}

.rp-quick__privacy a {
    color: var(--rp-green);
    text-decoration: underline;
    text-underline-offset: 3px;
    white-space: nowrap;
}

.rp-quick__privacy a:hover {
    color: var(--rp-green-hover);
}

.rp-quick__call {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 8px;
    padding-top: 12px;
    border-top: 1px solid var(--rp-line-soft);
    font-size: 14px;
}

.rp-quick__call > span {
    color: var(--rp-muted);
}

.rp-quick__phone {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--rp-green);
    font-weight: 600;
    white-space: nowrap;
    transition: color var(--rp-t);
}

.rp-quick__phone:hover {
    color: var(--rp-green-hover);
}

/* Страниците за грешка */
.rp-error__code {
    font-family: var(--rp-mono-font);
    font-size: 72px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -.04em;
    color: var(--rp-green);
}

.rp-error__title {
    font-size: 32px;
    line-height: 1.06;
    letter-spacing: -.045em;
}

.rp-link-cards {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

.rp-link-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 170px;
    padding: 22px;
    border-radius: var(--rp-r);
    background: var(--rp-surface);
    transition: background-color var(--rp-t);
}

.rp-link-card::before {
    content: '';
    position: absolute;
    right: -36px;
    top: -36px;
    width: 120px;
    height: 120px;
    border-radius: var(--rp-pill);
    border: 20px solid var(--rp-surface-2);
}

.rp-link-card--1 {
    background: var(--rp-green-50);
}

.rp-link-card--1::before {
    border-color: var(--rp-green-100);
}

.rp-link-card--2::before {
    border: 0;
    border-radius: 0 0 0 120px;
    background: var(--rp-surface-2);
}

.rp-link-card--3 {
    background: var(--rp-yellow-50);
}

.rp-link-card--3::before {
    border: 0;
    border-radius: 28px;
    background: var(--rp-yellow-100);
}

.rp-link-card:hover {
    background: var(--rp-green-50);
}

.rp-link-card--1:hover {
    background: var(--rp-green-100);
}

.rp-link-card--3:hover {
    background: var(--rp-yellow-100);
}

.rp-link-card__title {
    position: relative;
    margin-top: auto;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.02em;
}

.rp-link-card__text {
    font-size: 14.5px;
    line-height: 1.5;
    color: var(--rp-text);
}

.rp-link-card__more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--rp-green);
}

/* Обещанията под героя */
.rp-promises-wrap {
    padding-top: 12px;
}

.rp-promises {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
}

.rp-promise {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    border: 1px solid var(--rp-line);
    border-radius: 20px;
    background: #FFFFFF;
}

.rp-promise__icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background: var(--rp-green-50);
    color: var(--rp-green);
}

.rp-promise__icon .rp-icon {
    width: 18px;
    height: 18px;
}

.rp-promise__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rp-promise__title {
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.01em;
}

.rp-promise__text {
    font-size: 14px;
    line-height: 1.4;
    color: var(--rp-muted);
}

/* Плъзгаща се лента на телефон (стъпки, повреди, статии); от 768 px е решетка. */
.rp-rail__track {
    display: flex;
    gap: 12px;
    margin: 0 calc(-1 * var(--rp-gutter));
    padding: 0 var(--rp-gutter);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 var(--rp-gutter);
    scrollbar-width: none;
    overscroll-behavior-x: contain;
}

.rp-rail__track::-webkit-scrollbar {
    display: none;
}

.rp-rail__track > * {
    flex: none;
    width: min(270px, 78vw);
    scroll-snap-align: start;
}

.rp-rail__dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 14px;
}

.rp-rail__dot {
    width: 6px;
    height: 6px;
    border-radius: var(--rp-pill);
    background: var(--rp-field);
    transition: width .2s ease, background-color .2s ease;
}

.rp-rail__dot.is-on {
    width: 20px;
    background: var(--rp-green);
}

/* Стъпките на ремонта */
.rp-step {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 230px;
    padding: 22px;
    border-radius: var(--rp-r);
    background: var(--rp-surface);
}

.rp-step::before {
    content: '';
    position: absolute;
    right: -34px;
    top: -34px;
    width: 110px;
    height: 110px;
    border-radius: var(--rp-pill);
    border: 20px solid var(--rp-green-soft);
}

.rp-step--2::before {
    right: -30px;
    top: -30px;
    width: 110px;
    height: 110px;
    border: 0;
    border-radius: 0 0 0 110px;
    background: var(--rp-green-soft);
}

.rp-step--3 {
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-step--3::before {
    right: -46px;
    top: -46px;
    width: 150px;
    height: 150px;
    border: 0;
    background: var(--rp-yellow);
}

.rp-step--4::before {
    right: 22px;
    top: 22px;
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 16px;
    background: var(--rp-green-soft);
    transform: rotate(45deg);
}

.rp-step__num {
    position: relative;
    font-size: 48px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -.06em;
    color: var(--rp-green);
}

.rp-step--3 .rp-step__num {
    color: #FFFFFF;
}

.rp-step__title {
    margin-top: auto;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1.55;
}

.rp-step__text {
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-muted);
}

.rp-step--3 .rp-step__text {
    color: var(--rp-on-green);
}

.rp-have {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 20px;
    padding: 16px;
    border: 1px solid var(--rp-green-line);
    border-radius: var(--rp-r);
    background: var(--rp-green-50);
}

.rp-have__text {
    font-weight: 600;
    color: var(--rp-green-ink);
}

.rp-have .rp-btn--soft {
    --bg: #FFFFFF;
    --bd: var(--rp-green-line);
}

.rp-have__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

/* Марките */
.rp-brand-cards {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.rp-brand-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px 12px;
    padding: 22px;
    border-radius: var(--rp-r);
    background: var(--rp-surface);
    transition: background-color var(--rp-t), border-color var(--rp-t);
}

.rp-brand-card:hover {
    background: var(--rp-green-50);
}

.rp-brand-card__name {
    grid-row: 1;
    grid-column: 1;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.55;
}

.rp-brand-card__country {
    grid-row: 1;
    grid-column: 2;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--rp-green);
}

.rp-brand-card__country::after {
    content: '\2192';
    margin-left: 6px;
}

.rp-brand-card__types,
.rp-brand-card__link {
    display: none;
}

.rp-brand-card:first-child {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 180px;
    padding: 24px;
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-brand-card:first-child::before {
    content: '';
    position: absolute;
    right: -50px;
    top: -50px;
    width: 160px;
    height: 160px;
    border-radius: var(--rp-pill);
    background: var(--rp-green-mid);
}

.rp-brand-card:first-child:hover {
    background: var(--rp-green-hover);
}

.rp-brand-card:first-child > * {
    position: relative;
}

.rp-brand-card:first-child .rp-brand-card__country {
    align-self: flex-start;
    padding: 4px 10px;
    border-radius: var(--rp-pill);
    background: var(--rp-yellow);
    color: var(--rp-ink);
    font-size: 14px;
}

.rp-brand-card:first-child .rp-brand-card__country::after {
    content: none;
}

.rp-brand-card:first-child .rp-brand-card__name {
    margin-top: auto;
    font-size: 40px;
    letter-spacing: -.05em;
}

.rp-brand-card:first-child .rp-brand-card__link {
    display: block;
    font-size: 14px;
    font-weight: 600;
}

.rp-brand-others {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 18px;
}

.rp-brand-others__label {
    font-size: 15px;
    color: var(--rp-muted);
}

.rp-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.rp-chip {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-pill);
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    transition: border-color var(--rp-t), color var(--rp-t);
}

.rp-chip:hover {
    border-color: var(--rp-green);
    color: var(--rp-green);
}

/* Лента с призив и контакти („Не виждате марката си?“) */
.rp-band {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 24px;
    padding: 24px 20px;
    border-radius: var(--rp-r-lg);
    background: var(--rp-green-50);
}

.rp-band::before {
    content: '';
    position: absolute;
    right: -60px;
    top: -60px;
    width: 150px;
    height: 150px;
    border-radius: var(--rp-pill);
    border: 24px solid var(--rp-green-100);
}

.rp-band > * {
    position: relative;
}

.rp-band__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 40em;
}

.rp-band__title {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.2;
}

.rp-band__text {
    font-size: 16px;
    line-height: 1.5;
    color: var(--rp-text);
}

/* Повредите */
.rp-fault {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 220px;
    padding: 22px;
    border-radius: var(--rp-r);
    background: var(--rp-surface);
    transition: background-color var(--rp-t);
}

.rp-fault:hover {
    background: var(--rp-green-50);
}

.rp-faults > * {
    width: min(250px, 72vw);
}

.rp-fault__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: #FFFFFF;
    color: var(--rp-green);
}

.rp-fault__icon .rp-icon {
    width: 20px;
    height: 20px;
}

.rp-fault__title {
    margin-top: 8px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1.55;
}

.rp-fault__text {
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-muted);
}

.rp-fault__link {
    display: block;
    margin-top: auto;
    font-size: 14px;
    font-weight: 600;
    color: var(--rp-green);
}

/* Стрелката след текст, който може да се пренесе на втори ред: <x-link-end> я държи до последната дума. */
.rp-link-end {
    white-space: nowrap;
}

.rp-fault__link .rp-icon,
.rp-brand-card__link .rp-icon {
    display: inline-block;
    margin-left: 6px;
    vertical-align: -3px;
}

/* „Проверете сами“: зеленият блок с показанията на тестера */
.rp-check {
    --rp-focus: var(--rp-yellow);
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    margin-top: 20px;
    padding: 28px 20px;
    border-radius: var(--rp-r-lg);
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-check::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
    display: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 90 H320 L350 20 L380 110 L400 90 H720 L750 20 L780 110 L800 90 H1200' fill='none' stroke='%232AA564' stroke-width='3' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    pointer-events: none;
}

.rp-check > * {
    position: relative;
    z-index: 1;
}

.rp-check__main,
.rp-check__side {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.rp-check__title {
    font-size: 24px;
    line-height: 1.12;
    letter-spacing: -.03em;
}

.rp-check__text {
    font-size: 16px;
    line-height: 1.5;
    color: var(--rp-on-green);
}

.rp-check__steps {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rp-check__step {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 12px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--rp-on-green-2);
}

.rp-check__num {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: var(--rp-pill);
    background: #FFFFFF;
    color: var(--rp-green);
    font-size: 14px;
    font-weight: 600;
}

.rp-check__warn {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-radius: var(--rp-r-md);
    background: var(--rp-green-hover);
    font-size: 14px;
    line-height: 1.5;
    color: var(--rp-on-green-2);
}

.rp-check__warn .rp-icon {
    margin-top: 1px;
    color: var(--rp-yellow);
}

.rp-readings {
    padding: 16px 16px 4px;
    border-radius: 20px;
    background: #FFFFFF;
    color: var(--rp-ink);
}

.rp-readings__title {
    margin-bottom: 8px;
    font-size: 15px;
    letter-spacing: -.01em;
}

.rp-reading {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 14px 0;
    border-top: 1px solid var(--rp-line-soft);
}

.rp-reading__value {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 6px;
    border-radius: 9px;
    font-family: var(--rp-mono-font);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}

.rp-reading__value--ok {
    background: var(--rp-green-50);
    color: var(--rp-green-ink);
}

.rp-reading__value--warn {
    background: var(--rp-yellow-50);
    color: var(--rp-warn-ink);
}

.rp-reading__value--bad {
    background: var(--rp-red-50);
    color: var(--rp-bad-ink);
}

.rp-reading__body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.rp-reading__shows {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.rp-reading__means {
    font-size: 14px;
    line-height: 1.4;
    color: var(--rp-muted);
}

.rp-check__actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
}

.rp-check__request {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-weight: 500;
    color: #FFFFFF;
    transition: color var(--rp-t);
}

.rp-check__request:hover {
    color: var(--rp-on-green);
}

/* Монтажът */
.rp-montage {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    overflow: hidden;
    border-radius: var(--rp-r-lg);
    background: var(--rp-surface);
}

.rp-montage__media {
    position: relative;
    height: 200px;
    background: var(--rp-green-line);
}

.rp-montage__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rp-montage__placeholder {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: var(--rp-green);
    opacity: .45;
}

.rp-montage__body {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    padding: 24px 20px;
}

.rp-montage__body::before {
    content: '';
    position: absolute;
    right: -70px;
    top: -70px;
    width: 150px;
    height: 150px;
    border-radius: var(--rp-pill);
    background: var(--rp-yellow);
    opacity: .9;
}

.rp-montage__body > * {
    position: relative;
}

.rp-montage__title {
    font-size: 26px;
    line-height: 1.08;
    letter-spacing: -.035em;
    padding-right: 48px;
}

.rp-montage__text {
    max-width: 30em;
    font-size: 16px;
    line-height: 1.55;
    color: var(--rp-text);
}

.rp-montage__actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
}

/* „Какво получавате“ и ваучерът */
.rp-gets {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.rp-get {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--rp-line);
    border-radius: 20px;
}

.rp-get__visual {
    position: relative;
    display: grid;
    place-items: center;
}

.rp-get__badge {
    position: relative;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-get__badge .rp-icon {
    width: 22px;
    height: 22px;
}

.rp-get--2 .rp-get__badge {
    background: var(--rp-yellow);
    color: var(--rp-ink);
}

.rp-get--3 .rp-get__badge {
    background: var(--rp-ink);
}

.rp-get__body {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.rp-get__title {
    font-size: 15.5px;
    letter-spacing: -.01em;
}

.rp-get__text {
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-muted);
}

.rp-voucher {
    --rp-focus: var(--rp-yellow);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    border-radius: 20px;
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-voucher::before {
    content: '';
    position: absolute;
    left: -60px;
    top: -60px;
    width: 160px;
    height: 160px;
    border-radius: var(--rp-pill);
    border: 26px solid var(--rp-green-mid);
}

.rp-voucher > * {
    position: relative;
}

.rp-voucher__main {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 18px;
}

.rp-voucher__badge {
    flex: none;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: var(--rp-yellow);
    color: var(--rp-ink);
}

.rp-voucher__badge .rp-icon {
    width: 24px;
    height: 24px;
}

.rp-voucher__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rp-voucher__title {
    font-size: 16px;
    font-weight: 600;
}

.rp-voucher__text {
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-on-green);
}

.rp-voucher__cut {
    height: 0;
    margin: 0 18px;
    border-top: 2px dashed var(--rp-green-dash);
}

.rp-voucher__stub {
    display: flex;
    padding: 16px 18px 18px;
    background: var(--rp-green-hover);
}

.rp-voucher__stub .rp-btn {
    flex: 1;
}

/* Блогът */
.rp-post {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.rp-post__media {
    position: relative;
    display: block;
    height: 180px;
    overflow: hidden;
    border-radius: var(--rp-r);
    background: var(--rp-green-50);
}

.rp-post__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rp-post__placeholder {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: var(--rp-green);
    opacity: .5;
}

.rp-post__title {
    padding: 0 4px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.02em;
    transition: color var(--rp-t);
}

.rp-post:hover .rp-post__title {
    color: var(--rp-green);
}

/* Въпросите на началната */
.rp-faq {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "head" "list" "side";
    gap: 18px;
}

.rp-faq__head {
    grid-area: head;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rp-faq__text {
    font-size: 15.5px;
    color: var(--rp-muted);
}

.rp-faq__list {
    grid-area: list;
}

.rp-faq__side {
    grid-area: side;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
}

.rp-faq__side .rp-more {
    align-self: flex-start;
}

/* Жълтият призив */
.rp-cta {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding: 32px 22px;
    border-radius: var(--rp-r-lg);
    background: var(--rp-yellow);
    color: var(--rp-ink);
}

.rp-cta::before {
    content: '';
    position: absolute;
    right: -60px;
    top: -60px;
    width: 180px;
    height: 180px;
    border-radius: var(--rp-pill);
    border: 30px solid var(--rp-yellow-hover);
}

.rp-cta > * {
    position: relative;
    z-index: 1;
}

.rp-cta__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rp-cta__title {
    font-size: 28px;
    line-height: 1.08;
    letter-spacing: -.035em;
    padding-right: 40px;
}

.rp-cta__text {
    max-width: 32em;
    font-size: 16px;
    line-height: 1.5;
    color: var(--rp-yellow-ink);
}

.rp-cta--wide .rp-cta__text {
    max-width: 34em;
}

.rp-cta__actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}

/* Разделителят между главния бутон и другите начини за връзка: на цялата ширина на колоната, в тона на жълтото. */
.rp-cta__rule {
    align-self: stretch;
    height: 1px;
    margin: 6px 0;
    background: rgba(63, 50, 0, .18);
}

.rp-cta__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.rp-cta--big .rp-cta__chips {
    flex-direction: column;
}

/* Таблет: от 768 px */
@media (min-width: 768px) {
    :root {
        --rp-gutter: 24px;
        --rp-header-h: 72px;
        --rp-section: 80px;
        --rp-section-end: 64px;
    }

    .rp-body--dock {
        padding-bottom: 0;
    }

    .rp-dock {
        display: none;
    }

    .rp-body--dock .rp-totop,
    .rp-totop {
        right: 22px;
        bottom: 22px;
        width: 50px;
        height: 50px;
    }

    .rp-topbar {
        display: block;
    }

    .rp-header__cta {
        display: inline-flex;
    }

    .rp-logo__mark {
        width: 38px;
        height: 38px;
    }

    .rp-logo__name {
        font-size: 17px;
    }

    .rp-logo__tag {
        font-size: 12.5px;
    }

    .rp-h2 {
        font-size: 40px;
        line-height: 1.06;
        letter-spacing: -.04em;
    }

    .rp-h3 {
        font-size: 32px;
    }

    .rp-contact-chips {
        display: flex;
        flex-wrap: wrap;
    }

    .rp-section__head {
        margin-bottom: 28px;
        flex-wrap: nowrap;
    }

    .rp-section__title {
        margin-bottom: 28px;
    }

    .rp-more {
        padding-bottom: 6px;
    }

    .rp-acc {
        gap: 10px;
    }

    .rp-acc__item {
        border-radius: var(--rp-r);
    }

    .rp-acc__q {
        gap: 20px;
        padding: 22px 26px;
        font-size: 17.5px;
    }

    .rp-acc__sign {
        width: 36px;
        height: 36px;
    }

    .rp-acc__a {
        padding: 0 26px 24px;
    }

    .rp-file {
        align-items: flex-start;
    }

    .rp-add {
        gap: 10px;
        min-height: 48px;
        padding: 0 18px;
        font-size: 15px;
    }

    .rp-file__chosen {
        grid-template-columns: auto minmax(0, 1fr) auto;
        column-gap: 12px;
    }

    .rp-file__clear {
        grid-column: 3;
    }

    .rp-consent__banner {
        left: 24px;
        right: auto;
        width: 440px;
        bottom: 24px;
        padding: 24px;
    }

    .rp-body--dock .rp-consent__banner {
        bottom: 24px;
    }

    .rp-consent__panel {
        padding: 32px;
    }

    .rp-consent__pair .rp-btn {
        padding: 0 16px;
        font-size: 15px;
    }

    .rp-consent__panel-title {
        font-size: 24px;
    }

    .rp-crumbs {
        padding-right: 64px;
    }

    .rp-pagehead {
        padding-top: 24px;
    }

    .rp-pagehead__box {
        padding: 40px 40px 44px;
        border-radius: 32px;
    }

    .rp-pagehead__title {
        font-size: 48px;
    }

    .rp-pagehead__text {
        font-size: 18px;
    }

    .rp-hero {
        padding-top: 24px;
    }

    .rp-hero__box {
        gap: 32px;
        padding: 48px 40px;
        border-radius: 32px;
    }

    .rp-hero__sun {
        right: 32px;
        top: 24px;
        width: 52px;
        height: 52px;
    }

    .rp-hero__title {
        font-size: 56px;
    }

    .rp-hero__text {
        font-size: 18px;
    }

    .rp-checks__item {
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 12px;
        font-size: 16px;
    }

    .rp-checks__dot {
        width: 28px;
        height: 28px;
    }

    .rp-checks__dot .rp-icon {
        width: 14px;
        height: 14px;
    }

    .rp-quick {
        gap: 18px;
        padding: 28px;
        border-radius: 32px;
    }

    .rp-quick__title {
        font-size: 24px;
        letter-spacing: -.025em;
    }

    .rp-quick__pair {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 12px;
    }

    .rp-quick__call {
        padding-top: 16px;
        font-size: 14.5px;
    }

    .rp-quick--error {
        gap: 14px;
    }

    .rp-quick--error .rp-quick__title {
        font-size: 22px;
    }

    .rp-quick--error .rp-field {
        gap: 14px;
    }

    .rp-quick--error .rp-label {
        margin-top: 4px;
        font-size: 14.5px;
    }

    .rp-quick--error .rp-input {
        padding: 0 16px;
        border-radius: 14px;
    }

    .rp-quick--error .rp-btn {
        min-height: 54px;
        margin-top: 4px;
        font-size: 16px;
    }

    .rp-error__code {
        font-size: 96px;
    }

    .rp-error__title {
        font-size: 40px;
    }

    .rp-link-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-link-card {
        min-height: 200px;
        padding: 28px;
        border-radius: var(--rp-r-lg);
    }

    .rp-promises-wrap {
        padding-top: 16px;
    }

    .rp-promises {
        gap: 12px;
    }

    .rp-promise {
        gap: 14px;
        padding: 24px;
        border-radius: var(--rp-r);
    }

    .rp-promise__icon {
        width: 44px;
        height: 44px;
        border-radius: var(--rp-r-sm);
    }

    .rp-promise__icon .rp-icon {
        width: 21px;
        height: 21px;
    }

    .rp-promise__title {
        font-size: 17px;
        line-height: 1.55;
    }

    .rp-promise__text {
        font-size: 14.5px;
        line-height: 1.45;
    }

    .rp-rail__track {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    .rp-rail__track > * {
        width: auto;
    }

    .rp-rail__dots {
        display: none;
    }

    .rp-step {
        min-height: 280px;
        padding: 30px;
        border-radius: var(--rp-r-lg);
    }

    .rp-step::before {
        right: -40px;
        top: -40px;
        width: 140px;
        height: 140px;
        border-width: 24px;
    }

    .rp-step--2::before {
        right: -30px;
        top: -30px;
        width: 120px;
        height: 120px;
        border-radius: 0 0 0 120px;
    }

    .rp-step--3::before {
        right: -50px;
        top: -50px;
        width: 170px;
        height: 170px;
    }

    .rp-step--4::before {
        right: 24px;
        top: 24px;
        width: 60px;
        height: 60px;
        border-radius: 18px;
    }

    .rp-step__num {
        font-size: 64px;
    }

    .rp-step__title {
        font-size: 22px;
    }

    .rp-step__text {
        font-size: 15px;
        line-height: 1.5;
    }

    .rp-have {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 12px 12px 12px 30px;
        border-radius: var(--rp-pill);
    }

    .rp-have__actions {
        display: flex;
        gap: 8px;
    }

    .rp-brand-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-brand-card,
    .rp-brand-card:first-child {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        min-height: 240px;
        padding: 28px;
        border: 1px solid var(--rp-line);
        border-radius: var(--rp-r-lg);
        background: #FFFFFF;
        color: var(--rp-ink);
    }

    .rp-brand-card::before,
    .rp-brand-card:first-child::before {
        content: '';
        position: absolute;
        right: -36px;
        bottom: -36px;
        top: auto;
        width: 120px;
        height: 120px;
        border-radius: var(--rp-pill);
        background: var(--rp-surface);
    }

    .rp-brand-card:hover,
    .rp-brand-card:first-child:hover {
        border-color: var(--rp-green);
        background: var(--rp-hover-card);
    }

    .rp-brand-card > * {
        position: relative;
    }

    .rp-brand-card__country,
    .rp-brand-card:first-child .rp-brand-card__country {
        align-self: flex-start;
        padding: 4px 12px;
        border-radius: var(--rp-pill);
        background: var(--rp-surface);
        color: var(--rp-text);
        font-weight: 500;
    }

    .rp-brand-card__country::after {
        content: none;
    }

    .rp-brand-card__name,
    .rp-brand-card:first-child .rp-brand-card__name {
        margin-top: 18px;
        font-size: 30px;
        letter-spacing: -.035em;
    }

    .rp-brand-card__types {
        display: block;
        font-size: 14.5px;
        line-height: 1.5;
        color: var(--rp-muted);
    }

    .rp-brand-card__link,
    .rp-brand-card:first-child .rp-brand-card__link {
        display: block;
        margin-top: auto;
        font-size: 14.5px;
        font-weight: 500;
        color: var(--rp-green);
    }

    .rp-brand-others {
        gap: 14px;
        margin-top: 32px;
    }

    .rp-chips {
        gap: 8px;
    }

    .rp-chip {
        min-height: 40px;
        padding: 0 16px;
        font-size: 14.5px;
    }

    .rp-band {
        margin-top: 32px;
        padding: 32px 36px;
        border-radius: 32px;
    }

    .rp-band__title {
        font-size: 24px;
        line-height: 1.55;
    }

    .rp-fault {
        min-height: 260px;
        padding: 28px;
        border-radius: var(--rp-r-lg);
    }

    .rp-fault__icon {
        width: 52px;
        height: 52px;
        border-radius: 16px;
    }

    .rp-fault__icon .rp-icon {
        width: 24px;
        height: 24px;
    }

    .rp-fault__title {
        margin-top: 12px;
        font-size: 21px;
    }

    .rp-fault__text,
    .rp-fault__link {
        font-size: 14.5px;
        line-height: 1.5;
    }

    .rp-fault__link {
        font-weight: 500;
    }

    .rp-check {
        gap: 32px;
        margin-top: 24px;
        padding: 48px 40px;
        border-radius: 32px;
    }

    .rp-check::before {
        display: block;
    }

    .rp-check__main,
    .rp-check__side {
        gap: 18px;
    }

    .rp-check__title {
        font-size: 36px;
        line-height: 1.1;
        letter-spacing: -.035em;
    }

    .rp-check__text {
        font-size: 16.5px;
        line-height: 1.55;
    }

    .rp-check__step {
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 14px;
    }

    .rp-check__num {
        width: 32px;
        height: 32px;
    }

    .rp-check__warn {
        padding: 16px 18px;
    }

    .rp-readings {
        padding: 26px 28px 10px;
        border-radius: var(--rp-r);
    }

    .rp-readings__title {
        margin-bottom: 10px;
        font-size: 17px;
    }

    .rp-reading {
        grid-template-columns: 112px minmax(0, 1fr);
        gap: 18px;
        padding: 16px 0;
    }

    .rp-reading__value {
        min-height: 36px;
        border-radius: 10px;
        font-size: 14px;
    }

    .rp-reading__shows {
        font-size: 15.5px;
    }

    .rp-reading__means {
        font-size: 14.5px;
        line-height: 1.45;
    }

    .rp-check__actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 20px;
    }

    .rp-montage {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        border-radius: 32px;
    }

    .rp-montage__media {
        height: auto;
        min-height: 380px;
    }

    .rp-montage__img {
        position: absolute;
        inset: 0;
    }

    .rp-montage__body {
        gap: 18px;
        padding: 40px;
    }

    /* На таблет колоната е тясна: кръгът е по-навън, иначе вторият ред на заглавието влиза в него. */
    .rp-montage__body::before {
        right: -100px;
        top: -100px;
        width: 200px;
        height: 200px;
    }

    .rp-montage__title {
        font-size: clamp(30px, 3.9vw, 36px);
        line-height: 1.08;
        letter-spacing: -.04em;
    }

    .rp-montage__text {
        font-size: 16px;
        line-height: 1.6;
    }

    .rp-montage__actions {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px;
    }

    .rp-montage__actions > .rp-btn {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .rp-gets {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-get {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 0;
        overflow: hidden;
        border-radius: var(--rp-r-lg);
    }

    .rp-get__visual {
        height: 180px;
        overflow: hidden;
        background: var(--rp-green-50);
    }

    .rp-get__visual::before,
    .rp-get__visual::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 260px;
        height: 260px;
        margin: -130px 0 0 -130px;
        border-radius: var(--rp-pill);
        border: 1.5px solid #CBE6D5;
    }

    .rp-get__visual::after {
        width: 170px;
        height: 170px;
        margin: -85px 0 0 -85px;
    }

    .rp-get--2 .rp-get__visual {
        background: var(--rp-yellow-50);
    }

    .rp-get--2 .rp-get__visual::before {
        left: -40px;
        top: auto;
        bottom: -40px;
        width: 160px;
        height: 160px;
        margin: 0;
        border: 0;
        background: var(--rp-yellow-100);
    }

    .rp-get--2 .rp-get__visual::after {
        left: auto;
        right: 30px;
        top: 30px;
        width: 60px;
        height: 60px;
        margin: 0;
        border: 0;
        border-radius: 18px;
        background: var(--rp-yellow-100);
    }

    .rp-get--3 .rp-get__visual {
        background: var(--rp-surface);
    }

    .rp-get--3 .rp-get__visual::before {
        width: 150px;
        height: 190px;
        margin: 0;
        border: 0;
        border-radius: 20px;
        background: var(--rp-line);
        transform: translate(-40%, -46%) rotate(8deg);
    }

    .rp-get--3 .rp-get__visual::after {
        content: none;
    }

    .rp-get__badge {
        width: 72px;
        height: 72px;
        border-radius: 22px;
    }

    .rp-get--2 .rp-get__badge {
        border-radius: var(--rp-pill);
    }

    .rp-get__badge .rp-icon {
        width: 32px;
        height: 32px;
        stroke-width: 1.8;
    }

    .rp-get__body {
        gap: 8px;
        padding: 24px;
    }

    .rp-get__title {
        font-size: 19px;
        letter-spacing: -.02em;
    }

    .rp-get__text {
        font-size: 14.5px;
        line-height: 1.55;
    }

    .rp-voucher {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 260px);
        align-items: stretch;
        margin-top: 16px;
        border-radius: var(--rp-r-lg);
    }

    .rp-voucher::before {
        width: 200px;
        height: 200px;
        border-width: 30px;
    }

    .rp-voucher__main {
        gap: 24px;
        padding: 32px 32px 32px 44px;
    }

    .rp-voucher__badge {
        width: 72px;
        height: 72px;
        border-radius: 22px;
    }

    .rp-voucher__badge .rp-icon {
        width: 34px;
        height: 34px;
        stroke-width: 1.8;
    }

    .rp-voucher__title {
        font-size: 22px;
        letter-spacing: -.025em;
    }

    .rp-voucher__text {
        max-width: 36em;
        font-size: 15px;
        line-height: 1.5;
    }

    .rp-voucher__cut {
        position: relative;
        width: 0;
        height: auto;
        margin: 0;
        border-top: 0;
        border-left: 2px dashed var(--rp-green-dash);
    }

    .rp-voucher__cut::before,
    .rp-voucher__cut::after {
        content: '';
        position: absolute;
        left: -15px;
        width: 28px;
        height: 28px;
        border-radius: var(--rp-pill);
        background: #FFFFFF;
    }

    .rp-voucher__cut::before {
        top: -14px;
    }

    .rp-voucher__cut::after {
        bottom: -14px;
    }

    .rp-voucher__stub {
        align-items: center;
        justify-content: center;
        padding: 32px;
    }

    .rp-voucher__stub .rp-btn {
        flex: none;
    }

    .rp-posts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rp-post {
        gap: 18px;
    }

    .rp-post__media {
        height: 200px;
        border-radius: var(--rp-r-lg);
    }

    .rp-post__title {
        font-size: 19px;
    }

    .rp-faq {
        gap: 24px;
    }

    .rp-faq__text {
        font-size: 17px;
    }

    .rp-cta {
        gap: 28px;
        padding: 48px 40px;
        border-radius: 32px;
    }

    .rp-cta::before {
        right: -110px;
        top: -110px;
        width: 300px;
        height: 300px;
        border-width: 48px;
    }

    .rp-cta__title {
        font-size: 36px;
        letter-spacing: -.04em;
    }

    .rp-cta__text {
        font-size: 17px;
    }

    .rp-cta__actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    .rp-cta--big .rp-cta__actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .rp-cta--big .rp-cta__chips {
        flex-direction: row;
    }

    .rp-footer {
        padding: 56px 0 32px;
    }

    .rp-footer__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 40px 32px;
    }

    .rp-footer__col,
    .rp-footer__col--contact {
        grid-column: auto;
        padding-top: 0;
        border-top: 0;
        gap: 12px;
        font-size: 15px;
    }

    .rp-footer__about {
        font-size: 15px;
    }

    /* Три колони: правните вляво, © точно в средата, подписът на изработката в десния край. */
    .rp-footer__bottom {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
        gap: 24px;
        margin-top: 48px;
        padding-top: 24px;
    }

    .rp-footer__legal {
        gap: 8px 24px;
    }

    .rp-footer__credit {
        justify-self: end;
    }
}

/* Компютър: от 1200 px */
@media (min-width: 1200px) {
    :root {
        --rp-gutter: 40px;
        --rp-header-h: 84px;
        --rp-section: 112px;
        --rp-section-end: 80px;
    }

    html {
        scroll-padding-top: calc(var(--rp-header-h) + 24px);
    }

    .rp-topbar {
        font-size: 13.5px;
    }

    .rp-topbar__hours {
        display: inline;
    }

    .rp-header__inner {
        gap: 20px;
    }

    .rp-header__burger,
    .rp-drawer {
        display: none;
    }

    .rp-header__logo {
        flex: none;
        margin-right: 0;
    }

    .rp-logo {
        gap: 12px;
    }

    .rp-logo__mark {
        width: 42px;
        height: 42px;
    }

    .rp-logo__text {
        line-height: 1.15;
    }

    .rp-logo__name {
        font-size: 19px;
    }

    .rp-logo__tag {
        font-size: 13px;
    }

    .rp-nav {
        display: block;
        flex: 1;
        min-width: 0;
    }

    .rp-nav__list {
        display: flex;
        gap: 2px;
        font-size: 14px;
        color: var(--rp-text);
    }

    .rp-nav__link {
        position: relative;
        display: block;
        padding: 9px 8px;
        border-radius: var(--rp-pill);
        white-space: nowrap;
        transition: background-color var(--rp-t), color var(--rp-t);
    }

    /* Мишената е целият ред на шапката, не само хапчето: над и под него оставаха по 22 мъртви пиксела.
       100% е височината на <li>, която е височината на връзката, затова изразът дава точно половината разлика. */
    .rp-nav__link::after {
        content: "";
        position: absolute;
        inset: calc((var(--rp-header-h) - 100%) / -2) 0;
    }

    .rp-nav__link:hover {
        background: var(--rp-surface);
        color: var(--rp-ink);
    }

    .rp-nav__link.is-active {
        padding: 9px 12px;
        background: var(--rp-green-50);
        color: var(--rp-green-ink);
        font-weight: 600;
    }

    .rp-header__call {
        width: 40px;
        height: 40px;
    }

    .rp-h2 {
        font-size: 52px;
        line-height: 1.05;
        letter-spacing: -.045em;
    }

    .rp-h3 {
        font-size: 40px;
        letter-spacing: -.04em;
    }

    .rp-section__head {
        gap: 40px;
        margin-bottom: 40px;
    }

    .rp-section__title {
        margin-bottom: 40px;
    }

    .rp-more {
        padding-bottom: 8px;
    }

    .rp-acc__a {
        font-size: 15.5px;
    }

    .rp-crumbs {
        padding-right: 0;
    }

    .rp-pagehead {
        padding-top: 40px;
    }

    .rp-pagehead__box {
        padding: 44px 56px 48px;
        border-radius: var(--rp-r-xl);
    }

    .rp-pagehead__box--tall {
        padding-bottom: 56px;
    }

    .rp-pagehead__box::before {
        right: -210px;
        top: 50%;
        width: 540px;
        height: 540px;
        margin-top: -270px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 540 540'%3E%3Ccircle cx='270' cy='270' r='262' fill='none' stroke='%23E1ECE5' stroke-width='1.5'/%3E%3Ccircle cx='270' cy='270' r='196' fill='none' stroke='%23DCE9E0' stroke-width='1.5'/%3E%3Ccircle cx='270' cy='270' r='130' fill='none' stroke='%23D5E6DB' stroke-width='1.5'/%3E%3Ccircle cx='270' cy='270' r='70' fill='%23E7F5EC'/%3E%3C/svg%3E");
    }

    .rp-pagehead__title {
        font-size: 60px;
        line-height: 1.02;
    }

    .rp-pagehead__title--lg {
        font-size: 64px;
    }

    /* 18 px под заглавието на всяка вътрешна страница: 14 px от gap на кутията плюс тези 4. */
    .rp-pagehead__text {
        margin-top: 4px;
        font-size: 19px;
    }

    .rp-pagehead__text--sm {
        max-width: 32em;
        font-size: 18px;
    }

    .rp-hero {
        padding-top: 40px;
    }

    .rp-hero__box {
        grid-template-columns: minmax(0, 1fr) 420px;
        align-items: center;
        gap: 48px;
        padding: 72px 56px;
        border-radius: var(--rp-r-xl);
    }

    .rp-hero__box--single {
        grid-template-columns: minmax(0, 1fr);
    }

    .rp-hero__box::before {
        right: -230px;
        top: 50%;
        width: 680px;
        height: 680px;
        margin-top: -340px;
    }

    .rp-hero__box::after {
        display: block;
    }

    .rp-hero__box--plain::after {
        display: none;
    }

    .rp-hero__sun {
        right: 40px;
        top: 28px;
        width: 64px;
        height: 64px;
    }

    .rp-hero__tile {
        display: block;
        left: 58px;
        top: 46px;
        width: 48px;
        height: 48px;
        border-radius: var(--rp-r-sm);
        background: var(--rp-green);
        transform: rotate(18deg);
    }

    .rp-hero__tile--sm {
        left: 128px;
        top: 62px;
        width: 30px;
        height: 30px;
        border-radius: 9px;
        background: var(--rp-green-line);
        transform: rotate(20deg);
    }

    .rp-hero__dots {
        display: block;
        left: 190px;
        top: 48px;
        width: 108px;
        height: 36px;
        background: radial-gradient(circle, rgba(14, 143, 74, .25) 3px, transparent 3.5px) -6px -6px / 24px 24px;
    }

    .rp-hero__main {
        gap: 26px;
    }

    .rp-hero__title {
        padding-right: 0;
        font-size: 76px;
        line-height: 1;
        letter-spacing: -.055em;
    }

    .rp-hero__text {
        font-size: 20px;
    }

    .rp-checks {
        gap: 12px;
        margin-top: 6px;
    }

    .rp-quick {
        padding: 32px;
    }

    .rp-quick .rp-btn--lg {
        min-height: 58px;
        margin-top: 4px;
        font-size: 17px;
    }

    .rp-hero__box--plain .rp-hero__main {
        gap: 20px;
    }

    .rp-hero__box--plain .rp-hero__text {
        max-width: 30em;
        font-size: 18px;
    }

    .rp-hero__box--plain .rp-actions {
        margin-top: 6px;
    }

    .rp-hero__box--plain .rp-btn--lg {
        min-height: 56px;
    }

    .rp-error__code {
        font-size: 120px;
    }

    .rp-error__title {
        font-size: 48px;
    }

    .rp-error__next {
        margin-bottom: 32px;
    }

    .rp-link-cards {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rp-promises-wrap {
        padding-top: 56px;
    }

    .rp-promises {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0;
        border: 1px solid var(--rp-line);
        border-radius: var(--rp-r-lg);
        background: #FFFFFF;
    }

    .rp-promise {
        padding: 30px;
        border: 0;
        border-radius: 0;
        background: none;
    }

    .rp-promise + .rp-promise {
        border-left: 1px solid var(--rp-line-soft);
    }

    .rp-rail__track {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rp-steps .rp-step {
        min-height: 320px;
    }

    .rp-have__actions .rp-btn {
        font-size: 16px;
    }

    .rp-brand-cards {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rp-brand-card,
    .rp-brand-card:first-child {
        min-height: 260px;
    }

    .rp-brand-card__country,
    .rp-brand-card:first-child .rp-brand-card__country {
        font-size: 12.5px;
    }

    .rp-band {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 32px;
        padding: 36px 40px;
    }

    .rp-band::before {
        left: -60px;
        right: auto;
        width: 180px;
        height: 180px;
        border-width: 28px;
    }

    .rp-band__body {
        padding-left: 100px;
    }

    .rp-band__text {
        font-size: 15.5px;
    }

    .rp-band .rp-contact-chips {
        flex: none;
    }

    .rp-faults .rp-fault {
        min-height: 280px;
    }

    .rp-check {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
        gap: 56px;
        padding: 64px;
        border-radius: var(--rp-r-xl);
    }

    .rp-check__main {
        gap: 20px;
    }

    .rp-check__title {
        font-size: 40px;
    }

    .rp-check__step {
        font-size: 15px;
    }

    .rp-reading__value {
        font-size: 13.5px;
    }

    .rp-montage {
        border-radius: var(--rp-r-xl);
    }

    .rp-montage__media {
        min-height: 440px;
    }

    .rp-montage__body {
        gap: 20px;
        padding: 64px 48px 64px 64px;
    }

    .rp-montage__body::before {
        right: -70px;
        top: -70px;
    }

    .rp-montage__actions {
        flex-wrap: nowrap;
    }

    .rp-montage__title {
        font-size: 44px;
        padding-right: 0;
    }

    .rp-montage__text {
        font-size: 17px;
    }

    .rp-montage__actions {
        margin-top: 8px;
    }

    .rp-montage__actions .rp-btn--outline {
        font-weight: 500;
    }

    .rp-get__visual {
        height: 220px;
    }

    .rp-get__badge {
        width: 84px;
        height: 84px;
        border-radius: 26px;
    }

    .rp-get__badge .rp-icon {
        width: 36px;
        height: 36px;
    }

    .rp-get__body {
        padding: 28px;
    }

    .rp-get__title {
        font-size: 21px;
    }

    .rp-get__text {
        font-size: 15px;
    }

    .rp-voucher {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 300px);
    }

    .rp-voucher__main {
        gap: 28px;
        padding: 36px 40px 36px 56px;
    }

    .rp-voucher__badge {
        width: 84px;
        height: 84px;
        border-radius: 26px;
    }

    .rp-voucher__badge .rp-icon {
        width: 38px;
        height: 38px;
    }

    .rp-voucher__title {
        font-size: 24px;
    }

    .rp-voucher__text {
        font-size: 15.5px;
    }

    .rp-voucher__stub {
        padding: 36px 40px;
    }

    .rp-voucher__stub .rp-btn {
        min-height: 52px;
        font-size: 16px;
    }

    .rp-posts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
    }

    .rp-post__media {
        height: 260px;
    }

    .rp-post__title {
        font-size: 21px;
    }

    .rp-faq {
        grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
        grid-template-rows: auto 1fr;
        grid-template-areas: "head list" "side list";
        column-gap: 64px;
        row-gap: 28px;
        align-items: start;
    }

    .rp-faq__head {
        gap: 20px;
    }

    .rp-faq--home .rp-acc__q {
        line-height: 1.55;
    }

    .rp-faq__side .rp-more {
        margin-top: 14px;
    }

    .rp-cta {
        grid-template-columns: minmax(0, 1.2fr) auto;
        align-items: center;
        gap: 40px;
        padding: 56px 64px;
        border-radius: var(--rp-r-xl);
    }

    .rp-cta::before {
        width: 360px;
        height: 360px;
        border-width: 54px;
    }

    .rp-cta__title {
        font-size: 40px;
        line-height: 1.08;
        padding-right: 0;
    }

    .rp-cta__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .rp-cta__btn {
        min-height: 58px;
        padding: 0 28px;
        font-size: 17px;
    }

    .rp-cta__actions--pair .rp-cta__btn {
        min-height: 56px;
        padding: 0 26px;
        font-size: 16px;
    }

    .rp-cta--big {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
        gap: 48px;
        padding: 72px 64px;
    }

    .rp-cta--big::before {
        right: -120px;
        top: -120px;
        width: 420px;
        height: 420px;
        border-width: 60px;
    }

    .rp-cta--big::after {
        content: '';
        position: absolute;
        right: 220px;
        bottom: -60px;
        width: 120px;
        height: 120px;
        border-radius: 32px;
        background: var(--rp-yellow-hover);
        transform: rotate(20deg);
    }

    .rp-cta--big .rp-cta__body {
        gap: 16px;
    }

    .rp-cta--big .rp-cta__title {
        font-size: 56px;
        line-height: 1.02;
        letter-spacing: -.045em;
    }

    .rp-cta--big .rp-cta__text {
        max-width: 30em;
        font-size: 18px;
        line-height: 1.55;
    }

    .rp-cta--big .rp-cta__actions {
        align-items: flex-start;
        gap: 14px;
    }

    .rp-cta--big .rp-btn--xl {
        min-height: 64px;
        padding: 0 34px;
        font-size: 18px;
    }

    .rp-footer {
        padding: 72px 0 32px;
    }

    .rp-footer__grid {
        grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr));
        gap: 48px;
    }

    .rp-footer__brand {
        grid-column: auto;
        gap: 18px;
    }

    .rp-footer__bottom {
        margin-top: 56px;
        font-size: 13.5px;
    }
}

/* Печат: без лентите и плаващите бутони */
@media print {
    .rp-topbar,
    .rp-header,
    .rp-drawer,
    .rp-dock,
    .rp-totop,
    .rp-consent,
    .rp-footer {
        display: none !important;
    }

    .rp-body--dock {
        padding-bottom: 0;
    }
}

/* ==== Заявка за ремонт и Благодарим ==== */
/* „Заявка за ремонт“ и „Благодарим“ по макета; зелената кутия (.rp-req-call) и заглавието .rp-req-h2 ползва и „Проследяване“.
   Mobile-first като app.css: пречупвания 768 и 1200. */

/* Заглавният блок: слънце, плочка и зелен ъгъл */
.rp-pagehead__box > .rp-req-head__sun,
.rp-pagehead__box > .rp-req-head__tile,
.rp-pagehead__box > .rp-req-head__corner {
    position: absolute;
    z-index: 0;
    pointer-events: none;
}

.rp-req-head__sun {
    right: 20px;
    top: 20px;
    width: 34px;
    height: 34px;
    border-radius: var(--rp-pill);
    background: var(--rp-yellow);
}

.rp-req-head__tile,
.rp-req-head__corner {
    display: none;
}

/* Формата и страничната колона */
.rp-req-body {
    padding-top: 12px;
}

.rp-req-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.rp-req-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    padding: 20px;
    border: 2px solid var(--rp-green);
    border-radius: var(--rp-r);
    background: #FFFFFF;
}

.rp-req-form__body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rp-req-desc .rp-input--area {
    margin-top: 2px;
}

.rp-req-phrases {
    gap: 6px;
}

.rp-req-phrases .rp-phrase {
    min-height: 34px;
    padding: 0 12px;
    font-size: 14px;
    white-space: nowrap;
}

.rp-phrase .rp-req-phrase__check,
.rp-phrase[aria-pressed="true"] .rp-req-phrase__plus {
    display: none;
}

.rp-phrase[aria-pressed="true"] .rp-req-phrase__check {
    display: block;
}

.rp-req-pair {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
}

.rp-req-photos {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rp-req-form__foot {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-top: 20px;
    border-top: 1px solid var(--rp-line-soft);
}

.rp-req-form__submit {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

.rp-req-form__submit .rp-btn {
    min-height: 54px;
    font-size: 16px;
}

.rp-req-form__privacy {
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-muted);
    text-align: center;
}

.rp-req-form__privacy a {
    color: var(--rp-green);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color var(--rp-t);
}

.rp-req-form__privacy a:hover {
    color: var(--rp-green-hover);
}

.rp-req-side {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

/* „Какво следва“ */
.rp-req-next {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 22px;
    border-radius: var(--rp-r);
    background: var(--rp-surface);
}

.rp-req-next::before {
    content: '';
    position: absolute;
    right: -28px;
    top: -28px;
    width: 96px;
    height: 96px;
    border-radius: 26px;
    background: var(--rp-green-soft);
    transform: rotate(20deg);
}

.rp-req-next > * {
    position: relative;
}

.rp-req-next__title {
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 1.55;
}

.rp-req-next__list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.rp-req-next__step {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 12px;
}

.rp-req-next__num {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid var(--rp-field);
    border-radius: var(--rp-pill);
    background: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
}

.rp-req-next__step:first-child .rp-req-next__num {
    border-color: var(--rp-green);
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-req-next__body {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-top: 3px;
}

.rp-req-next__name {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}

.rp-req-next__text {
    font-size: 14px;
    line-height: 1.5;
    color: var(--rp-muted);
}

.rp-req-next__checks {
    margin-top: 0;
    padding-top: 16px;
    border-top: 1px solid var(--rp-line);
}

/* Отметките в светлозелено кръгче (страничната колона и адресът за изпращане) */
.rp-req-checks .rp-checks__item {
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    font-size: 14.5px;
}

.rp-req-checks .rp-checks__dot {
    width: 22px;
    height: 22px;
    margin-top: 1px;
    background: var(--rp-green-50);
    color: var(--rp-green);
}

.rp-req-checks .rp-checks__dot .rp-icon {
    width: 12px;
    height: 12px;
}

/* Зелената кутия с телефона, Viber и WhatsApp */
.rp-req-call {
    --rp-focus: var(--rp-yellow);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 22px;
    border-radius: var(--rp-r);
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-req-call::before {
    content: '';
    position: absolute;
    right: -40px;
    top: -40px;
    width: 130px;
    height: 130px;
    border: 22px solid var(--rp-green-mid);
    border-radius: var(--rp-pill);
}

.rp-req-call > * {
    position: relative;
}

.rp-req-call__title {
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 1.55;
}

.rp-req-call__text {
    font-size: 14.5px;
    line-height: 1.5;
    color: var(--rp-on-green);
}

.rp-req-call__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 4px;
}

.rp-req-call__actions .rp-btn {
    min-height: 54px;
    padding: 0 16px;
    font-size: 16px;
}

.rp-req-call__phone {
    grid-column: 1 / -1;
}

.rp-req-call__link {
    --bg: var(--rp-green-hover);
    --fg: #FFFFFF;
}

.rp-req-call__link:hover {
    --bg: var(--rp-green-ink);
    --fg: #FFFFFF;
}

.rp-req-call__link--whatsapp {
    --bg: var(--rp-whatsapp);
    --fg: var(--rp-ink);
}

.rp-req-call__link--whatsapp:hover {
    --bg: var(--rp-whatsapp-hover);
    --fg: var(--rp-ink);
}

.rp-req-call__long {
    display: none;
}

/* Заглавията на секциите на вътрешните страници (44 px на компютър) */
.rp-req-h2 {
    max-width: 14em;
}

/* Кутията: какво да сложите и какво не */
.rp-req-box {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.rp-req-box__card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px;
    border-radius: var(--rp-r);
    background: var(--rp-surface);
}

.rp-req-box__card::before {
    content: '';
    position: absolute;
    right: -30px;
    top: -30px;
    width: 120px;
    height: 120px;
    border-radius: 0 0 0 120px;
    background: var(--rp-surface-2);
}

.rp-req-box__card--in {
    background: var(--rp-green-50);
}

.rp-req-box__card--in::before {
    right: -46px;
    top: -46px;
    width: 150px;
    height: 150px;
    border: 26px solid var(--rp-green-100);
    border-radius: var(--rp-pill);
    background: none;
}

.rp-req-box__card > * {
    position: relative;
}

.rp-req-box__title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    letter-spacing: -.01em;
}

.rp-req-box__badge {
    flex: none;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-req-box__card--out .rp-req-box__badge {
    background: var(--rp-ink);
}

.rp-req-box__badge .rp-icon,
.rp-req-box__mark {
    stroke-width: 2.6;
}

.rp-req-box__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 14.5px;
    line-height: 1.5;
}

.rp-req-box__item {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 12px;
}

.rp-req-box__mark {
    margin-top: 3px;
    color: var(--rp-green);
}

.rp-req-box__card--out .rp-req-box__mark {
    color: var(--rp-faint);
}

/* Въпросите за изпращането */
.rp-req-faq .rp-faq__head .rp-more {
    align-self: flex-start;
}

.rp-req-pulse {
    display: none;
}

/* „Вече имате заявка?“ */
.rp-req-track {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
    padding: 24px 20px;
    border-radius: var(--rp-r-lg);
    background: var(--rp-surface);
}

.rp-req-track::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    height: 80px;
    display: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0 56 H1000 L1024 10 L1048 74 L1062 56 H1200' fill='none' stroke='%23DCEBE2' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 80px no-repeat;
    pointer-events: none;
}

.rp-req-track > * {
    position: relative;
}

.rp-req-track__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rp-req-track__title {
    font-size: 21px;
    letter-spacing: -.025em;
    line-height: 1.2;
}

.rp-req-track__text {
    font-size: 16px;
    line-height: 1.5;
    color: var(--rp-muted);
}

/* „Благодарим“: героят с номера */
.rp-req-done {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    padding: 48px 20px 64px;
    border-radius: var(--rp-r-lg);
    background: var(--rp-surface);
}

.rp-req-done::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -150px;
    width: 460px;
    height: 460px;
    margin-left: -230px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 760'%3E%3Ccircle cx='380' cy='380' r='372' fill='none' stroke='%23E4EEE8' stroke-width='1.5'/%3E%3Ccircle cx='380' cy='380' r='290' fill='none' stroke='%23DFEBE4' stroke-width='1.5'/%3E%3Ccircle cx='380' cy='380' r='208' fill='none' stroke='%23D9E8DF' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
    pointer-events: none;
}

.rp-req-done > .rp-req-done__sun,
.rp-req-done > .rp-req-done__tile,
.rp-req-done > .rp-req-done__dots,
.rp-req-done > .rp-req-done__corner {
    position: absolute;
    pointer-events: none;
}

.rp-req-done__sun {
    left: 20px;
    top: 20px;
    width: 34px;
    height: 34px;
    border-radius: var(--rp-pill);
    background: var(--rp-yellow);
}

.rp-req-done__corner {
    right: -1px;
    bottom: -1px;
    width: 64px;
    height: 64px;
    border-radius: 64px 0 0 0;
    background: var(--rp-green);
}

.rp-req-done__tile,
.rp-req-done__dots {
    display: none;
}

.rp-req-done__main {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    width: 100%;
    max-width: 640px;
    text-align: center;
}

.rp-req-done__badge {
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    border: 6px solid #FFFFFF;
    border-radius: var(--rp-pill);
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-req-done__badge .rp-icon {
    width: 32px;
    height: 32px;
    stroke-width: 2.6;
}

.rp-req-done__title {
    font-size: 34px;
    line-height: 1.04;
    letter-spacing: -.05em;
}

.rp-req-done__title .rp-accent {
    display: block;
}

.rp-req-done__text {
    font-size: 16px;
    line-height: 1.55;
    color: var(--rp-text);
    text-wrap: pretty;
}

.rp-req-number {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    margin-top: 4px;
    padding: 16px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r);
    background: #FFFFFF;
    text-align: left;
}

.rp-req-number__body {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rp-req-number__label {
    font-size: 14px;
    color: var(--rp-muted);
}

.rp-req-number__value {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1.25;
}

.rp-req-number__copy {
    font-weight: 500;
}

.rp-req-done__note {
    margin-top: -6px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--rp-muted);
}

.rp-req-done__actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    width: 100%;
    margin-top: 4px;
}

/* „Благодарим“: адресът за изпращане и „Искате да промените нещо?“ */
.rp-req-after {
    padding-top: 12px;
}

.rp-req-ship {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding: 20px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r);
}

.rp-req-ship__intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.rp-req-ship__icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: var(--rp-green-50);
    color: var(--rp-green);
}

.rp-req-ship__title {
    font-size: 26px;
    line-height: 1.1;
    letter-spacing: -.035em;
}

.rp-req-ship__points {
    margin-top: 4px;
}

.rp-req-ship__points .rp-checks__item {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--rp-text);
}

.rp-req-ship__cards {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

.rp-req-addr {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    padding: 20px;
    border-radius: var(--rp-r);
    background: var(--rp-surface);
}

.rp-req-addr::before {
    content: '';
    position: absolute;
    right: -34px;
    top: -34px;
    width: 110px;
    height: 110px;
    border: 20px solid var(--rp-green-soft);
    border-radius: var(--rp-pill);
}

.rp-req-addr > * {
    position: relative;
}

.rp-req-addr__text {
    font-size: 16.5px;
    font-weight: 500;
    line-height: 1.5;
    white-space: pre-line;
}

.rp-req-addr__copy {
    margin-top: auto;
    min-height: 44px;
}

.rp-btn--outline.rp-req-addr__copy:hover {
    --bd: var(--rp-green);
    --fg: var(--rp-green-ink);
}

.rp-req-change {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 20px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r);
}

.rp-req-change__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 40em;
}

.rp-req-change__title {
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 1.25;
}

.rp-req-change__text {
    font-size: 15px;
    line-height: 1.5;
    color: var(--rp-muted);
}

.rp-req-change__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.rp-req-change__actions .rp-btn {
    min-height: 52px;
    padding: 0 18px;
    font-size: 16px;
}

.rp-req-change__actions .rp-btn:first-child {
    grid-column: 1 / -1;
}

/* Таблет: от 768 px */
@media (min-width: 768px) {
    .rp-pagehead__box > .rp-req-head__sun {
        right: 32px;
        top: 28px;
        width: 48px;
        height: 48px;
    }

    .rp-req-body {
        padding-top: 24px;
    }

    .rp-req-layout {
        gap: 16px;
    }

    .rp-req-form {
        gap: 28px;
        padding: 32px;
        border-radius: 32px;
    }

    .rp-req-form__body {
        gap: 28px;
    }

    .rp-req-form .rp-label {
        font-size: 15px;
    }

    .rp-req-form .rp-req-label--lead {
        font-size: 17px;
    }

    .rp-req-form .rp-hint {
        font-size: 14px;
    }

    .rp-req-desc .rp-hint {
        font-size: 14.5px;
    }

    .rp-req-phrases {
        gap: 8px;
        margin-top: 6px;
    }

    .rp-req-phrases .rp-phrase {
        min-height: 38px;
        padding: 0 14px;
        font-size: 14px;
    }

    .rp-req-pair {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-req-form__foot {
        padding-top: 24px;
    }

    .rp-req-form__submit {
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    .rp-req-form__submit .rp-btn {
        flex: none;
        min-height: 60px;
        padding: 0 32px;
        font-size: 17px;
    }

    .rp-req-form__privacy {
        text-align: left;
    }

    .rp-req-side {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-req-next,
    .rp-req-call {
        padding: 28px;
        border-radius: var(--rp-r-lg);
    }

    .rp-req-next {
        gap: 20px;
    }

    .rp-req-next__title,
    .rp-req-call__title {
        font-size: 20px;
    }

    .rp-req-next__list {
        gap: 18px;
    }

    .rp-req-next__step {
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 14px;
    }

    .rp-req-next__num {
        width: 32px;
        height: 32px;
    }

    .rp-req-next__name {
        font-size: 16px;
    }

    .rp-req-next__checks {
        padding-top: 18px;
    }

    .rp-req-call {
        gap: 14px;
    }

    .rp-req-call__actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .rp-req-call__actions .rp-btn {
        min-height: 52px;
        justify-content: flex-start;
        padding: 0 18px;
    }

    .rp-req-call__link,
    .rp-req-call__link--whatsapp {
        --bg: var(--rp-green-hover);
        --fg: #FFFFFF;
        font-weight: 500;
    }

    .rp-req-call__link:hover,
    .rp-req-call__link--whatsapp:hover {
        --bg: var(--rp-green-ink);
        --fg: #FFFFFF;
    }

    .rp-req-call__long {
        display: inline;
    }

    .rp-req-call__short {
        display: none;
    }

    .rp-req-box {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-req-box__card {
        gap: 18px;
        padding: 28px;
        border-radius: var(--rp-r-lg);
    }

    .rp-req-box__title {
        font-size: 21px;
    }

    .rp-req-box__badge {
        width: 40px;
        height: 40px;
    }

    .rp-req-box__list {
        gap: 12px;
        font-size: 15.5px;
    }

    .rp-req-track {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 32px;
        padding: 40px;
        border-radius: 32px;
    }

    .rp-req-track::before {
        display: block;
    }

    .rp-req-track .rp-btn {
        flex: none;
    }

    .rp-req-track__title {
        font-size: 26px;
        line-height: 1.55;
    }

    .rp-req-done {
        padding: 64px 40px 80px;
        border-radius: 32px;
    }

    .rp-req-done::before {
        top: -200px;
        width: 620px;
        height: 620px;
        margin-left: -310px;
    }

    .rp-req-done > .rp-req-done__sun {
        left: 40px;
        top: 40px;
        width: 52px;
        height: 52px;
    }

    .rp-req-done > .rp-req-done__corner {
        width: 110px;
        height: 110px;
        border-radius: 110px 0 0 0;
    }

    .rp-req-done__main {
        gap: 22px;
    }

    .rp-req-done__badge {
        width: 96px;
        height: 96px;
        border-width: 8px;
    }

    .rp-req-done__badge .rp-icon {
        width: 40px;
        height: 40px;
    }

    .rp-req-done__title {
        font-size: 48px;
    }

    .rp-req-done__text {
        font-size: 18px;
    }

    .rp-req-number {
        flex-direction: row;
        align-items: center;
        gap: 24px;
        width: auto;
        margin-top: 8px;
        padding: 18px 18px 18px 28px;
    }

    .rp-req-number__value {
        font-size: 30px;
        line-height: 1.55;
    }

    .rp-req-done__note {
        margin-top: -8px;
        font-size: 14.5px;
    }

    .rp-req-done__actions {
        flex-direction: row;
        justify-content: center;
        gap: 12px;
        width: auto;
        margin-top: 8px;
    }

    .rp-req-done__actions .rp-btn {
        min-height: 56px;
        padding: 0 26px;
    }

    .rp-req-after {
        padding-top: 24px;
    }

    .rp-req-ship {
        gap: 28px;
        padding: 32px;
        border-radius: 32px;
    }

    .rp-req-ship__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-req-addr {
        min-height: 220px;
        padding: 24px;
    }

    .rp-req-change {
        padding: 32px;
        border-radius: 32px;
    }

    .rp-req-change__title {
        font-size: 22px;
    }

    .rp-req-change__text {
        font-size: 15.5px;
    }

    .rp-req-change__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
}

/* Компютър: от 1200 px */
@media (min-width: 1200px) {
    .rp-req-head {
        padding-bottom: 56px;
    }

    .rp-pagehead__box > .rp-req-head__sun {
        right: 290px;
        top: 44px;
        width: 56px;
        height: 56px;
    }

    .rp-pagehead__box > .rp-req-head__corner {
        display: block;
        right: 200px;
        bottom: -1px;
        width: 96px;
        height: 96px;
        border-radius: 96px 0 0 0;
        background: var(--rp-green);
    }

    .rp-pagehead__box > .rp-req-head__tile {
        display: block;
        right: 250px;
        bottom: 110px;
        width: 34px;
        height: 34px;
        border-radius: 10px;
        background: var(--rp-green-line);
        transform: rotate(20deg);
    }

    .rp-req-head .rp-crumbs {
        margin-bottom: 14px;
    }

    .rp-req-head .rp-pagehead__title {
        max-width: 14em;
        font-size: 64px;
    }

    .rp-req-head .rp-pagehead__text {
        max-width: 29em;
        font-size: 20px;
    }

    .rp-req-body {
        padding-top: 48px;
    }

    .rp-req-layout {
        grid-template-columns: minmax(0, 1fr) 400px;
        gap: 24px;
    }

    .rp-req-form {
        padding: 40px;
    }

    .rp-req-side {
        position: sticky;
        top: calc(var(--rp-header-h) + 24px);
        grid-template-columns: minmax(0, 1fr);
    }

    .rp-req-h2 {
        font-size: 44px;
        line-height: 1.08;
        letter-spacing: -.04em;
    }

    .rp-req-box__card {
        padding: 32px;
    }

    .rp-req-pulse {
        display: block;
        width: 300px;
        height: 80px;
        margin-top: 4px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 80'%3E%3Cpath d='M0 50 H130 L150 8 L170 72 L184 50 H300' fill='none' stroke='%23CFE9D9' stroke-width='4' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .rp-req-track {
        padding: 40px 48px;
    }

    .rp-req-track__text {
        font-size: 15.5px;
    }

    .rp-req-done {
        padding: 88px 56px 96px;
        border-radius: var(--rp-r-xl);
    }

    .rp-req-done::before {
        top: -230px;
        width: 760px;
        height: 760px;
        margin-left: -380px;
    }

    .rp-req-done > .rp-req-done__sun {
        left: 72px;
        top: 72px;
        width: 72px;
        height: 72px;
    }

    .rp-req-done > .rp-req-done__corner {
        width: 150px;
        height: 150px;
        border-radius: 150px 0 0 0;
    }

    .rp-req-done > .rp-req-done__tile {
        display: block;
        right: 120px;
        top: 96px;
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: var(--rp-green-line);
        transform: rotate(20deg);
    }

    .rp-req-done > .rp-req-done__dots {
        display: block;
        left: 72px;
        bottom: 72px;
        width: 120px;
        height: 60px;
        background: radial-gradient(circle, rgba(14, 143, 74, .3) 3px, transparent 3.5px) -6px -6px / 24px 24px;
    }

    .rp-req-done__main {
        gap: 24px;
    }

    .rp-req-done__title {
        font-size: 60px;
        line-height: 1.02;
    }

    .rp-req-done__text {
        font-size: 20px;
    }

    .rp-req-number__label {
        font-size: 13.5px;
    }

    .rp-req-ship {
        grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
        align-items: start;
        gap: 40px;
        padding: 40px;
    }

    .rp-req-ship__title {
        font-size: 32px;
    }

    .rp-req-change {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 32px;
        padding: 32px 40px;
    }

    .rp-req-change__actions {
        flex: none;
        flex-wrap: nowrap;
    }
}

/* ==== Проследяване ==== */
/* „Проследяване“ по макета: търсенето в заглавния блок, резултатът с лентата на етапите и историята, диагностиката.
   Зелената кутия до резултата е .rp-req-call (pages/request.css). */

.rp-pagehead__box > .rp-track-head__sun,
.rp-pagehead__box > .rp-track-head__tile {
    position: absolute;
    z-index: 0;
    pointer-events: none;
}

.rp-track-head__sun {
    right: 20px;
    top: 20px;
    width: 34px;
    height: 34px;
    border-radius: var(--rp-pill);
    background: var(--rp-yellow);
}

.rp-track-head__tile {
    display: none;
}

/* Формата за търсене */
.rp-track-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-top: 4px;
    padding: 16px;
    border: 1px solid var(--rp-line);
    border-radius: 22px;
    background: #FFFFFF;
}

/* „Твърде бързо“ от partials/honeypot е ред над полетата на всяка ширина, не клетка от решетката. */
.rp-track-form > .rp-form-alert {
    grid-column: 1 / -1;
}

.rp-track-form__submit {
    width: 100%;
}

.rp-track-missing {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-radius: var(--rp-r-md);
    background: var(--rp-red-50);
    color: var(--rp-red-ink);
    font-size: 15px;
    line-height: 1.5;
}

.rp-track-missing .rp-icon {
    margin-top: 2px;
}

.rp-track-missing .rp-mono {
    font-weight: 600;
    white-space: nowrap;
}

/* Резултатът */
.rp-track-result {
    padding-top: 12px;
}

.rp-track-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.rp-track-card {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
    padding: 20px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r);
}

.rp-track-card__head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.rp-track-card__id {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.rp-track-card__meta {
    font-size: 14px;
    color: var(--rp-muted);
}

.rp-track-card__meta strong {
    font-family: var(--rp-mono-font);
    font-weight: 600;
    color: var(--rp-ink);
}

.rp-track-card__device {
    font-size: 22px;
    letter-spacing: -.02em;
    line-height: 1.15;
}

.rp-track-badge {
    --tb-bg: #E8F0F7;
    --tb-fg: #1F4B6E;
    --tb-dot: #2F6FA3;
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 0 12px;
    border-radius: var(--rp-pill);
    background: var(--tb-bg);
    color: var(--tb-fg);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

.rp-track-badge__dot {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: var(--rp-pill);
    background: var(--tb-dot);
}

.rp-track-badge--wait {
    --tb-bg: var(--rp-yellow-50);
    --tb-fg: var(--rp-yellow-deep);
    --tb-dot: #E0A800;
}

.rp-track-badge--work {
    --tb-bg: var(--rp-green-50);
    --tb-fg: var(--rp-green-ink);
    --tb-dot: var(--rp-green);
}

.rp-track-badge--ok {
    --tb-bg: var(--rp-green);
    --tb-fg: #FFFFFF;
    --tb-dot: var(--rp-yellow);
}

.rp-track-badge--muted {
    --tb-bg: var(--rp-surface);
    --tb-fg: var(--rp-muted);
    --tb-dot: var(--rp-faint);
}

/* Лентата на етапите: отвесна на телефон, водоравна от 768 px */
.rp-track-stages {
    display: flex;
    flex-direction: column;
}

.rp-track-stage {
    position: relative;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    min-height: 56px;
}

.rp-track-stage:last-child {
    min-height: 32px;
}

.rp-track-stage::before {
    content: '';
    position: absolute;
    left: 14.5px;
    top: 32px;
    bottom: 0;
    width: 3px;
    border-radius: var(--rp-pill);
    background: var(--rp-line);
}

.rp-track-stage:last-child::before {
    display: none;
}

.rp-track-stage.is-done::before {
    background: var(--rp-green);
}

.rp-track-stage__dot {
    position: relative;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 2px solid var(--rp-field);
    border-radius: var(--rp-pill);
    background: #FFFFFF;
    color: var(--rp-faint);
    font-size: 13px;
    font-weight: 600;
}

.rp-track-stage__dot .rp-icon {
    width: 14px;
    height: 14px;
    stroke-width: 3;
}

.rp-track-stage.is-done .rp-track-stage__dot {
    border-color: var(--rp-green);
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-track-stage.is-current .rp-track-stage__dot {
    border-color: var(--rp-green);
}

.rp-track-stage__pin {
    width: 10px;
    height: 10px;
    border-radius: var(--rp-pill);
    background: var(--rp-green);
}

/* Предстоящият етап: празно кръгче на телефон, с номера от 768 px (по макета). */
.rp-track-stage__num {
    display: none;
}

.rp-track-stage__label {
    padding-top: 5px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.55;
}

.rp-track-stage.is-current .rp-track-stage__label {
    font-weight: 700;
}

.rp-track-stage.is-future .rp-track-stage__label {
    color: var(--rp-faint);
}

/* „Какво става сега“ и историята */
.rp-track-flash {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    border-radius: var(--rp-r-sm);
    background: var(--rp-green-soft);
    color: var(--rp-green);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
}

.rp-track-flash--warn {
    background: var(--rp-surface-2);
    color: var(--rp-text-strong);
}

.rp-track-decide {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 16px;
    border: 1px solid var(--rp-green-line);
    border-radius: var(--rp-r-md);
    background: var(--rp-green-50);
}

.rp-track-decide__label {
    font-size: 14px;
    font-weight: 600;
    color: var(--rp-green);
}

.rp-track-decide__lead {
    max-width: 40em;
    font-size: 16px;
    line-height: 1.5;
    color: var(--rp-text-strong);
}

.rp-track-decide__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 6px;
}

.rp-track-decide__actions > *,
.rp-track-decide__form .rp-btn,
.rp-track-decide__summary {
    width: 100%;
}

.rp-track-decide__form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rp-track-decide__summary {
    list-style: none;
}

.rp-track-decide__summary::-webkit-details-marker {
    display: none;
}

.rp-track-decide__reason {
    margin-top: 12px;
    padding: 16px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r-sm);
    background: #FFFFFF;
}

.rp-track-decide__note,
.rp-track-decide__hint {
    font-size: 14px;
    line-height: 1.5;
    color: var(--rp-muted);
}

@media (min-width: 640px) {
    .rp-track-decide {
        padding: 20px 22px;
    }

    .rp-track-decide__actions > *,
    .rp-track-decide__form .rp-btn,
    .rp-track-decide__summary {
        width: auto;
    }

    .rp-track-decide__decline[open] {
        flex-basis: 100%;
    }

    .rp-track-decide__reason .rp-btn {
        align-self: flex-start;
    }
}

.rp-track-now {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px;
    border-radius: var(--rp-r-md);
    background: var(--rp-surface);
}

.rp-track-now::before {
    content: '';
    position: absolute;
    right: -30px;
    top: -30px;
    width: 110px;
    height: 110px;
    border: 20px solid var(--rp-green-soft);
    border-radius: var(--rp-pill);
}

.rp-track-now > * {
    position: relative;
}

.rp-track-now__label {
    font-size: 14px;
    font-weight: 600;
    color: var(--rp-green);
}

.rp-track-now__text {
    max-width: 40em;
    font-size: 14.5px;
    line-height: 1.5;
}

.rp-track-now__since {
    font-size: 14px;
    color: var(--rp-muted);
}

.rp-track-now__price {
    margin: 10px 0 0;
    font-size: 17px;
    color: var(--rp-text-strong);
}

.rp-track-now__ship {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 12px 0 0;
    padding: 14px 16px;
    border: 1px solid var(--rp-green-line);
    border-radius: 14px;
    background: #FFFFFF;
}

.rp-track-now__ship-lb {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--rp-green);
}

.rp-track-now__ship-text {
    margin: 0;
    font-size: 16px;
    line-height: 1.55;
    color: var(--rp-text-strong);
}

.rp-track-doc {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 12px 0 0;
    padding: 14px 16px;
    border: 1px solid var(--rp-green-line);
    border-radius: 14px;
    background: #FFFFFF;
}

.rp-track-doc__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rp-track-doc__lb {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--rp-green);
}

.rp-track-doc__hint {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    color: var(--rp-text-strong);
}

/* На телефон бутонът е на цял ред (като „Проследете заявката“); от 768 px е вдясно, във вертикалната среда. */
.rp-track-doc__btn {
    align-self: stretch;
}

@media (min-width: 768px) {
    .rp-track-doc {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }

    .rp-track-doc__btn {
        flex: 0 0 auto;
        align-self: center;
    }
}

.rp-track-history__title {
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--rp-muted);
}

.rp-track-history__row {
    display: grid;
    grid-template-columns: 96px 10px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 8px 0;
}

.rp-track-history__date {
    font-size: 14px;
    color: var(--rp-muted);
}

.rp-track-history__dot {
    width: 10px;
    height: 10px;
    border-radius: var(--rp-pill);
    background: var(--rp-field);
}

.rp-track-history__label {
    font-size: 15px;
    line-height: 1.4;
}

.rp-track-history__row.is-latest .rp-track-history__dot {
    background: var(--rp-green);
}

.rp-track-history__row.is-latest .rp-track-history__label {
    font-weight: 600;
}

/* Кутията „Въпрос по заявката?“: жълтият ъгъл долу вляво е само на компютър */
.rp-req-call--track::after {
    content: '';
    position: absolute;
    left: -1px;
    bottom: -1px;
    width: 90px;
    height: 90px;
    display: none;
    border-radius: 0 90px 0 0;
    background: var(--rp-yellow);
}

/* Диагностиката */
.rp-track-diag__note {
    max-width: 24em;
    font-size: 15px;
    line-height: 1.5;
    color: var(--rp-muted);
}

.rp-track-diag {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

.rp-track-diag__card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px;
    border-radius: var(--rp-r);
    background: var(--rp-green-50);
}

.rp-track-diag__card::before {
    content: '';
    position: absolute;
    right: -36px;
    top: -36px;
    width: 120px;
    height: 120px;
    border-radius: var(--rp-pill);
    background: #FFFFFF;
    opacity: .55;
}

.rp-track-diag__card--2 {
    background: var(--rp-surface);
}

.rp-track-diag__card--2::before {
    border-radius: 0 0 0 120px;
}

.rp-track-diag__card--3 {
    background: var(--rp-yellow-50);
}

.rp-track-diag__card--3::before {
    border-radius: 32px;
}

.rp-track-diag__card > * {
    position: relative;
}

.rp-track-diag__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rp-track-diag__icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: var(--rp-r-sm);
    background: #FFFFFF;
    color: var(--rp-green);
}

.rp-track-diag__card--3 .rp-track-diag__icon {
    color: var(--rp-yellow-deep);
}

.rp-track-diag__num {
    font-size: 14px;
    font-weight: 600;
    color: var(--rp-faint);
}

.rp-track-diag__title {
    margin-top: 6px;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1.25;
}

.rp-track-diag__text {
    font-size: 14.5px;
    line-height: 1.5;
    color: var(--rp-text);
}

/* Таблет: от 768 px */
@media (min-width: 768px) {
    .rp-pagehead__box > .rp-track-head__sun {
        right: 32px;
        top: 28px;
        width: 48px;
        height: 48px;
    }

    .rp-track-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        margin-top: 8px;
        padding: 20px;
        border-radius: var(--rp-r-lg);
    }

    .rp-track-form .rp-label {
        font-size: 15px;
    }

    .rp-track-form__submit {
        grid-column: 1 / -1;
    }

    .rp-track-missing {
        padding: 16px 20px;
    }

    .rp-track-result {
        padding-top: 24px;
    }

    .rp-track-layout {
        gap: 16px;
    }

    .rp-track-card {
        gap: 28px;
        padding: 32px;
        border-radius: 32px;
    }

    .rp-track-card__head {
        flex-direction: row;
        justify-content: space-between;
        gap: 24px;
    }

    .rp-track-card__meta {
        font-size: 14px;
    }

    .rp-track-card__device {
        font-size: 30px;
        letter-spacing: -.03em;
    }

    .rp-track-badge {
        gap: 8px;
        min-height: 36px;
        padding: 0 14px;
        font-size: 14px;
        white-space: nowrap;
    }

    .rp-track-badge__dot {
        width: 8px;
        height: 8px;
    }

    .rp-track-stages {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rp-track-stage,
    .rp-track-stage:last-child {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        min-height: 0;
        text-align: center;
    }

    .rp-track-stage::before {
        left: 50%;
        right: -50%;
        top: 21px;
        bottom: auto;
        width: auto;
        height: 3px;
    }

    .rp-track-stage__dot {
        width: 44px;
        height: 44px;
        font-size: 15px;
    }

    .rp-track-stage__dot .rp-icon {
        width: 18px;
        height: 18px;
    }

    .rp-track-stage__pin {
        width: 12px;
        height: 12px;
    }

    .rp-track-stage__num {
        display: inline;
    }

    .rp-track-stage__label {
        padding: 0 8px;
        line-height: 1.35;
    }

    .rp-track-stage.is-current .rp-track-stage__label {
        font-weight: 600;
    }

    .rp-track-now {
        gap: 8px;
        padding: 26px 28px;
        border-radius: var(--rp-r);
    }

    .rp-track-now__label,
    .rp-track-now__since {
        font-size: 14px;
    }

    .rp-track-now__text {
        font-size: 17px;
        line-height: 1.55;
    }

    .rp-track-history__title {
        margin-bottom: 12px;
    }

    .rp-track-history__row {
        grid-template-columns: 110px 16px minmax(0, 1fr);
        gap: 14px;
        padding: 10px 0;
    }

    .rp-track-history__date {
        font-size: 14px;
    }

    .rp-track-side .rp-req-call__actions {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rp-track-side .rp-req-call__phone {
        grid-column: auto;
    }

    .rp-track-side .rp-req-call__actions .rp-btn {
        justify-content: center;
    }

    .rp-track-side .rp-req-call__long {
        display: none;
    }

    .rp-track-side .rp-req-call__short {
        display: inline;
    }

    .rp-track-diag__note {
        flex: 0 1 24em;
        padding-bottom: 6px;
    }

    .rp-track-diag {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-track-diag__card {
        min-height: 240px;
        padding: 28px;
        border-radius: var(--rp-r-lg);
    }

    .rp-track-diag__title {
        margin-top: auto;
        font-size: 20px;
    }
}

/* Компютър: от 1200 px */
@media (min-width: 1200px) {
    .rp-track-head::before {
        top: -170px;
        margin-top: 0;
    }

    .rp-pagehead__box > .rp-track-head__sun {
        right: 300px;
        top: 48px;
        width: 48px;
        height: 48px;
    }

    .rp-pagehead__box > .rp-track-head__tile {
        display: block;
        right: 240px;
        top: 150px;
        width: 30px;
        height: 30px;
        border-radius: 9px;
        background: var(--rp-green-line);
        transform: rotate(20deg);
    }

    .rp-track-head {
        padding-bottom: 56px;
    }

    .rp-track-head .rp-crumbs {
        margin-bottom: 14px;
    }

    .rp-track-head .rp-pagehead__title {
        max-width: 11em;
    }

    .rp-track-head .rp-pagehead__text {
        max-width: 30em;
    }

    .rp-track-form {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
        margin-top: 22px;
        padding: 24px;
    }

    .rp-track-form__submit {
        grid-column: auto;
        width: auto;
        margin-top: 31px;
        padding: 0 26px;
    }

    .rp-track-missing {
        margin-top: 2px;
    }

    .rp-track-layout {
        grid-template-columns: minmax(0, 1fr) 380px;
        gap: 24px;
    }

    .rp-track-card {
        gap: 32px;
        padding: 40px;
    }

    .rp-track-side .rp-req-call {
        gap: 14px;
        padding: 32px;
        border-radius: 32px;
    }

    .rp-track-side .rp-req-call::before {
        right: -50px;
        top: -50px;
        width: 160px;
        height: 160px;
        border-width: 26px;
    }

    .rp-track-side .rp-req-call__title {
        font-size: 24px;
        letter-spacing: -.025em;
    }

    .rp-track-side .rp-req-call__text {
        font-size: 15.5px;
        line-height: 1.55;
    }

    .rp-track-side .rp-req-call__actions {
        grid-template-columns: minmax(0, 1fr);
        margin: 6px 0 72px;
    }

    .rp-track-side .rp-req-call__actions .rp-btn {
        justify-content: flex-start;
    }

    .rp-track-side .rp-req-call__long {
        display: inline;
    }

    .rp-track-side .rp-req-call__short {
        display: none;
    }

    .rp-req-call--track::after {
        display: block;
    }

    .rp-track-diag {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rp-track-diag__card {
        min-height: 260px;
    }
}

/* ==== Марки, марка и партньори ==== */
/* „Марки“, страницата на марка и „Партньори“ по макета (Марки.dc.html, Марка EKOFENCE.dc.html, Партньори.dc.html).
   Mobile-first; пречупвания 768 и 1200 като app.css. Ползва токените и компонентите от app.css. */

/* Заглавната кутия: жълтото слънце и зелената четвъртинка над кръговете на .rp-pagehead__box */
.rp-pagehead__box > .rp-brands-sun,
.rp-pagehead__box > .rp-brands-quarter {
    position: absolute;
    z-index: 0;
    pointer-events: none;
}

.rp-brands-sun {
    right: 20px;
    top: 20px;
    width: 34px;
    height: 34px;
    border-radius: var(--rp-pill);
    background: var(--rp-yellow);
}

.rp-brands-quarter {
    display: none;
}

.rp-partners-head .rp-pagehead__title {
    font-size: 40px;
    line-height: 1.02;
}

.rp-brands-icon--whatsapp {
    color: var(--rp-whatsapp);
}

.rp-brands-heading {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 18px;
}

.rp-brands-heading__text {
    max-width: 48em;
    font-size: 16px;
    line-height: 1.5;
    color: var(--rp-muted);
}

/* Търсачката на марки в заглавната кутия */
.rp-brands-search {
    margin-top: 6px;
}

.rp-brands-search__form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 720px;
}

.rp-brands-search__label {
    font-size: 15px;
    font-weight: 600;
}

.rp-brands-search__box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    padding: 5px;
    border: 1px solid var(--rp-line);
    border-radius: 29px;
    background: #FFFFFF;
    transition: border-color var(--rp-t), box-shadow var(--rp-t);
}

.rp-brands-search__box:hover {
    border-color: var(--rp-quiet);
}

.rp-brands-search__box:focus-within {
    border-color: var(--rp-green);
    box-shadow: 0 0 0 4px var(--rp-green-50);
}

.rp-brands-search__icon {
    margin-left: 11px;
    color: var(--rp-faint);
}

.rp-brands-search__input {
    flex: 1;
    min-width: 0;
    height: 48px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--rp-ink);
    font-size: 16px;
    outline: none;
}

.rp-brands-search__input::placeholder {
    color: var(--rp-faint);
    opacity: 1;
}

.rp-brands-search__button {
    flex: 1 1 100%;
    padding: 0 18px;
    font-size: 16px;
}

.rp-brands-search__hint {
    padding-left: 16px;
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-muted);
}

.rp-brands-result {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    max-width: 720px;
    margin-top: 16px;
    padding: 16px 18px;
    border-radius: 22px;
    background: #FFFFFF;
    color: var(--rp-text);
}

.rp-brands-result--ok {
    background: var(--rp-green-50);
    color: var(--rp-green-ink);
}

.rp-brands-result--ask {
    background: var(--rp-yellow-50);
    color: var(--rp-warn-ink);
}

.rp-brands-result__text {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 15px;
    line-height: 1.5;
}

.rp-brands-result__dot {
    flex: none;
    width: 10px;
    height: 10px;
    margin-top: 7px;
    border-radius: var(--rp-pill);
    background: var(--rp-faint);
}

.rp-brands-result--ok .rp-brands-result__dot {
    background: var(--rp-green);
}

.rp-brands-result--ask .rp-brands-result__dot {
    background: #E0A800;
}

.rp-brands-result__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.rp-brands-result .rp-btn--white:hover {
    --bg: var(--rp-surface);
}

.rp-brands-result .rp-btn--sm {
    min-height: 44px;
    font-weight: 600;
}

.rp-brands-result--none .rp-btn--white {
    --bd: var(--rp-line);
}

/* „Имаме части“: първата карта е зелена, останалите сиви */
.rp-brands-parts-wrap {
    padding-top: 56px;
}

.rp-brands-parts {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.rp-brands-part {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 220px;
    padding: 24px;
    border-radius: var(--rp-r);
    background: var(--rp-surface);
    color: var(--rp-ink);
    transition: background-color var(--rp-t);
}

a.rp-brands-part:hover {
    background: var(--rp-surface-2);
}

.rp-brands-part::before {
    content: '';
    position: absolute;
    right: -40px;
    top: -40px;
    width: 130px;
    height: 130px;
    border: 22px solid var(--rp-green-soft);
    border-radius: var(--rp-pill);
}

.rp-brands-part > * {
    position: relative;
}

.rp-brands-part__country {
    align-self: flex-start;
    padding: 5px 12px;
    border-radius: var(--rp-pill);
    background: #FFFFFF;
    color: var(--rp-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.rp-brands-part__name {
    margin-top: auto;
    padding-top: 12px;
    font-size: 34px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.05em;
    overflow-wrap: anywhere;
}

.rp-brands-part__text {
    max-width: 26em;
    font-size: 15px;
    line-height: 1.5;
    color: var(--rp-text);
}

.rp-brands-part__link {
    display: inline;
    font-size: 15px;
    font-weight: 600;
    color: var(--rp-green);
}

.rp-brands-part__link .rp-icon {
    display: inline-block;
    margin-left: 8px;
    vertical-align: -3px;
}

.rp-brands-part:first-child {
    background: var(--rp-green);
    color: #FFFFFF;
}

a.rp-brands-part:first-child:hover {
    background: var(--rp-green-hover);
}

.rp-brands-part:first-child::before {
    right: -90px;
    top: -90px;
    width: 280px;
    height: 280px;
    border: 0;
    border-radius: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Ccircle cx='210' cy='210' r='200' fill='none' stroke='%231A9C56' stroke-width='2'/%3E%3Ccircle cx='210' cy='210' r='140' fill='none' stroke='%231A9C56' stroke-width='2'/%3E%3Ccircle cx='210' cy='210' r='80' fill='%231A9C56'/%3E%3C/svg%3E") center / contain no-repeat;
}

.rp-brands-part:first-child::after {
    content: '';
    position: absolute;
    right: 40px;
    bottom: 40px;
    display: none;
    width: 64px;
    height: 64px;
    border-radius: 18px;
    background: var(--rp-yellow);
    transform: rotate(18deg);
}

.rp-brands-part:first-child .rp-brands-part__country {
    background: var(--rp-yellow);
    color: var(--rp-ink);
}

.rp-brands-part:first-child .rp-brands-part__name {
    font-size: 40px;
}

.rp-brands-part:first-child .rp-brands-part__text {
    color: var(--rp-on-green);
}

.rp-brands-part:first-child .rp-brands-part__link {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 10px;
    min-height: 46px;
    margin-top: 6px;
    padding: 8px 18px;
    border-radius: var(--rp-pill);
    background: #FFFFFF;
    color: var(--rp-ink);
    font-size: 14.5px;
    line-height: 1.25;
}

.rp-brands-part:first-child .rp-brands-part__link .rp-icon {
    margin-left: 0;
}

/* „Ремонтираме и тези марки“ */
.rp-brands-others-wrap {
    padding-top: 10px;
}

.rp-brands-others {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    padding: 22px 16px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r);
}

.rp-brands-others__side {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rp-brands-others__title {
    font-size: 24px;
    line-height: 1.12;
    letter-spacing: -.03em;
}

.rp-brands-others__text {
    font-size: 16px;
    line-height: 1.55;
    color: var(--rp-text);
}

.rp-brands-others__side .rp-contact-chips {
    margin-top: 6px;
}

/* На телефон две колони, щом „Великобритания“ се побира на ред в 14 px (от 360 px); на по-тесен една. */
.rp-brands-tiles {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 136px), 1fr));
    gap: 8px;
}

.rp-brands-tile {
    display: flex;
    flex-direction: column;
    gap: 2px;
    height: 100%;
    padding: 14px 12px;
    border-radius: 16px;
    background: var(--rp-surface);
}

.rp-brands-tile--link {
    transition: background-color var(--rp-t);
}

.rp-brands-tile--link:hover {
    background: var(--rp-green-50);
}

.rp-brands-tile__name {
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.01em;
    overflow-wrap: anywhere;
}

.rp-brands-tile__country {
    font-size: 14px;
    line-height: 1.4;
    color: var(--rp-muted);
}

/* „Как да разберете марката“ и гаранцията */
.rp-brands-help {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

.rp-brands-howto,
.rp-brands-warranty,
.rp-brand-warranty {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 24px;
    border-radius: var(--rp-r);
}

.rp-brands-howto,
.rp-brand-warranty {
    background: var(--rp-surface);
}

.rp-brands-howto {
    gap: 18px;
}

.rp-brands-warranty {
    border: 1px solid var(--rp-line);
}

.rp-brands-howto::before,
.rp-brand-warranty::before {
    content: '';
    position: absolute;
    right: -30px;
    top: -30px;
    width: 100px;
    height: 100px;
    border-radius: 0 0 0 100px;
    background: var(--rp-surface-2);
}

.rp-brands-warranty::before {
    content: '';
    position: absolute;
    right: -40px;
    bottom: -40px;
    width: 120px;
    height: 120px;
    border: 22px solid var(--rp-line-soft);
    border-radius: var(--rp-pill);
}

.rp-brands-howto > *,
.rp-brands-warranty > *,
.rp-brand-warranty > * {
    position: relative;
}

.rp-brands-card-title {
    max-width: 14em;
    padding-right: 36px;
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: -.03em;
}

.rp-brands-howto__list {
    gap: 12px;
    margin-top: 0;
}

.rp-brands-howto__list .rp-checks__item {
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
}

.rp-brands-howto__list .rp-checks__dot {
    width: 24px;
    height: 24px;
    margin-top: 1px;
    background: var(--rp-green-50);
    color: var(--rp-green);
}

.rp-brands-warranty__text,
.rp-brand-warranty__text {
    max-width: 30em;
    font-size: 15px;
    line-height: 1.6;
    color: var(--rp-text);
}

/* Страницата на марка: заглавната кутия */
.rp-brand-id {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.rp-brand-id__logo {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    padding: 10px;
    overflow: hidden;
    border: 1px solid var(--rp-line);
    border-radius: 20px;
    background: #FFFFFF;
}

.rp-brand-id__img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.rp-brand-id__initials {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -.04em;
    color: var(--rp-green);
}

.rp-brand-id__meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}

.rp-brand-id__country {
    padding: 5px 12px;
    border-radius: var(--rp-pill);
    background: var(--rp-yellow);
    color: var(--rp-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.rp-brand-id__site {
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--rp-green);
    transition: color var(--rp-t);
}

.rp-brand-id__site .rp-icon {
    display: inline-block;
    margin-left: 8px;
    vertical-align: -2px;
}

.rp-brand-id__host {
    white-space: nowrap;
}

.rp-brand-id__site:hover {
    color: var(--rp-green-hover);
}

.rp-brand-head__title {
    max-width: 11em;
    margin-top: 4px;
}

.rp-brand-head__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 8px;
}

.rp-brand-head__actions .rp-btn:nth-child(-n+2) {
    grid-column: 1 / -1;
}

.rp-brand-head__actions .rp-btn--outline {
    padding: 0 16px;
}

/* Сериите: таблица на компютър, редове с етикет на телефон */
.rp-brand-series {
    padding: 4px 18px;
    border: 1px solid var(--rp-line);
    border-radius: 20px;
}

.rp-brand-series__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    line-height: 1.45;
}

.rp-brand-series__table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.rp-brand-series__table tr {
    display: block;
    padding: 14px 0;
}

.rp-brand-series__table tbody tr + tr {
    border-top: 1px solid var(--rp-line-soft);
}

.rp-brand-series__table th,
.rp-brand-series__table td {
    display: block;
    padding: 0;
    text-align: left;
    font-weight: 400;
    vertical-align: top;
}

.rp-brand-series__table td {
    margin-top: 8px;
}

.rp-brand-series__table td::before {
    content: attr(data-lb);
    display: block;
    font-family: var(--rp-font);
    font-size: 14px;
    color: var(--rp-faint);
}

.rp-brand-series__table .rp-brand-series__name {
    font-size: 16px;
    font-weight: 600;
    color: var(--rp-ink);
}

.rp-brand-series__power {
    color: var(--rp-text);
}

.rp-brand-series__models {
    font-family: var(--rp-mono-font);
    font-size: 14px;
    color: var(--rp-ink);
}

/* Партньорските магазини („Партньори“ и „Откъде да закупите“) */
.rp-partner-cards {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.rp-partner-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    padding: 20px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r);
    background: #FFFFFF;
    color: var(--rp-ink);
}

.rp-partner-card--link {
    transition: border-color var(--rp-t), background-color var(--rp-t);
}

.rp-partner-card--link:hover {
    border-color: var(--rp-green);
    background: var(--rp-hover-card);
}

.rp-partner-card__vouchers {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rp-partner-card__voucher {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px 8px 8px;
    border: 1px solid var(--rp-yellow-100);
    border-radius: 14px;
    background: var(--rp-yellow-50);
}

.rp-partner-card__pct {
    flex: none;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: var(--rp-pill);
    background: var(--rp-yellow);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.01em;
    color: var(--rp-ink);
}

.rp-partner-card__voucher-text {
    font-size: 14px;
    line-height: 1.4;
    color: var(--rp-yellow-ink);
}

.rp-partner-card__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 88px;
    padding: 10px 14px;
    overflow: hidden;
    border: 1px solid var(--rp-line);
    border-radius: 16px;
    background: #FFFFFF;
}

.rp-partner-card__img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.rp-partner-card__initials {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -.03em;
    color: var(--rp-green);
}

.rp-partner-card__head {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.rp-partner-card__name {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.02em;
}

.rp-partner-card__kind {
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-muted);
}

.rp-partner-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.rp-partner-card__tag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: var(--rp-pill);
    background: var(--rp-surface);
    font-size: 14px;
}

.rp-partner-card__link {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid var(--rp-green-line);
    border-radius: var(--rp-pill);
    background: var(--rp-green-50);
    font-size: 14.5px;
    font-weight: 600;
    color: var(--rp-green-ink);
    transition: background-color var(--rp-t), color var(--rp-t), border-color var(--rp-t);
}

.rp-partner-card--link:hover .rp-partner-card__link {
    border-color: var(--rp-green);
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-partner-empty {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 22px;
    border-radius: var(--rp-r);
    background: var(--rp-surface);
}

.rp-partner-empty__icon {
    flex: none;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: #FFFFFF;
    color: var(--rp-green);
}

.rp-partner-empty__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rp-partner-empty__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.02em;
}

.rp-partner-empty__text {
    max-width: 40em;
    font-size: 15px;
    line-height: 1.5;
    color: var(--rp-muted);
}

/* Ваучерът: зелена лента със значката, текста и по желание бутон */
.rp-brand-voucher {
    --rp-focus: var(--rp-yellow);
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 20px;
    border-radius: var(--rp-r);
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-brand-voucher::before {
    content: '';
    position: absolute;
    right: -40px;
    top: -40px;
    width: 130px;
    height: 130px;
    border: 22px solid var(--rp-green-mid);
    border-radius: var(--rp-pill);
}

.rp-brand-voucher > * {
    position: relative;
}

.rp-partner-cards + .rp-brand-voucher {
    margin-top: 10px;
}

.rp-brand-voucher__badge {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: var(--rp-yellow);
    color: var(--rp-ink);
}

.rp-brand-voucher__body {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.rp-brand-voucher__title {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
}

.rp-brand-voucher__text {
    max-width: 44em;
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-on-green);
}

.rp-brand-voucher__button {
    grid-column: 1 / -1;
    padding: 0 20px;
    font-size: 16px;
}

.rp-partner-voucher-wrap {
    padding-top: 12px;
}

/* „Как да използвате ваучера“: редове на телефон, карти от 768 px (класовете .rp-step от app.css) */
.rp-partner-steps {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rp-partner-steps .rp-step {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: start;
    gap: 3px 14px;
    min-height: 0;
    padding: 16px;
    border-radius: 20px;
}

.rp-partner-steps .rp-step::before {
    display: none;
}

.rp-partner-steps .rp-step__num {
    grid-row: 1 / span 2;
    font-size: 32px;
    letter-spacing: -.05em;
}

.rp-partner-steps .rp-step__title {
    margin-top: 0;
    font-size: 15.5px;
}

.rp-partner-steps .rp-step__text {
    font-size: 14px;
}

/* Страницата на марка: гаранцията и въпросите */
.rp-brand-more {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
}

.rp-brand-faq {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.rp-brand-faq__title {
    max-width: none;
    padding-right: 0;
}

/* Зеленият призив на „Партньори“ (вариант на .rp-cta) */
.rp-cta.rp-partner-cta {
    --rp-focus: var(--rp-yellow);
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-partner-cta::before {
    border-color: var(--rp-green-mid);
}

.rp-partner-cta .rp-cta__text {
    color: var(--rp-on-green);
}

.rp-partner-cta__phone {
    --bg: var(--rp-green-hover);
    --fg: #FFFFFF;
}

.rp-partner-cta__phone:hover {
    --bg: var(--rp-green-ink);
    --fg: #FFFFFF;
}

.rp-partner-cta__phone .rp-icon {
    color: var(--rp-yellow);
}

/* Таблет: от 768 px */
@media (min-width: 768px) {
    .rp-brands-sun {
        right: 32px;
        top: 24px;
        width: 48px;
        height: 48px;
    }

    .rp-partners-head .rp-pagehead__title {
        font-size: 48px;
        line-height: 1.04;
    }

    .rp-brands-heading {
        margin-bottom: 28px;
    }

    .rp-brands-heading__text {
        font-size: 16px;
    }

    .rp-brands-search {
        margin-top: 14px;
    }

    .rp-brands-search__box {
        flex-wrap: nowrap;
        gap: 10px;
        padding: 6px 6px 6px 22px;
        border-radius: var(--rp-pill);
    }

    .rp-brands-search__icon {
        margin-left: 0;
    }

    .rp-brands-search__button {
        flex: none;
        padding: 0 24px;
    }

    .rp-brands-search__hint {
        padding-left: 22px;
    }

    .rp-brands-result {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 18px 22px;
    }

    .rp-brands-result__text {
        font-size: 15.5px;
    }

    .rp-brands-result__request,
    .rp-brands-result__actions {
        flex: none;
    }

    .rp-brands-result__actions {
        flex-wrap: nowrap;
    }

    .rp-brands-parts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-brands-part {
        gap: 14px;
        min-height: 320px;
        padding: 32px;
        border-radius: 32px;
    }

    .rp-brands-part::before {
        right: -50px;
        top: -50px;
        width: 180px;
        height: 180px;
        border-width: 30px;
    }

    .rp-brands-part:first-child::before {
        right: -120px;
        top: -120px;
        width: 420px;
        height: 420px;
        border: 0;
    }

    .rp-brands-part__name {
        font-size: 44px;
    }

    .rp-brands-part:first-child .rp-brands-part__name {
        font-size: 52px;
    }

    .rp-brands-part__text {
        font-size: 15.5px;
    }

    .rp-brands-part:first-child .rp-brands-part__text {
        max-width: 22em;
        font-size: 16px;
    }

    .rp-brands-part:first-child .rp-brands-part__link {
        min-height: 50px;
        margin-top: 10px;
        padding: 8px 22px;
        font-size: 15px;
    }

    .rp-brands-others-wrap {
        padding-top: 16px;
    }

    .rp-brands-others {
        gap: 28px;
        padding: 32px;
        border-radius: 32px;
    }

    .rp-brands-others__title {
        font-size: 28px;
    }

    .rp-brands-tiles {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }

    .rp-brands-tile {
        padding: 16px 18px;
        border-radius: 18px;
    }

    .rp-brands-tile__name {
        font-size: 16.5px;
    }

    .rp-brands-help {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-brands-howto,
    .rp-brands-warranty,
    .rp-brand-warranty {
        padding: 32px;
        border-radius: 32px;
    }

    .rp-brands-howto::before,
    .rp-brand-warranty::before {
        width: 120px;
        height: 120px;
        border-radius: 0 0 0 120px;
    }

    .rp-brands-warranty::before {
        width: 140px;
        height: 140px;
        border-width: 24px;
    }

    .rp-brands-card-title {
        font-size: 28px;
    }

    .rp-brands-howto__list .rp-checks__item {
        font-size: 15.5px;
    }

    .rp-brands-warranty__text {
        font-size: 16px;
    }

    .rp-brand-warranty__text {
        font-size: 15.5px;
    }

    .rp-brand-id {
        gap: 20px;
    }

    .rp-brand-id__logo {
        width: 96px;
        height: 96px;
        padding: 12px;
        border-radius: 24px;
    }

    .rp-brand-id__initials {
        font-size: 32px;
    }

    .rp-brand-id__site {
        font-size: 15px;
    }

    .rp-brand-head__title {
        margin-top: 10px;
    }

    .rp-brand-head__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 12px;
    }

    .rp-brand-head__actions .rp-btn--outline {
        padding: 0 22px;
    }

    .rp-brand-series {
        padding: 8px 32px;
        border-radius: 28px;
    }

    .rp-brand-series__table {
        font-size: 16px;
    }

    .rp-brand-series__table thead {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        clip-path: none;
        white-space: normal;
    }

    .rp-brand-series__table thead th {
        padding: 18px 32px 14px 0;
        font-size: 14px;
        color: var(--rp-faint);
    }

    .rp-brand-series__table tr {
        display: table-row;
        padding: 0;
    }

    .rp-brand-series__table tbody tr {
        border-top: 1px solid var(--rp-line-soft);
    }

    .rp-brand-series__table th,
    .rp-brand-series__table td {
        display: table-cell;
        margin: 0;
        padding: 20px 32px 20px 0;
    }

    .rp-brand-series__table th:last-child,
    .rp-brand-series__table td:last-child {
        padding-right: 0;
    }

    .rp-brand-series__table td::before {
        content: none;
    }

    .rp-brand-series__table th:first-child {
        width: 30.6%;
    }

    .rp-brand-series__table th:nth-child(2),
    .rp-brand-series__power {
        width: 41.7%;
    }

    .rp-brand-series__models {
        font-size: 14.5px;
    }

    .rp-partner-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-partner-card {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        padding: 28px;
        border-radius: 28px;
    }

    .rp-partner-card__logo {
        height: 96px;
        padding: 14px;
        border-radius: 18px;
    }

    .rp-partner-cards--brand .rp-partner-card {
        gap: 14px;
        padding: 26px;
    }

    .rp-partner-cards--brand .rp-partner-card__logo {
        height: 72px;
        padding: 10px;
        border-radius: 16px;
    }

    .rp-partner-card__initials {
        font-size: 28px;
    }

    .rp-partner-card__head {
        gap: 4px;
    }

    .rp-partner-card__name {
        font-size: 20px;
    }

    .rp-partner-cards--brand .rp-partner-card__name {
        font-size: 18px;
    }

    .rp-partner-card__kind {
        font-size: 14.5px;
    }

    .rp-partner-cards--brand .rp-partner-card__kind {
        font-size: 14px;
    }

    .rp-partner-card__tag {
        min-height: 30px;
        padding: 0 12px;
    }

    .rp-partner-card__link {
        margin-top: auto;
        font-size: 15px;
    }

    .rp-partner-empty {
        align-items: center;
        gap: 20px;
        padding: 28px 32px;
        border-radius: 28px;
    }

    .rp-partner-empty__icon {
        width: 56px;
        height: 56px;
        border-radius: 18px;
    }

    .rp-partner-empty__title {
        font-size: 20px;
    }

    .rp-partner-empty__text {
        font-size: 16px;
    }

    .rp-brand-voucher {
        grid-template-columns: 60px minmax(0, 1fr);
        gap: 24px;
        padding: 28px 32px;
        border-radius: 28px;
    }

    .rp-brand-voucher--action {
        grid-template-columns: 56px minmax(0, 1fr) auto;
        padding: 26px 32px;
    }

    .rp-partner-cards + .rp-brand-voucher {
        margin-top: 16px;
    }

    .rp-brand-voucher__badge {
        width: 60px;
        height: 60px;
        border-radius: 18px;
    }

    .rp-brand-voucher--action .rp-brand-voucher__badge {
        width: 56px;
        height: 56px;
    }

    .rp-brand-voucher__body {
        gap: 4px;
    }

    .rp-brand-voucher__title {
        font-size: 21px;
    }

    .rp-brand-voucher--action .rp-brand-voucher__title {
        font-size: 19px;
    }

    .rp-brand-voucher__text {
        font-size: 15.5px;
        line-height: 1.5;
    }

    .rp-brand-voucher--action .rp-brand-voucher__text {
        font-size: 15px;
        max-width: none;
    }

    .rp-brand-voucher__button {
        grid-column: auto;
        white-space: nowrap;
    }

    .rp-partner-voucher-wrap {
        padding-top: 16px;
    }

    .rp-partner-steps {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-partner-steps .rp-step {
        display: flex;
        flex-direction: column;
        gap: 12px;
        min-height: 240px;
        padding: 28px;
        border-radius: 28px;
    }

    .rp-partner-steps .rp-step::before {
        display: block;
    }

    .rp-partner-steps .rp-step__num {
        font-size: 48px;
    }

    .rp-partner-steps .rp-step__title {
        margin-top: auto;
        font-size: 20px;
    }

    .rp-partner-steps .rp-step__text {
        font-size: 15px;
    }

    .rp-brand-faq {
        gap: 10px;
    }

    .rp-brand-faq__title {
        margin-bottom: 8px;
    }
}

/* Компютър: от 1200 px */
@media (min-width: 1200px) {
    .rp-pagehead__box.rp-brand-head,
    .rp-pagehead__box.rp-partners-head {
        padding-bottom: 56px;
    }

    .rp-partners-head .rp-pagehead__title {
        font-size: 60px;
        line-height: 1.02;
    }

    .rp-brands-sun {
        right: 290px;
        top: 44px;
        width: 56px;
        height: 56px;
    }

    .rp-brand-head .rp-brands-sun {
        right: 300px;
    }

    .rp-brands-quarter {
        display: block;
        right: 200px;
        bottom: -1px;
        width: 96px;
        height: 96px;
        border-radius: 96px 0 0 0;
        background: var(--rp-green);
    }

    .rp-brands-head .rp-crumbs {
        margin-bottom: 14px;
    }

    .rp-brands-h2 {
        font-size: 44px;
        line-height: 1.08;
        letter-spacing: -.04em;
    }

    .rp-brands-h2--sm {
        font-size: 40px;
        line-height: 1.1;
    }

    .rp-brands-heading__text--brand {
        max-width: 40em;
        font-size: 16.5px;
    }

    .rp-brands-h2.rp-section__title {
        margin-bottom: 32px;
    }

    .rp-brands-search {
        margin-top: 18px;
    }

    .rp-brands-search__hint {
        font-size: 13.5px;
    }

    .rp-brands-parts {
        grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    }

    .rp-brands-part {
        min-height: 400px;
        padding: 40px;
        border-radius: 36px;
    }

    .rp-brands-part:first-child::after {
        right: 48px;
        bottom: 48px;
        display: block;
    }

    .rp-brands-part__name {
        font-size: 56px;
    }

    .rp-brands-part:first-child .rp-brands-part__name {
        font-size: 64px;
    }

    .rp-brands-part:first-child .rp-brands-part__text {
        max-width: 26em;
    }

    .rp-brands-part__country,
    .rp-brand-id__country,
    .rp-brands-tile__country {
        font-size: 13px;
    }

    .rp-brands-others {
        grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
        align-items: start;
        gap: 40px;
        padding: 40px;
        border-radius: 36px;
    }

    .rp-brands-others__title {
        font-size: 30px;
    }

    .rp-brands-others__text {
        font-size: 15.5px;
    }

    .rp-brands-howto,
    .rp-brands-warranty,
    .rp-brand-warranty {
        padding: 36px;
    }

    .rp-brands-help .rp-brands-card-title {
        padding-right: 0;
        text-wrap: wrap;
    }

    .rp-brands-warranty .rp-brands-card-title {
        max-width: none;
    }

    .rp-brand-head__title {
        margin-top: 14px;
        font-size: 56px;
        line-height: 1.04;
    }

    .rp-brand-head__text {
        max-width: 32em;
        font-size: 18.5px;
    }

    .rp-brand-head__actions {
        margin-top: 14px;
    }

    .rp-brand-head__actions .rp-btn {
        min-height: 56px;
    }

    .rp-brand-id__logo {
        width: 112px;
        height: 112px;
        border-radius: 28px;
    }

    .rp-brand-series__table thead th {
        font-size: 13px;
    }

    .rp-steps.rp-brand-steps .rp-step {
        min-height: 280px;
        gap: 12px;
    }

    .rp-brand-steps .rp-step__num {
        font-size: 60px;
    }

    .rp-brand-steps .rp-step__title {
        font-size: 21px;
        line-height: 1.55;
    }

    .rp-brand-steps .rp-step::before {
        right: -40px;
        top: -40px;
        width: 130px;
        height: 130px;
    }

    .rp-brand-steps .rp-step--1::before {
        border-width: 22px;
    }

    .rp-brand-steps .rp-step--2::before {
        border-radius: 0 0 0 130px;
    }

    .rp-brand-steps .rp-step--4::before {
        border-radius: 28px;
        transform: none;
    }

    .rp-partner-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rp-partner-card__tag {
        font-size: 13px;
    }

    .rp-partner-steps .rp-step {
        padding: 30px;
    }

    .rp-partner-steps .rp-step__num {
        font-size: 56px;
    }

    .rp-partner-steps .rp-step__title {
        font-size: 21px;
    }

    .rp-partner-voucher-wrap {
        padding-top: 24px;
    }

    .rp-brand-more {
        grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
        align-items: start;
        gap: 40px;
    }

    .rp-brand-more--single {
        grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    }

    .rp-brand-cta {
        grid-template-columns: minmax(0, 1.1fr) auto;
    }

    .rp-brand-cta .rp-btn--lg {
        min-height: 56px;
        padding: 0 26px;
    }

    .rp-brand-cta .rp-btn--sm {
        min-height: 48px;
        font-size: 16px;
        font-weight: 600;
    }

    .rp-partner-cta__button {
        min-height: 58px;
        padding: 0 28px;
        font-size: 17px;
    }

    .rp-brands-others .rp-contact-chips .rp-btn {
        min-height: 50px;
        padding: 0 20px;
        font-size: 16px;
    }
}

/* ==== Проверете сами ==== */
/* „Проверете сами“ (Проверете сами.dc.html): заглавието, табовете, тестерът, заземяването, местата и опасното.
   Mobile-first като app.css: пречупвания 768 и 1200; тук са само класовете rp-check-*. */

.rp-pagehead__box > .rp-check-head__sun {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 0;
    width: 34px;
    height: 34px;
    border-radius: var(--rp-pill);
    background: var(--rp-yellow);
}

.rp-pagehead__box > .rp-check-head__leaf {
    position: absolute;
    display: none;
    right: 60px;
    bottom: -1px;
    z-index: 0;
    width: 64px;
    height: 64px;
    border-radius: 64px 0 0 0;
    background: var(--rp-green);
}

/* Табовете: на телефон се плъзгат хоризонтално, от 768 px се пренасят на редове. */
.rp-check-cases {
    padding-top: 16px;
}

.rp-check-tabs {
    display: flex;
    gap: 8px;
    margin: 0 calc(-1 * var(--rp-gutter));
    padding: 4px var(--rp-gutter);
    overflow-x: auto;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
}

.rp-check-tabs::-webkit-scrollbar {
    display: none;
}

.rp-check-tab {
    flex: none;
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid var(--rp-field);
    border-radius: var(--rp-pill);
    background: #FFFFFF;
    color: var(--rp-ink);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color var(--rp-t), border-color var(--rp-t), color var(--rp-t);
}

.rp-check-tab:hover {
    border-color: var(--rp-ink);
}

.rp-check-tab.is-active {
    border-color: var(--rp-ink);
    background: var(--rp-ink);
    color: #FFFFFF;
}

.rp-check-tab.is-active:hover {
    border-color: var(--rp-ink-hover);
    background: var(--rp-ink-hover);
}

.rp-check-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-top: 8px;
    border-radius: var(--rp-r);
}

.rp-check-panel[hidden] {
    display: none;
}

.rp-check-case {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r);
}

.rp-check-case::before {
    content: '';
    position: absolute;
    display: none;
    right: -50px;
    top: -50px;
    width: 160px;
    height: 160px;
    border: 26px solid #F1F5F2;
    border-radius: var(--rp-pill);
}

.rp-check-case > * {
    position: relative;
}

.rp-check-case__head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.rp-check-case__title {
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: -.03em;
}

.rp-check-case__lead {
    max-width: 40em;
    font-size: 16px;
    line-height: 1.5;
    color: var(--rp-text);
}

.rp-check-case__try {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.rp-check-case__label {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0;
    color: var(--rp-green);
}

.rp-check-case__steps {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rp-check-case__step {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 12px;
    font-size: 16px;
    line-height: 1.45;
}

.rp-check-case__num {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: var(--rp-pill);
    background: var(--rp-surface);
    font-size: 14px;
    font-weight: 600;
}

.rp-check-case__text {
    padding-top: 3px;
}

.rp-check-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rp-check-send {
    --rp-focus: var(--rp-yellow);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 22px;
    border-radius: var(--rp-r);
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-check-send::before {
    content: '';
    position: absolute;
    display: none;
    right: -1px;
    top: -1px;
    width: 100px;
    height: 100px;
    border-radius: 0 0 0 100px;
    background: var(--rp-green-mid);
}

.rp-check-send > * {
    position: relative;
}

.rp-check-send__icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--rp-yellow);
    color: var(--rp-ink);
}

.rp-check-send__title {
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: -.02em;
}

.rp-check-send__text {
    font-size: 16px;
    line-height: 1.5;
    color: var(--rp-on-green);
}

.rp-check-send__btn {
    align-self: stretch;
    margin-top: 6px;
}

.rp-check-warn {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 20px;
    background: var(--rp-red-50);
    color: var(--rp-red-ink);
    font-size: 14.5px;
    line-height: 1.5;
}

.rp-check-warn .rp-icon {
    margin-top: 2px;
}

/* Най-важната проверка: тъмният блок с тестера */
.rp-check-key {
    --rp-focus: var(--rp-yellow);
    --rp-check-soft: #C8D2CC;
    --rp-check-dim: #93A198;
    --rp-check-panel: #16231A;
    --rp-check-edge: #223428;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 26px 20px;
    border-radius: var(--rp-r-lg);
    background: var(--rp-ink);
    color: #FFFFFF;
}

.rp-check-key::before,
.rp-check-key::after {
    content: '';
    position: absolute;
    display: none;
    border: 1.5px solid #1C2A21;
    border-radius: var(--rp-pill);
    pointer-events: none;
}

.rp-check-key::before {
    right: -120px;
    top: -120px;
    width: 360px;
    height: 360px;
}

.rp-check-key::after {
    right: -60px;
    top: -60px;
    width: 240px;
    height: 240px;
}

.rp-check-key > * {
    position: relative;
}

.rp-check-key__head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.rp-check-key__badge {
    flex: none;
    display: none;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: var(--rp-yellow);
    color: var(--rp-ink);
}

.rp-check-key__intro {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.rp-check-key__title {
    font-size: 24px;
    line-height: 1.12;
    letter-spacing: -.03em;
    text-wrap: pretty;
}

.rp-check-key__text {
    max-width: 44em;
    font-size: 16px;
    line-height: 1.55;
    color: var(--rp-check-soft);
}

.rp-check-key__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: 20px;
}

.rp-check-key__steps {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rp-check-key__step {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px;
}

.rp-check-key__num {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--rp-pill);
    background: var(--rp-yellow);
    color: var(--rp-ink);
    font-size: 14px;
    font-weight: 700;
}

.rp-check-key__step-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 4px;
}

.rp-check-key__step-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
}

.rp-check-key__step-text {
    font-size: 16px;
    line-height: 1.5;
    color: var(--rp-check-soft);
}

.rp-check-tester {
    padding: 12px;
    border: 1px solid #1F3026;
    border-radius: 20px;
    background: #111D15;
}

.rp-check-tester__svg {
    width: 100%;
    height: auto;
}

.rp-check-key__results {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.rp-check-result {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--rp-check-edge);
    border-radius: 18px;
    background: var(--rp-check-panel);
}

.rp-check-result__icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: var(--rp-pill);
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-check-result--bad .rp-check-result__icon {
    background: #C2410C;
}

.rp-check-result__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.rp-check-result__when {
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-check-dim);
}

.rp-check-result__verdict {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}

.rp-check-result--ok .rp-check-result__lead {
    color: #7FD1A1;
}

.rp-check-result--bad .rp-check-result__lead {
    color: var(--rp-yellow);
}

/* Заземяването: увод и шест карти (на телефон редове) */
.rp-check-ground-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

.rp-check-ground-intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.rp-check-ground-intro__text {
    font-size: 16px;
    line-height: 1.55;
    color: var(--rp-text);
}

.rp-check-ground-intro__link {
    font-size: 14.5px;
    font-weight: 600;
}

.rp-check-ground-intro__art {
    position: relative;
    display: none;
    width: 130px;
    height: 120px;
    margin-top: 12px;
}

.rp-check-ground-intro__art::before,
.rp-check-ground-intro__art::after {
    content: '';
    position: absolute;
}

.rp-check-ground-intro__art::before {
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    border-radius: var(--rp-pill);
    background: var(--rp-green);
}

.rp-check-ground-intro__art::after {
    left: 62px;
    top: 44px;
    width: 64px;
    height: 64px;
    border-radius: 18px;
    background: var(--rp-yellow);
    transform: rotate(18deg);
}

.rp-check-grounds {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rp-check-ground {
    --rp-check-deco: var(--rp-surface-2);
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    padding: 18px;
    border-radius: 20px;
    background: var(--rp-surface);
}

.rp-check-ground::before {
    content: '';
    position: absolute;
    display: none;
    right: -30px;
    top: -30px;
    width: 96px;
    height: 96px;
    border-radius: var(--rp-pill);
    background: var(--rp-check-deco);
}

.rp-check-ground--quarter::before {
    border-radius: 0 0 0 96px;
}

.rp-check-ground--square::before {
    border-radius: 28px;
}

.rp-check-ground--green {
    --rp-check-deco: var(--rp-green-100);
    background: var(--rp-green-50);
}

.rp-check-ground--yellow {
    --rp-check-deco: var(--rp-yellow-100);
    background: var(--rp-yellow-50);
}

.rp-check-ground > * {
    position: relative;
}

.rp-check-ground__num {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.04em;
    color: var(--rp-green);
}

.rp-check-ground--yellow .rp-check-ground__num {
    color: var(--rp-yellow-deep);
}

.rp-check-ground__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.rp-check-ground__title {
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.3;
}

.rp-check-ground__text {
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-text);
}

/* Енергизаторът или оградата: трите места */
.rp-check-places {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

.rp-check-place {
    --rp-check-line: var(--rp-line);
    --rp-check-deco: var(--rp-surface-2);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px;
    border-radius: var(--rp-r);
    background: var(--rp-surface);
}

.rp-check-place::before {
    content: '';
    position: absolute;
    display: none;
    right: -40px;
    top: -40px;
    width: 140px;
    height: 140px;
    border-radius: 0 0 0 140px;
    background: var(--rp-check-deco);
}

.rp-check-place--green {
    --rp-check-line: #CFE6D8;
    --rp-check-deco: var(--rp-green-100);
    background: var(--rp-green-50);
}

.rp-check-place--green::before {
    border-radius: var(--rp-pill);
}

.rp-check-place--yellow {
    --rp-check-line: #F2DF9C;
    --rp-check-deco: var(--rp-yellow-100);
    background: var(--rp-yellow-50);
}

.rp-check-place--yellow::before {
    border-radius: 36px;
}

.rp-check-place > * {
    position: relative;
}

.rp-check-place__icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: #FFFFFF;
    color: var(--rp-green);
}

.rp-check-place--yellow .rp-check-place__icon {
    color: #C2410C;
}

.rp-check-place__where {
    margin-top: 4px;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -.02em;
}

.rp-check-place__what {
    font-size: 14.5px;
    line-height: 1.55;
    color: var(--rp-text);
}

.rp-check-place__foot {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--rp-check-line);
}

.rp-check-place__verdict {
    font-size: 14px;
    font-weight: 600;
    color: var(--rp-green-ink);
}

.rp-check-place--yellow .rp-check-place__verdict {
    color: var(--rp-bad-ink);
}

.rp-check-place__sign {
    font-size: 14px;
    line-height: 1.5;
    color: var(--rp-text);
}

/* Опасните признаци */
.rp-check-danger {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 12px;
    padding: 22px 18px;
    border-radius: var(--rp-r);
    background: var(--rp-red-50);
}

.rp-check-danger::before {
    content: '';
    position: absolute;
    right: -40px;
    top: -40px;
    width: 130px;
    height: 130px;
    border: 22px solid #F9DDD5;
    border-radius: var(--rp-pill);
}

.rp-check-danger > * {
    position: relative;
}

.rp-check-danger__head {
    display: flex;
    align-items: center;
    gap: 14px;
}

.rp-check-danger__badge {
    flex: none;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: #C2410C;
    color: #FFFFFF;
}

.rp-check-danger__intro {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.rp-check-danger__title {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -.015em;
    color: var(--rp-red-ink);
}

.rp-check-danger__text {
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-bad-ink);
}

.rp-check-danger__list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.rp-check-danger__item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    column-gap: 14px;
    row-gap: 2px;
    padding: 16px;
    border-radius: 18px;
    background: #FFFFFF;
}

.rp-check-danger__icon {
    grid-row: span 2;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--rp-red-50);
    color: #C2410C;
}

.rp-check-danger__item-title {
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.3;
}

.rp-check-danger__item-text {
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-muted);
}

@media (min-width: 768px) {
    .rp-pagehead__box > .rp-check-head__sun {
        right: 120px;
        top: 32px;
        width: 44px;
        height: 44px;
    }

    .rp-pagehead__box > .rp-check-head__leaf {
        display: block;
    }

    .rp-check-cases {
        padding-top: 32px;
    }

    .rp-check-tabs {
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    .rp-check-tab {
        min-height: 46px;
        padding: 0 18px;
        font-size: 15px;
    }

    .rp-check-panel {
        grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
        gap: 16px;
        margin-top: 20px;
    }

    .rp-check-case {
        gap: 24px;
        padding: 28px;
        border-radius: var(--rp-r-lg);
    }

    .rp-check-case::before,
    .rp-check-send::before {
        display: block;
    }

    .rp-check-case__title {
        font-size: 28px;
    }

    .rp-check-case__lead {
        font-size: 16px;
    }

    .rp-check-send {
        flex: 1;
        gap: 12px;
        padding: 28px;
        border-radius: var(--rp-r-lg);
    }

    .rp-check-send__title {
        font-size: 20px;
    }

    .rp-check-send__btn {
        align-self: flex-start;
        margin-top: auto;
    }

    .rp-check-key {
        gap: 32px;
        padding: 40px;
        border-radius: 32px;
    }

    .rp-check-key::before,
    .rp-check-key::after {
        display: block;
    }

    .rp-check-key__head {
        gap: 18px;
    }

    .rp-check-key__badge {
        display: grid;
        width: 52px;
        height: 52px;
        border-radius: 16px;
    }

    .rp-check-key__title {
        font-size: 32px;
        line-height: 1.1;
    }

    .rp-check-key__text {
        font-size: 16px;
    }

    .rp-check-key__body {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 28px;
    }

    .rp-check-key__steps {
        gap: 20px;
    }

    .rp-check-key__step {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 16px;
    }

    .rp-check-key__num {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .rp-check-key__step-title {
        font-size: 17px;
    }

    .rp-check-tester {
        padding: 16px;
        border-radius: 24px;
    }

    .rp-check-key__results {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-check-result {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 16px;
        padding: 22px;
        border-radius: var(--rp-r);
    }

    .rp-check-result__icon {
        width: 44px;
        height: 44px;
    }

    .rp-check-result__when {
        font-size: 14px;
    }

    .rp-check-result__verdict {
        font-size: 17px;
    }

    .rp-check-ground-intro__text {
        font-size: 17px;
        line-height: 1.6;
    }

    .rp-check-ground-intro__link {
        font-size: 16px;
        font-weight: 500;
    }

    .rp-check-grounds {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }

    .rp-check-ground {
        display: flex;
        flex-direction: column;
        gap: 10px;
        min-height: 200px;
        padding: 22px;
        border-radius: var(--rp-r);
    }

    .rp-check-ground::before {
        display: block;
    }

    .rp-check-ground__num {
        font-size: 28px;
        line-height: 1.3;
    }

    .rp-check-ground__body {
        gap: 10px;
        margin-top: auto;
    }

    .rp-check-ground__title {
        font-size: 17px;
    }

    .rp-check-ground__text {
        font-size: 14.5px;
        line-height: 1.5;
    }

    .rp-check-places {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-check-place {
        gap: 14px;
        min-height: 320px;
        padding: 26px;
        border-radius: var(--rp-r-lg);
    }

    .rp-check-place::before {
        display: block;
    }

    .rp-check-place__where {
        font-size: 21px;
    }

    .rp-check-place__what {
        font-size: 15px;
    }

    .rp-check-place__foot {
        padding-top: 16px;
    }

    .rp-check-place__sign {
        font-size: 14.5px;
    }

    .rp-check-danger {
        gap: 20px;
        margin-top: 16px;
        padding: 32px 36px;
        border-radius: var(--rp-r-lg);
    }

    .rp-check-danger__head {
        gap: 16px;
    }

    .rp-check-danger__badge {
        width: 48px;
        height: 48px;
    }

    .rp-check-danger__title {
        font-size: 21px;
    }

    .rp-check-danger__text {
        font-size: 14.5px;
    }

    .rp-check-danger__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .rp-check-danger__item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 4px;
        padding: 24px 20px;
        border-radius: 20px;
        text-align: center;
    }

    .rp-check-danger__icon {
        margin-bottom: 8px;
    }

    .rp-check-danger__item-title {
        font-size: 16px;
    }

    .rp-check-posts .rp-post__media {
        height: 200px;
    }
}

@media (min-width: 1200px) {
    .rp-check-h2 {
        font-size: 44px;
        line-height: 1.08;
        letter-spacing: -.04em;
    }

    .rp-check-head .rp-pagehead__box {
        padding-bottom: 56px;
    }

    .rp-check-head .rp-crumbs {
        margin-bottom: 14px;
    }

    .rp-check-head__title {
        font-size: 64px;
        max-width: 11em;
    }

    .rp-pagehead__box > .rp-check-head__sun {
        right: 290px;
        top: 44px;
        width: 56px;
        height: 56px;
    }

    .rp-pagehead__box > .rp-check-head__leaf {
        right: 200px;
        width: 96px;
        height: 96px;
        border-radius: 96px 0 0 0;
    }

    .rp-check-cases {
        padding-top: 48px;
    }

    .rp-check-tab {
        min-height: 48px;
        padding: 0 20px;
    }

    .rp-check-panel {
        grid-template-columns: minmax(0, 1fr) 400px;
        border-radius: 32px;
    }

    .rp-check-case {
        gap: 28px;
        padding: 40px;
        border-radius: 32px;
    }

    .rp-check-case__head {
        gap: 12px;
    }

    .rp-check-case__title {
        font-size: 34px;
        letter-spacing: -.035em;
    }

    .rp-check-case__lead {
        font-size: 17px;
        line-height: 1.55;
    }

    .rp-check-case__label {
        font-size: 15px;
    }

    .rp-check-case__steps {
        gap: 14px;
    }

    .rp-check-case__step {
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 14px;
        font-size: 15.5px;
        line-height: 1.5;
    }

    .rp-check-case__num {
        width: 32px;
        height: 32px;
    }

    .rp-check-case__text {
        padding-top: 5px;
    }

    .rp-check-side {
        gap: 16px;
    }

    .rp-check-send {
        gap: 14px;
        padding: 32px;
        border-radius: 32px;
    }

    .rp-check-send__icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
    }

    .rp-check-send__title {
        font-size: 22px;
    }

    .rp-check-send__text {
        font-size: 16px;
        line-height: 1.55;
    }

    .rp-check-send__btn {
        min-height: 52px;
    }

    .rp-check-warn {
        padding: 20px 22px;
        border-radius: var(--rp-r);
        font-size: 15px;
    }

    .rp-check-key {
        gap: 44px;
        padding: 64px;
        border-radius: var(--rp-r-xl);
    }

    .rp-check-key__head {
        gap: 20px;
    }

    .rp-check-key__title {
        font-size: 40px;
        letter-spacing: -.035em;
    }

    .rp-check-key__text {
        font-size: 16.5px;
    }

    .rp-check-key__body {
        gap: 48px;
    }

    .rp-check-key__steps {
        gap: 24px;
    }

    .rp-check-key__step-body {
        padding-top: 2px;
    }

    .rp-check-key__step-title {
        font-size: 18px;
        line-height: 1.55;
    }

    .rp-check-key__step-text {
        font-size: 15px;
        line-height: 1.55;
    }

    .rp-check-tester {
        padding: 20px;
        border-radius: var(--rp-r-lg);
    }

    .rp-check-key__results {
        margin-top: -4px;
    }

    .rp-check-result {
        gap: 18px;
        padding: 26px 28px;
    }

    .rp-check-result__verdict {
        font-size: 18px;
    }

    .rp-check-result__when,
    .rp-check-danger__title,
    .rp-check-danger__item-title {
        line-height: 1.55;
    }

    .rp-check-ground-wrap {
        grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
        align-items: start;
        gap: 56px;
    }

    .rp-check-ground-intro {
        gap: 18px;
    }

    .rp-check-ground-intro__art {
        display: block;
    }

    .rp-check-ground {
        padding: 24px;
    }

    .rp-check-place {
        min-height: 340px;
        padding: 30px;
    }

    .rp-check-place__where {
        font-size: 22px;
    }

    .rp-check-place__verdict {
        font-size: 13.5px;
    }

    .rp-check-posts .rp-post__title {
        font-size: 18px;
    }

    .rp-check-cta__btn {
        justify-content: flex-start;
        min-height: 56px;
    }
}

/* ==== Монтаж и схемата ==== */
/* „Монтаж“ (Монтаж.dc.html) и схемата на електропастир (Схема на електропастир.dc.html, partials/fence-diagram).
   Mobile-first като app.css: пречупвания 768 и 1200; класовете са rp-mont-* и rp-diagram__*. */

/* Героят: на телефон и таблет сивата кутия и формата са една под друга, от 1200 px формата е вдясно в кутията. */
.rp-mont-hero__box {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
}

.rp-mont-hero__box::before {
    content: '';
    position: absolute;
    display: none;
    right: -200px;
    bottom: -280px;
    width: 540px;
    height: 540px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 540 540'%3E%3Ccircle cx='270' cy='270' r='262' fill='none' stroke='%23E1ECE5' stroke-width='1.5'/%3E%3Ccircle cx='270' cy='270' r='196' fill='none' stroke='%23DCE9E0' stroke-width='1.5'/%3E%3Ccircle cx='270' cy='270' r='130' fill='none' stroke='%23D5E6DB' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
    pointer-events: none;
}

.rp-mont-hero__sun {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    width: 34px;
    height: 34px;
    border-radius: var(--rp-pill);
    background: var(--rp-yellow);
}

.rp-mont-hero__main {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 24px 20px 20px;
    border-radius: var(--rp-r-lg);
    background: var(--rp-surface);
}

.rp-mont-hero__main::before {
    content: '';
    position: absolute;
    right: -150px;
    top: -110px;
    width: 320px;
    height: 320px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 680'%3E%3Ccircle cx='340' cy='340' r='332' fill='none' stroke='%23E1ECE5' stroke-width='3'/%3E%3Ccircle cx='340' cy='340' r='256' fill='none' stroke='%23DCE9E0' stroke-width='3'/%3E%3Ccircle cx='340' cy='340' r='180' fill='none' stroke='%23D5E6DB' stroke-width='3'/%3E%3Ccircle cx='340' cy='340' r='100' fill='%23E7F5EC'/%3E%3C/svg%3E") center / contain no-repeat;
    pointer-events: none;
}

.rp-mont-hero__main > * {
    position: relative;
}

.rp-mont-hero__main .rp-crumbs {
    margin-bottom: 14px;
}

.rp-mont-hero__title {
    font-size: 40px;
    line-height: 1.02;
}

.rp-mont-hero__text {
    max-width: 32em;
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.55;
    color: var(--rp-text);
    text-wrap: pretty;
}

.rp-mont-benefits {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin: 20px 0 12px;
}

.rp-mont-benefit {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    padding: 16px;
    border-radius: 20px;
    background: #FFFFFF;
}

.rp-mont-benefit__icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--rp-green-50);
    color: var(--rp-green);
}

.rp-mont-benefit__body {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.rp-mont-benefit__title {
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.3;
}

.rp-mont-benefit__text {
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-muted);
}

.rp-mont-contact {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
    padding: 16px;
    border-radius: 20px;
    background: #FFFFFF;
}

.rp-mont-contact__title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}

.rp-mont-contact__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
}

.rp-mont-contact__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 12px;
    border-radius: 14px;
    background: var(--rp-surface);
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color var(--rp-t);
}

.rp-mont-contact__btn:hover {
    background: var(--rp-green-50);
}

.rp-mont-contact__btn--phone {
    grid-column: 1 / -1;
}

.rp-mont-contact__btn .rp-mono {
    font-size: 14.5px;
}

.rp-mont-contact__whatsapp {
    color: var(--rp-whatsapp);
}

/* Формата за запитване и успехът на същото място */
.rp-mont-form {
    position: relative;
    z-index: 1;
    padding: 20px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r);
    background: #FFFFFF;
}

.rp-mont-form__form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.rp-mont-form__head {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rp-mont-form__title {
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.rp-mont-form__text {
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-muted);
}

.rp-mont-form__pair {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

.rp-mont-form__set {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.rp-mont-form__legend {
    display: block;
    margin-bottom: 9px;
    padding: 0;
}

.rp-mont-form__set .rp-field__error {
    margin-top: 9px;
}

.rp-mont-chip {
    gap: 5px;
    padding: 0 13px;
}

.rp-mont-chip__check {
    display: none;
}

.rp-choice__input:checked + .rp-mont-chip .rp-mont-chip__plus {
    display: none;
}

.rp-choice__input:checked + .rp-mont-chip .rp-mont-chip__check {
    display: block;
}

.rp-mont-form__submit {
    min-height: 58px;
    margin-top: 4px;
    font-size: 17px;
}

.rp-mont-form__privacy {
    margin-top: -6px;
    font-size: 14px;
    line-height: 1.45;
    text-align: center;
    color: var(--rp-muted);
}

.rp-mont-form__privacy a {
    color: var(--rp-green);
    text-decoration: underline;
    text-underline-offset: 3px;
    white-space: nowrap;
    transition: color var(--rp-t);
}

.rp-mont-form__privacy a:hover {
    color: var(--rp-green-hover);
}

.rp-mont-sent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 12px 0;
}

.rp-mont-sent__icon {
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    border-radius: 18px;
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-mont-sent__title {
    font-size: 24px;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.rp-mont-sent__text {
    font-size: 16px;
    line-height: 1.55;
    color: var(--rp-text);
}

.rp-mont-sent__phone {
    font-weight: 600;
    color: var(--rp-ink);
    white-space: nowrap;
}

.rp-mont-sent__again {
    --bg: #FFFFFF;
    --fg: var(--rp-green-ink);
    --bd: var(--rp-green);
    margin-top: 4px;
}

/* Стъпките: класовете на началната (rp-step); четвъртата украса е като в макета на монтажа. */
.rp-mont-steps .rp-step--4::before {
    right: -34px;
    top: -34px;
    width: 110px;
    height: 110px;
    border-radius: 24px;
    transform: none;
}

/* Снимките: на телефон две колони, от 768 px мозайка по четири (голяма, две малки, широка). */
.rp-mont-gallery-note {
    font-size: 14.5px;
    color: var(--rp-muted);
}

.rp-mont-gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 150px;
    gap: 8px;
}

.rp-mont-gallery__item {
    overflow: hidden;
    border-radius: 20px;
    background: var(--rp-green-50);
}

.rp-mont-gallery__item:nth-child(3n+1),
.rp-mont-gallery--1 .rp-mont-gallery__item {
    grid-column: 1 / -1;
    grid-row: span 1;
}

.rp-mont-gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Схемата на електропастир */
.rp-diagram__head {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 18px;
}

.rp-diagram__text {
    max-width: 40em;
    font-size: 16px;
    line-height: 1.5;
    color: var(--rp-muted);
}

.rp-diagram__frame {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r);
    scrollbar-width: none;
    overscroll-behavior-x: contain;
}

.rp-diagram__frame::-webkit-scrollbar {
    display: none;
}

.rp-diagram__svg {
    width: 900px;
    max-width: none;
    height: auto;
    border-radius: 16px;
}

.rp-diagram__mk {
    cursor: pointer;
    outline: none;
}

.rp-diagram__halo {
    fill: var(--rp-green);
    opacity: 0;
    transition: opacity var(--rp-t);
}

.rp-diagram__dot {
    fill: var(--rp-ink);
    transition: fill var(--rp-t);
}

.rp-diagram__num {
    fill: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    pointer-events: none;
}

.rp-diagram__mk:hover .rp-diagram__dot {
    fill: var(--rp-green-hover);
}

.rp-diagram__mk:hover .rp-diagram__halo {
    opacity: .15;
}

.rp-diagram__mk.is-on .rp-diagram__halo {
    opacity: .25;
}

.rp-diagram__mk.is-on .rp-diagram__dot {
    fill: var(--rp-green);
}

.rp-diagram__mk:focus-visible .rp-diagram__halo {
    opacity: .4;
    stroke: var(--rp-ink);
    stroke-width: 2;
}

.rp-diagram__swipe {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
    font-family: var(--rp-mono-font);
    font-size: 14px;
    color: var(--rp-muted);
}

.rp-diagram__cards {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin-top: 16px;
}

.rp-diagram__cell {
    display: flex;
}

.rp-diagram__card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    padding: 20px 22px;
    border: 2px solid transparent;
    border-radius: var(--rp-r);
    background: var(--rp-surface);
    color: var(--rp-ink);
    text-align: left;
    transition: background-color var(--rp-t), border-color var(--rp-t);
}

.rp-diagram__card::before {
    content: '';
    position: absolute;
    right: -36px;
    top: -36px;
    width: 90px;
    height: 90px;
    border: 16px solid var(--rp-green-soft);
    border-radius: var(--rp-pill);
    pointer-events: none;
    transition: border-color var(--rp-t);
}

.rp-diagram__card > * {
    position: relative;
}

.rp-diagram__card:hover {
    border-color: var(--rp-dashed);
}

.rp-diagram__card.is-on {
    border-color: var(--rp-green);
    background: var(--rp-green-50);
}

.rp-diagram__card.is-on::before {
    border-color: #CDE9D7;
}

.rp-diagram__card-num {
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.05em;
    color: var(--rp-green);
}

.rp-diagram__card-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rp-diagram__card-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: -.02em;
}

.rp-diagram__card-text {
    font-size: 14px;
    line-height: 1.45;
    color: var(--rp-muted);
}

@media (min-width: 768px) {
    .rp-mont-hero__box {
        gap: 20px;
    }

    .rp-mont-hero__sun {
        right: 120px;
        top: 32px;
        width: 44px;
        height: 44px;
    }

    .rp-mont-hero__main {
        padding: 40px 40px 32px;
        border-radius: 32px;
    }

    .rp-mont-hero__main .rp-crumbs {
        margin-bottom: 20px;
    }

    .rp-mont-hero__title {
        font-size: 48px;
    }

    .rp-mont-hero__text {
        font-size: 17px;
    }

    .rp-mont-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin: 28px 0 16px;
    }

    .rp-mont-benefit {
        grid-template-columns: 44px minmax(0, 1fr);
        padding: 20px;
        border-radius: 22px;
    }

    .rp-mont-benefit__icon {
        width: 44px;
        height: 44px;
        border-radius: 14px;
    }

    .rp-mont-benefit__title {
        font-size: 16px;
    }

    .rp-mont-contact {
        padding: 18px 20px;
        border-radius: 22px;
    }

    .rp-mont-contact__row {
        grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
    }

    .rp-mont-contact__btn--phone {
        grid-column: auto;
    }

    .rp-mont-form {
        padding: 28px;
        border-radius: var(--rp-r-lg);
    }

    .rp-mont-form__title {
        font-size: 24px;
    }

    .rp-mont-form__pair {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .rp-mont-sent {
        padding: 24px 0;
    }

    .rp-mont-sent__title {
        font-size: 26px;
    }

    .rp-mont-steps .rp-step {
        gap: 12px;
    }

    .rp-mont-steps .rp-step__num {
        font-size: 60px;
    }

    .rp-mont-steps .rp-step--4::before {
        right: -40px;
        top: -40px;
        width: 140px;
        height: 140px;
        border-radius: 28px;
    }

    .rp-mont-gallery-note {
        padding-bottom: 6px;
        font-size: 16px;
        white-space: nowrap;
    }

    .rp-mont-gallery {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-auto-rows: 200px;
        gap: 12px;
    }

    .rp-mont-gallery__item {
        border-radius: var(--rp-r);
    }

    .rp-mont-gallery__item:nth-child(3n+1) {
        grid-column: auto;
    }

    .rp-mont-gallery__item:nth-child(4n+1) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .rp-mont-gallery__item:nth-child(4n+4) {
        grid-column: span 2;
    }

    .rp-mont-gallery--1 .rp-mont-gallery__item {
        grid-column: 1 / -1;
        grid-row: span 2;
    }

    .rp-mont-gallery--2 .rp-mont-gallery__item,
    .rp-mont-gallery--3 .rp-mont-gallery__item:nth-child(n+2) {
        grid-column: span 2;
    }

    .rp-mont-gallery--2 .rp-mont-gallery__item {
        grid-row: span 2;
    }

    .rp-diagram__head {
        gap: 10px;
        margin-bottom: 24px;
    }

    .rp-diagram__text {
        font-size: 16px;
    }

    .rp-diagram__frame {
        padding: 10px;
        border-radius: var(--rp-r-lg);
    }

    .rp-diagram__svg {
        width: 100%;
        min-width: 900px;
        border-radius: 20px;
    }

    .rp-diagram__swipe {
        display: none;
    }

    .rp-diagram__swipe.is-on {
        display: flex;
    }

    .rp-diagram__cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }
}

/* С мишка схемата, която не се побира, има видима тънка лента за превъртане: плъзгане с пръст там няма. */
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .rp-diagram__frame {
        scrollbar-width: thin;
        scrollbar-color: var(--rp-dashed) transparent;
    }

    .rp-diagram__frame::-webkit-scrollbar {
        display: block;
        height: 8px;
    }

    .rp-diagram__frame::-webkit-scrollbar-thumb {
        border-radius: var(--rp-pill);
        background: var(--rp-dashed);
    }
}

@media (min-width: 1200px) {
    .rp-mont-h2,
    .rp-diagram__title {
        font-size: 44px;
        line-height: 1.08;
        letter-spacing: -.04em;
    }

    .rp-mont-hero__box {
        overflow: hidden;
        grid-template-columns: minmax(0, 1fr) 440px;
        align-items: stretch;
        gap: 48px;
        padding: 44px 48px 48px 56px;
        border-radius: var(--rp-r-xl);
        background: var(--rp-surface);
    }

    .rp-mont-hero__box::before {
        display: block;
    }

    .rp-mont-hero__sun {
        left: 52%;
        right: auto;
        top: 40px;
        width: 44px;
        height: 44px;
    }

    .rp-mont-hero__main {
        overflow: visible;
        padding: 0;
        border-radius: 0;
        background: none;
    }

    .rp-mont-hero__main::before {
        display: none;
    }

    .rp-mont-hero__main .rp-crumbs {
        margin-bottom: 28px;
    }

    .rp-mont-hero__title {
        font-size: 60px;
    }

    .rp-mont-hero__text {
        font-size: 18.5px;
    }

    .rp-mont-hero__text + .rp-mont-hero__text {
        margin-top: 14px;
    }

    .rp-mont-hero__text:first-of-type {
        margin-top: 18px;
    }

    .rp-mont-benefits {
        margin: 32px 0 20px;
    }

    .rp-mont-form {
        padding: 32px;
        border-radius: 32px;
    }

    .rp-mont-form__title {
        line-height: 1.55;
    }

    .rp-mont-form .rp-label {
        font-size: 14.5px;
    }

    .rp-mont-form .rp-input {
        padding-inline: 16px;
        border-radius: 14px;
    }

    .rp-mont-form input.rp-input {
        min-height: 52px;
    }

    .rp-mont-steps .rp-step {
        min-height: 280px;
    }

    .rp-section__head.rp-mont-gallery-head {
        margin-bottom: 32px;
    }

    .rp-mont-gallery {
        grid-auto-rows: 260px;
        gap: 14px;
    }

    .rp-mont-gallery__item {
        border-radius: var(--rp-r-lg);
    }

    .rp-diagram__head {
        margin-bottom: 28px;
    }

    .rp-diagram__text {
        font-size: 17px;
    }

    .rp-diagram__frame {
        padding: 12px;
        border-radius: 32px;
    }

    .rp-diagram__svg {
        border-radius: 22px;
    }
}

/* ==== Блог, статия, въпроси, контакти, правни страници ==== */
/* Съдържанието: блогът, статията, честите въпроси, контактите и правните документи (Блог, Статия, Чести въпроси,
   Контакти, Общи условия .dc.html). Mobile-first като app.css: пречупвания 768 и 1200; общото за петте е rp-cnt-*. */

/* Заглавната кутия: слънцето и зелената четвъртинка над кръговете на .rp-pagehead__box */
.rp-pagehead__box > .rp-cnt-head__sun,
.rp-pagehead__box > .rp-cnt-head__leaf {
    position: absolute;
    z-index: 0;
    pointer-events: none;
}

.rp-cnt-head__sun {
    right: 20px;
    top: 20px;
    width: 34px;
    height: 34px;
    border-radius: var(--rp-pill);
    background: var(--rp-yellow);
}

.rp-cnt-head__leaf {
    display: none;
    right: 200px;
    bottom: -1px;
    width: 96px;
    height: 96px;
    border-radius: 96px 0 0 0;
    background: var(--rp-green);
}

.rp-cnt-section {
    padding-top: 24px;
}

.rp-cnt-section--tight {
    padding-top: 12px;
}

.rp-cnt-empty {
    padding: 24px;
    border-radius: var(--rp-r);
    background: var(--rp-surface);
    color: var(--rp-text);
    font-size: 16px;
    line-height: 1.55;
}

.rp-cnt-empty[hidden] {
    display: none;
}

/* Белите хапчета в заглавната кутия: работно време, дата на влизане в сила, PDF */
.rp-cnt-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 4px;
}

.rp-cnt-pill {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    min-height: 36px;
    padding: 0 14px;
    border-radius: var(--rp-pill);
    background: #FFFFFF;
    color: var(--rp-text);
    font-size: 14px;
    line-height: 1.3;
}

.rp-cnt-pill--lg {
    gap: 10px;
    min-height: 44px;
    padding: 0 18px;
    color: var(--rp-ink);
    font-size: 15px;
    font-weight: 500;
}

.rp-cnt-pill--link {
    color: var(--rp-green);
    font-weight: 600;
    white-space: nowrap;
    transition: background-color var(--rp-t), color var(--rp-t);
}

.rp-cnt-pill--link:hover {
    background: var(--rp-green-50);
    color: var(--rp-green-hover);
}

/* Съдържанието на страницата: рамка в страничната колона (компютър) и сгъваем блок над текста (телефон, таблет) */
.rp-cnt-toc {
    display: none;
    flex-direction: column;
    gap: 4px;
    padding: 24px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r);
}

.rp-cnt-toc__title {
    margin: 0 10px 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--rp-muted);
}

.rp-cnt-toc__list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rp-cnt-toc__link {
    display: block;
    padding: 8px 10px;
    border-radius: 10px;
    color: var(--rp-text-strong);
    font-size: 14.5px;
    line-height: 1.4;
    transition: background-color var(--rp-t), color var(--rp-t);
}

.rp-cnt-toc__link:hover {
    background: var(--rp-surface);
    color: var(--rp-green);
}

.rp-cnt-tocm {
    margin-bottom: 24px;
    border: 1px solid var(--rp-line);
    border-radius: 16px;
    background: #FFFFFF;
}

.rp-cnt-tocm__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    padding: 0 18px;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 600;
    list-style: none;
    cursor: pointer;
    transition: color var(--rp-t);
}

.rp-cnt-tocm__summary::-webkit-details-marker {
    display: none;
}

.rp-cnt-tocm__summary::marker {
    content: '';
}

.rp-cnt-tocm__summary:hover {
    color: var(--rp-green);
}

.rp-cnt-tocm[open] .rp-cnt-tocm__icon {
    transform: rotate(180deg);
}

.rp-cnt-tocm .rp-cnt-toc__list {
    padding: 0 8px 12px;
}

/* Зелената карта в страничната колона: призив за заявка или „Не намерихте отговор?“ */
.rp-cnt-help {
    --rp-focus: var(--rp-yellow);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 24px 22px;
    border-radius: var(--rp-r);
    background: var(--rp-green);
    color: #FFFFFF;
}

.rp-cnt-help::before {
    content: '';
    position: absolute;
    right: -38px;
    top: -38px;
    width: 124px;
    height: 124px;
    border-radius: var(--rp-pill);
    border: 21px solid var(--rp-green-mid);
}

.rp-cnt-help > * {
    position: relative;
}

.rp-cnt-help__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.02em;
}

.rp-cnt-help__text {
    font-size: 14px;
    line-height: 1.5;
    color: var(--rp-on-green);
}

.rp-cnt-help__main {
    margin-top: 6px;
}

.rp-cnt-help__row {
    justify-content: flex-start;
    padding: 0 16px;
}

.rp-cnt-help__alt {
    --bg: var(--rp-green-hover);
    --fg: #FFFFFF;
}

.rp-cnt-help__alt:hover {
    --bg: var(--rp-green-ink);
    --fg: #FFFFFF;
}

.rp-cnt-help__call {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px 8px;
    color: #FFFFFF;
    font-size: 14.5px;
    font-weight: 500;
    transition: color var(--rp-t);
}

.rp-cnt-help__call:hover {
    color: var(--rp-yellow);
}

/* Рекламата: банер 300 x 600 от „Банери“ в админа (x-banner), на телефон не се показва */
.rp-cnt-ad {
    display: none;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
}

.rp-cnt-ad__label {
    font-size: 11.5px;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-align: center;
    color: var(--rp-muted);
}

/* Кутията е на ширината на колоната, творбата е в средата ѝ: най-много рисуваният размер, в по-тясна колона се свива */
.rp-cnt-ad__frame {
    display: block;
    overflow: hidden;
    border: 1px solid var(--rp-line);
    border-radius: 20px;
    background: var(--rp-surface);
    transition: border-color var(--rp-t);
}

.rp-cnt-ad__frame--link:hover {
    border-color: var(--rp-green);
}

.rp-cnt-ad__img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.rp-cnt-ad__html {
    display: block;
    width: 100%;
    max-width: calc(var(--rp-ad-w) * 1px);
    height: auto;
    aspect-ratio: var(--rp-ad-w) / var(--rp-ad-h);
    margin: 0 auto;
    border: 0;
}

/* Блогът: водещата статия */
.rp-blog-feat {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r);
    background: #FFFFFF;
    transition: border-color var(--rp-t);
}

.rp-blog-feat:hover {
    border-color: var(--rp-green);
}

.rp-blog-feat__media {
    position: relative;
    display: block;
    height: 210px;
    overflow: hidden;
    background: var(--rp-green-50);
}

.rp-blog-feat__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rp-blog-feat__body {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
}

.rp-blog-feat__body::before {
    content: none;
    position: absolute;
    right: -40px;
    top: -40px;
    width: 130px;
    height: 130px;
    border-radius: var(--rp-pill);
    border: 22px solid var(--rp-surface);
}

.rp-blog-feat__body > * {
    position: relative;
}

.rp-blog-feat__title {
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -.025em;
    transition: color var(--rp-t);
}

/* На телефон до 8 реда: при 320-340 px увод от около 200 знака е 7-8 реда и се вижда цял. */
.rp-blog-feat__text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    line-clamp: 8;
    font-size: 14px;
    line-height: 1.55;
    color: var(--rp-text);
}

.rp-blog-feat__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--rp-green);
    transition: color var(--rp-t);
}

.rp-blog-feat:hover .rp-blog-feat__more {
    color: var(--rp-green-hover);
}

/* Блогът: решетката и „Още статии“ */
.rp-cnt-section--grid {
    padding-top: 32px;
}

.rp-blog-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
}

.rp-blog-grid .rp-post {
    gap: 12px;
}

.rp-blog-grid .rp-post__media {
    height: 200px;
    border-radius: 22px;
}

.rp-blog-card__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 2px;
}

.rp-blog-card__body .rp-post__title {
    padding: 0;
    font-size: 17px;
    letter-spacing: -.015em;
}

.rp-blog-more {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 28px;
}

.rp-blog-more .rp-btn {
    flex: 1 1 100%;
}

/* Блогът: „Започнете оттук“ върху картите на .rp-link-card; на телефон са редове с икона и стрелка */
.rp-blog-starts {
    gap: 10px;
}

.rp-blog-starts .rp-link-card {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-height: 0;
    padding: 16px;
    border-radius: 20px;
}

.rp-blog-starts .rp-link-card::before,
.rp-blog-starts .rp-link-card__text,
.rp-blog-starts .rp-link-card__more {
    display: none;
}

.rp-blog-starts .rp-link-card__title {
    margin-top: 0;
    font-size: 15.5px;
    line-height: 1.3;
}

.rp-blog-start__icon {
    position: relative;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 13px;
    background: #FFFFFF;
    color: var(--rp-green);
}

.rp-link-card--3 .rp-blog-start__icon {
    color: var(--rp-bad-ink);
}

.rp-blog-start__go {
    color: var(--rp-green);
}

/* Статията */
.rp-art-head .rp-crumbs__item:last-child,
.rp-art-head .rp-crumbs__item:nth-last-child(2) > .rp-crumbs__sep {
    display: none;
}

.rp-pagehead__title.rp-art-head__title {
    max-width: 13em;
    font-size: 30px;
    line-height: 1.08;
    letter-spacing: -.04em;
}

.rp-art-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 28px;
    overflow: hidden;
    font-size: 14px;
    color: var(--rp-muted);
}

/* Точката стои в празнината пред всеки елемент; в началото на ред е извън кутията и се отрязва. */
.rp-art-meta__item {
    position: relative;
}

.rp-art-meta__item::before {
    content: '';
    position: absolute;
    left: -16px;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: var(--rp-pill);
    background: var(--rp-quiet);
}

.rp-art {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
}

.rp-art__main {
    min-width: 0;
}

.rp-art__hero {
    height: 220px;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: var(--rp-r);
    background: var(--rp-green-50);
}

.rp-art__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rp-art__side {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rp-art-check {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 22px 24px;
    border-radius: var(--rp-r);
    background: var(--rp-surface);
    transition: background-color var(--rp-t);
}

.rp-art-check:hover {
    background: var(--rp-green-50);
}

.rp-art-check__title {
    font-size: 16px;
    font-weight: 600;
}

.rp-art-check__text {
    font-size: 14px;
    line-height: 1.5;
    color: var(--rp-muted);
}

.rp-art-check__more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 600;
    color: var(--rp-green);
}

/* Картата със схемата за монтаж: като картата за проверка, с малка схема в бяло каре отгоре */
.rp-art-scheme__pic {
    display: block;
    margin-bottom: 8px;
    padding: 10px 12px 6px;
    border: 1px solid var(--rp-line);
    border-radius: 16px;
    background: #fff;
}

.rp-art-scheme__svg {
    display: block;
    width: 100%;
    height: auto;
}

.rp-art-scheme__soil { stroke: var(--rp-line); stroke-width: 2; stroke-linecap: round; }
.rp-art-scheme__rod { stroke: var(--rp-muted); stroke-width: 2.5; stroke-linecap: round; }
.rp-art-scheme__post { stroke: var(--rp-ink); stroke-width: 3; stroke-linecap: round; }
.rp-art-scheme__wire { stroke: var(--rp-green); stroke-width: 2; stroke-linecap: round; }
.rp-art-scheme__lead { fill: none; stroke: var(--rp-green); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 4 4; }
.rp-art-scheme__box { fill: var(--rp-ink); }
.rp-art-scheme__bolt { fill: var(--rp-yellow); }
.rp-art-scheme__dot { fill: var(--rp-green); }
.rp-art-scheme__num { fill: #fff; font: 600 11px/1 var(--rp-mono-font); text-anchor: middle; }

.rp-art-scheme:hover .rp-art-scheme__pic {
    border-color: var(--rp-green-50);
}

/* Текстът на статията от редактора: първият абзац е въведение, точките са зелени квадратчета */
.rp-art-body {
    gap: 14px;
    font-size: 16px;
    line-height: 1.65;
    color: var(--rp-text-strong);
    counter-reset: rp-art-step;
}

.rp-art-body > p:first-child {
    font-size: 17px;
    line-height: 1.6;
}

.rp-art-body h2 {
    margin-top: 18px;
    font-size: 22px;
    letter-spacing: -.02em;
}

.rp-art-body h3 {
    margin-top: 8px;
    font-size: 18px;
}

.rp-art-body ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    list-style: none;
}

.rp-art-body ul > li {
    position: relative;
    padding-left: 26px;
}

.rp-art-body ul > li::before {
    content: '';
    position: absolute;
    left: 2px;
    top: .7em;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: var(--rp-green);
}

.rp-art-body li + li {
    margin-top: 0;
}

.rp-art-body a {
    font-weight: 500;
    text-decoration-thickness: 1px;
}

/* Карето в статия („Каре“ в редактора): сиво, с пръстен в ъгъла, текстът е като в тялото */
.rp-art-body blockquote {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 18px 0 0;
    padding: 22px 20px;
    border-radius: var(--rp-r);
    color: var(--rp-text-strong);
    font-size: inherit;
    line-height: inherit;
}

/* Пръстенът е под целия текст, и под абзац без обвивка („Цитат“ от един ред). */
.rp-art-body blockquote::before {
    content: '';
    position: absolute;
    z-index: -1;
    right: -30px;
    top: -30px;
    width: 110px;
    height: 110px;
    border: 20px solid var(--rp-green-soft);
    border-radius: var(--rp-pill);
}

.rp-art-body blockquote > :first-child,
.rp-art-body .rp-art-step > :first-child {
    margin-top: 0;
}

.rp-art-body blockquote h2 {
    font-size: 20px;
    letter-spacing: -.02em;
}

/* Котвата към карето (съдържанието вдясно) показва цялото каре под лентата: отстъпът е горният падинг. */
.rp-art-body blockquote > h2:first-child {
    scroll-margin-top: 22px;
}

/* Стъпката („Стъпка“ в редактора): зелена значка с номера от брояча; на телефон до нея е само заглавието,
   текстът е на цяла ширина под тях, от 768 px цялата стъпка е вдясно от значката. */
.rp-art-step {
    position: relative;
    margin-top: 18px;
    counter-increment: rp-art-step;
}

.rp-art-step::before {
    content: counter(rp-art-step);
    position: absolute;
    left: 0;
    top: 0;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--rp-r-sm);
    background: var(--rp-green);
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.rp-art-body .rp-art-step > * + * {
    margin-top: 14px;
}

.rp-art-body .rp-art-step > :first-child {
    min-height: 44px;
    padding-left: 58px;
}

.rp-art-body .rp-art-step > h2:first-child {
    padding-top: 8px;
    font-size: 20px;
}

/* Числата в списък с номера: квадратче с цифрата, като в правния документ */
.rp-art-body ol,
.rp-legal-body ol {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    list-style: none;
    counter-reset: rp-cnt-ol;
}

.rp-art-body ol > li,
.rp-legal-body ol > li {
    position: relative;
    min-height: 26px;
    padding-left: 40px;
    counter-increment: rp-cnt-ol;
}

.rp-art-body ol > li::before,
.rp-legal-body ol > li::before {
    content: counter(rp-cnt-ol);
    position: absolute;
    left: 0;
    top: 1px;
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: var(--rp-surface);
    color: var(--rp-ink);
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

/* Честите въпроси */
.rp-faqp-search {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 640px;
    height: 54px;
    margin-top: 6px;
    padding: 0 18px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-pill);
    background: #FFFFFF;
    transition: border-color var(--rp-t), box-shadow var(--rp-t);
}

.rp-faqp-search:hover {
    border-color: var(--rp-quiet);
}

.rp-faqp-search:focus-within {
    border-color: var(--rp-green);
    box-shadow: 0 0 0 4px var(--rp-green-50);
}

.rp-faqp-search__icon {
    color: var(--rp-faint);
}

.rp-faqp-search__input {
    flex: 1;
    min-width: 0;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--rp-ink);
    font-size: 16px;
    outline: none;
}

.rp-faqp-search__input::placeholder {
    color: var(--rp-faint);
    opacity: 1;
}

.rp-faqp-search__input:focus-visible {
    outline: none;
}

.rp-faqp-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
}

.rp-faqp-cats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rp-faqp-cat {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid var(--rp-field);
    border-radius: var(--rp-pill);
    background: #FFFFFF;
    color: var(--rp-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    transition: border-color var(--rp-t), background-color var(--rp-t), color var(--rp-t);
}

.rp-faqp-cat:hover {
    border-color: var(--rp-green);
}

.rp-faqp-cat.is-active {
    border-color: var(--rp-green-50);
    background: var(--rp-green-50);
    color: var(--rp-green-ink);
    font-weight: 600;
}

.rp-faqp-cat__count {
    font-size: 14px;
    font-weight: 500;
    color: var(--rp-faint);
}

.rp-faqp-cat.is-active .rp-faqp-cat__count {
    color: var(--rp-green-ink);
    font-weight: 600;
}

.rp-faqp-list {
    display: flex;
    flex-direction: column;
    gap: 36px;
    min-width: 0;
}

.rp-faqp-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rp-faqp-group[hidden],
.rp-acc__item[hidden] {
    display: none;
}

.rp-faqp-group__title {
    margin-bottom: 4px;
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: -.03em;
}

.rp-faqp-side {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rp-faqp-none {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Контактите: четирите канала */
.rp-contacts-channels {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

.rp-contacts-channel {
    --ch-bg: var(--rp-surface);
    --ch-deco: var(--rp-surface-2);
    --ch-ink: var(--rp-muted);
    --ch-icon-bg: #FFFFFF;
    --ch-icon-fg: var(--rp-green);
    --ch-go-bg: var(--rp-ink);
    --ch-go-fg: #FFFFFF;
    --ch-go-hover: var(--rp-ink-hover);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 22px;
    border-radius: var(--rp-r);
    background: var(--ch-bg);
    color: var(--rp-ink);
}

.rp-contacts-channel::before {
    content: '';
    position: absolute;
    right: -44px;
    top: -44px;
    width: 150px;
    height: 150px;
    border-radius: 0 0 0 150px;
    background: var(--ch-deco);
}

.rp-contacts-channel > * {
    position: relative;
}

.rp-contacts-channel--phone {
    --ch-bg: var(--rp-green);
    --ch-ink: var(--rp-on-green);
    --ch-go-bg: #FFFFFF;
    --ch-go-fg: var(--rp-ink);
    --ch-go-hover: var(--rp-yellow-50);
    color: #FFFFFF;
}

.rp-contacts-channel--phone::before {
    border-radius: var(--rp-pill);
    border: 26px solid var(--rp-green-mid);
    background: none;
}

.rp-contacts-channel--viber {
    --ch-bg: #EEEBFD;
    --ch-deco: #E2DDFB;
    --ch-ink: #4B4470;
    --ch-icon-bg: var(--rp-viber);
    --ch-icon-fg: #FFFFFF;
    --ch-go-bg: var(--rp-viber);
    --ch-go-hover: var(--rp-viber-hover);
}

.rp-contacts-channel--whatsapp {
    --ch-bg: #E3F9EA;
    --ch-deco: #CDF3DA;
    --ch-ink: #1F5A35;
    --ch-icon-bg: var(--rp-whatsapp);
    --ch-icon-fg: var(--rp-ink);
    --ch-go-bg: var(--rp-whatsapp);
    --ch-go-fg: var(--rp-ink);
    --ch-go-hover: var(--rp-whatsapp-hover);
}

.rp-contacts-channel--email::before {
    border-radius: 40px;
    transform: rotate(20deg);
}

.rp-contacts-channel__icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: var(--ch-icon-bg);
    color: var(--ch-icon-fg);
}

.rp-contacts-channel__label {
    margin-top: 4px;
    font-size: 15px;
    font-weight: 600;
    color: var(--ch-ink);
}

.rp-contacts-channel__value {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.rp-contacts-channel--email .rp-contacts-channel__value {
    font-size: 20px;
    letter-spacing: -.02em;
}

.rp-contacts-channel__text {
    font-size: 15px;
    line-height: 1.5;
    color: var(--ch-ink);
}

.rp-contacts-channel__go {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    min-height: 46px;
    margin-top: auto;
    padding: 0 20px;
    border-radius: var(--rp-pill);
    background: var(--ch-go-bg);
    color: var(--ch-go-fg);
    font-weight: 600;
    white-space: nowrap;
    transition: background-color var(--rp-t);
}

.rp-contacts-channel:hover .rp-contacts-channel__go {
    background: var(--ch-go-hover);
}

.rp-contacts-note {
    max-width: 52em;
    margin-top: 16px;
    font-size: 14.5px;
    line-height: 1.55;
    color: var(--rp-muted);
}

/* Контактите: „Какво да ни кажете“, „Попитайте ни“, фирмените данни и проследяването */
.rp-contacts-pair {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

.rp-contacts-pair--next {
    margin-top: 12px;
}

.rp-contacts-box {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r);
}

.rp-contacts-box::before {
    content: '';
    position: absolute;
    right: -40px;
    top: -40px;
    width: 130px;
    height: 130px;
    border-radius: var(--rp-pill);
    border: 22px solid var(--rp-surface);
}

.rp-contacts-box > * {
    position: relative;
}

.rp-contacts-box--soft {
    border-color: var(--rp-surface);
    background: var(--rp-surface);
}

.rp-contacts-box--soft::before {
    right: -30px;
    top: -30px;
    width: 120px;
    height: 120px;
    border: 0;
    border-radius: 0 0 0 120px;
    background: var(--rp-surface-2);
}

.rp-contacts-box__title {
    max-width: 14em;
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: -.03em;
}

.rp-contacts-box__text {
    font-size: 15px;
    line-height: 1.55;
    color: var(--rp-text);
}

.rp-contacts-box__note {
    padding-top: 14px;
    border-top: 1px solid var(--rp-line-soft);
    font-size: 14.5px;
    line-height: 1.5;
    color: var(--rp-muted);
}

.rp-contacts-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rp-contacts-list__item {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 12px;
    font-size: 15.5px;
    line-height: 1.5;
}

.rp-contacts-list__dot {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    margin-top: 1px;
    border-radius: var(--rp-pill);
    background: var(--rp-green-50);
    color: var(--rp-green);
}

.rp-contacts-list__dot .rp-icon {
    stroke-width: 3;
}

.rp-contacts-company {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    padding: 24px;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-r);
}

.rp-contacts-company__icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: var(--rp-green-50);
    color: var(--rp-green);
}

.rp-contacts-company__body {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.rp-contacts-company__title {
    font-size: 22px;
    letter-spacing: -.02em;
}

.rp-contacts-facts {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px 20px;
    padding-top: 14px;
    border-top: 1px solid var(--rp-line-soft);
    font-size: 14.5px;
    line-height: 1.45;
}

.rp-contacts-facts__label {
    color: var(--rp-muted);
}

.rp-contacts-company__note {
    font-size: 14px;
    line-height: 1.5;
    color: var(--rp-muted);
}

.rp-contacts-track {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 24px;
    border-radius: var(--rp-r);
    background: var(--rp-ink);
    color: #FFFFFF;
}

.rp-contacts-track::before,
.rp-contacts-track::after {
    content: '';
    position: absolute;
    right: -60px;
    bottom: -60px;
    width: 200px;
    height: 200px;
    border-radius: var(--rp-pill);
    border: 1.5px solid #223428;
}

.rp-contacts-track::after {
    right: -20px;
    bottom: -20px;
    width: 120px;
    height: 120px;
}

.rp-contacts-track > * {
    position: relative;
    z-index: 1;
}

.rp-contacts-track__icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: var(--rp-yellow);
    color: var(--rp-ink);
}

.rp-contacts-track__title {
    font-size: 22px;
    letter-spacing: -.02em;
}

.rp-contacts-track__text {
    max-width: 30em;
    font-size: 15px;
    line-height: 1.55;
    color: #C8D2CC;
}

.rp-contacts-track__go {
    align-self: flex-start;
    margin-top: auto;
}

/* Правният документ */
.rp-legal {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
}

.rp-legal__main {
    min-width: 0;
}

.rp-legal__side {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rp-cnt-toc--legal {
    gap: 2px;
    padding: 20px;
}

.rp-legal-docs {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 20px;
    border-radius: var(--rp-r);
    background: var(--rp-surface);
}

.rp-legal-docs__link {
    display: block;
    padding: 8px 10px;
    border-radius: 10px;
    color: var(--rp-text-strong);
    font-size: 14.5px;
    line-height: 1.4;
    transition: background-color var(--rp-t), color var(--rp-t);
}

.rp-legal-docs__link:hover {
    background: #FFFFFF;
    color: var(--rp-green);
}

.rp-legal-docs__link.is-current {
    background: #FFFFFF;
    color: var(--rp-green-ink);
    font-weight: 600;
}

/* Решението за бисквитките на правната страница: карта над документа, бутонът е под разделител. */
.rp-consent-card {
    margin-bottom: 24px;
    padding: 20px;
    border: 1px solid var(--rp-line);
    border-radius: 16px;
    background: #FFFFFF;
}

.rp-consent-card__title {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 600;
    color: var(--rp-text-strong);
}

.rp-consent-card__body {
    min-width: 0;
}

.rp-consent-card__none {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    color: var(--rp-muted);
}

.rp-consent-card__list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 4px 16px;
    margin: 0;
}

.rp-consent-card__list dt {
    font-size: 14px;
    color: var(--rp-muted);
}

.rp-consent-card__list dd {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 600;
    color: var(--rp-text-strong);
    overflow-wrap: anywhere;
}

.rp-consent-card__list dd.is-yes {
    color: var(--rp-green-ink);
}

.rp-consent-card__list dd.is-no {
    color: var(--rp-muted);
}

.rp-consent-card__foot {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--rp-line);
}

@media (min-width: 768px) {
    .rp-consent-card__list {
        grid-template-columns: max-content minmax(0, 1fr);
        gap: 8px 20px;
    }

    .rp-consent-card__list dd {
        margin: 0;
    }
}

.rp-legal-body {
    gap: 14px;
    font-size: 16px;
    line-height: 1.7;
    color: var(--rp-text-strong);
}

.rp-legal-body h2 {
    margin-top: 20px;
    padding-top: 24px;
    border-top: 1px solid var(--rp-line);
    font-size: 22px;
}

.rp-legal-body h3 {
    margin-top: 12px;
    font-size: 17px;
    line-height: 1.3;
    letter-spacing: -.01em;
}

.rp-legal-body a {
    font-weight: 500;
}

.rp-legal-body ul {
    padding-left: 1.2em;
}

/* Таблет: от 768 px */
@media (min-width: 768px) {
    .rp-cnt-head__sun {
        right: 32px;
        top: 28px;
        width: 44px;
        height: 44px;
    }

    .rp-cnt-section {
        padding-top: 40px;
    }

    .rp-cnt-section--tight {
        padding-top: 16px;
    }

    .rp-cnt-empty {
        padding: 32px;
        border-radius: var(--rp-r-lg);
    }

    .rp-cnt-pills,
    .rp-cnt-pill--lg {
        margin-top: 10px;
    }

    .rp-cnt-help {
        padding: 28px;
        border-radius: var(--rp-r-lg);
    }

    .rp-cnt-help__title {
        font-size: 20px;
    }

    .rp-cnt-help__text {
        font-size: 14.5px;
    }

    .rp-cnt-ad {
        display: flex;
    }

    .rp-blog-feat {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        border-radius: 32px;
    }

    .rp-blog-feat__media {
        height: auto;
        min-height: 340px;
    }

    .rp-blog-feat__img {
        position: absolute;
        inset: 0;
    }

    .rp-blog-feat__body {
        justify-content: center;
        gap: 14px;
        padding: 32px;
    }

    .rp-blog-feat__body::before {
        content: '';
    }

    .rp-blog-feat__title {
        font-size: 28px;
        line-height: 1.14;
        letter-spacing: -.035em;
    }

    .rp-blog-feat__text {
        -webkit-line-clamp: 7;
        line-clamp: 7;
        font-size: 15px;
        line-height: 1.6;
    }

    .rp-blog-feat__more {
        margin-top: 6px;
        font-size: 16px;
    }

    .rp-cnt-section--grid {
        padding-top: 48px;
    }

    .rp-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 36px 20px;
    }

    .rp-blog-grid .rp-post {
        gap: 14px;
    }

    .rp-blog-grid .rp-post__media {
        height: 210px;
        border-radius: var(--rp-r);
    }

    .rp-blog-card__body {
        padding: 0 4px;
    }

    .rp-blog-card__body .rp-post__title {
        font-size: 18px;
    }

    .rp-blog-more {
        margin-top: 40px;
    }

    .rp-blog-more .rp-btn {
        flex: 0 0 auto;
        padding: 0 28px;
    }

    .rp-link-cards.rp-blog-starts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-blog-starts .rp-link-card {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        min-height: 250px;
        padding: 28px;
        border-radius: var(--rp-r-lg);
    }

    .rp-blog-starts .rp-link-card::before,
    .rp-blog-starts .rp-link-card__text {
        display: block;
    }

    .rp-blog-starts .rp-link-card__more {
        display: inline-flex;
        margin-top: auto;
    }

    .rp-blog-starts .rp-link-card__title {
        margin-top: 6px;
        font-size: 19px;
    }

    .rp-blog-starts .rp-link-card__text {
        font-size: 15px;
    }

    .rp-blog-start__icon {
        width: 48px;
        height: 48px;
        border-radius: var(--rp-r-sm);
    }

    .rp-blog-start__go {
        display: none;
    }

    .rp-pagehead__title.rp-art-head__title {
        font-size: 44px;
        line-height: 1.06;
    }

    .rp-art-meta {
        gap: 6px 36px;
        margin-top: 8px;
        font-size: 14.5px;
    }

    .rp-art-meta__item::before {
        left: -20px;
    }


    .rp-art__hero {
        height: 360px;
        margin-bottom: 32px;
        border-radius: 32px;
    }

    .rp-art-body {
        font-size: 17px;
    }

    .rp-art-body > p:first-child {
        font-size: 19px;
    }

    .rp-art-body h2 {
        margin-top: 26px;
        font-size: 26px;
        letter-spacing: -.025em;
    }

    .rp-art-body ul {
        gap: 12px;
    }

    .rp-art-body blockquote {
        margin-top: 26px;
        padding: 28px 30px;
    }

    .rp-art-body blockquote h2 {
        font-size: 22px;
    }

    .rp-art-body blockquote > h2:first-child {
        scroll-margin-top: 28px;
    }

    .rp-art-step {
        min-height: 52px;
        margin-top: 26px;
        padding-left: 72px;
    }

    .rp-art-body .rp-art-step > :first-child {
        min-height: 0;
        padding-left: 0;
    }

    .rp-art-step::before {
        width: 52px;
        height: 52px;
        border-radius: 16px;
        font-size: 20px;
    }

    .rp-art-body .rp-art-step > h2:first-child {
        padding-top: 10px;
        font-size: 26px;
    }

    .rp-faqp-search {
        height: 60px;
        margin-top: 14px;
        padding: 0 22px;
    }

    .rp-faqp-group__title {
        font-size: 26px;
        margin-bottom: 8px;
    }

    .rp-contacts-channels {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .rp-contacts-channel {
        gap: 12px;
        min-height: 280px;
        padding: 28px;
        border-radius: 32px;
    }

    .rp-contacts-channel__icon {
        width: 52px;
        height: 52px;
    }

    .rp-contacts-channel__label {
        margin-top: 10px;
    }

    .rp-contacts-channel__value {
        font-size: 28px;
    }

    .rp-contacts-channel--email .rp-contacts-channel__value {
        font-size: 22px;
    }

    .rp-contacts-note {
        margin-top: 20px;
        font-size: 15px;
    }

    .rp-contacts-pair {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    /* Фирмените данни са таблица: на таблет картата е на цял ред, за да не се чупят думите. */
    .rp-contacts-pair--next {
        grid-template-columns: minmax(0, 1fr);
        margin-top: 16px;
    }

    .rp-contacts-box,
    .rp-contacts-company,
    .rp-contacts-track {
        padding: 32px;
        border-radius: 32px;
    }

    .rp-contacts-box {
        gap: 18px;
    }

    .rp-contacts-box__title {
        font-size: 26px;
    }

    .rp-contacts-company {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 20px;
        align-items: start;
    }

    .rp-contacts-company__title,
    .rp-contacts-track__title {
        font-size: 24px;
    }

    .rp-legal-body {
        font-size: 16.5px;
    }

    .rp-legal-body h2 {
        margin-top: 26px;
        padding-top: 28px;
        font-size: 26px;
    }

    .rp-legal-body h3 {
        margin-top: 14px;
        font-size: 18px;
    }
}

/* Компютър: от 1200 px */
@media (min-width: 1200px) {
    .rp-cnt-head__sun {
        right: 290px;
        top: 44px;
        width: 56px;
        height: 56px;
    }

    .rp-cnt-head__leaf {
        display: block;
    }

    .rp-cnt-head .rp-crumbs {
        margin-bottom: 14px;
    }

    .rp-cnt-section {
        padding-top: 48px;
    }

    .rp-cnt-section--tight {
        padding-top: 24px;
    }

    .rp-cnt-empty {
        padding: 40px;
    }

    .rp-cnt-toc {
        display: flex;
    }

    .rp-cnt-tocm {
        display: none;
    }

    .rp-cnt-help {
        gap: 12px;
    }

    .rp-cnt-help::before {
        right: -40px;
        top: -40px;
        width: 130px;
        height: 130px;
        border-width: 22px;
    }

    .rp-cnt-ad {
        max-width: none;
    }

    .rp-blog-feat__media {
        min-height: 400px;
    }

    .rp-blog-feat__body {
        gap: 16px;
        padding: 44px;
    }

    .rp-blog-feat__title {
        font-size: 34px;
        line-height: 1.12;
    }

    .rp-blog-feat__text {
        -webkit-line-clamp: 6;
        line-clamp: 6;
        font-size: 16px;
    }

    .rp-cnt-section--grid {
        padding-top: 56px;
    }

    .rp-blog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 40px 24px;
    }

    .rp-blog-grid .rp-post__media {
        height: 220px;
    }

    .rp-blog-card__body .rp-post__title {
        font-size: 19px;
    }

    .rp-blog-more {
        margin-top: 48px;
    }

    .rp-blog-starts .rp-link-card {
        padding: 30px;
    }

    .rp-blog-starts .rp-link-card__title {
        font-size: 21px;
    }

    .rp-blog-h2 {
        font-size: 44px;
        line-height: 1.08;
        letter-spacing: -.04em;
    }

    /* „Още от блога“ под статията: картите са като в решетката на блога, не като на началната */
    .rp-art-related .rp-post {
        gap: 14px;
    }

    .rp-art-related .rp-post__media {
        height: 220px;
        border-radius: var(--rp-r);
    }

    .rp-art-related .rp-post__title {
        font-size: 19px;
        letter-spacing: -.015em;
    }

    .rp-pagehead__box.rp-art-head {
        padding-bottom: 56px;
    }

    .rp-pagehead__title.rp-art-head__title {
        font-size: 56px;
        line-height: 1.05;
        letter-spacing: -.045em;
    }

    .rp-art-meta {
        margin-top: 8px;
    }

    .rp-art {
        grid-template-columns: minmax(0, 1fr) 340px;
        gap: 64px;
        align-items: start;
    }

    .rp-art__main {
        max-width: 760px;
    }

    .rp-art__hero {
        height: 420px;
        margin-bottom: 40px;
    }

    .rp-art__side {
        align-self: stretch;
    }

    /* Страничната колона е по-висока от екрана: лепи се само последната карта, иначе долната част не се вижда. */
    .rp-art__side > :last-child,
    .rp-faqp-side > :last-child {
        position: sticky;
        top: calc(var(--rp-header-h) + 24px);
    }

    .rp-art-body > p:first-child {
        font-size: 20px;
    }

    .rp-art-body h2 {
        margin-top: 34px;
        font-size: 28px;
    }

    .rp-faqp-head__text {
        max-width: 30em;
    }

    .rp-faqp-grid {
        grid-template-columns: 280px minmax(0, 1fr);
        grid-template-rows: auto 1fr;
        column-gap: 48px;
        row-gap: 16px;
        align-items: start;
    }

    .rp-faqp-cats {
        grid-column: 1;
        grid-row: 1;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 4px;
    }

    .rp-faqp-cat {
        justify-content: space-between;
        gap: 12px;
        min-height: 48px;
        padding: 0 16px;
        border: 0;
        border-radius: var(--rp-r-sm);
        background: transparent;
        font-size: 15px;
    }

    .rp-faqp-cat:hover {
        background: var(--rp-surface);
    }

    .rp-faqp-cat.is-active {
        background: var(--rp-green-50);
    }

    .rp-faqp-cat__name {
        white-space: nowrap;
    }

    .rp-faqp-cat__count {
        font-size: 13px;
    }

    .rp-faqp-list {
        grid-column: 2;
        grid-row: 1 / span 2;
        gap: 48px;
    }

    .rp-faqp-side {
        grid-column: 1;
        grid-row: 2;
        align-self: stretch;
    }

    .rp-faqp-side .rp-cnt-help {
        gap: 10px;
        padding: 24px;
        border-radius: var(--rp-r);
    }

    .rp-faqp-side .rp-cnt-help__title {
        font-size: 17px;
        line-height: 1.55;
        letter-spacing: 0;
    }

    .rp-faqp-side .rp-cnt-help__row {
        font-size: 16px;
    }

    .rp-faqp-list .rp-acc__q {
        font-size: 17px;
        letter-spacing: 0;
    }

    .rp-faqp-list .rp-acc__a {
        gap: 14px;
        max-width: none;
        line-height: 1.65;
    }

    .rp-faqp-list .rp-acc__a p {
        max-width: 46em;
    }

    .rp-faqp-list .rp-acc__a .rp-more {
        font-size: 14.5px;
        font-weight: 600;
    }

    .rp-faqp-group__title {
        font-size: 28px;
    }

    .rp-contacts-channels {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .rp-contacts-channel {
        gap: 14px;
        min-height: 300px;
    }

    /* До 1277 px шрифтът се свива с екрана, за да не се пречупи номерът в тясната карта. */
    .rp-contacts-channel__value {
        font-size: clamp(28px, 2.35vw, 30px);
    }

    .rp-contacts-channel--email .rp-contacts-channel__value {
        font-size: 24px;
    }

    .rp-contacts-pair--next {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rp-contacts-box,
    .rp-contacts-company,
    .rp-contacts-track {
        padding: 36px;
    }

    .rp-contacts-box__title {
        font-size: 28px;
    }

    .rp-legal {
        grid-template-columns: 300px minmax(0, 1fr);
        gap: 64px;
        align-items: start;
    }

    .rp-legal__main {
        grid-column: 2;
        grid-row: 1;
        max-width: 760px;
    }

    .rp-legal__side {
        position: sticky;
        top: calc(var(--rp-header-h) + 24px);
        grid-column: 1;
        grid-row: 1;
        max-height: calc(100vh - var(--rp-header-h) - 48px);
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
    }

    .rp-legal-body h2 {
        margin-top: 26px;
    }
}