.materials-page .blog {
width: 100%;
max-width: 1240px;
margin: 0 auto;
padding: 35px 20px 60px;
box-sizing: border-box;
}
.materials-page .items-row {
display: flex !important;
flex-wrap: wrap !important;
gap: 30px;
margin: 0 0 30px !important;
}
.materials-page .items-row > div {
padding: 0 !important;
}
.materials-page .items-row .item {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 16px;
overflow: hidden;
padding: 0 0 28px !important;
margin: 0 !important;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.materials-page .items-row .item:hover {
transform: translateY(-3px);
box-shadow: 0 9px 28px rgba(0, 0, 0, 0.08);
}
.materials-page .item-image,
.materials-page .entry-image {
float: none !important;
width: 100% !important;
margin: 0 0 25px !important;
padding: 0 !important;
position: relative;
overflow: hidden;
}
.materials-page .item-image img,
.materials-page .entry-image img {
display: block;
width: 100% !important;
height: 225px !important;
object-fit: cover;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
}
.materials-page .post-format,
.materials-page .post-format-icon,
.materials-page .entry-image .post-format,
.materials-page .entry-image .post-format-icon {
display: none !important;
}
.materials-page .category-name,
.materials-page .entry-image .entry-header,
.materials-page .entry-image .entry-meta {
display: none !important;
}
.materials-page .article-info,
.materials-page .article-info-term,
.materials-page .published,
.materials-page .createdby,
.materials-page .create,
.materials-page .modified,
.materials-page .hits,
.materials-page .tags {
display: none !important;
}
.materials-page .page-header,
.materials-page .entry-header {
margin: 0 0 15px !important;
padding: 0 25px !important;
border: 0 !important;
background: none !important;
}
.materials-page .page-header h2,
.materials-page .entry-header h2 {
margin: 0 !important;
padding: 0 !important;
font-size: 23px !important;
line-height: 1.28 !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
}
.materials-page .page-header h2 a,
.materials-page .entry-header h2 a {
color: #111827 !important;
text-decoration: none !important;
transition: color 0.2s ease;
}
.materials-page .page-header h2 a:hover,
.materials-page .entry-header h2 a:hover {
color: #e52329 !important;
}
.materials-page .item > p,
.materials-page .entry-content {
padding-left: 25px !important;
padding-right: 25px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
font-size: 16px !important;
line-height: 1.6 !important;
color: #6b7280 !important;
}
.materials-page .readmore {
margin: auto 25px 0 !important;
padding: 25px 0 0 !important;
}
.materials-page .readmore a {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: auto !important;
max-width: 100% !important;
box-sizing: border-box !important;
padding: 12px 23px !important;
background: #e52329 !important;
color: #ffffff !important;
border: 0 !important;
border-radius: 7px !important;
box-shadow: none !important;
text-decoration: none !important;
white-space: nowrap !important;
font-size: 0 !important;
transition: background 0.2s ease,
transform 0.2s ease;
}
.materials-page .readmore a::after {
content: "Подробнее";
font-size: 15px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
color: #ffffff !important;
}
.materials-page .readmore a:hover {
background: #c91d22 !important;
color: #ffffff !important;
transform: translateY(-1px);
}
.materials-page hr {
display: none !important;
}
@media (max-width: 991px) {
.materials-page .blog {
padding-left: 15px;
padding-right: 15px;
}
.materials-page .items-row {
gap: 22px;
}
.materials-page .item-image img,
.materials-page .entry-image img {
height: 220px !important;
}
}
@media (max-width: 767px) {
.materials-page .blog {
padding-top: 25px;
padding-bottom: 40px;
}
.materials-page .items-row {
display: block !important;
}
.materials-page .items-row > div {
width: 100% !important;
float: none !important;
margin-bottom: 25px !important;
}
.materials-page .items-row .item {
width: 100%;
}
.materials-page .item-image img,
.materials-page .entry-image img {
height: 220px !important;
}
.materials-page .page-header,
.materials-page .entry-header {
padding-left: 22px !important;
padding-right: 22px !important;
}
.materials-page .page-header h2,
.materials-page .entry-header h2 {
font-size: 21px !important;
}
.materials-page .item > p,
.materials-page .entry-content {
padding-left: 22px !important;
padding-right: 22px !important;
}
.materials-page .readmore {
margin-left: 22px !important;
margin-right: 22px !important;
}
}
.radiatori-hero {
position: relative;
width: 100vw;
max-width: none;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
min-height: 650px;
color: #fff;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
background-image:
linear-gradient(
90deg,
rgba(5, 8, 12, 0.97) 0%,
rgba(5, 8, 12, 0.90) 22%,
rgba(5, 8, 12, 0.70) 38%,
rgba(5, 8, 12, 0.38) 53%,
rgba(5, 8, 12, 0.10) 72%,
rgba(5, 8, 12, 0.00) 100%
),
url('/images/2026/09/02/9b560772-4045-41af-b524-9566e70665eb.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.radiatori-hero,
.radiatori-hero * {
box-sizing: border-box;
}
.radiatori-hero-inner {
width: 100%;
max-width: 1320px;
min-height: 650px;
margin: 0 auto;
padding:
58px
55px
145px
55px;
display: flex;
align-items: center;
}
.radiatori-hero-content {
width: 100%;
max-width: 610px;
}
.radiatori-label {
display: flex;
align-items: center;
gap: 15px;
margin: 0 0 23px 0;
color: #ed2027;
font-size: 14px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.3px;
}
.radiatori-label:before {
content: "";
display: block;
width: 30px;
height: 2px;
flex: 0 0 30px;
background: rgba(255,255,255,0.55);
}
.radiatori-brands {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 36px !important;
margin: 0 0 38px 0 !important;
padding: 0 !important;
color: #fff;
font-size: 22px;
line-height: 1;
font-weight: 700;
letter-spacing: 1px;
}
.radiatori-brands span {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap;
}
.radiatori-hero h1 {
margin: 0 0 13px 0 !important;
padding: 0 !important;
color: #fff !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 58px !important;
line-height: 0.98 !important;
font-weight: 800 !important;
text-transform: uppercase;
letter-spacing: -1px;
text-shadow: none;
}
.radiatori-subtitle {
margin: 0 0 18px 0;
color: #ef252b;
font-size: 27px;
line-height: 1.1;
font-weight: 800;
text-transform: uppercase;
letter-spacing: -0.3px;
}
.radiatori-description {
max-width: 560px;
margin: 0 0 30px 0;
color: #e1e1e1;
font-size: 17px;
line-height: 1.5;
font-weight: 400;
}
.radiatori-buttons {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 18px;
}
.radiatori-btn {
min-width: 220px;
height: 58px;
padding: 0 28px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff !important;
font-size: 14px;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
text-decoration: none !important;
letter-spacing: 0.2px;
transition:
background 0.2s ease,
border-color 0.2s ease;
}
.radiatori-btn:hover,
.radiatori-btn:focus {
color: #fff !important;
text-decoration: none !important;
}
.radiatori-btn-red {
background: #ef2026;
border: 2px solid #ef2026;
}
.radiatori-btn-red:hover {
background: #c9171d;
border-color: #c9171d;
}
.radiatori-btn-outline {
background: rgba(0,0,0,0.16);
border: 2px solid rgba(255,255,255,0.38);
}
.radiatori-btn-outline:hover {
background: rgba(255,255,255,0.10);
border-color: rgba(255,255,255,0.8);
}
.radiatori-benefits {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
background: rgba(8, 11, 15, 0.88);
border-top: 1px solid rgba(255,255,255,0.08);
}
.radiatori-benefits-inner {
width: 100%;
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.radiatori-benefit {
min-height: 84px;
padding: 15px 28px;
display: flex;
align-items: center;
gap: 15px;
border-right: 1px solid rgba(255,255,255,0.12);
}
.radiatori-benefit:last-child {
border-right: 0;
}
.radiatori-benefit-icon {
width: 44px;
min-width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #ed252b;
border-radius: 50%;
color: #ed252b;
font-size: 17px;
font-weight: 700;
line-height: 1;
}
.radiatori-benefit-text {
min-width: 0;
}
.radiatori-benefit strong {
display: block;
margin: 0 0 3px 0;
color: #fff;
font-size: 14px;
line-height: 1.15;
font-weight: 700;
text-transform: uppercase;
}
.radiatori-benefit span {
display: block;
margin: 0;
color: #d3d3d3;
font-size: 13px;
line-height: 1.3;
}
@media (max-width: 991px) {
.radiatori-hero {
min-height: 700px;
background-position: 60% center;
}
.radiatori-hero-inner {
min-height: 700px;
padding:
50px
30px
220px
30px;
}
.radiatori-hero-content {
max-width: 520px;
}
.radiatori-hero h1 {
font-size: 49px !important;
}
.radiatori-subtitle {
font-size: 23px;
}
.radiatori-description {
font-size: 16px;
}
.radiatori-benefits-inner {
grid-template-columns: repeat(2, 1fr);
}
.radiatori-benefit:nth-child(2) {
border-right: 0;
}
}
@media (max-width: 600px) {
.radiatori-hero {
width: 100vw;
min-height: auto;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
overflow: hidden;
background-image:
linear-gradient(
90deg,
rgba(5,8,12,.95) 0%,
rgba(5,8,12,.82) 46%,
rgba(5,8,12,.48) 67%,
rgba(5,8,12,.12) 100%
),
url('/images/2026/09/02/9b560772-4045-41af-b524-9566e70665eb.jpg');
background-size: cover;
background-position: 72% center;
background-repeat: no-repeat;
background-color: #080b0e;
}
.radiatori-hero-inner {
width: 100%;
min-height: 690px;
padding: 42px 20px 38px 20px;
display: block;
}
.radiatori-hero-content {
width: 100%;
max-width: 100%;
}
.radiatori-label {
margin: 0 0 22px 0;
gap: 10px;
font-size: 11px;
line-height: 1.2;
white-space: nowrap;
}
.radiatori-label:before {
width: 24px;
flex: 0 0 24px;
}
.radiatori-brands {
display: flex !important;
align-items: center !important;
width: 100%;
gap: 18px !important;
margin: 0 0 40px 0 !important;
font-size: 14px !important;
letter-spacing: .7px;
}
.radiatori-brands span,
.radiatori-brand {
display: inline-block !important;
margin: 0 !important;
white-space: nowrap;
}
.radiatori-hero h1 {
width: 100%;
margin: 0 0 16px 0 !important;
font-size: 39px !important;
line-height: .98 !important;
letter-spacing: -1px !important;
}
.radiatori-subtitle {
margin: 0 0 18px 0;
font-size: 20px !important;
line-height: 1.1;
white-space: normal;
}
.radiatori-description {
max-width: 320px;
margin: 0 0 24px 0;
font-size: 15px !important;
line-height: 1.45;
}
.radiatori-description br {
display: none;
}
.radiatori-buttons {
display: flex;
flex-direction: column;
width: 100%;
gap: 12px;
margin-bottom: 24px;
}
.radiatori-btn {
position: relative;
z-index: 5;
width: 100%;
min-width: 0;
height: 52px;
margin: 0 !important;
padding: 0 14px;
font-size: 12px;
}
.radiatori-benefits {
position: relative !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
z-index: 1;
width: 100%;
margin-top: 0;
background: rgba(7,10,13,.97);
}
.radiatori-benefits-inner {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
}
.radiatori-benefit {
min-height: 92px;
padding: 14px 10px;
gap: 9px;
border-right: 1px solid rgba(255,255,255,.10);
border-bottom: 1px solid rgba(255,255,255,.10);
}
.radiatori-benefit:nth-child(2n) {
border-right: 0;
}
.radiatori-benefit-icon {
width: 34px;
min-width: 34px;
height: 34px;
font-size: 13px;
}
.radiatori-benefit strong {
font-size: 10px;
line-height: 1.15;
}
.radiatori-benefit span {
font-size: 11px;
line-height: 1.25;
}
}
.radiatori-hero {
min-height: 620px;
background-size: cover;
background-position: 50% center;
background-image:
linear-gradient(
90deg,
rgba(5,8,12,.91) 0%,
rgba(5,8,12,.78) 22%,
rgba(5,8,12,.50) 38%,
rgba(5,8,12,.20) 53%,
rgba(5,8,12,.03) 70%
),
url('/images/2026/09/02/9b560772-4045-41af-b524-9566e70665eb.jpg');
}
.radiatori-hero-inner {
min-height: 620px;
padding-top: 42px;
padding-bottom: 130px;
}
.radiatori-brands {
display: block !important;
margin-bottom: 34px !important;
white-space: nowrap;
}
.radiatori-brand {
display: inline-block !important;
margin-right: 38px !important;
}
.radiatori-brand:last-child {
margin-right: 0 !important;
}
.radiatori-hero h1 {
font-size: 56px !important;
line-height: .98 !important;
}
.radiatori-subtitle {
font-size: 25px !important;
}
.radiatori-description {
font-size: 16px !important;
}
.radiatori-benefits {
background: rgba(16,18,20,.77);
}
.radiatori-benefit {
min-height: 82px;
}
@media (max-width: 600px) {
#sp-main-body {
padding-top: 0 !important;
}
.radiatori-hero {
width: 100vw !important;
min-height: auto !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
background-image:
linear-gradient(
90deg,
rgba(5,8,12,.93) 0%,
rgba(5,8,12,.82) 38%,
rgba(5,8,12,.48) 62%,
rgba(5,8,12,.10) 100%
),
url('/images/2026/09/02/9b560772-4045-41af-b524-9566e70665eb.jpg') !important;
background-size: auto 100% !important;
background-position: right center !important;
background-repeat: no-repeat !important;
background-color: #090c0f !important;
}
.radiatori-hero-inner {
width: 100% !important;
min-height: 680px !important;
padding:
38px
20px
35px
20px !important;
display: block !important;
}
.radiatori-hero-content {
width: 100% !important;
max-width: 100% !important;
position: relative;
z-index: 2;
}
.radiatori-label {
margin: 0 0 22px 0 !important;
font-size: 11px !important;
white-space: nowrap;
}
.radiatori-brands {
display: flex !important;
gap: 18px !important;
margin: 0 0 38px 0 !important;
font-size: 14px !important;
}
.radiatori-brands span,
.radiatori-brand {
margin: 0 !important;
}
.radiatori-hero h1 {
margin: 0 0 16px 0 !important;
font-size: 39px !important;
line-height: .98 !important;
letter-spacing: -1px !important;
}
.radiatori-subtitle {
margin-bottom: 20px !important;
font-size: 20px !important;
line-height: 1.1 !important;
}
.radiatori-description {
max-width: 300px !important;
margin-bottom: 25px !important;
font-size: 15px !important;
line-height: 1.45 !important;
}
.radiatori-description br {
display: none !important;
}
.radiatori-buttons {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
gap: 12px !important;
margin: 0 !important;
}
.radiatori-btn {
width: 100% !important;
height: 52px !important;
min-width: 0 !important;
margin: 0 !important;
font-size: 12px !important;
position: relative;
z-index: 5;
}
.radiatori-benefits {
position: relative !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
width: 100% !important;
margin: 0 !important;
background: #090c0f !important;
z-index: 1;
}
.radiatori-benefits-inner {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
width: 100% !important;
}
.radiatori-benefit {
min-height: 90px !important;
padding: 13px 10px !important;
gap: 9px !important;
}
.radiatori-benefit-icon {
width: 34px !important;
min-width: 34px !important;
height: 34px !important;
font-size: 13px !important;
}
.radiatori-benefit strong {
font-size: 10px !important;
}
.radiatori-benefit span {
font-size: 11px !important;
}
}
@media (max-width: 600px) {
.radiatori-hero {
background-size: auto 820px !important;
background-position: right top !important;
}
.radiatori-hero-inner {
min-height: 600px !important;
padding-top: 38px !important;
padding-bottom: 38px !important;
}
.radiatori-hero h1 {
font-size: 36px !important;
line-height: .98 !important;
}
.radiatori-subtitle {
font-size: 19px !important;
}
.radiatori-description {
max-width: 310px !important;
font-size: 14px !important;
}
.radiatori-brands {
margin-bottom: 32px !important;
}
.radiatori-buttons {
margin-bottom: 0 !important;
}
}
@media (max-width: 600px) {
.radiatori-hero-inner {
min-height: 530px !important;
}
}

/* =========================================================
   RADIATORI.KZ — HEADER / MENU FINAL CLEAN VERSION
   ========================================================= */

/* -------------------- DESKTOP -------------------- */
@media (min-width: 992px) {

    /* Верхний старый блок с телефонами на десктопе не нужен */
    #sp-section-2 {
        display: none !important;
    }

    #sp-header {
        width: 100% !important;
        height: 84px !important;
        min-height: 84px !important;
        background: rgba(8, 11, 14, 0.92) !important;
        box-shadow: none !important;
        z-index: 9999 !important;
    }

    #sp-header .container {
        width: 100% !important;
        max-width: 1540px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    #sp-header .row {
        height: 84px !important;
        min-height: 84px !important;
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }

    /* Hero уходит под прозрачную шапку */
    .radiatori-hero {
        margin-top: -84px !important;
        padding-top: 84px !important;
    }

    /* Колонки */
    #sp-logo {
        width: 18% !important;
        max-width: 18% !important;
        flex: 0 0 18% !important;
    }

    #sp-menu {
        width: 40% !important;
        max-width: 40% !important;
        flex: 0 0 40% !important;
    }

    #sp-user4 {
        width: 42% !important;
        max-width: 42% !important;
        flex: 0 0 42% !important;
        height: 84px !important;
        display: flex !important;
        align-items: center !important;
        background: transparent !important;
    }

    /* Логотип */
    #sp-logo,
    #sp-logo .sp-column,
    #sp-header .logo,
    #sp-header .logo h1 {
        background: transparent !important;
    }

    #sp-header .logo {
        height: 84px !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #sp-header .logo h1 {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    #sp-header .logo img {
        display: block !important;
        width: 190px !important;
        max-width: 190px !important;
        height: auto !important;
        max-height: 62px !important;
        object-fit: contain !important;
        transform: translateY(6px) !important;
    }

    /* Основное меню — компактное */
    #sp-menu .sp-megamenu-wrapper {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #sp-header .sp-megamenu-parent {
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 14px !important;
        white-space: nowrap !important;
    }

    #sp-header .sp-megamenu-parent > li {
        float: none !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }

    #sp-header .sp-megamenu-parent > li > a {
        height: 84px !important;
        line-height: 84px !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
        color: #dddddd !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    #sp-header .sp-megamenu-parent > li > a:hover {
        color: #ffffff !important;
    }

    #sp-header .sp-megamenu-parent > li.active > a,
    #sp-header .sp-megamenu-parent > li.current-item > a {
        color: #ef2026 !important;
    }

    /* Последний пункт "Полезные материалы" скрываем визуально */
    #sp-header .sp-megamenu-parent > li:last-child {
        display: none !important;
    }

    /* Выпадающий каталог */
    #sp-header .sp-dropdown {
        top: 84px !important;
        width: 300px !important;
        min-width: 300px !important;
        padding: 0 !important;
        z-index: 10000 !important;
    }

    #sp-header .sp-dropdown-inner {
        width: 300px !important;
        min-width: 300px !important;
        padding: 10px 0 !important;
        box-sizing: border-box !important;
        background: rgba(18, 21, 25, 0.98) !important;
        border: 1px solid rgba(255,255,255,0.08) !important;
        box-shadow: 0 12px 28px rgba(0,0,0,0.28) !important;
    }

    #sp-header .sp-dropdown-items,
    #sp-header .sp-dropdown-items > li {
        width: 100% !important;
    }

    #sp-header .sp-dropdown-items > li {
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    #sp-header .sp-dropdown-items > li > a {
        display: block !important;
        width: 100% !important;
        padding: 12px 18px !important;
        box-sizing: border-box !important;
        color: #d6d6d6 !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        text-decoration: none !important;
    }

    #sp-header .sp-dropdown-items > li > a:hover {
        color: #ffffff !important;
        background: rgba(239,32,38,0.12) !important;
    }

    /* Правая часть: город + телефон + WhatsApp */
    #sp-user4 .sp-column,
    #sp-user4 .sp-module,
    #sp-user4 .sp-module-content,
    #sp-user4 .custom {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .rad-header-right {
        width: 100% !important;
        height: 84px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 12px !important;
    }

    .rad-city-select {
        width: 105px !important;
        flex: 0 0 105px !important;
        position: relative !important;
    }

    .rad-city-select select {
        width: 105px !important;
        height: 34px !important;
        padding: 0 24px 0 10px !important;
        box-sizing: border-box !important;
        background: rgba(255,255,255,0.06) !important;
        color: #ffffff !important;
        border: 1px solid rgba(255,255,255,0.25) !important;
        border-radius: 3px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        outline: none !important;
        cursor: pointer !important;
    }

    .rad-city-select select option {
        background: #ffffff !important;
        color: #111111 !important;
    }

    .rad-header-phone {
        min-width: 160px !important;
        flex: 0 0 160px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        white-space: nowrap !important;
    }

    .rad-phone-number {
        display: flex !important;
        align-items: center !important;
        gap: 7px !important;
    }

    .rad-phone-number i {
        color: #ffffff !important;
        font-size: 14px !important;
    }

    .rad-phone-number a {
        color: #ffffff !important;
        font-size: 14px !important;
        line-height: 19px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .rad-worktime {
        margin-top: 3px !important;
        margin-left: 21px !important;
        color: #92979c !important;
        font-size: 10px !important;
        line-height: 13px !important;
        white-space: nowrap !important;
    }

    .rad-header-callback {
        width: 155px !important;
        height: 48px !important;
        flex: 0 0 155px !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #ef2026 !important;
        border: 0 !important;
        color: #ffffff !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .rad-header-callback:hover,
    .rad-header-callback:focus {
        background: #d71920 !important;
        color: #ffffff !important;
        text-decoration: none !important;
    }

    /* Sticky */
    .sticky-wrapper {
        z-index: 99999 !important;
    }

    .sticky-wrapper.is-sticky #sp-header,
    #sp-header.menu-fixed,
    #sp-header.header-sticky,
    #sp-header.sticky {
        background: rgba(8, 11, 14, 0.98) !important;
        box-shadow: 0 4px 18px rgba(0,0,0,0.22) !important;
    }
}


