/* Start:/local/templates/akumulyator_template/css/regions.css?179397148828485*/
/* ==========================================================================
   /akb-v-regioni/ — «Доставка по Беларуси» (разметка: include/city_hub.php,
   текст «Как заказать» — включаемая область /include/city/regioni.php).
   Визуальный язык — как у /delivery/ (.dl-page в css/delivery.css).
   Подключается только на хабе (Asset::addCss в city_hub.php).
   Удвоенный класс .rg-page.rg-page перебивает глобальное «* { font: … }» шаблона.
   ========================================================================== */
.rg-page.rg-page {
    --rg-dark: #1f1b20;
    --rg-yellow: #ffd633;
    --rg-yellow-2: #ffce05;
    --rg-muted: #5f5a61;
    --rg-line: #e7e3da;
    --rg-soft: #f6f4ee;
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin-bottom: 36px;
    color: var(--rg-dark);
    font: 400 16px/1.5 'Inter', sans-serif;
}
.rg-page.rg-page a,
.rg-page.rg-page span,
.rg-page.rg-page b,
.rg-page.rg-page mark,
.rg-page.rg-page th,
.rg-page.rg-page td,
.rg-page.rg-page button,
.rg-page.rg-page figcaption { font: inherit; color: inherit; }
.rg-page.rg-page b { font-weight: 700; }
.rg-page.rg-page p,
.rg-page.rg-page li { margin: 0; font: inherit; color: inherit; line-height: 1.5; }
.rg-page.rg-page figure { margin: 0; }
.rg-page.rg-page img { display: block; max-width: 100%; height: auto; }
.rg-page .rg-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rg-page.rg-page mark {
    font-weight: 700;
    color: var(--rg-dark);
    background: linear-gradient(transparent 52%, var(--rg-yellow) 52%);
    padding: 0 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.rg-page.rg-page .rg-h2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    margin: 0;
    font: 700 22px/1.25 'Inter', sans-serif;
    color: var(--rg-dark);
    text-transform: none;
}
.rg-page.rg-page .rg-badge {
    padding: 3px 10px;
    border-radius: 999px;
    background: var(--rg-yellow);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    text-transform: uppercase;
    letter-spacing: .02em;
}

