/* Radiatori.kz aluminium v1 — isolated to .ra-page and the new builder row. */
#sp-page-builder .ra-builder-row{padding:0!important;margin:0!important;background:#fff}
#sp-page-builder .ra-builder-row>.sppb-container,#sp-page-builder .ra-builder-row>.sppb-container-inner{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
#sp-page-builder .ra-builder-row .sppb-row{margin:0!important}
#sp-page-builder .ra-builder-row .sppb-col-md-12,#sp-page-builder .ra-builder-row .sppb-column{padding:0!important}
#sp-page-builder .ra-builder-row .sppb-addon-wrapper{margin:0!important}
.ra-page{--ra-red:#d71920;--ra-ink:#19212d;--ra-muted:#626c78;--ra-line:#e4e7eb;--ra-soft:#f6f7f8;color:var(--ra-ink);background:#fff;font:400 16px/1.65 "Open Sans",Arial,sans-serif;overflow-wrap:break-word}
.ra-page *,.ra-page *:before,.ra-page *:after{box-sizing:border-box}
.ra-page [hidden]{display:none!important}
.ra-page .ra-wrap{width:calc(100% - 48px);max-width:1180px;margin-left:auto;margin-right:auto}
.ra-page h1,.ra-page h2,.ra-page h3,.ra-page p,.ra-page dl{padding:0;margin:0 0 16px}
.ra-page h1,.ra-page h2,.ra-page h3{color:var(--ra-ink);font-family:inherit;letter-spacing:-.035em;font-weight:700}
.ra-page h1{font-size:clamp(32px,3.6vw,48px);line-height:1.12;max-width:660px}
.ra-page h2{font-size:clamp(25px,2.7vw,34px);line-height:1.22}
.ra-page h3{font-size:20px;line-height:1.35;letter-spacing:-.02em}
.ra-page a{color:#b9141b;text-decoration:none}
.ra-page a:hover{text-decoration:underline}
.ra-page a:focus-visible,.ra-page button:focus-visible,.ra-page select:focus-visible,.ra-page summary:focus-visible{outline:3px solid #246aca;outline-offset:4px}
.ra-page button,.ra-page select{font:inherit}
.ra-page button{cursor:pointer}
.ra-page img{max-width:100%;display:block}
.ra-page section,.ra-page article[id]{scroll-margin-top:100px}
.ra-page .ra-crumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:20px 0;font-size:12px;color:var(--ra-muted)}
.ra-page .ra-crumbs a{color:var(--ra-muted)}
.ra-page .ra-hero{background:linear-gradient(110deg,#f8f6f2,#f1f2f2 85%);border-block:1px solid #f0eeeb}
.ra-page .ra-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:22px;min-height:460px;padding-top:52px;padding-bottom:48px}
.ra-page .ra-eyebrow{color:#b91c22;font-size:12px;font-weight:700;letter-spacing:1.35px;text-transform:uppercase;margin-bottom:12px}
.ra-page .ra-lead{max-width:540px;color:#545c65;font-size:17px;line-height:1.65;margin-top:22px}
.ra-page .ra-hero-price{margin:24px 0;color:var(--ra-ink);font-size:23px;line-height:1.35}
.ra-page .ra-hero-price strong{font-size:32px;letter-spacing:-.04em}
.ra-page .ra-hero-price span{display:block;font-size:14px;color:var(--ra-muted);margin-top:4px}
.ra-page .ra-actions{display:flex;gap:12px;flex-wrap:wrap}
.ra-page .ra-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 19px;border:1px solid var(--ra-red);border-radius:7px;background:var(--ra-red);color:#fff!important;font:700 13px/1.4 "Open Sans",Arial,sans-serif;text-decoration:none!important;transition:background .18s,box-shadow .18s}
.ra-page .ra-btn:hover{background:#b71218;box-shadow:0 5px 14px #19212d15}
.ra-page .ra-btn--outline{background:#fff;color:var(--ra-ink)!important;border-color:#bcc2c9}
.ra-page .ra-btn--outline:hover{background:#f2f3f4}
.ra-page .ra-hero-note{font-size:12px;color:var(--ra-muted);margin:14px 0 0}
.ra-page .ra-hero-visual{position:relative;min-width:0;text-align:center;padding:25px 0}
.ra-page .ra-hero-visual:before{content:"";position:absolute;inset:0 6%;background:#ffffff85;border-radius:50%;aspect-ratio:1;max-height:100%}
.ra-page .ra-hero-visual img{width:100%;height:auto;position:relative;filter:drop-shadow(0 28px 16px #33333322)}
.ra-page .ra-visual-note{position:relative;display:inline-block;color:#6d726e;font-size:12px;margin-top:18px;letter-spacing:1px}
.ra-page .ra-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:28px;padding-bottom:28px;border-bottom:1px solid var(--ra-line)}
.ra-page .ra-benefit{display:flex;align-items:center;gap:15px}
.ra-page .ra-benefit img{width:38px;height:38px;object-fit:contain;flex-shrink:0}
.ra-page .ra-benefit strong{font-size:14px;display:block}
.ra-page .ra-benefit span{display:block;color:var(--ra-muted);font-size:12px;margin-top:3px}
.ra-page .ra-jumps{display:flex;flex-wrap:wrap;gap:10px 24px;padding-top:17px;padding-bottom:17px;font-size:13px}
.ra-page .ra-jumps a{color:#515b66}
.ra-page .ra-section{padding-top:55px;padding-bottom:55px}
.ra-page .ra-catalog{background:#f7f8fa;border-block:1px solid #edf0f2}
.ra-page .ra-muted{color:var(--ra-muted);max-width:850px}
.ra-page .ra-filters{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:21px;background:#fff;border:1px solid var(--ra-line);border-radius:10px;margin:28px 0 10px}
.ra-page .ra-filters label{flex:1;min-width:160px;color:#38414a;font-size:12px;font-weight:600;display:block;margin:0}
.ra-page .ra-filters select{display:block;width:100%;height:44px;margin:7px 0 0;padding:8px 32px 8px 12px;border:1px solid #ccd1d7;border-radius:6px;background:#fff;color:var(--ra-ink);font-size:14px}
.ra-page .ra-reset{border:0;background:transparent;min-height:44px;padding:8px 12px;color:#a51a20;font-size:13px;text-decoration:underline}
.ra-page .ra-caption{font-size:12px;color:var(--ra-muted);line-height:1.7;margin:12px 0}
.ra-page .ra-results{color:#525d69;font-size:13px;margin-top:22px}
.ra-page .ra-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.ra-page .ra-product{min-width:0;border:1px solid #e0e4e9;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 3px 12px #18212f04;transition:box-shadow .2s,border-color .2s}
.ra-page .ra-product:hover{border-color:#c6cdd6;box-shadow:0 10px 30px #18212f0b}
.ra-page .ra-product-picture{background:linear-gradient(145deg,#f2f3f4,#fcfcfc);height:225px;padding:18px 26px 30px;position:relative;overflow:hidden}
.ra-page .ra-product-picture img{width:100%;height:100%;object-fit:contain;transform:scale(1.65)}
.ra-page .ra-product-picture span{position:absolute;bottom:8px;left:20px;color:#777d86;font-size:10px}
.ra-page .ra-product-body{padding:22px}
.ra-page .ra-product-brand{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#6b7380;margin-bottom:7px}
.ra-page .ra-product h3{font-size:22px;margin-bottom:10px}
.ra-page .ra-product-spec{font-size:13px;line-height:1.8;margin-bottom:10px;color:#505b67}
.ra-page .ra-sku{font-size:10px;color:#747d89;margin-bottom:14px}
.ra-page .ra-price{padding:15px 0 19px;border-top:1px solid #edf0f2;min-height:126px}
.ra-page .ra-old-price{font-size:11px;color:#69717d;margin-bottom:6px}
.ra-page .ra-old-price del{margin-left:4px}
.ra-page .ra-price-label{display:block;font-size:11px;color:#5f6873;line-height:1.3}
.ra-page .ra-price>strong{display:block;font-size:30px;letter-spacing:-1px;line-height:1.3;color:#1a2028}
.ra-page .ra-price>strong.ra-on-request{font-size:26px}
.ra-page .ra-price-unit{display:block;font-size:11px;color:#66717c;margin-top:3px}
.ra-page .ra-product .ra-btn{width:100%}
.ra-page .ra-spec-details{margin-top:15px;border-top:1px solid #edf0f2;padding-top:12px;font-size:12px}
.ra-page summary{cursor:pointer;list-style:none;position:relative;padding-right:26px;font-weight:600}
.ra-page summary::-webkit-details-marker{display:none}
.ra-page summary:after{content:"";position:absolute;right:3px;top:8px;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s}
.ra-page details[open]>summary:after{transform:rotate(225deg);top:11px}
.ra-page .ra-spec-details dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;font-size:11px}
.ra-page .ra-spec-details dt{font-weight:400;color:#596474}
.ra-page .ra-spec-details dd{margin:0;text-align:right;color:#252d36}
.ra-page .ra-spec-details>a{font-size:11px}
.ra-page .ra-more-wrap{text-align:center;margin:25px 0 18px}
.ra-page .ra-empty{padding:24px;background:white;border-radius:8px}
.ra-page .ra-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}
.ra-page .ra-doc-grid h2{font-size:26px}
.ra-page .ra-doc{display:flex;align-items:center;gap:15px;padding:19px 16px;background:#f8f9fa;border:1px solid var(--ra-line);border-radius:8px;margin-bottom:12px;color:var(--ra-ink);text-decoration:none}
.ra-page .ra-doc>span:nth-child(2){flex:1;min-width:0}
.ra-page .ra-doc strong{font-size:15px;display:block}
.ra-page .ra-doc small{display:block;color:var(--ra-muted);font-size:11px;margin-top:4px}
.ra-page .ra-doc-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:48px;border-radius:4px;background:var(--ra-red);color:white;font-size:11px;font-weight:700}
.ra-page .ra-doc:hover{border-color:#c4cbd3;background:#f2f3f5}
.ra-page .ra-guide ol{margin:20px 0 0;padding:0;list-style:none;counter-reset:guide}
.ra-page .ra-guide li{counter-increment:guide;position:relative;padding:0 0 16px 38px;margin-bottom:15px;border-bottom:1px solid var(--ra-line)}
.ra-page .ra-guide li:before{content:"0" counter(guide);position:absolute;left:0;color:#b41d23;font-size:12px;top:2px}
.ra-page .ra-guide strong{font-size:14px}
.ra-page .ra-guide p{font-size:13px;color:var(--ra-muted);margin:6px 0 0}
.ra-page .ra-accessories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:28px}
.ra-page .ra-accessories article{min-width:0}
.ra-page .ra-accessories img{width:100%;height:175px;object-fit:contain;background:#f7f8fa;border-radius:8px;margin-bottom:17px;padding:14px}
.ra-page .ra-accessories h3{font-size:16px;letter-spacing:0;margin-bottom:5px}
.ra-page .ra-accessories p{font-size:12px;color:#626c78;margin-bottom:8px}
.ra-page .ra-accessories a{font-size:12px;font-weight:600}
.ra-page .ra-brands{background:#f8f9fa}
.ra-page .ra-brand-article{background:white;border:1px solid var(--ra-line);padding:30px 38px;border-radius:12px;margin-top:25px}
.ra-page .ra-brand-heading{display:flex;align-items:center;gap:25px;padding-bottom:22px;margin-bottom:25px;border-bottom:1px solid var(--ra-line)}
.ra-page .ra-brand-heading img{width:130px;height:46px;object-fit:contain;flex-shrink:0}
.ra-page .ra-brand-heading h2{font-size:26px;margin:0}
.ra-page .ra-prose{font-size:15px;line-height:1.85;color:#49535f}
.ra-page .ra-prose p{margin-bottom:19px}
.ra-page .ra-prose h3{font-size:21px;margin-top:26px;margin-bottom:12px}
.ra-page .ra-note{font-size:13px;background:#f4f6f8;border-left:3px solid #cbd1d8;padding:15px!important}
.ra-page .ra-related{font-size:14px;margin:26px 0 0}
.ra-page .ra-faq details{border-bottom:1px solid #e1e6ea;padding:20px 0}
.ra-page .ra-faq summary{font-size:16px;font-weight:600;padding-right:35px}
.ra-page .ra-faq details>div{max-width:980px;padding-top:14px;color:#596573;font-size:14px;line-height:1.8}
.ra-page .ra-faq details p{margin-bottom:0}
.ra-page .ra-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 35px;border-radius:12px;background:#222c38;color:#fff;margin-top:10px;margin-bottom:55px}
.ra-page .ra-cta h2{color:white;font-size:25px;margin-bottom:7px}
.ra-page .ra-cta p{color:#d0d6de;font-size:13px;margin:0}
.ra-page .ra-cta .ra-btn{flex-shrink:0}
@media(max-width:991px){.ra-page .ra-products{grid-template-columns:repeat(2,minmax(0,1fr))}.ra-page .ra-hero-grid{gap:15px}.ra-page .ra-benefit{gap:9px}.ra-page .ra-doc-grid{gap:30px}.ra-page .ra-brand-article{padding:26px}.ra-page .ra-accessories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
.ra-page .ra-wrap{width:calc(100% - 30px)}
.ra-page .ra-crumbs{font-size:10px;padding:14px 0}
.ra-page .ra-hero-grid{grid-template-columns:1fr;padding-top:30px;padding-bottom:25px;gap:8px;min-height:0}
.ra-page h1{font-size:34px;line-height:1.14}
.ra-page .ra-lead{font-size:15px;margin-top:16px}
.ra-page .ra-eyebrow{font-size:10px}
.ra-page .ra-hero-price{margin:18px 0}
.ra-page .ra-hero-price strong{font-size:29px}
.ra-page .ra-actions{gap:9px}
.ra-page .ra-actions .ra-btn{flex:1 1 140px;padding:11px 9px;font-size:11px}
.ra-page .ra-hero-note{font-size:10px}
.ra-page .ra-hero-visual{max-width:340px;width:100%;margin:auto;padding:22px 20px 8px}
.ra-page .ra-hero-visual img{max-height:230px;object-fit:contain}
.ra-page .ra-visual-note{font-size:10px;margin-top:4px}
.ra-page .ra-benefits{grid-template-columns:1fr;gap:17px;padding:22px 0}
.ra-page .ra-benefit img{width:29px;height:29px}
.ra-page .ra-benefit strong{font-size:13px}.ra-page .ra-benefit span{font-size:11px;margin-top:1px}
.ra-page .ra-jumps{gap:10px 17px;font-size:11px}
.ra-page .ra-section{padding-top:34px;padding-bottom:34px}
.ra-page h2{font-size:26px}
.ra-page .ra-muted{font-size:14px}
.ra-page .ra-filters{gap:13px;padding:16px;margin-top:20px}
.ra-page .ra-filters label{min-width:0;flex:1 1 calc(50% - 13px)}
.ra-page .ra-filters label:nth-child(3){flex-basis:70%}
.ra-page .ra-filters select{font-size:13px;padding-left:8px;height:44px}
.ra-page .ra-reset{font-size:11px;padding:8px 0}
.ra-page .ra-products{grid-template-columns:minmax(0,1fr);gap:18px}
.ra-page .ra-product-picture{height:235px;padding:18px 35px 30px}
.ra-page .ra-product-body{padding:21px}
.ra-page .ra-product h3{font-size:24px}
.ra-page .ra-product-spec{font-size:14px}
.ra-page .ra-product .ra-btn{min-height:48px;font-size:13px}
.ra-page .ra-spec-details summary{min-height:30px;font-size:13px}
.ra-page .ra-spec-details dl{font-size:12px}
.ra-page .ra-doc-grid{grid-template-columns:1fr;gap:22px}
.ra-page .ra-doc-grid h2{font-size:25px}
.ra-page .ra-accessories{gap:22px 16px}
.ra-page .ra-accessories img{height:130px;padding:10px}
.ra-page .ra-accessories h3{font-size:14px}
.ra-page .ra-brand-article{padding:20px 17px}
.ra-page .ra-brand-heading{display:block;padding-bottom:15px;margin-bottom:20px}
.ra-page .ra-brand-heading img{width:110px;margin-bottom:17px}
.ra-page .ra-brand-heading h2{font-size:23px}
.ra-page .ra-prose{font-size:14px;line-height:1.8}
.ra-page .ra-prose h3{font-size:20px}
.ra-page .ra-faq summary{font-size:14px}
.ra-page .ra-faq details>div{font-size:13px}
.ra-page .ra-cta{display:block;padding:25px 20px;margin-bottom:35px}
.ra-page .ra-cta h2{font-size:24px}
.ra-page .ra-cta .ra-btn{width:100%;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.ra-page *{transition:none!important;scroll-behavior:auto!important}}
/* Preserve the legacy accessories anchor without inheriting its old builder margins. */
#sp-page-builder .ra-page #Komplektuyuschie-dlya-radiatorov-otopleniya{margin-left:auto!important;margin-right:auto!important;padding-top:55px;padding-bottom:55px}
@media(max-width:767px){#sp-page-builder .ra-page #Komplektuyuschie-dlya-radiatorov-otopleniya{padding-top:34px;padding-bottom:34px}}

/* =========================================================
   RADIATORI.KZ
   Филиалы / города
   ========================================================= */

.radiatori-branches,
.radiatori-branches * {
    box-sizing: border-box;
}

.radiatori-branches {
    position: relative;
    max-width: 1280px;
    margin: 35px auto;
    overflow: hidden;

    background: #fff;
    border: 1px solid #e8ebef;
    border-radius: 18px;

    box-shadow:
        0 18px 50px rgba(15, 23, 42, .06);

    font-family: "Open Sans", Arial, sans-serif;
    color: #111827;
}


/* =========================================================
   HERO
   ========================================================= */

.radiatori-branches-hero {
    position: relative;
    min-height: 245px;
    overflow: hidden;
}

.radiatori-branches-bg {
    position: absolute;
    inset: 0;

    background-image:
        url("/images/panelnye-radiatory/radiatori-otopleniya.png");

    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;

    pointer-events: none;
}

.radiatori-branches-head {
    position: relative;
    z-index: 2;

    width: 55%;
    padding: 32px 35px 24px;
}

.radiatori-branches-label {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 12px;

    font-size: 12px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: .04em;
    text-transform: uppercase;

    color: #596273;
}

.radiatori-branches-label span {
    display: block;
    width: 55px;
    height: 3px;

    border-radius: 10px;
    background: #ed1c24;
}

.radiatori-branches-head h2 {
    margin: 0;

    font-size: 35px;
    line-height: 1.12;
    font-weight: 800;

    letter-spacing: -.5px;

    color: #111827;
}

.radiatori-branches-head p {
    max-width: 520px;

    margin: 14px 0 22px;

    font-size: 16px;
    line-height: 1.55;
    font-weight: 400;

    color: #5f6878;
}


/* =========================================================
   ПРЕИМУЩЕСТВА
   ========================================================= */

.radiatori-advantages {
    display: flex;
    align-items: stretch;

    width: 100%;
    max-width: 470px;
}

.radiatori-advantage {
    position: relative;

    display: flex;
    flex: 1 1 0;

    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    padding: 0 20px;

    text-align: center;
}

.radiatori-advantage:first-child {
    padding-left: 0;
}

.radiatori-advantage:last-child {
    padding-right: 0;
}

.radiatori-advantage + .radiatori-advantage {
    border-left: 1px solid #dde2e8;
}

.radiatori-advantage img {
    display: block;

    width: 36px;
    height: 36px;

    margin-bottom: 7px;

    object-fit: contain;
}

.radiatori-advantage span {
    font-size: 13px;
    line-height: 1.35;

    color: #566071;
}


/* =========================================================
   СПИСОК
   ========================================================= */

.radiatori-city-list {
    position: relative;
    z-index: 5;

    margin: -5px 22px 22px;

    overflow: hidden;

    background: #fff;

    border: 1px solid #edf0f3;
    border-radius: 13px;
}


/* =========================================================
   ОДНА СТРОКА
   ========================================================= */

.radiatori-city-row {
    display: grid;

    grid-template-columns:
        minmax(235px, 1.15fr)
        minmax(300px, 1.65fr)
        minmax(185px, .9fr)
        minmax(120px, .65fr)
        34px;

    align-items: center;

    min-height: 48px;

    padding: 0 18px;

    border-bottom: 1px solid #edf0f3;

    transition:
        background .18s ease,
        transform .18s ease;
}

.radiatori-city-row:last-child {
    border-bottom: 0;
}

.radiatori-city-row:hover {
    background: #fff7f7;
}

.radiatori-city-details {
    display: contents;
}


/* =========================================================
   НАЗВАНИЕ ГОРОДА
   ========================================================= */

.radiatori-city-main {
    display: flex;
    align-items: center;

    min-width: 0;
}

.radiatori-pin {
    display: block;

    width: 20px;
    height: 20px;

    margin-right: 12px;

    flex: 0 0 20px;

    object-fit: contain;
}

.radiatori-city-name {
    min-width: 0;

    font-size: 14px;
    line-height: 1.25;
    font-weight: 800;

    color: #111827 !important;

    text-decoration: none !important;

    transition: color .18s ease;
}

.radiatori-city-name:hover {
    color: #ed1c24 !important;
}


/* =========================================================
   АДРЕС
   ========================================================= */

.radiatori-city-address {
    display: flex;
    align-items: center;
    gap: 11px;

    min-width: 0;

    font-size: 14px;
    line-height: 1.3;

    color: #677184 !important;

    text-decoration: none !important;
}

a.radiatori-city-address:hover {
    color: #ed1c24 !important;
}

.radiatori-city-address img {
    display: block;

    width: 20px;
    height: 20px;

    flex: 0 0 20px;

    object-fit: contain;
}


/* =========================================================
   ТЕЛЕФОН
   ========================================================= */

.radiatori-city-phone {
    display: flex;
    align-items: center;
    gap: 10px;

    white-space: nowrap;

    font-size: 14px;
    line-height: 1.25;
    font-weight: 700;

    color: #111827 !important;

    text-decoration: none !important;
}

.radiatori-city-phone img {
    display: block;

    width: 20px;
    height: 20px;

    flex: 0 0 20px;

    object-fit: contain;
}

.radiatori-city-phone:hover {
    color: #ed1c24 !important;
}


/* =========================================================
   WHATSAPP
   ========================================================= */

.radiatori-city-wa {
    display: flex;
    align-items: center;
    gap: 7px;

    font-size: 13px;
    line-height: 1.2;

    color: #4b5563 !important;

    text-decoration: none !important;
}

.radiatori-city-wa img {
    display: block;

    width: 21px;
    height: 21px;

    flex: 0 0 21px;

    object-fit: contain;
}

.radiatori-city-wa:hover {
    color: #111827 !important;
}


/* =========================================================
   СТРЕЛКА
   ========================================================= */

.radiatori-city-go {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    text-decoration: none !important;
}

.radiatori-city-go span {
    display: none;
}

.radiatori-city-go img {
    display: block;

    width: 20px;
    height: 20px;

    object-fit: contain;

    transition: transform .18s ease;
}

.radiatori-city-go:hover img {
    transform: translateX(3px);
}


/* =========================================================
   MOBILE TOGGLE
   ========================================================= */

.radiatori-city-toggle {
    display: none;

    margin-left: auto;

    width: 28px;
    height: 28px;

    padding: 0;

    border: 0;
    outline: none;

    background: transparent;

    cursor: pointer;
}

.radiatori-city-toggle span {
    position: relative;

    display: block;

    width: 9px;
    height: 9px;

    margin: auto;

    border-right: 2px solid #222;
    border-bottom: 2px solid #222;

    transform: rotate(45deg);

    transition: transform .2s ease;
}


/* =========================================================
   ЭКСПОРТ
   ========================================================= */

.radiatori-export-row {
    margin: 14px 12px 12px;

    min-height: 66px;

    border: 0;
    border-radius: 11px;

    background:
        linear-gradient(
            90deg,
            #f8f9fb 0%,
            #f4f6f8 100%
        );
}

.radiatori-export-row:hover {
    background: #f4f5f7;
}

.radiatori-export-icon {
    display: block;

    width: 34px;
    height: 34px;

    margin-right: 13px;

    flex: 0 0 34px;

    object-fit: contain;
}

.radiatori-export-title {
    display: flex;
    flex-direction: column;

    min-width: 0;
}

.radiatori-export-title strong {
    font-size: 14px;
    line-height: 1.25;

    color: #111827;
}

.radiatori-export-title span {
    margin-top: 3px;

    font-size: 12px;
    line-height: 1.3;

    color: #737d8e;
}


/* =========================================================
   НИЖНЯЯ CTA
   ========================================================= */

.radiatori-branches-cta {
    display: grid;

    grid-template-columns: 80px 1fr auto;

    align-items: center;

    margin: 0 22px 22px;

    overflow: hidden;

    min-height: 90px;

    border-radius: 12px;

    background:
        linear-gradient(
            90deg,
            #f7f8fa 0%,
            #ffffff 70%
        );

    border: 1px solid #eceff3;
}

.radiatori-cta-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    align-self: stretch;

    background: #ed1c24;
}

.radiatori-cta-icon img {
    width: 44px;
    height: 44px;

    object-fit: contain;

    filter: brightness(0) invert(1);
}

.radiatori-cta-text {
    display: flex;
    flex-direction: column;

    padding: 14px 22px;
}

.radiatori-cta-text strong {
    font-size: 19px;
    line-height: 1.2;
    font-weight: 800;

    color: #111827;
}

.radiatori-cta-text span {
    margin-top: 5px;

    font-size: 13px;
    line-height: 1.45;

    color: #697386;
}

.radiatori-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;

    margin-right: 22px;
    padding: 0 28px;

    border-radius: 4px;

    background: #ed1c24;

    font-size: 13px;
    line-height: 1;
    font-weight: 700;

    text-transform: uppercase;

    color: #fff !important;

    text-decoration: none !important;

    transition:
        background .18s ease,
        transform .18s ease;
}

.radiatori-cta-button:hover {
    background: #d9141b;

    color: #fff !important;

    transform: translateY(-1px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .radiatori-branches-head {
        width: 62%;
    }

    .radiatori-city-row {
        grid-template-columns:
            minmax(200px, 1fr)
            minmax(240px, 1.35fr)
            minmax(170px, .85fr)
            40px
            28px;
    }

    .radiatori-city-wa span {
        display: none;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .radiatori-branches {
        margin: 20px 0;

        border-radius: 12px;

        box-shadow:
            0 10px 28px rgba(15, 23, 42, .06);
    }


    /* HERO */

    .radiatori-branches-hero {
        min-height: auto;
    }

    .radiatori-branches-bg {
        opacity: .13;

        background-position: 74% top;
        background-size: auto 210px;
    }

    .radiatori-branches-head {
        width: 100%;

        padding: 22px 18px 20px;
    }

    .radiatori-branches-label {
        margin-bottom: 10px;

        font-size: 10px;
    }

    .radiatori-branches-label span {
        width: 42px;
        height: 2px;
    }

    .radiatori-branches-head h2 {
        max-width: 340px;

        font-size: 25px;
        line-height: 1.12;

        letter-spacing: -.25px;
    }

    .radiatori-branches-head p {
        max-width: 335px;

        margin: 10px 0 19px;

        font-size: 13px;
        line-height: 1.45;
    }


    /* преимущества */

    .radiatori-advantages {
        max-width: 340px;
    }

    .radiatori-advantage {
        padding: 0 11px;
    }

    .radiatori-advantage img {
        width: 30px;
        height: 30px;

        margin-bottom: 5px;
    }

    .radiatori-advantage span {
        font-size: 10px;
        line-height: 1.25;
    }


    /* список */

    .radiatori-city-list {
        margin: 0 12px 14px;

        border-radius: 10px;
    }

    .radiatori-city-row {
        display: block;

        min-height: 0;

        padding: 0;

        background: #fff;
    }

    .radiatori-city-row:hover {
        background: #fff;
    }


    /* шапка города */

    .radiatori-city-main {
        min-height: 44px;

        padding: 8px 11px;
    }

    .radiatori-pin {
        width: 17px;
        height: 17px;

        margin-right: 9px;

        flex-basis: 17px;
    }

    .radiatori-city-name {
        flex: 1;

        font-size: 12px;
        line-height: 1.25;
    }

    .radiatori-city-toggle {
        display: block;
    }


    /* скрытая часть */

    .radiatori-city-details {
        display: none;

        padding:
            2px
            12px
            13px
            37px;
    }

    .radiatori-city-row.is-open {
        background: #fff7f7;
    }

    .radiatori-city-row.is-open
    .radiatori-city-details {
        display: block;
    }

    .radiatori-city-row.is-open
    .radiatori-city-toggle span {
        transform: rotate(225deg);
    }


    /* адрес */

    .radiatori-city-address {
        gap: 9px;

        min-height: 31px;

        font-size: 12px;
    }

    .radiatori-city-address img {
        width: 17px;
        height: 17px;

        flex-basis: 17px;
    }


    /* телефон */

    .radiatori-city-phone {
        gap: 9px;

        min-height: 31px;

        font-size: 12px;
    }

    .radiatori-city-phone img {
        width: 17px;
        height: 17px;

        flex-basis: 17px;
    }


    /* whatsapp */

    .radiatori-city-wa {
        position: absolute;

        right: 18px;

        margin-top: -31px;
    }

    .radiatori-city-wa img {
        width: 21px;
        height: 21px;
    }

    .radiatori-city-wa span {
        display: none;
    }


    /* кнопка перехода */

    .radiatori-city-go {
        display: flex;

        width: 100%;

        min-height: 38px;

        margin-top: 8px;

        padding: 0 14px;

        justify-content: center;

        border-radius: 4px;

        background: #ed1c24;

        color: #fff !important;
    }

    .radiatori-city-go span {
        display: inline;

        font-size: 10px;
        line-height: 1;
        font-weight: 700;

        text-transform: uppercase;
    }

    .radiatori-city-go img {
        display: none;
    }


    /* экспорт */

    .radiatori-export-row {
        margin: 10px 8px 8px;

        border-radius: 8px;

        background: #fff7f7;
    }

    .radiatori-export-icon {
        width: 27px;
        height: 27px;

        margin-right: 9px;

        flex-basis: 27px;
    }

    .radiatori-export-title strong {
        font-size: 12px;
    }

    .radiatori-export-title span {
        font-size: 9px;
    }

    .radiatori-export-address {
        display: flex;
    }


    /* CTA */

    .radiatori-branches-cta {
        display: block;

        margin: 0 12px 14px;

        min-height: 0;

        border: 0;
        background: transparent;
    }

    .radiatori-cta-icon,
    .radiatori-cta-text {
        display: none;
    }

    .radiatori-cta-button {
        display: flex;

        width: 100%;

        min-height: 48px;

        margin: 0;

        padding: 0 15px;

        border-radius: 5px;

        font-size: 11px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

    .radiatori-branches-head {
        padding-left: 15px;
        padding-right: 15px;
    }

    .radiatori-branches-head h2 {
        font-size: 23px;
    }

    .radiatori-advantage {
        padding-left: 7px;
        padding-right: 7px;
    }

    .radiatori-city-list {
        margin-left: 8px;
        margin-right: 8px;
    }

    .radiatori-city-main {
        padding-left: 9px;
        padding-right: 8px;
    }

    .radiatori-city-details {
        padding-left: 35px;
        padding-right: 10px;
    }

}

/* Убираем текст "Перейти в раздел" на десктопе */
.radiatori-city-go {
    font-size: 0 !important;
}

.radiatori-city-go::after {
    content: "→";
    display: block;
    font-family: Arial, sans-serif;
    font-size: 23px;
    line-height: 1;
    color: #ed1c24;
}

@media (max-width: 767px) {

    .radiatori-city-go {
        font-size: 12px !important;
    }

    .radiatori-city-go::after {
        display: none !important;
    }

}

/* =========================================================
   MOBILE — возвращаем текст "Перейти в раздел"
   ========================================================= */

@media (max-width: 767px) {

    .radiatori-city-go {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        font-size: 12px !important;
        color: #fff !important;
    }

    .radiatori-city-go span {
        display: inline-block !important;

        font-size: 12px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;

        color: #fff !important;
    }

    .radiatori-city-go::after {
        display: none !important;
        content: none !important;
    }

    .radiatori-city-go img {
        display: none !important;
    }

}

/* Стрелки раскрытия городов — мобильная версия */
@media (max-width: 767px) {

  .radiatori-city-main {
    position: relative;
    padding-right: 50px !important;
  }

  .radiatori-city-toggle {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);

    width: 11px;
    height: 11px;

    padding: 0;
    margin: 0;

    border: 0;
    border-right: 2px solid #e51a21;
    border-bottom: 2px solid #e51a21;

    background: transparent !important;
    box-shadow: none !important;

    cursor: pointer;
    z-index: 10;
  }

  /* Когда город раскрыт — стрелка вверх */
  .radiatori-city-row.active .radiatori-city-toggle,
  .radiatori-city-row.open .radiatori-city-toggle {
    transform: translateY(-50%) rotate(225deg);
  }
}

/* =========================================================
   ALUMINIUM — DARK HERO 2026
   ========================================================= */

.ra-page .ra-main-hero {
    position: relative;
    min-height: 660px;
    overflow: hidden;
    background: #0b1015;
    color: #fff;
}


/* ФОНОВАЯ КАРТИНКА */

.ra-page .ra-main-hero__bg {
    position: absolute;
    inset: 0;

    background-image:
        url("/images/radiatori-aluminium/aluminievye-radiatory-hero.webp");

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    z-index: 0;
}


/* затемнение слева для текста */

.ra-page .ra-main-hero__shade {
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(5, 10, 15, .97) 0%,
            rgba(5, 10, 15, .91) 25%,
            rgba(5, 10, 15, .72) 42%,
            rgba(5, 10, 15, .25) 60%,
            rgba(5, 10, 15, .04) 100%
        );
}


/* CONTENT */

.ra-page .ra-main-hero__inner {
    position: relative;
    z-index: 2;

    min-height: 660px;

    display: flex;
    flex-direction: column;
}


/* BREADCRUMBS */

.ra-page .ra-main-hero__crumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 10px;

    padding-top: 31px;

    color: rgba(255,255,255,.58);

    font-size: 12px;
    line-height: 1.4;
}

.ra-page .ra-main-hero__crumbs a {
    color: rgba(255,255,255,.65);
    text-decoration: none;
}

.ra-page .ra-main-hero__crumbs a:hover {
    color: #fff;
}


/* MAIN TEXT */

.ra-page .ra-main-hero__content {
    width: 54%;
    max-width: 660px;

    margin-top: 58px;
    padding-bottom: 55px;
}


.ra-page .ra-main-hero__brands {
    margin: 0 0 23px;

    color: #ff242d;

    font-size: 13px;
    line-height: 1;

    font-weight: 800;

    letter-spacing: 2.5px;
    text-transform: uppercase;
}


.ra-page .ra-main-hero h1 {
    max-width: 680px;

    margin: 0 0 26px;

    color: #fff;

    font-family: "Open Sans", Arial, sans-serif;

    font-size: clamp(43px, 4vw, 61px);
    line-height: 1.03;

    font-weight: 800;

    letter-spacing: -2px;
}


.ra-page .ra-main-hero__lead {
    max-width: 610px;

    margin: 0 0 29px;

    color: rgba(255,255,255,.82);

    font-size: 17px;
    line-height: 1.65;

    font-weight: 400;
}


/* PRICE */

.ra-page .ra-main-hero__price {
    margin: 0 0 24px;

    color: #fff;
}

.ra-page .ra-main-hero__price > span {
    margin-right: 6px;

    font-size: 24px;
    font-weight: 400;
}

.ra-page .ra-main-hero__price strong {
    font-size: 43px;
    line-height: 1;

    font-weight: 800;

    letter-spacing: -1.5px;
}

.ra-page .ra-main-hero__price small {
    display: block;

    margin-top: 8px;

    color: rgba(255,255,255,.62);

    font-size: 14px;
    line-height: 1.4;
}


/* BUTTONS */

.ra-page .ra-main-hero__actions {
    display: flex;
    flex-wrap: wrap;

    gap: 13px;
}


.ra-page .ra-main-btn {
    display: inline-flex;

    min-height: 56px;

    padding: 15px 24px;

    align-items: center;
    justify-content: center;

    gap: 13px;

    border-radius: 5px;

    font-size: 14px;
    line-height: 1.2;

    font-weight: 700;

    text-decoration: none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


.ra-page .ra-main-btn:hover {
    transform: translateY(-2px);
}


.ra-page .ra-main-btn--red {
    min-width: 205px;

    border: 1px solid #ed1c24;

    background: #ed1c24;

    color: #fff !important;
}


.ra-page .ra-main-btn--red:hover {
    border-color: #d7131b;

    background: #d7131b;
}


.ra-page .ra-main-btn--outline {
    min-width: 238px;

    border: 1px solid rgba(255,255,255,.55);

    background: rgba(5,10,15,.35);

    color: #fff !important;

    backdrop-filter: blur(3px);
}


.ra-page .ra-main-btn--outline:hover {
    border-color: #fff;

    background: rgba(255,255,255,.08);
}


/* =========================================================
   BENEFITS STRIP
   ========================================================= */

.ra-page .ra-main-benefits {
    background: #10151a;

    border-top: 1px solid rgba(255,255,255,.07);
    border-bottom: 1px solid #222a31;
}


.ra-page .ra-main-benefits__grid {
    display: grid;

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


.ra-page .ra-main-benefit {
    display: flex;

    min-height: 135px;

    padding: 26px 25px;

    align-items: center;

    gap: 17px;

    border-right:
        1px solid rgba(255,255,255,.10);
}


.ra-page .ra-main-benefit:first-child {
    padding-left: 0;
}


.ra-page .ra-main-benefit:last-child {
    border-right: 0;
}


.ra-page .ra-main-benefit__icon {
    display: flex;

    width: 54px;
    height: 54px;

    flex: 0 0 54px;

    align-items: center;
    justify-content: center;

    border: 2px solid #ed1c24;
    border-radius: 50%;

    color: #ed1c24;

    font-size: 21px;
}


.ra-page .ra-main-benefit strong {
    display: block;

    margin-bottom: 5px;

    color: #fff;

    font-size: 15px;
    line-height: 1.35;

    font-weight: 700;
}


.ra-page .ra-main-benefit span {
    display: block;

    color: rgba(255,255,255,.58);

    font-size: 12px;
    line-height: 1.55;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .ra-page .ra-main-hero,
    .ra-page .ra-main-hero__inner {
        min-height: 610px;
    }

    .ra-page .ra-main-hero__content {
        width: 65%;
    }

    .ra-page .ra-main-hero__shade {
        background:
            linear-gradient(
                90deg,
                rgba(5,10,15,.97) 0%,
                rgba(5,10,15,.91) 38%,
                rgba(5,10,15,.58) 66%,
                rgba(5,10,15,.10) 100%
            );
    }

    .ra-page .ra-main-benefits__grid {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }

    .ra-page .ra-main-benefit {
        border-bottom:
            1px solid rgba(255,255,255,.08);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .ra-page .ra-main-hero {
        min-height: 650px;
    }


    .ra-page .ra-main-hero__inner {
        min-height: 650px;
    }


    .ra-page .ra-main-hero__bg {
        background-position:
            63% center;
    }


    .ra-page .ra-main-hero__shade {
        background:
            linear-gradient(
                90deg,
                rgba(5,10,15,.97) 0%,
                rgba(5,10,15,.90) 64%,
                rgba(5,10,15,.48) 100%
            );
    }


    .ra-page .ra-main-hero__crumbs {
        padding-top: 20px;

        font-size: 10px;
    }


    .ra-page .ra-main-hero__content {
        width: 100%;
        max-width: 510px;

        margin-top: 44px;

        padding-bottom: 38px;
    }


    .ra-page .ra-main-hero__brands {
        margin-bottom: 17px;

        font-size: 10px;

        letter-spacing: 1.8px;
    }


    .ra-page .ra-main-hero h1 {
        max-width: 450px;

        margin-bottom: 20px;

        font-size: 38px;
        line-height: 1.06;

        letter-spacing: -1.3px;
    }


    .ra-page .ra-main-hero__lead {
        max-width: 360px;

        font-size: 14px;
        line-height: 1.6;
    }


    .ra-page .ra-main-hero__price strong {
        font-size: 36px;
    }


    .ra-page .ra-main-hero__price > span {
        font-size: 19px;
    }


    .ra-page .ra-main-hero__actions {
        max-width: 390px;
    }


    .ra-page .ra-main-btn {
        width: 100%;

        min-width: 0;

        min-height: 50px;

        padding: 13px 16px;
    }


    .ra-page .ra-main-benefits__grid {
        grid-template-columns: 1fr;
    }


    .ra-page .ra-main-benefit {
        min-height: 98px;

        padding: 20px 0;

        border-right: 0;

        border-bottom:
            1px solid rgba(255,255,255,.08);
    }


    .ra-page .ra-main-benefit:last-child {
        border-bottom: 0;
    }


    .ra-page .ra-main-benefit__icon {
        width: 46px;
        height: 46px;

        flex-basis: 46px;

        font-size: 18px;
    }

}

.ra-seo-more{margin:38px 0 12px;padding:25px 28px;border:1px solid #e5e9ef;border-radius:14px;background:#fff;color:#263245}
.ra-seo-more *{box-sizing:border-box}
.ra-seo-more>h2{margin:0 0 10px;font-size:27px;line-height:1.3;color:#17243a;font-weight:700}
.ra-seo-more__intro{margin:0 0 19px;color:#667085;font-size:15px;line-height:1.7}
.ra-seo-more details{border-top:1px solid #e6eaf0;margin:0;padding:0}
.ra-seo-more details:last-child{border-bottom:1px solid #e6eaf0}
.ra-seo-more summary{position:relative;display:block;cursor:pointer;list-style:none;padding:18px 42px 18px 0;color:#17243a;font-size:17px;font-weight:650;line-height:1.4}
.ra-seo-more summary::-webkit-details-marker{display:none}
.ra-seo-more summary::after{content:'+';position:absolute;right:4px;top:50%;transform:translateY(-50%);color:#d71920;font-size:27px;font-weight:400;line-height:1}
.ra-seo-more details[open]>summary::after{content:'−'}
.ra-seo-more summary:focus-visible{outline:2px solid #d71920;outline-offset:4px}
.ra-seo-more__body{padding:0 0 20px;color:#4d596a;font-size:15px;line-height:1.75}
.ra-seo-more__body p{margin:0 0 13px}
.ra-seo-more__body p:last-child{margin-bottom:0}
.ra-seo-more__body strong{font-weight:700;color:#243349}
.ra-seo-more__body a{color:#c91820;text-decoration:underline}
@media(max-width:767px){.ra-seo-more{margin-top:25px;padding:19px 17px;border-radius:10px}.ra-seo-more>h2{font-size:22px}.ra-seo-more summary{font-size:16px;padding:16px 35px 16px 0}.ra-seo-more__body{font-size:14px}}


/* CALORE — после характеристик свернутое описание */
#ra-calore .ra-calore-details {margin:22px 0 10px;border-top:1px solid #e6eaf0;border-bottom:1px solid #e6eaf0;}
#ra-calore .ra-calore-details>summary {display:block;list-style:none;position:relative;padding:19px 45px 19px 0;cursor:pointer;color:#17243a;font-size:17px;line-height:1.45;font-weight:700;}
#ra-calore .ra-calore-details>summary::-webkit-details-marker {display:none;}
#ra-calore .ra-calore-details>summary::after {content:'+';position:absolute;right:7px;top:50%;transform:translateY(-50%);color:#d71920;font-size:27px;font-weight:400;}
#ra-calore .ra-calore-details[open]>summary::after {content:'−';}
#ra-calore .ra-calore-details>summary:focus-visible {outline:2px solid #d71920;outline-offset:3px;}
#ra-calore .ra-calore-details__content {padding:0 0 20px;}
@media(max-width:767px){#ra-calore .ra-calore-details>summary{font-size:15px;padding-right:35px;}}