/* --------- SMALL DESKTOP / NOTEBOOK --------- */
@media (min-width: 992px) and (max-width: 1199px) {

    #sp-logo {
        width: 16% !important;
        max-width: 16% !important;
        flex: 0 0 16% !important;
    }

    #sp-menu {
        width: 37% !important;
        max-width: 37% !important;
        flex: 0 0 37% !important;
    }

    #sp-user4 {
        width: 47% !important;
        max-width: 47% !important;
        flex: 0 0 47% !important;
    }

    #sp-header .logo img {
        width: 145px !important;
        max-width: 145px !important;
    }

    #sp-header .sp-megamenu-parent {
        gap: 7px !important;
    }

    #sp-header .sp-megamenu-parent > li > a {
        padding-left: 2px !important;
        padding-right: 2px !important;
        font-size: 11px !important;
    }

    .rad-header-right {
        gap: 8px !important;
    }

    .rad-city-select {
        width: 100px !important;
        flex: 0 0 100px !important;
    }

    .rad-city-select select {
        width: 100px !important;
    }

    .rad-header-phone {
        min-width: 145px !important;
        flex: 0 0 145px !important;
    }

    .rad-phone-number a {
        font-size: 13px !important;
    }

    .rad-header-callback {
        width: 130px !important;
        flex: 0 0 130px !important;
        font-size: 10px !important;
    }
}