/* ---------- Вводный блок: текст + таблица | карта ---------- */
.rg-page .rg-zone { display: grid; gap: 20px; }
.rg-page .rg-zone__text { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rg-page.rg-page .rg-lead { font-size: 17px; line-height: 1.5; }
.rg-page.rg-page .rg-text { font-size: 16px; color: #3a353c; }
.rg-page.rg-page .rg-text b { color: var(--rg-dark); }

/* ---------- Таблицы ---------- */
.rg-page .rg-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--rg-line);
    border-radius: 12px;
    overflow: hidden;
    font-size: 14px;
    background: #fff;
}
.rg-page.rg-page .rg-table th,
.rg-page.rg-page .rg-table td { padding: 10px 8px; text-align: left; vertical-align: middle; line-height: 1.35; }
.rg-page.rg-page .rg-table thead th {
    background: var(--rg-dark);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.rg-page.rg-page .rg-table tbody th { font-weight: 700; }
.rg-page .rg-table tbody tr + tr > * { border-top: 1px solid var(--rg-line); }
.rg-page .rg-table--main tbody tr:first-child { background: #fffbe6; }
.rg-page.rg-page .rg-free {
    display: inline-block;
    padding: 3px 7px;
    border-radius: 999px;
    background: var(--rg-yellow);
    color: var(--rg-dark);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
    white-space: nowrap;
}
.rg-page.rg-page .rg-free-text { font-weight: 600; color: #3a353c; white-space: nowrap; }
.rg-page.rg-page .rg-region { display: block; margin-top: 1px; font-size: 12px; font-weight: 500; color: var(--rg-muted); }

/* кликабельная строка: ссылка в первой ячейке растянута на всю строку */
.rg-page .rg-table tbody tr.rg-row-link { position: relative; cursor: pointer; transition: background-color .15s; }
.rg-page .rg-table tbody tr.rg-row-link:hover { background: #fff6cc; }
.rg-page.rg-page .rg-table tr.rg-row-link th a {
    text-decoration: underline;
    text-decoration-color: var(--rg-yellow-2);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}
.rg-page.rg-page .rg-table tr.rg-row-link th a::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.rg-page.rg-page .rg-table tr.rg-row-link th a:focus-visible { outline: none; }
.rg-page.rg-page .rg-table tr.rg-row-link:has(a:focus-visible) { outline: 3px solid var(--rg-dark); outline-offset: -3px; }
.rg-page.rg-page .rg-table tr.rg-row-link td:last-child { white-space: nowrap; }
.rg-page.rg-page .rg-go { margin-left: 6px; font-weight: 700; color: var(--rg-dark); }

/* группы городов: на телефоне части таблицы стыкуются в одну, на компьютере — 3 колонки */
.rg-page .rg-group { display: flex; flex-direction: column; gap: 10px; }
.rg-page.rg-page .rg-group__note { margin-top: -4px; font-size: 14px; color: var(--rg-muted); }
.rg-page .rg-cols { display: flex; flex-direction: column; }
.rg-page.rg-page .rg-table--list td { white-space: nowrap; width: 1%; }
.rg-page.rg-page .rg-table--list tbody th { font-weight: 600; }
.rg-page.rg-page .rg-table--list td { color: #3a353c; }
@media (min-width: 600px) and (max-width: 1023px) {
    .rg-page .rg-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: start; }
    .rg-page.rg-page .rg-table--list { font-size: 14px; }
    /* узкие колонки: срок и стоимость — в заголовке группы, в строке только название и стрелка */
    .rg-page.rg-page .rg-table--list td,
    .rg-page.rg-page .rg-table--list thead th:not(:first-child) { display: none; }
    .rg-page.rg-page .rg-table--list th { padding: 9px 10px; }
    .rg-page.rg-page .rg-table--list tbody th::before { content: '→'; float: right; margin-left: 8px; font-weight: 700; }
    .rg-page.rg-page .rg-table--list thead th { font-size: 11px; letter-spacing: .03em; }
}
/* телефон: списки городов — сетка 2 колонки, только названия (срок и «бесплатно» — в заголовке группы);
   таблицы «растворяются» (display: contents), строки всех частей идут одной сеткой */
@media (max-width: 599px) {
    .rg-page .rg-cols {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1px;
        background: var(--rg-line);
        border: 1px solid var(--rg-line);
        border-radius: 12px;
        overflow: hidden;
    }
    .rg-page.rg-page .rg-cols .rg-table--list,
    .rg-page.rg-page .rg-cols .rg-table--list tbody { display: contents; }
    .rg-page.rg-page .rg-cols .rg-table--list thead,
    .rg-page.rg-page .rg-cols .rg-table--list td { display: none; }
    .rg-page.rg-page .rg-cols .rg-table--list tr { display: block; background: #fff; }
    .rg-page.rg-page .rg-cols .rg-table--list tbody tr + tr > * { border-top: 0; }
    .rg-page.rg-page .rg-cols .rg-table--list tbody th { display: block; height: 100%; padding: 10px 12px; font-size: 14px; line-height: 1.3; }
    .rg-page.rg-page .rg-cols .rg-table--list tbody th::before { content: '→'; float: right; margin-left: 6px; font-weight: 700; }
    .rg-page.rg-page .rg-cols .rg-region { font-size: 11.5px; }
}

/* ---------- Кнопки ---------- */
.rg-page .rg-cta { display: flex; flex-wrap: wrap; gap: 10px; }
.rg-page.rg-page .rg-btn {
    flex: 1 1 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 50px;
    margin: 0;
    padding: 10px 18px;
    border: 2px solid transparent;
    border-radius: 10px;
    font: 700 16px/1.2 'Inter', sans-serif;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
    width: auto;
    height: auto;
    box-shadow: none;
}
.rg-page.rg-page .rg-btn span { font-weight: 700; white-space: nowrap; }
.rg-page.rg-page .rg-btn--call { background: var(--rg-yellow); color: var(--rg-dark); }
.rg-page.rg-page .rg-btn--call::before {
    content: '';
    width: 18px; height: 18px; flex: none;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.rg-page.rg-page .rg-btn--call:hover { background: var(--rg-yellow-2); }
.rg-page.rg-page .rg-btn--form { background: var(--rg-dark); color: #fff; }
.rg-page.rg-page .rg-btn--form:hover { background: #000; color: var(--rg-yellow); }
.rg-page.rg-page .rg-btn--ghost { background: #fff; color: var(--rg-dark); border-color: var(--rg-dark); }
.rg-page.rg-page .rg-btn--ghost:hover { background: var(--rg-yellow); }
.rg-page.rg-page .rg-btn:focus-visible,
.rg-page.rg-page a:focus-visible { outline: 3px solid #2b6cff; outline-offset: 2px; }
.rg-page.rg-page .rg-note { font-size: 14px; color: var(--rg-muted); margin-top: -4px; }
.rg-page.rg-page .rg-note a { text-decoration: underline; text-underline-offset: 2px; }

/* ---------- Карта ---------- */
.rg-page .rg-map {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--rg-line);
    background: #e9e6df;
    align-self: start;
}
.rg-page.rg-page .rg-map picture { display: block; }
.rg-page.rg-page .rg-map img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.rg-page.rg-page .rg-map figcaption {
    position: absolute;
    left: 10px; top: 10px;
    max-width: calc(100% - 20px);
    padding: 6px 10px;
    border-radius: 8px;
    background: rgba(31, 27, 32, .9);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}
.rg-page.rg-page .rg-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; margin: 0; padding: 10px 14px; background: #fff; border-top: 1px solid var(--rg-line); font: 600 13px/1.35 Inter, sans-serif; color: var(--rg-dark); }
.rg-page.rg-page .rg-legend__item { display: inline-flex; align-items: center; gap: 8px; }
.rg-page.rg-page .rg-legend__shop { flex: 0 0 auto; display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--rg-yellow); border: 2px solid var(--rg-dark); font: 900 13px/1 Arial, sans-serif; box-sizing: border-box; }
.rg-page.rg-page .rg-legend__zone { flex: 0 0 auto; display: inline-block; width: 20px; height: 20px; border-radius: 50%; background: rgba(255, 214, 51, .7); border: 2px solid var(--rg-dark); box-sizing: border-box; }
.rg-page.rg-page .rg-legend__dot { flex: 0 0 auto; display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: var(--rg-yellow); border: 2px solid var(--rg-dark); box-sizing: border-box; }

/* ---------- Как заказать (включаемая область) ---------- */
.rg-page .rg-how { display: flex; flex-direction: column; gap: 14px; }
.rg-page .rg-how__grid { display: grid; gap: 12px; }
.rg-page .rg-how__card { padding: 16px; border-radius: 14px; background: var(--rg-soft); border-top: 4px solid var(--rg-yellow); }
.rg-page.rg-page .rg-how__card h3 { margin: 0 0 6px; font: 700 17px/1.3 'Inter', sans-serif; color: var(--rg-dark); text-transform: none; }
.rg-page.rg-page .rg-how__card p { font-size: 15px; color: #3a353c; }
.rg-page.rg-page .rg-how__card a {
    text-decoration: underline;
    text-decoration-color: var(--rg-yellow-2);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    font-weight: 600;
    color: var(--rg-dark);
}
.rg-page.rg-page .rg-how__card a:hover { text-decoration-color: var(--rg-dark); }

/* ---------- Контакты: две колонки «подпись — значение» + ряд кнопок ---------- */
.rg-page .rg-contacts { display: flex; flex-direction: column; gap: 14px; }
.rg-page .rg-card {
    display: grid;
    gap: 14px;
    padding: 16px;
    border-radius: 14px;
    background: var(--rg-soft);
}
.rg-page.rg-page .rg-dl { display: grid; gap: 12px; align-content: start; margin: 0; padding: 0; }
.rg-page.rg-page .rg-dl__row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.rg-page.rg-page .rg-dl dt { margin: 0; font: 700 14px/1.4 'Inter', sans-serif; color: var(--rg-dark); }
.rg-page.rg-page .rg-dl dd { margin: 0; font: 400 15px/1.45 'Inter', sans-serif; color: #3a353c; min-width: 0; }
.rg-page.rg-page .rg-dl dd b { color: var(--rg-dark); }
.rg-page.rg-page .rg-dl dd a { font-weight: 600; color: var(--rg-dark); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--rg-yellow-2); text-decoration-thickness: 2px; }
.rg-page.rg-page .rg-dl dd a:hover { text-decoration-color: var(--rg-dark); }
.rg-page.rg-page .rg-dl dd a[href^="tel:"] { white-space: nowrap; }
/* телефоны: оператор и номер — две колонки с общей базовой линией */
.rg-page.rg-page .rg-phones { display: grid; justify-content: start; gap: 6px; }
.rg-page.rg-page .rg-dl dd a.rg-phone { display: grid; grid-template-columns: 36px max-content; align-items: baseline; column-gap: 8px; text-decoration: none; }
.rg-page.rg-page .rg-phone__op { font: 700 12px/1.2 'Inter', sans-serif; color: var(--rg-muted); text-transform: uppercase; letter-spacing: .03em; }
.rg-page.rg-page .rg-phone__num { font: 700 19px/1.25 'Inter', sans-serif; color: var(--rg-dark); white-space: nowrap; }
.rg-page.rg-page .rg-dl dd a.rg-phone:hover .rg-phone__num { text-decoration: underline; text-decoration-color: var(--rg-yellow-2); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.rg-page.rg-page .rg-dl dd .rg-social { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 2px; }
/* кнопки: одинаковые по высоте и ширине; на телефоне — друг под другом */
.rg-page .rg-card__actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; padding-top: 14px; border-top: 1px solid var(--rg-line); }
.rg-page.rg-page .rg-card__actions .rg-btn { width: 100%; min-height: 50px; }

/* соцсети: цветные кнопки с масками (как .dl-social в css/delivery.css) */
.rg-page .rg-social { display: flex; flex-wrap: wrap; gap: 8px; }
.rg-page.rg-page .rg-social a.soc {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: var(--fl-c, var(--rg-dark));
    transition: filter .15s ease;
}
.rg-page.rg-page .rg-social a.soc::before {
    content: '';
    width: 22px; height: 22px;
    background: #fff;
    -webkit-mask: var(--fl-mask) center / contain no-repeat;
    mask: var(--fl-mask) center / contain no-repeat;
}
.rg-page.rg-page .rg-social a.soc:hover { filter: brightness(.9); }
.rg-page.rg-page .rg-social .soc--tg { --fl-c: #229ed9; --fl-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 26 26'%3E%3Cpath d='M34.9 14.2 11.7 23.1c-1.6.6-1.6 1.5-.3 1.9l5.9 1.8 2.3 7c.3.8.5 1.1 1.1 1.1.5 0 .8-.2 1.1-.5l2.8-2.7 5.9 4.3c1.1.6 1.8.3 2.1-1l3.9-18.4c.4-1.6-.6-2.3-1.6-1.9Zm-14.7 13 10.9-6.9c.5-.3 1-.1.6.3l-9.3 8.4-.4 4-1.8-5.8Z'/%3E%3C/svg%3E"); }
.rg-page.rg-page .rg-social .soc--vb { --fl-c: #7360f2; --fl-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 26 26'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 11.5c-7.4 0-11.5 2.9-11.5 10.2 0 4.2 1.3 6.9 3.6 8.3v5.2l4.1-3.5c1.2.2 2.5.3 3.8.3 7.4 0 11.5-2.9 11.5-10.3S31.4 11.5 24 11.5Z'/%3E%3Cpath d='M25.2 16.6a5.4 5.4 0 0 1 4.9 4.9M25.2 19.4a2.5 2.5 0 0 1 2.1 2.1'/%3E%3C/g%3E%3Cpath d='M18.6 16.9c.4-.3.8-.3 1.1 0l1.7 2c.3.3.3.8 0 1.1l-.8.8c-.2.2-.2.5-.1.8.4.9 1 1.8 1.7 2.5.7.7 1.6 1.3 2.5 1.7.3.1.6.1.8-.1l.8-.8c.3-.3.8-.3 1.1 0l2 1.7c.3.3.3.7 0 1.1-.6.8-1.5 1.5-2.6 1.4-1.8-.2-3.9-1.4-5.6-3.1s-2.9-3.800-3.1-5.6c-.1-1.1.6-2 1.4-2.6Z'/%3E%3C/svg%3E"); }
.rg-page.rg-page .rg-social .soc--wa { --fl-c: #25d366; --fl-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 26 26'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linejoin='round' d='M24 12.5a11.5 11.5 0 0 0-9.9 17.3L12.6 35.4l5.7-1.5A11.5 11.5 0 1 0 24 12.5Z'/%3E%3Cpath d='M19.8 18.1c.3-.6.6-.6.9-.6h.7c.2 0 .5 0 .7.6l1 2.3c.1.2.1.5 0 .7l-.6.8c-.2.2-.3.5-.1.8.4.8 1 1.6 1.7 2.2.8.7 1.6 1.2 2.4 1.5.3.1.5 0 .7-.2l.9-1.1c.2-.3.5-.3.8-.2l2.2 1.1c.3.1.5.2.5.4.1.4 0 1.4-.5 2-.6.6-1.6 1.1-2.5 1.1-1.4 0-3.600-.8-5.6-2.6-2.1-1.9-3.4-4.3-3.6-5.4-.2-1.3.2-2.5.4-3.4Z'/%3E%3C/svg%3E"); }
.rg-page.rg-page .rg-social .soc--ig { --fl-c: linear-gradient(45deg, #f9a825, #e1306c 45%, #5b51d8); --fl-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 26 26'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.4'%3E%3Crect x='13' y='13' width='22' height='22' rx='6.5'/%3E%3Ccircle cx='24' cy='24' r='5.2'/%3E%3C/g%3E%3Ccircle cx='30.2' cy='17.8' r='1.6'/%3E%3C/svg%3E"); }
.rg-page.rg-page .rg-social .soc--mail { --fl-c: #f28c28; --fl-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 26 26'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='12.5' y='15.5' width='23' height='17' rx='2.5'/%3E%3Cpath d='m13.5 17.5 10.5 8 10.5-8'/%3E%3C/g%3E%3C/svg%3E"); }

/* ---------- «AKKUMULYATOR.by — тот самый, с 2007 года!» (шаблон news.list indexAdvantages) ---------- */
.rg-page .rg-why { display: flex; flex-direction: column; gap: 14px; }
.rg-page .rg-why__items { container: rgwc / inline-size; min-width: 0; }
.rg-page.rg-page .wc-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
.rg-page.rg-page .wc-card {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 10px 14px 10px 10px;
    background: var(--rg-soft);
    border: 1px solid var(--rg-line);
    border-radius: 14px;
    overflow: hidden;
    list-style: none;
}
.rg-page.rg-page .wc-card::before,
.rg-page.rg-page .wc-card::marker { content: none; }
.rg-page.rg-page .wc-card:not(:has(.wc-card__img)) { grid-template-columns: minmax(0, 1fr); padding: 16px; }
.rg-page.rg-page .wc-card__img { display: block; width: 88px; height: 88px; object-fit: cover; border-radius: 10px; background: #e6e3da; }
.rg-page.rg-page .wc-card__title { margin: 0; font: 700 16px/1.3 'Inter', sans-serif; color: var(--rg-dark); text-transform: none; text-wrap: balance; }
.rg-page.rg-page .wc-card__text { margin: 4px 0 0; font: 400 14px/1.45 'Inter', sans-serif; color: #4a4650; text-wrap: pretty; }
.rg-page.rg-page .wc-card__text .wc-card__meta { display: block; margin: 0 0 3px; font: 600 13px/1.4 'Inter', sans-serif; color: var(--rg-dark); }
@container rgwc (min-width: 540px) {
    .rg-page.rg-page .wc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .rg-page.rg-page .wc-card { grid-template-columns: 112px minmax(0, 1fr); gap: 14px; }
    .rg-page.rg-page .wc-card__img { width: 112px; height: 96px; }
}
@container rgwc (min-width: 1000px) {
    .rg-page.rg-page .wc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
}

/* ---------- Популярные аккумуляторы: без левой колонки ---------- */
.city-page.city-page--hub { grid-template-columns: minmax(0, 1fr); }

/* ---------- Планшет ---------- */
@media (min-width: 600px) {
    .rg-page.rg-page .rg-table th,
    .rg-page.rg-page .rg-table td { padding: 11px 12px; }
    .rg-page.rg-page .rg-table { font-size: 15px; }
    .rg-page.rg-page .rg-table thead th { font-size: 12px; }
    .rg-page.rg-page .rg-free { font-size: 13px; padding: 3px 9px; }
    .rg-page.rg-page .rg-btn { flex-basis: 200px; }
    .rg-page .rg-how__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rg-page .rg-how__grid > :last-child { grid-column: 1 / -1; }
    .rg-page.rg-page .rg-h2 { font-size: 24px; }
}
@media (min-width: 768px) {
    .rg-page.rg-page .rg-map img { aspect-ratio: 3 / 2; }
    .rg-page.rg-page .rg-lead { font-size: 18px; }
}

/* ---------- Компьютер ---------- */
@media (min-width: 1024px) {
    .rg-page.rg-page { gap: 40px; margin-bottom: 44px; }
    .rg-page .rg-zone { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: start; }
    .rg-page.rg-page .rg-lead { font-size: 19px; }
    .rg-page.rg-page .rg-h2 { font-size: 28px; }
    .rg-page .rg-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: start; }
    .rg-page.rg-page .rg-table--list th,
    .rg-page.rg-page .rg-table--list td { padding: 9px 10px; }
    .rg-page .rg-how__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    .rg-page .rg-how__grid > :last-child { grid-column: auto; }
    .rg-page .rg-how__card { padding: 18px 20px; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .rg-page.rg-page .rg-table--list .rg-col-price { display: none; }
}

/* ---------- Контакты: планшет и компьютер ---------- */
@media (min-width: 600px) {
    .rg-page .rg-card { padding: 20px; gap: 16px; }
    .rg-page.rg-page .rg-dl__row { grid-template-columns: 112px minmax(0, 1fr); gap: 12px; align-items: baseline; }
    .rg-page.rg-page .rg-dl__row:has(.rg-social) { align-items: center; }
    .rg-page .rg-card__actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
    .rg-page .rg-card__actions { grid-template-columns: repeat(2, minmax(0, 240px)); }
}
/* две колонки «подпись — значение» — только когда номерам телефонов хватает места */
@media (min-width: 1024px) {
    .rg-page .rg-card { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 24px 28px; column-gap: 40px; }
    .rg-page .rg-card > .rg-dl + .rg-dl { padding-left: 40px; border-left: 1px solid var(--rg-line); }
    .rg-page .rg-card__actions { grid-column: 1 / -1; }
    .rg-page.rg-page .rg-dl__row { grid-template-columns: 124px minmax(0, 1fr); }
    .rg-page.rg-page .rg-dl dd { font-size: 16px; }
    .rg-page.rg-page .rg-phone__num { font-size: 21px; }
    .rg-page .rg-card__actions { grid-template-columns: repeat(2, minmax(0, 260px)); }
}

/* ---------- Популярные аккумуляторы: размер карточек как в каталоге ----------
   В каталоге (/catalog/dlya-legkovykh-avtomobiley/) 4 карточки в ряд рядом с фильтром: ~239px (1280) / ~270px (1440),
   фото .image-box 150px (на телефоне 112px). Здесь колонки фильтра нет — на ≥1280 5 в ряд дают ту же ширину;
   11-й и 12-й хиты на ≥1280 скрыты, чтобы было 2 полных ряда. На 375/768/1024 сетка и так совпадает с каталогом. */
@media (min-width: 1280px) {
    .city-page.city-page--hub .city-products .goods-list { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .city-page.city-page--hub .city-products .goods-list > .goods-snippet:nth-child(n+11) { display: none; }
}

/* ==========================================================================
   Города за 1–2 дня (/akkumulyatory-v-<slug>/, разметка include/city_region.php) — те же блоки .rg-*,
   плюс выделение города на общей карте: кольцо поверх картинки, координаты в % (city_regions_list.php).
   ========================================================================== */
.rg-page .rc-map__img { position: relative; }
.rg-page .rc-pin {
    position: absolute;
    left: var(--x);
    top: var(--y);
    width: 34px;
    height: 34px;
    margin: -17px 0 0 -17px;
    border: 3px solid #e63b2e;
    border-radius: 50%;
    background: rgba(230, 59, 46, .16);
    box-sizing: border-box;
    pointer-events: none;
    animation: rc-pulse 1.8s ease-out infinite;
}
@keyframes rc-pulse {
    0% { box-shadow: 0 0 0 0 rgba(230, 59, 46, .55); }
    100% { box-shadow: 0 0 0 14px rgba(230, 59, 46, 0); }
}
@media (prefers-reduced-motion: reduce) {
    .rg-page .rc-pin { animation: none; }
}
@media (max-width: 767px) {
    .rg-page .rc-pin { left: var(--mx); top: var(--my); width: 28px; height: 28px; margin: -14px 0 0 -14px; }
}
.rg-page.rg-page .rc-legend__pin { flex: 0 0 auto; display: inline-block; width: 18px; height: 18px; border: 3px solid #e63b2e; border-radius: 50%; background: rgba(230, 59, 46, .16); box-sizing: border-box; }
.rg-page.rg-page .rc-page__h2,
.rc-page.rc-page .rg-zone__text > .rg-h2 { margin-bottom: -2px; }
.rg-page.rg-page .rg-nw { white-space: nowrap; }

/* ==========================================================================
   Пригороды «в день заказа» (/akkumulyatory-v-<slug>/, разметка include/city_suburb.php): блоки .rg-*/.rc-*,
   плюс чипы условий под таблицей и 4 карточки текста.
   ========================================================================== */
.rg-page.rg-page .sb-perks { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.rg-page.rg-page .sb-perk {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 7px 12px 7px 10px;
    border: 1px solid var(--rg-line);
    border-radius: 999px;
    background: var(--rg-soft);
    font: 500 14px/1.35 'Inter', sans-serif;
    color: var(--rg-dark);
}
.rg-page.rg-page .sb-perk::before {
    content: '';
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--rg-yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f1b20' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 12px no-repeat;
}
.rg-page.rg-page .sb-perk b { font-weight: 700; }
.rg-page.rg-page .sb-perk a { font-weight: 600; text-decoration: underline; text-decoration-color: var(--rg-yellow-2); text-decoration-thickness: 2px; text-underline-offset: 3px; }
@media (max-width: 599px) {
    .rg-page.rg-page .sb-perk { border-radius: 12px; width: 100%; font-size: 13.5px; }
}
/* 4 карточки: телефон — столбиком, 600–1279 — 2×2, ≥1280 — 4 в ряд */
@media (min-width: 600px) {
    .rg-page .rg-how__grid.sb-how__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rg-page .rg-how__grid.sb-how__grid > :last-child { grid-column: auto; }
}
@media (min-width: 1280px) {
    .rg-page .rg-how__grid.sb-how__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* кольцо пригорода за краем картинки на этой ширине не показываем */
@media (min-width: 768px) {
    .rg-page .rc-pin.rc-pin--no-d,
    .rg-page.rg-page .rg-legend__item.rc-legend--no-d { display: none; }
}
@media (max-width: 767px) {
    .rg-page .rc-pin.rc-pin--no-m,
    .rg-page.rg-page .rg-legend__item.rc-legend--no-m { display: none; }
}

/* End */
/* /local/templates/akumulyator_template/css/regions.css?179397148828485 */