/* ==========================================================================
   Tarco Rotang — Monday child theme
   Главная «лайтовый каталог форм» + шапочная кнопка «Как проехать» с картой.
   Шапка/футер — от родительской темы monday. Префикс .rt-*
   Шрифты: Nunito (заголовки, округлый) + Open Sans (текст).
   ========================================================================== */

:root {
    --rt-ink:        #111114;
    --rt-mute:       #7a7f87;
    --rt-faint:      #a2a8b2;
    --rt-navy:       #002050;
    --rt-blue:       #2f6bc0;
    --rt-sky:        #5aa2e6;
    --rt-line:       #e7ebf1;
    --rt-line-2:     #eef1f6;
    --rt-paper:      #ffffff;
    --rt-ground:     #eef1f6;
    --rt-ground-2:   #f6f8fb;

    --rt-disp: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;
    --rt-body: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;

    --rt-max: 940px;
}

/* === Instagram убираем (если остался в настройках Redux) === */
a[href*="instagram.com" i],
a[href*="instagr.am" i] {
    display: none !important;
}

/* === Телефон в блоке социконок — как остальные иконки === */
.iv-module.social-icons a[data-rt-phone],
ul.socials a[data-rt-phone] {
    color: inherit;
}

/* === Кнопка «Как проехать» в шапке (внедряется JS в блок социконок) === */
.rt-route-li { list-style: none; margin: 0; }
.rt-route-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-family: var(--rt-disp);
    font-weight: 800;
    font-size: 14px;
    line-height: 1;
    color: var(--rt-navy) !important;
    text-decoration: none !important;
    background: linear-gradient(160deg, #eef4fd, #e0ebfa);
    border: 1px solid #cfe0f6;
    border-radius: 11px;
    padding: 9px 15px;
    white-space: nowrap;
    margin-right: 10px;
    transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.rt-route-btn__ic { display: inline-flex; }
.rt-route-btn__ic svg { width: 17px; height: 17px; color: var(--rt-blue); transition: color .18s ease; }
.rt-route-btn:hover {
    background: linear-gradient(160deg, var(--rt-blue), var(--rt-navy));
    color: #fff !important;
    border-color: transparent;
    box-shadow: 0 8px 18px -8px rgba(0,32,80,.55);
    transform: translateY(-1px);
}
.rt-route-btn:hover .rt-route-btn__ic svg { color: #fff; }
@media (max-width: 600px) {
    .rt-route-btn__t { display: none; }
    .rt-route-btn { padding: 9px 11px; margin-right: 6px; }
}

/* === Телефон в шапке — текстом (как в макете), а не иконкой === */
.rt-hdr-phone {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    font-family: var(--rt-disp);
    font-weight: 800;
    font-size: 14px;
    line-height: 1;
    color: var(--rt-navy) !important;
    text-decoration: none !important;
    white-space: nowrap;
    margin-right: 12px;
    transition: color .16s ease;
}
.rt-hdr-phone .fa { color: var(--rt-blue); font-size: 13px; }
.rt-hdr-phone:hover { color: var(--rt-blue) !important; }
@media (max-width: 700px) { .rt-hdr-phone__num { display: none; } }

/* === Меню monday показываем на всех страницах (шапка единая, как на главной).
   На внутренних оно встаёт в шапку ровно — благодаря компактной шапке. === */

/* === Убираем пункт «О компании» из меню (пока, по просьбе) — CSS-фолбэк к PHP-фильтру === */
.iv-layout.header li:has(> a[href*="%d0%ba%d0%be%d0%bc%d0%bf"]),
.iv-layout.header li:has(> a[href*="/o-kompanii"]),
.iv-layout.header li:has(> a[href*="/about"]) { display: none !important; }

/* === Заголовок архива/страницы: срезаем лишний воздух снизу (было 160px).
   Отступ сверху ставит JS = высота шапки (иначе заголовок уходит под absolute-шапку). === */
.iv-layout.title-wrapper { padding-bottom: 40px !important; }

/* === Иконки шапки как в макете: FA заменяются на SVG (span.rt-hdr-ic) === */
.rt-hdr-ic { display: inline-flex; align-items: center; justify-content: center; line-height: 0; vertical-align: middle; }
.rt-hdr-ic svg { width: 18px; height: 18px; }

/* === SEO-заголовок monday (h1 внутри логотипа, «Экоротанг с доставкой…») —
   прячем визуально на всех страницах, оставляя для SEO/скринридеров === */
.iv-layout.header .logo h1 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    font-size: 0 !important;
}

/* === Компактная шапка: маленький логотип на всех страницах === */
.iv-layout.header .logo img,
.iv-layout.header .logo img.logo-normal {
    height: auto !important;
    max-height: 50px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain;
}
.iv-layout.header .container {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}
.iv-layout.header .header-left-area,
.iv-layout.header .logo {
    display: flex;
    align-items: center;
}

/* На главной дополнительно снимаем фиксированную высоту (контент отодвигаем через JS) */
body.rt-front .iv-layout.header,
body.rt-front .iv-layout.header.apply-height {
    height: auto !important;
    min-height: 0 !important;
}

/* === Полоса навигации по формам (на внутренних страницах, ivan_content_before) === */
.rt-catnav {
    background: var(--rt-paper);
    border-bottom: 1px solid var(--rt-line);
    box-shadow: 0 1px 0 rgba(17, 18, 34, .04);
}
.rt-catnav__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 16px;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}
.rt-catnav__link {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid var(--rt-line);
    border-radius: 9px;
    text-decoration: none !important;
    color: var(--rt-ink) !important;
    font-family: var(--rt-disp);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.rt-catnav__link:hover {
    border-color: var(--rt-blue);
    background: rgba(47, 107, 192, 0.06);
    color: var(--rt-blue) !important;
}
.rt-catnav__link--disabled { opacity: 0.45; pointer-events: none; cursor: default; }
.rt-catnav__code { font-weight: 800; font-size: 14px; color: var(--rt-blue); }
.rt-catnav__code--icon { display: inline-flex; align-items: center; color: var(--rt-blue); }
.rt-catnav__code--icon svg { width: 15px; height: 15px; }
.rt-catnav__title { font-weight: 600; max-width: 16em; overflow: hidden; text-overflow: ellipsis; }
.rt-catnav__sep { flex: 0 0 auto; align-self: stretch; width: 1px; margin: 4px 2px; background: var(--rt-line); }
@media (max-width: 480px) {
    .rt-catnav__title { display: none; }
    .rt-catnav__link { padding: 8px 12px; }
}

/* ==========================================================================
   ГЛАВНАЯ — лист с формами профиля
   ========================================================================== */
.rt-home {
    background:
        radial-gradient(1200px 600px at 50% -10%, #ffffff 0%, var(--rt-ground-2) 45%, var(--rt-ground) 100%);
    padding: clamp(24px, 4vw, 56px) clamp(12px, 4vw, 40px) clamp(36px, 5vw, 72px);
    font-family: var(--rt-body);
    color: var(--rt-ink);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}
.rt-home__wrap { max-width: var(--rt-max); margin: 0 auto; }

.rt-sheet {
    background: var(--rt-paper);
    border: 1px solid var(--rt-line);
    border-radius: 18px;
    box-shadow: 0 1px 2px rgba(16,32,64,.04), 0 18px 48px -28px rgba(16,32,64,.28);
    padding: clamp(24px, 4vw, 46px) clamp(18px, 4vw, 52px) clamp(26px, 4vw, 44px);
    overflow: hidden;
}

.rt-eyebrow {
    font-family: var(--rt-disp);
    font-weight: 800;
    font-size: 11px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--rt-blue);
    margin: 0 0 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.rt-eyebrow::before {
    content: "";
    width: 22px;
    height: 2px;
    background: linear-gradient(90deg, var(--rt-navy), var(--rt-sky));
    border-radius: 2px;
}

.rt-lead {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 22px;
}
.rt-lead__title {
    font-family: var(--rt-disp);
    font-weight: 800;
    font-size: clamp(23px, 3.2vw, 33px);
    letter-spacing: .005em;
    line-height: 1.1;
    margin: 0;
    color: var(--rt-ink);
    text-wrap: balance;
    max-width: 17ch;
    text-transform: none;
}
.rt-lead__title span { color: var(--rt-blue); }
.rt-lead__meta {
    font-family: var(--rt-disp);
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: .03em;
    color: var(--rt-mute);
    text-align: right;
    white-space: nowrap;
}
.rt-lead__meta b { color: var(--rt-navy); font-variant-numeric: tabular-nums; }

.rt-forms { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--rt-line-2); }
.rt-form { border-bottom: 1px solid var(--rt-line-2); }
.rt-form__link {
    display: grid;
    grid-template-columns: 56px 60px 1fr auto 26px;
    align-items: center;
    gap: clamp(10px, 2vw, 20px);
    padding: 15px 6px 15px 4px;
    text-decoration: none !important;
    color: var(--rt-ink) !important;
    border-radius: 12px;
    transition: background-color .18s ease, box-shadow .18s ease;
}
.rt-form__link:hover,
.rt-form__link:focus-visible {
    background: var(--rt-ground-2);
    outline: none;
    box-shadow: inset 0 0 0 1px var(--rt-line);
    color: var(--rt-ink) !important;
}
.rt-form__link:focus-visible { box-shadow: inset 0 0 0 2px var(--rt-blue); }

.rt-form__badge {
    width: 52px; height: 44px;
    border-radius: 11px;
    display: flex; align-items: center; justify-content: center;
    font-family: var(--rt-disp); font-weight: 800; font-size: 17px; letter-spacing: .01em;
    color: var(--rt-navy);
    background: linear-gradient(160deg, #eaf1fb, #dbe7f8);
    border: 1px solid #d3e0f4;
    box-shadow: inset 0 1px 0 #fff;
    transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.rt-form__badge--sm { font-size: 13px; letter-spacing: 0; }
.rt-form__link:hover .rt-form__badge,
.rt-form__link:focus-visible .rt-form__badge {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(160deg, var(--rt-blue), var(--rt-navy));
    box-shadow: 0 6px 16px -8px rgba(0,32,80,.55);
}

.rt-form__section {
    width: 56px; height: 34px;
    color: var(--rt-navy); opacity: .85;
    display: flex; align-items: center; justify-content: center;
    transition: color .2s ease, opacity .2s ease;
}
.rt-form__link:hover .rt-form__section { color: var(--rt-blue); opacity: 1; }
.rt-form__section svg { width: 52px; height: 32px; overflow: visible; }

.rt-form__info { min-width: 0; }
.rt-form__title {
    display: block;
    font-family: var(--rt-disp);
    font-weight: 700;
    font-size: 16px;
    color: var(--rt-ink);
    line-height: 1.2;
}
.rt-form__desc { display: block; font-size: 12.5px; color: var(--rt-mute); margin-top: 3px; letter-spacing: .01em; }

.rt-form__count {
    font-family: var(--rt-disp);
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: .02em;
    color: var(--rt-mute);
    white-space: nowrap;
    text-align: right;
    font-variant-numeric: tabular-nums;
}
.rt-form__count b { color: var(--rt-navy); font-weight: 800; }

.rt-form__arrow {
    width: 26px; height: 26px;
    display: flex; align-items: center; justify-content: center;
    color: var(--rt-faint);
    transition: color .18s ease, transform .18s ease;
}
.rt-form__arrow svg { width: 15px; height: 15px; }
.rt-form__link:hover .rt-form__arrow,
.rt-form__link:focus-visible .rt-form__arrow { color: var(--rt-blue); transform: translateX(3px); }

.rt-form--soon .rt-form__link { cursor: not-allowed; opacity: .55; pointer-events: none; }

/* === Доп-категории каталога (Каркасы, Комплектующие) === */
.rt-subhead { margin-top: clamp(26px, 4vw, 38px); margin-bottom: 14px; }
.rt-subhead__ey {
    display: inline-flex; align-items: center; gap: 8px;
    font-family: var(--rt-disp); font-weight: 800; font-size: 11px;
    letter-spacing: .16em; text-transform: uppercase; color: var(--rt-blue);
    margin: 0 0 8px;
}
.rt-subhead__ey::before {
    content: ""; width: 22px; height: 2px;
    background: linear-gradient(90deg, var(--rt-navy), var(--rt-sky)); border-radius: 2px;
}
.rt-subhead__title {
    font-family: var(--rt-disp); font-weight: 800;
    font-size: clamp(19px, 2.6vw, 24px); color: var(--rt-ink);
    margin: 0; line-height: 1.15; text-transform: none;
}
.rt-form__badge--icon svg { width: 24px; height: 24px; color: currentColor; display: block; }

@media (max-width: 640px) {
    .rt-form__link {
        grid-template-columns: 46px 1fr 22px;
        grid-template-areas: "badge info arrow" "section info arrow";
        gap: 12px;
        padding: 13px 4px;
        row-gap: 2px;
    }
    .rt-form__badge { grid-area: badge; width: 44px; height: 38px; font-size: 15px; }
    .rt-form__section { grid-area: section; width: 44px; height: 26px; justify-content: flex-start; }
    .rt-form__section svg { width: 44px; height: 26px; }
    .rt-form__info { grid-area: info; }
    .rt-form__count { display: none; }
    .rt-form__arrow { grid-area: arrow; }
    .rt-lead__meta { text-align: left; }
}

/* ==========================================================================
   МОДАЛКА «Как проехать»
   ========================================================================== */
.rt-map-overlay {
    position: fixed; inset: 0; z-index: 100000;
    display: flex; align-items: center; justify-content: center;
    padding: clamp(12px, 3vw, 32px);
    background: rgba(8,18,38,.55);
    backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
    opacity: 0; transition: opacity .2s ease;
    font-family: var(--rt-body);
}
.rt-map-overlay[hidden] { display: none; }
.rt-map-overlay.is-open { opacity: 1; }
.rt-map-card {
    background: var(--rt-paper);
    border-radius: 20px;
    width: min(760px, 100%);
    max-height: 92vh;
    overflow: auto;
    box-shadow: 0 30px 80px -30px rgba(8,18,38,.7);
    position: relative;
    transform: translateY(12px) scale(.98);
    transition: transform .22s cubic-bezier(.22,.61,.36,1);
}
.rt-map-overlay.is-open .rt-map-card { transform: none; }
.rt-map-close {
    position: absolute; top: 14px; right: 14px; z-index: 2;
    width: 44px; height: 44px; border-radius: 12px;
    border: 1px solid var(--rt-line); background: #fff; color: var(--rt-ink); cursor: pointer;
    display: flex; align-items: center; justify-content: center; font-size: 24px; line-height: 1;
    transition: background .16s ease, color .16s ease, border-color .16s ease;
}
.rt-map-close:hover { background: #fff0f0; color: #d11; border-color: #f3caca; }
.rt-map-close:focus-visible { outline: 2px solid var(--rt-blue); outline-offset: 2px; }
.rt-map-head { padding: 26px clamp(22px,4vw,34px) 6px; }
.rt-map-head h2 {
    font-family: var(--rt-disp); font-weight: 800;
    font-size: clamp(22px, 3.4vw, 28px); color: var(--rt-ink);
    margin: 0 0 8px; letter-spacing: .005em; text-transform: none; line-height: 1.15;
}
.rt-map-head p { margin: 0; color: var(--rt-mute); font-size: 15px; line-height: 1.5; }
.rt-map-body { display: grid; grid-template-columns: 1fr; gap: 0; }
.rt-map-visual {
    position: relative;
    margin: 18px clamp(22px,4vw,34px) 0;
    height: 230px; border-radius: 16px; overflow: hidden;
    border: 1px solid var(--rt-line);
}
.rt-map-visual svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.rt-map-info { padding: 20px clamp(22px,4vw,34px) 26px; display: flex; flex-direction: column; gap: 12px; }
.rt-map-addr {
    font-family: var(--rt-disp); font-weight: 800;
    font-size: clamp(20px, 3.2vw, 25px); color: var(--rt-ink); line-height: 1.2;
}
.rt-map-addr small {
    display: block; font-family: var(--rt-body); font-weight: 400;
    font-size: 15px; color: var(--rt-mute); margin-top: 5px; letter-spacing: 0;
}
.rt-map-phone {
    display: inline-flex; align-items: center; gap: 11px; text-decoration: none !important;
    align-self: flex-start;
    font-family: var(--rt-disp); font-weight: 800; font-size: 22px;
    color: var(--rt-navy) !important; transition: color .16s ease;
}
.rt-map-phone svg { width: 22px; height: 22px; color: var(--rt-blue); }
.rt-map-phone:hover { color: var(--rt-blue) !important; }
.rt-map-actions { display: flex; flex-direction: column; gap: 11px; margin-top: 6px; }
.rt-map-cta {
    display: flex; align-items: center; justify-content: center; gap: 11px;
    text-decoration: none !important;
    font-family: var(--rt-disp); font-weight: 800; font-size: 17px;
    padding: 16px 20px; border-radius: 13px;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease, color .16s ease;
}
.rt-map-cta svg { width: 20px; height: 20px; flex: 0 0 auto; }
.rt-map-cta--primary {
    background: linear-gradient(160deg, var(--rt-blue), var(--rt-navy));
    color: #fff !important;
    box-shadow: 0 12px 26px -12px rgba(0,32,80,.6);
}
.rt-map-cta--primary:hover { transform: translateY(-2px); box-shadow: 0 16px 32px -12px rgba(0,32,80,.7); }
.rt-map-cta--ghost { background: #fff; color: var(--rt-navy) !important; border: 1.5px solid var(--rt-line); }
.rt-map-cta--ghost:hover { border-color: var(--rt-blue); color: var(--rt-blue) !important; transform: translateY(-1px); }
.rt-map-cta:focus-visible { outline: 2px solid var(--rt-blue); outline-offset: 3px; }
@media (min-width: 600px) {
    .rt-map-body { grid-template-columns: 1.15fr 1fr; align-items: start; }
    .rt-map-visual { margin: 18px 0 0 clamp(22px,4vw,34px); height: auto; min-height: 280px; }
    .rt-map-info { padding-top: 24px; }
}

/* ==========================================================================
   ФУТЕР — свой, под макет; родной monday-футер скрыт
   ========================================================================== */
.iv-layout.bottom-footer,
.iv-layout.footer.footer-normal { display: none !important; }

.rt-footer {
    background: var(--rt-paper);
    border-top: 1px solid var(--rt-line);
    font-family: var(--rt-body);
    color: var(--rt-ink);
    -webkit-font-smoothing: antialiased;
}
.rt-footer__wrap { max-width: 1180px; margin: 0 auto; padding: clamp(28px,4vw,44px) clamp(16px,4vw,32px) 0; }
.rt-footer__cols { display: flex; justify-content: space-between; gap: 28px; flex-wrap: wrap; align-items: flex-start; }
.rt-footer__contacts { max-width: 360px; }
.rt-footer__label {
    font-family: var(--rt-disp); font-weight: 800; font-size: 11px; letter-spacing: .14em;
    text-transform: uppercase; color: var(--rt-faint); margin: 0 0 10px;
}
.rt-footer__contacts address { font-style: normal; color: var(--rt-mute); font-size: 14px; line-height: 1.6; }
.rt-footer__contacts address b { color: var(--rt-ink); font-weight: 600; }
.rt-footer__phone {
    display: inline-flex; align-items: center; gap: 9px; margin-top: 12px;
    font-family: var(--rt-disp); font-weight: 800; font-size: 18px;
    color: var(--rt-navy) !important; text-decoration: none !important; transition: color .16s ease;
}
.rt-footer__phone svg { width: 16px; height: 16px; color: var(--rt-blue); }
.rt-footer__phone:hover { color: var(--rt-blue) !important; }
.rt-footer__socials { display: flex; flex-direction: column; gap: 12px; }
.rt-social {
    display: inline-flex; align-items: center; gap: 10px; text-decoration: none !important; min-width: 240px;
    font-family: var(--rt-disp); font-weight: 700; font-size: 14px; color: var(--rt-ink) !important;
    padding: 10px 16px; border: 1px solid var(--rt-line); border-radius: 11px; background: var(--rt-paper);
    transition: border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.rt-social:hover { transform: translateY(-1px); box-shadow: 0 8px 18px -12px rgba(16,32,64,.4); }
.rt-social__ic { width: 26px; height: 26px; border-radius: 7px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; color: #fff; }
.rt-social__ic svg { width: 16px; height: 16px; }
.rt-social small { display: block; font-family: var(--rt-body); font-weight: 400; font-size: 11px; color: var(--rt-faint); letter-spacing: .02em; }
.rt-social--vk .rt-social__ic { background: #0077ff; }
.rt-social--vk:hover { border-color: #0077ff; color: #0077ff !important; }
.rt-social--wb .rt-social__ic { background: linear-gradient(135deg, #cb11ab, #7b1fa2); }
.rt-social--wb:hover { border-color: #a01a9c; color: #a01a9c !important; }
.rt-footer__legal {
    margin-top: clamp(24px,3vw,34px); border-top: 1px solid var(--rt-line-2);
    padding: 16px 0 22px; display: flex; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap;
    font-size: 12px; color: var(--rt-faint); letter-spacing: .02em;
}
@media (max-width: 640px) {
    .rt-footer__cols { flex-direction: column; }
    .rt-social { min-width: 0; width: 100%; }
    .rt-footer__legal { flex-direction: column; gap: 6px; }
}

/* ==========================================================================
   ЕДИНЫЙ БРЕНД-СЛОЙ НА ВЕСЬ САЙТ
   (компоненты monday / WooCommerce приводим к стилю главной)
   ========================================================================== */

/* --- Типографика: заголовки на Nunito вместо Varela Round --- */
body h1, body h2, body h3, body h4, body h5, body h6,
.wpb_text_column h1, .wpb_text_column h2, .wpb_text_column h3, .wpb_text_column h4,
.widget-title, .widgettitle,
.entry-title, .product_title, .products h3, .product-info h3,
.woocommerce-loop-product__title, .woocommerce-products-header__title,
.cart_totals h2, .cross-sells h2, .related h2, .up-sells h2,
.woocommerce h1, .woocommerce h2, .woocommerce h3 {
    font-family: var(--rt-disp) !important;
    letter-spacing: .005em;
}
body { font-family: var(--rt-body); }

/* --- Ссылки в контенте: бренд-синий на ховере --- */
.wpb_text_column a:hover,
.woocommerce a:not(.button):not(.rt-social):not(.rt-map-cta):hover,
.sidebar a:hover,
.product-info a:hover,
.posted_in a:hover,
.woocommerce-breadcrumb a:hover { color: var(--rt-blue) !important; }

/* --- Кнопки WooCommerce: бренд-градиент, наш радиус --- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .button,
.single_add_to_cart_button, .add_to_cart_button,
.wc-proceed-to-checkout .checkout-button, #place_order,
.woocommerce-cart .actions .button, .return-to-shop .button {
    background: linear-gradient(160deg, var(--rt-blue), var(--rt-navy)) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 11px !important;
    font-family: var(--rt-disp) !important;
    font-weight: 800 !important;
    letter-spacing: .01em;
    box-shadow: 0 10px 22px -12px rgba(0,32,80,.5);
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce .button:hover, .single_add_to_cart_button:hover, .add_to_cart_button:hover,
.wc-proceed-to-checkout .checkout-button:hover, #place_order:hover {
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 16px 28px -12px rgba(0,32,80,.6);
    filter: saturate(1.05);
}

/* --- Карточки товаров в каталоге --- */
.woocommerce ul.products li.product .col-wrapper,
ul.products li.product .col-wrapper {
    background: var(--rt-paper);
    border: 1px solid var(--rt-line);
    border-radius: 14px;
    padding: 12px 12px 16px;
    transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
ul.products li.product .col-wrapper:hover {
    border-color: #d3e0f4;
    box-shadow: 0 16px 34px -20px rgba(16,32,64,.45);
    transform: translateY(-3px);
}
ul.products li.product .product-thumbnail,
ul.products li.product .frontal-image { border-radius: 10px; overflow: hidden; }
ul.products li.product .product-info { padding-top: 12px; }
ul.products li.product .product-info h3 {
    font-weight: 700 !important;
    color: var(--rt-ink) !important;
    font-size: 16px;
    margin: 0 0 6px;
}
ul.products li.product .price .woocommerce-Price-amount,
ul.products li.product .price {
    color: var(--rt-navy) !important;
    font-family: var(--rt-disp) !important;
    font-weight: 800 !important;
}

/* --- Одиночный товар: заголовок и цена --- */
.single-product .product_title { color: var(--rt-ink) !important; }
.single-product .summary .price .woocommerce-Price-amount {
    color: var(--rt-navy) !important;
    font-family: var(--rt-disp) !important;
    font-weight: 800 !important;
}
.single-product .quantity input.qty {
    border: 1px solid var(--rt-line);
    border-radius: 10px;
    font-family: var(--rt-disp);
}

/* --- Сайдбар «Категории товаров» --- */
.sidebar .widget-title, .sidebar .widgettitle {
    font-weight: 800 !important;
    color: var(--rt-ink) !important;
    font-size: 16px;
    letter-spacing: .01em;
}
.sidebar .widget a { color: var(--rt-ink); transition: color .15s ease; }
.sidebar .product-categories .current-cat > a,
.sidebar .product-categories li a:hover { color: var(--rt-blue); }

/* --- Служебные элементы каталога --- */
.woocommerce-result-count, .woocommerce-ordering,
.woocommerce-ordering select {
    font-family: var(--rt-disp) !important;
}
.woocommerce-ordering select {
    border: 1px solid var(--rt-line);
    border-radius: 10px;
    padding: 8px 12px;
    color: var(--rt-ink);
}

/* --- Инфо-плашки WooCommerce в бренд-тон --- */
.woocommerce-message, .woocommerce-info {
    border-top-color: var(--rt-blue) !important;
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--rt-blue) !important; }

/* --- Пагинация каталога --- */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current,
.page-numbers {
    font-family: var(--rt-disp) !important;
    border-radius: 8px;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.page-numbers.current {
    background: linear-gradient(160deg, var(--rt-blue), var(--rt-navy)) !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* ==========================================================================
   МОДАЛКА «Контакты и как проехать» — две локации (производство + шоурум),
   у каждой свой адрес, телефоны, часы и Яндекс-карта.
   ========================================================================== */
.rt-map-card--wide { width: min(940px, 100%); }
.rt-locs {
    display: grid; grid-template-columns: 1fr 1fr; gap: 18px;
    padding: 8px clamp(22px,4vw,34px) clamp(22px,4vw,30px);
}
.rt-loc {
    display: flex; flex-direction: column; gap: 12px; min-width: 0;
    border: 1px solid var(--rt-line); border-radius: 16px; padding: 18px;
    background: var(--rt-paper);
}
.rt-loc__tag {
    align-self: flex-start; font-family: var(--rt-disp); font-weight: 800;
    font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #fff;
    background: linear-gradient(160deg, var(--rt-blue), var(--rt-navy));
    padding: 5px 12px; border-radius: 8px;
}
.rt-loc__tag--alt { background: linear-gradient(160deg, #6a49c8, #2f1f78); }
.rt-loc__phones { display: flex; flex-direction: column; gap: 2px; }
.rt-loc__phones a {
    font-family: var(--rt-disp); font-weight: 800; font-size: 19px;
    color: var(--rt-navy) !important; text-decoration: none !important; line-height: 1.35;
    transition: color .15s ease;
}
.rt-loc__phones a:hover { color: var(--rt-blue) !important; }
.rt-loc__row { display: flex; flex-direction: column; gap: 3px; }
.rt-loc__lbl {
    font-family: var(--rt-disp); font-weight: 800; font-size: 10.5px;
    letter-spacing: .12em; text-transform: uppercase; color: var(--rt-faint);
}
.rt-loc__val { font-size: 14px; color: var(--rt-ink); line-height: 1.45; }
.rt-loc__mail {
    font-family: var(--rt-disp); font-weight: 700; font-size: 14px;
    color: var(--rt-navy) !important; text-decoration: none !important;
}
.rt-loc__mail:hover { color: var(--rt-blue) !important; }
.rt-map-frame {
    width: 100%; height: 200px; border: 0; border-radius: 12px;
    background: var(--rt-ground-2); display: block; margin-top: 2px;
}
/* Прижимаем карту (и кнопку под ней) к низу карточки — карты обеих локаций на одном уровне */
.rt-loc .rt-map-frame { margin-top: auto; }
.rt-loc .rt-map-cta { padding: 12px 16px; font-size: 15px; margin-top: 10px; white-space: nowrap; }
/* На узких экранах (телефоны/планшеты) — локации друг под другом, а не бок о бок */
@media (max-width: 880px) {
    .rt-locs { grid-template-columns: 1fr; }
    .rt-loc .rt-map-frame { margin-top: 4px; }   /* в один столбец прижимать к низу не нужно */
    .rt-loc .rt-map-cta { white-space: normal; }
}

/* ==========================================================================
   ФИКС: радио-кнопки способа доставки WooCommerce не налезают на подписи
   ========================================================================== */
.woocommerce ul#shipping_method,
.woocommerce .woocommerce-shipping-methods {
    list-style: none; margin: 0; padding: 0;
}
.woocommerce ul#shipping_method li,
.woocommerce .woocommerce-shipping-methods li {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 0 !important;
    margin: 0 0 8px !important;
    list-style: none !important;
}
.woocommerce ul#shipping_method li input[type="radio"],
.woocommerce .woocommerce-shipping-methods li input[type="radio"] {
    position: static !important;
    float: none !important;
    flex: 0 0 auto;
    margin: 0 !important;
    width: 16px; height: 16px;
    accent-color: var(--rt-blue);
}
.woocommerce ul#shipping_method li label,
.woocommerce .woocommerce-shipping-methods li label {
    display: block !important;
    float: none !important;
    text-indent: 0 !important;   /* monday тянул текст на радио через -22px */
    white-space: nowrap;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4;
}