/* -------------------- MOBILE -------------------- */
@media (max-width: 991px) {

    /* Старый верхний блок */
    #sp-section-2 {
        display: none !important;
    }

    #sp-header {
        width: 100% !important;
        height: 120px !important;
        min-height: 120px !important;
        background: #080b0e !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,0.10) !important;
        box-shadow: none !important;
        z-index: 9999 !important;
    }

    #sp-header .container {
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #sp-header .row {
        height: 120px !important;
        min-height: 120px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
    }

    /* Первая строка: логотип + бургер */
    #sp-logo {
        position: static !important;
        top: auto !important;
        width: 75% !important;
        max-width: 75% !important;
        flex: 0 0 75% !important;
        height: 76px !important;
        display: flex !important;
        align-items: center !important;
    }

    #sp-header .logo {
        position: static !important;
        top: auto !important;
        transform: none !important;
        width: 100% !important;
        height: 76px !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 8px 0 0 0 !important;
        overflow: visible !important;
    }

    #sp-header .logo h1 {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    /* Мобильный логотип */
    #sp-header .logo img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        width: auto !important;
        height: auto !important;
        max-width: 165px !important;
        max-height: 58px !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
    }

    #sp-menu {
        width: 25% !important;
        max-width: 25% !important;
        flex: 0 0 25% !important;
        height: 76px !important;
        text-align: right !important;
    }

    #sp-header .sp-megamenu-parent {
        display: none !important;
    }

    #offcanvas-toggler,
    #sp-header .offcanvas-toggler {
        display: block !important;
        float: right !important;
        height: 76px !important;
        line-height: 76px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #ffffff !important;
    }

    #offcanvas-toggler > i,
    #offcanvas-toggler i,
    #sp-header .offcanvas-toggler i {
        color: #ffffff !important;
        font-size: 30px !important;
        line-height: 76px !important;
    }

    /* Вторая строка: город + номер */
    #sp-user4 {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        height: 44px !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
        align-items: center !important;
        background: #080b0e !important;
        border-top: 1px solid rgba(255,255,255,0.08) !important;
    }

    #sp-user4 .sp-column,
    #sp-user4 .sp-module,
    #sp-user4 .sp-module-content,
    #sp-user4 .custom {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .rad-header-right {
        width: 100% !important;
        height: 44px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .rad-city-select {
        width: 150px !important;
        flex: 0 0 150px !important;
        margin: 0 !important;
    }

    .rad-city-select select {
        width: 150px !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 30px 0 12px !important;
        box-sizing: border-box !important;
        background: #15191d !important;
        color: #ffffff !important;
        border: 1px solid #3a3e42 !important;
        border-radius: 4px !important;
        font-size: 14px !important;
        line-height: 36px !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .rad-city-select select option {
        background: #ffffff !important;
        color: #111111 !important;
    }

    .rad-header-phone {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: right !important;
    }

    .rad-phone-number {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 5px !important;
    }

    .rad-phone-number i {
        display: none !important;
    }

    .rad-phone-number a,
    .rad-header-phone a {
        color: #ffffff !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        margin: 0 !important;
    }

    .rad-worktime,
    .rad-header-callback {
        display: none !important;
    }

    /* Hero начинается сразу после шапки */
    .radiatori-hero {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .radiatori-hero-inner {
        padding-top: 34px !important;
    }

    /* Sticky на мобильном */
    .sticky-wrapper.is-sticky #sp-header,
    #sp-header.menu-fixed,
    #sp-header.header-sticky,
    #sp-header.sticky {
        background: #080b0e !important;
        box-shadow: 0 4px 14px rgba(0,0,0,0.28) !important;
    }
}


/* Очень узкие телефоны */
@media (max-width: 380px) {

    .rad-city-select {
        width: 125px !important;
        flex: 0 0 125px !important;
    }

    .rad-city-select select {
        width: 125px !important;
        font-size: 13px !important;
    }

    .rad-phone-number a,
    .rad-header-phone a {
        font-size: 13px !important;
    }

    #sp-header .logo img {
        max-width: 150px !important;
    }
}
/* ==========================================
   MOBILE LOGO — RESTORE
   ========================================== */

@media (max-width: 991px) {

    #sp-header .logo img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: auto !important;
        height: auto !important;
        max-width: 165px !important;
        max-height: 58px !important;

        position: static !important;
        transform: none !important;
    }
}

/* ==========================================
   MOBILE — HIDE DUPLICATE LOGO
   ========================================== */

@media (max-width: 991px) {

    #sp-header .logo img:nth-of-type(n+2) {
        display: none !important;
        visibility: hidden !important;
    }

}