/*
 * Hitarm 2026 — clean final override layer
 * Rebuilt from the final effective rules of the current template.
 * Legacy component CSS remains loaded before this file for compatibility.
 */

/* ==========================================================================
   Base / tokens
   ========================================================================== */

body.hitarm-2026 * {
    box-sizing: border-box;
}

body.hitarm-2026 a {
    color: #0b5ea8;
    transition: all .2s ease;
}

body.hitarm-2026 a:hover {
    color: #ff4338;
    text-decoration: none;
}

body.hitarm-2026 .container {
    width: min(1460px, calc(100% - 32px));
    margin: 0 auto;
}

body.hitarm-2026 #wrapper {
    width: 100%;
    min-width: 0;
    background: transparent;
}

body.hitarm-2026 .opacity-bg {
    display: none;
}

body.hitarm-2026 .phones-wr,
body.hitarm-2026 .phones-wr .phone {
    position: relative;
}

body.hitarm-2026 .basket_wr,
body.hitarm-2026 .basket_wr .empty-mobile {
    width: 100%;
}

body.hitarm-2026 .companyAddress {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 0 0 18px;
}

body.hitarm-2026 .basket_wr #cena_tovarov_on_basket,
body.hitarm-2026 .basket_wr #kolvo_tovarov_on_basket {
    font-weight: 700;
    white-space: nowrap;
}

body.hitarm-2026 .all-categories-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
    padding: 0 18px;
    border-top: 1px solid #e5edf5;
    color: #0c5d9f;
    background: #f8fbfe;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

body.hitarm-2026 .all-categories-link:hover {
    color: #fff;
    background: #0b67ad;
}

body.hitarm-2026 {
    color: #15314b;
    font-family: "PT Sans", Arial, sans-serif;
    --h26-blue: #075c9e;
    --h26-blue-dark: #073f70;
    --h26-navy: #0a2948;
    --h26-red: #ff3b36;
    --h26-text: #102f4c;
    --h26-muted: #6c8094;
    --h26-line: #dfe8f1;
    --h26-soft: #f4f8fb;
    background: #f3f7fa;
}

body.hitarm-2026 .visually-hidden {
    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;
}

body.hitarm-2026 .logo2014 {
    object-fit: contain;
    margin: 0;
    width: 66px;
    height: 66px;
}

body.hitarm-2026 .bx-composite-banner {
    margin-top: 10px;
}

/* ==========================================================================
   Header
   ========================================================================== */

body.hitarm-2026 .header-brand__logo {
    flex: 0 0 auto;
}

body.hitarm-2026 .header-search-form__input::placeholder {
    color: #7a8da3;
}

body.hitarm-2026 .header-search-form__submit:hover {
    background: linear-gradient(180deg, #1178d7 0%, #075190 100%);
}

body.hitarm-2026 #phone {
    min-width: 0;
    padding-right: 18px;
}

body.hitarm-2026 #phone > a {
    text-decoration: none;
}

body.hitarm-2026 #phone p {
    margin: 0;
    line-height: 1.2;
}

body.hitarm-2026 #dropdownIcon {
    position: absolute;
    right: 0;
    top: 12px;
    width: 12px;
    height: 12px;
}

body.hitarm-2026 .phoneDropdown ul li a {
    text-decoration: none;
}

body.hitarm-2026 .phoneDropdown button {
    width: 100%;
    border: 0;
    background: linear-gradient(180deg, #1080dd 0%, #0a63b5 100%);
    color: #fff;
    font-weight: 700;
    padding: 14px;
    cursor: pointer;
}

body.hitarm-2026 .header-brand__title {
    font-size: 27px;
}

body.hitarm-2026 .header-topline {
    font-size: 15px;
    height: 34px;
    background: #f1f5f8;
    border-bottom: 1px solid #e4ebf1;
    color: #25445f;
}

body.hitarm-2026 .header-topline__inner {
    justify-content: space-between;
    height: 34px;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 54px;
    font-size: 13px;
    line-height: 1;
}

body.hitarm-2026 .page-header {
    min-height: 0;
    padding: 0;
    background: #fff;
    border-bottom: 0;
    box-shadow: none;
}

body.hitarm-2026 .header-brand {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 13px;
}

body.hitarm-2026 .header-brand__title,
body.hitarm-2026 .header-brand__title:hover {
    display: block;
    margin: 0;
    font-weight: 700;
    text-decoration: none;
    color: #0b355d;
    font-size: 27px;
    line-height: 1.05;
    letter-spacing: -.02em;
}

body.hitarm-2026 .header-brand__subtitle {
    display: block;
    margin-top: 5px;
    color: #5d7388;
    font-size: 13px;
    line-height: 1.3;
}

body.hitarm-2026 .header-search-form {
    display: grid;
    overflow: hidden;
    height: 50px;
    grid-template-columns: 1fr 54px;
    border: 1px solid #cddbe8;
    border-radius: 10px;
    background: #f8fafc;
    box-shadow: none;
}

body.hitarm-2026 .header-search-form__input {
    width: 100%;
    border: 0;
    background: transparent;
    outline: none;
    height: 48px;
    padding: 0 16px;
    color: var(--h26-text);
    font-size: 15px;
}

body.hitarm-2026 .header-search-form__submit {
    border: 0;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    width: 54px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -1px -1px -1px 0;
    border-radius: 0 10px 10px 0;
    background: linear-gradient(180deg, #0a70bd 0%, #075692 100%);
}

body.hitarm-2026 .header-search-form__submit svg {
    width: 21px;
    height: 21px;
    fill: #fff;
}

body.hitarm-2026 .header-contact__body {
    min-width: 0;
    position: relative;
}

body.hitarm-2026 .header-contact__value,
body.hitarm-2026 .header-contact__value:visited,
body.hitarm-2026 .header-contact__value:hover {
    display: block;
    color: #0e3150;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.15;
    text-decoration: none;
    white-space: nowrap;
}

body.hitarm-2026 .header-contact--phone .header-contact__value {
    font-size: 17px;
}

body.hitarm-2026 .header-contact__caption,
body.hitarm-2026 .header-contact__caption:visited {
    display: block;
    margin-top: 5px;
    color: #0b65ad;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
}

body.hitarm-2026 .header-contact__caption:hover {
    color: #e63f39;
}

body.hitarm-2026 .header-contact .phones-wr,
body.hitarm-2026 .header-contact #phone {
    width: 100%;
    min-width: 0;
    padding: 0;
}

body.hitarm-2026 .header-contact #phone > a {
    display: block;
    padding-right: 18px;
}

body.hitarm-2026 .header-contact #dropdownIcon {
    right: 0;
    top: 5px;
    width: 10px;
    height: 10px;
}

body.hitarm-2026 .header-brand,
body.hitarm-2026 .header-search-col,
body.hitarm-2026 .header-contact {
    align-self: center;
}

body.hitarm-2026 .header-search-col {
    width: 100%;
    padding: 0 22px 0 14px;
}

body.hitarm-2026 .header-contact {
    min-width: 0;
    display: grid;
    align-items: center;
    padding-left: 16px;
    background: transparent;
    box-shadow: none;
    min-height: 58px;
    height: 58px;
    padding: 0 14px;
    border-left: 1px solid #e4ebf1;
    grid-template-columns: 31px minmax(0, 1fr);
    column-gap: 9px;
}

body.hitarm-2026 .header-contact__body,
body.hitarm-2026 .header-contact .phones-wr {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
}

body.hitarm-2026 .header-contact--phone .phones-wr,
body.hitarm-2026 .header-contact--phone #phone {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0;
    padding: 0 !important;
    margin: 0 !important;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.hitarm-2026 .header-contact--phone #phone {
    display: block;
}

body.hitarm-2026 .header-contact--phone #phone > a {
    display: block;
    padding: 0 18px 0 0;
}

body.hitarm-2026 .header-contact--phone #dropdownIcon {
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    margin: -5px 0 0;
    transform: rotate(0deg);
    opacity: .75;
    cursor: pointer;
    transition: transform .18s ease, opacity .18s ease;
}

body.hitarm-2026 .header-contact--phone #dropdownIcon[aria-expanded="true"] {
    transform: rotate(180deg);
    opacity: 1;
}

body.hitarm-2026 .phoneDropdown {
    position: absolute;
    z-index: 2000;
    top: calc(100% + 15px);
    right: -12px;
    left: auto;
    width: 310px;
    max-width: calc(100vw - 28px);
    margin: 0;
    padding: 10px;
    border: 1px solid #dbe6ef;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(10, 48, 82, .18);
    overflow: visible;
}

body.hitarm-2026 .phoneDropdown::before {
    content: "Другие телефоны";
    display: block;
    padding: 6px 9px 9px;
    color: #6d8194;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

body.hitarm-2026 .phoneDropdown::after {
    content: "";
    position: absolute;
    top: -7px;
    right: 24px;
    width: 13px;
    height: 13px;
    border-left: 1px solid #dbe6ef;
    border-top: 1px solid #dbe6ef;
    background: #fff;
    transform: rotate(45deg);
}

body.hitarm-2026 .phoneDropdown > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.hitarm-2026 .phoneDropdown > ul > li {
    margin: 0;
    padding: 0;
    border: 0;
}

body.hitarm-2026 .phoneDropdown > ul > li + li {
    border-top: 1px solid #edf2f6;
}

body.hitarm-2026 .phoneDropdown > ul > li > a {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
    min-height: 55px;
    padding: 9px 10px;
    border-radius: 10px;
    color: #183a59;
    text-decoration: none;
}

body.hitarm-2026 .phoneDropdown > ul > li > a:hover {
    background: #f1f7fc;
}

body.hitarm-2026 .phoneDropdown a > p:first-child {
    margin: 0;
    color: #71879b;
    font: 600 12px/1.25 "PT Sans", Arial, sans-serif;
    text-transform: none;
}

body.hitarm-2026 .phoneDropdown a > p:last-child {
    margin: 0;
    color: #0c4f84;
    font: 700 15px/1.25 "PT Sans", Arial, sans-serif;
    white-space: nowrap;
}

body.hitarm-2026 .phoneDropdown > button {
    display: block;
    width: calc(100% - 4px);
    height: 42px;
    margin: 9px 2px 2px;
    padding: 0 16px;
    transform: none;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(180deg, #1582d0 0%, #0a63a9 100%);
    color: #fff;
    font: 700 14px/42px "PT Sans", Arial, sans-serif;
    cursor: pointer;
}

body.hitarm-2026 .phoneDropdown > button:hover {
    background: linear-gradient(180deg, #1b8ddd 0%, #0b6db8 100%);
}

body.hitarm-2026 .header-main-grid {
    display: grid;
    min-height: 104px;
    gap: 0;
    align-items: center;
    grid-template-columns: 255px minmax(340px, 1fr) 232px 205px 225px;
}

body.hitarm-2026 .header-contact--phone,
body.hitarm-2026 .header-contact--email,
body.hitarm-2026 .header-contact--basket {
    min-height: 66px;
    height: 66px;
    padding: 7px 13px;
    border-left: 1px solid #e3ebf2;
}

body.hitarm-2026 .header-contact--phone,
body.hitarm-2026 .header-contact--email {
    border-radius: 12px;
    background: #f8fbfe;
}

body.hitarm-2026 .header-contact--phone {
    position: relative;
    z-index: 100;
    border: 1px solid #dce8f2;
}

body.hitarm-2026 .header-contact--email {
    border: 1px solid #dce8f2;
    margin-left: 8px;
}

body.hitarm-2026 .header-contact__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #eaf5fd;
    color: #0872be;
}

body.hitarm-2026 .header-contact__icon svg {
    width: 21px;
    height: 21px;
    fill: currentColor;
}

body.hitarm-2026 .header-contact__value,
body.hitarm-2026 .header-contact--phone .header-contact__value {
    color: #092f53;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -.01em;
    white-space: nowrap;
}

body.hitarm-2026 .header-contact--email .header-contact__value {
    font-size: 16.5px;
}

body.hitarm-2026 .header-contact__caption {
    margin-top: 4px;
    color: #0b6db8;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.15;
    white-space: nowrap;
}

body.hitarm-2026 .header-contact--basket .header-contact__icon {
    width: 29px;
    height: 29px;
    min-width: 29px;
    min-height: 29px;
    margin: 0;
}

body.hitarm-2026 .header-contact--basket .header-contact__icon svg {
    width: 22px;
    height: 22px;
}

body.hitarm-2026 .header-contact--basket > .header-contact__body,
body.hitarm-2026 .header-contact--basket .basket_wr,
body.hitarm-2026 .hitarm-basket-widget-v11 {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

body.hitarm-2026 .hitarm-basket-widget-v11__link {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    column-gap: 8px;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #0e3150;
    text-decoration: none;
    line-height: 1;
}

body.hitarm-2026 .hitarm-basket-widget-v11__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 9px;
    background: #eef7fd;
    color: #0b6db8;
}

body.hitarm-2026 .hitarm-basket-widget-v11__icon svg {
    display: block;
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;
    fill: currentColor;
}

body.hitarm-2026 .hitarm-basket-widget-v11__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 0;
    gap: 3px;
}

body.hitarm-2026 .hitarm-basket-widget-v11__title {
    display: block;
    margin: 0;
    color: #092f53;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

body.hitarm-2026 .hitarm-basket-widget-v11__summary {
    color: #536d84;
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1.05;
    white-space: nowrap;
}

body.hitarm-2026 .hitarm-basket-widget-v11__summary.dblock {
    display: inline-flex !important;
    align-items: baseline;
    gap: 2px;
}

body.hitarm-2026 .hitarm-basket-widget-v11__summary.dnone {
    display: none !important;
}

body.hitarm-2026 .hitarm-basket-widget-v11__summary strong {
    color: #0b6db8;
    font-weight: 700;
}

body.hitarm-2026 .hitarm-basket-widget-v11__dot {
    margin: 0 1px;
    color: #91a4b6;
}

body.hitarm-2026 .hitarm-basket-widget-v11__empty {
    color: #60778d;
    font-size: 10.5px;
    line-height: 1.05;
    white-space: nowrap;
}

body.hitarm-2026 .hitarm-basket-widget-v11__empty.dnone {
    display: none !important;
}

body.hitarm-2026 .hitarm-basket-widget-v11__empty.dblock {
    display: block !important;
}

body.hitarm-2026 .header-contact--basket {
    padding-right: 0;
    width: auto;
    column-gap: 8px;
    grid-template-columns: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    min-height: 66px;
    height: 66px;
    margin: 0;
    padding: 7px 13px;
    border: 1px solid #dce8f2;
    border-radius: 12px;
    background: #f8fbfe;
    box-shadow: none;
    overflow: visible;
}

body.hitarm-2026 .header-contact--basket > .header-contact__body,
body.hitarm-2026 .header-contact--basket .basket_wr,
body.hitarm-2026 .header-contact--basket .empty-mobile,
body.hitarm-2026 .header-contact--basket .hitarm-basket-widget-v11 {
    position: static;
    inset: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: none;
    float: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    background-image: none;
    box-shadow: none;
}

body.hitarm-2026 .header-contact--basket .hitarm-basket-widget-v11__link {
    height: 100%;
    align-content: center;
}

body.hitarm-2026 .header-contact--basket .hitarm-basket-widget-v11__icon {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    border-radius: 10px;
}

body.hitarm-2026 .header-contact--basket .hitarm-basket-widget-v11__icon svg {
    width: 21px;
    height: 21px;
}

body.hitarm-2026 .header-contact--basket .hitarm-basket-widget-v11__text {
    justify-content: center;
    gap: 4px;
}

body.hitarm-2026 .header-contact--basket .hitarm-basket-widget-v11__title {
    font-size: 15px;
    line-height: 1.05;
}

body.hitarm-2026 .header-contact--basket .hitarm-basket-widget-v11__summary,
body.hitarm-2026 .header-contact--basket .hitarm-basket-widget-v11__empty {
    font-size: 12.5px;
    line-height: 1.05;
}

/* ==========================================================================
   Navigation
   ========================================================================== */

body.hitarm-2026 .nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.hitarm-2026 .nav .first-line li a,
body.hitarm-2026 .nav ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 10px 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-shadow: none;
    text-decoration: none;
}

body.hitarm-2026 .nav .first-line li a:hover,
body.hitarm-2026 .nav .first-line li a.active {
    color: #9fd4ff;
}

body.hitarm-2026 .nav .second-line li {
    height: auto;
    border: 0;
    background: none;
}

body.hitarm-2026 .nav .second-line li a {
    min-height: 52px;
    padding: 0 18px;
    border-radius: 14px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.12);
    font-size: 15px;
    font-weight: 700;
}

body.hitarm-2026 .nav .second-line li a img {
    max-height: 18px;
    margin-right: 8px;
}

body.hitarm-2026 .nav .second-line li.last a:hover {
    background: linear-gradient(180deg, #ff6a62 0%, #ff3e37 100%);
}

body.hitarm-2026 .nav .second-line li.mobile-phone {
    display: none;
}

body.hitarm-2026 .nav > .container {
    width: min(1460px, calc(100% - 40px));
    max-width: 1460px;
}

body.hitarm-2026 .nav .first-line li {
    float: none;
    width: auto;
    padding: 0;
    margin: 0;
    background: none;
    flex: 1 1 auto;
    min-width: 0;
}

body.hitarm-2026 .nav .first-line li a {
    width: 100%;
    min-height: 48px;
    padding: 6px 9px;
    font-size: 15px;
    white-space: nowrap;
}

body.hitarm-2026 .nav .first-line li ul {
    width: 260px;
    z-index: 50;
}

body.hitarm-2026 .nav .first-line li ul li a {
    justify-content: flex-start;
    min-height: 38px;
    height: auto;
    padding: 8px 16px 8px 28px;
    white-space: normal;
}

body.hitarm-2026 .nav .second-line li:not(.last) {
    display: none;
}

body.hitarm-2026 .nav {
    margin: 0;
    padding: 0;
    min-height: 0;
    height: auto;
    background: linear-gradient(180deg, #0a4b83 0%, #083c69 100%);
}

body.hitarm-2026 .nav .container {
    width: min(1460px, calc(100% - 44px));
}

body.hitarm-2026 .catalog-shortcut::before {
    content: "☰";
    margin-right: 12px;
    font-size: 19px;
    font-weight: 400;
}

body.hitarm-2026 .nav .first-line > li {
    flex: 0 1 auto;
}

body.hitarm-2026 .nav .first-line > li:has(> a[href="/cat/"]) {
    display: none;
}

body.hitarm-2026 .nav .second-line li.last,
body.hitarm-2026 .nav .second-line li.last a {
    display: flex;
    min-width: 0;
    width: 100%;
    margin: 0;
}

body.hitarm-2026 .nav .second-line li.last a {
    background: linear-gradient(180deg, #ff5950 0%, #ff342f 100%);
    border-color: transparent;
    min-width: 180px;
    padding: 0 16px;
    min-height: 48px;
    border-radius: 8px;
    font-size: 15px;
}

body.hitarm-2026 .container,
body.hitarm-2026 #footer .container,
body.hitarm-2026 .nav .container {
    width: min(1440px, calc(100% - 48px));
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}

body.hitarm-2026 .nav .bgNav {
    display: grid;
    align-items: center;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
    border-radius: 0;
    background: transparent;
    grid-template-columns: 240px minmax(0, 1fr) 185px;
    gap: 20px;
    min-height: 64px;
    padding: 8px 0;
}

body.hitarm-2026 .catalog-shortcut {
    display: inline-flex;
    align-items: center;
    margin-left: 16px;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    margin: 0;
    padding: 0 22px;
    justify-content: flex-start;
    border-radius: 8px;
    background: linear-gradient(180deg, #1781cf 0%, #0c69af 100%);
    font-size: 16px;
    font-weight: 700;
    width: 240px;
    min-height: 48px;
}

body.hitarm-2026 .nav .first-line {
    width: 100%;
    flex-wrap: nowrap;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 2px;
    justify-content: space-between;
}

body.hitarm-2026 .nav .first-line > li > a {
    min-height: 46px;
    padding: 0 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    padding-left: 13px;
    padding-right: 13px;
}

body.hitarm-2026 .nav .second-line {
    align-items: center;
    gap: 12px;
    margin-right: 16px;
    margin: 0;
    display: block;
    width: 185px;
}

/* ==========================================================================
   Page layout / sidebars
   ========================================================================== */

body.hitarm-2026 .left-sidebar,
body.hitarm-2026 .middle,
body.hitarm-2026 .sidebar {
    float: none;
    width: auto;
    margin: 0;
}

body.hitarm-2026 .left-sidebar .block,
body.hitarm-2026 .middle .block,
body.hitarm-2026 .sidebar .block,
body.hitarm-2026 .rounded-block,
body.hitarm-2026 .rounded-block-blue,
body.hitarm-2026 .greyFrameOnColumnBars {
    border: 1px solid #dde7f1;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(11, 47, 83, .06);
    overflow: hidden;
}

body.hitarm-2026 .left-sidebar .rounded-block-blue > form {
    display: none;
}

body.hitarm-2026 .left-sidebar .h1,
body.hitarm-2026 .left-sidebar .h2,
body.hitarm-2026 .left-sidebar h2 {
    margin: 0;
    padding: 18px 20px;
    font-size: 19px;
    line-height: 1.2;
    color: #123657;
}

body.hitarm-2026 .left-sidebar .h1 > a,
body.hitarm-2026 .left-sidebar .h2 > a {
    color: inherit;
    text-decoration: none;
}

body.hitarm-2026 .links-categories > li {
    border-bottom: 1px solid #e8eff6;
}

body.hitarm-2026 .links-categories > li:last-child {
    border-bottom: 0;
}

body.hitarm-2026 .links-categories > li > a:hover {
    background: #f4f8fc;
    color: #0b5ea8;
}

body.hitarm-2026 .links-categories > li > ul {
    display: none;
    margin: 0 18px 14px 52px;
    padding: 0;
}

body.hitarm-2026 .links-categories > li:hover > ul,
body.hitarm-2026 .links-categories > li:focus-within > ul {
    display: block;
}

body.hitarm-2026 .links-categories > li > ul li + li {
    margin-top: 8px;
}

body.hitarm-2026 .links-categories > li > ul a {
    color: #557086;
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none;
}

body.hitarm-2026 .links-categories > li > ul a span {
    color: #8ba0b5;
}

body.hitarm-2026 .greyFrameOnColumnBars {
    margin-top: 18px;
    padding-bottom: 12px;
}

body.hitarm-2026 .greyFrameOnColumnBars .info-list,
body.hitarm-2026 .greyFrameOnColumnBars ul.prices {
    margin: 0;
    padding: 0 18px 12px 18px;
    list-style: none;
}

body.hitarm-2026 .greyFrameOnColumnBars .info-list li,
body.hitarm-2026 .greyFrameOnColumnBars ul.prices li {
    padding: 10px 0;
    border-bottom: 1px solid #edf2f7;
}

body.hitarm-2026 .greyFrameOnColumnBars .info-list li:last-child,
body.hitarm-2026 .greyFrameOnColumnBars ul.prices li:last-child {
    border-bottom: 0;
}

body.hitarm-2026 .middle h1,
body.hitarm-2026 .middle h2,
body.hitarm-2026 .middle .h1,
body.hitarm-2026 .middle .h2 {
    color: #0f3151;
}

body.hitarm-2026 .middle h1 {
    font-size: 36px;
    line-height: 1.15;
    margin-bottom: 18px;
}

body.hitarm-2026 .middle h2 {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 16px;
}

body.hitarm-2026 .middle .rubric .elem:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 28px rgba(12, 48, 83, .10);
}

body.hitarm-2026 .middle .table,
body.hitarm-2026 .middle table.preview,
body.hitarm-2026 .middle table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

body.hitarm-2026 .middle table td,
body.hitarm-2026 .middle table th {
    border: 1px solid #dbe6f0;
    padding: 10px 12px;
}

body.hitarm-2026 .middle .news li,
body.hitarm-2026 .middle ul li,
body.hitarm-2026 .middle ol li {
    line-height: 1.45;
}

body.hitarm-2026 .middle .breadcrumbs,
body.hitarm-2026 .middle .breadcrumb {
    margin-bottom: 18px;
}

body.hitarm-2026 .sidebar a img {
    display: block;
    width: 100%;
    height: auto;
}

body.hitarm-2026 .sidebar .rounded-block,
body.hitarm-2026 .sidebar .rounded-block-blue {
    padding: 18px;
}

body.hitarm-2026 #content {
    padding: 22px 0 0;
    padding-top: 20px !important;
}

body.hitarm-2026 .content-box {
    display: grid;
    align-items: start;
    width: 100%;
    grid-template-columns: 250px minmax(0, 1fr) 260px;
    gap: 18px;
}

body.hitarm-2026 .left-sidebar > .block:not(:first-child) {
    display: none;
}

body.hitarm-2026 .left-sidebar .block:first-child {
    margin-bottom: 0;
}

body.hitarm-2026 .left-sidebar .h1 {
    background: linear-gradient(180deg, #f7fbff 0%, #edf4fb 100%);
    border-bottom: 1px solid #e1ebf4;
    padding: 15px 18px;
    font-size: 20px;
}

body.hitarm-2026 .links-categories .icon_img {
    flex: 0 0 22px;
    object-fit: contain;
    margin-top: 1px;
    width: 19px;
    height: 19px;
    flex-basis: 19px;
}

body.hitarm-2026 .middle {
    min-width: 0;
    max-width: none;
}

body.hitarm-2026 .middle > .block:first-child,
body.hitarm-2026 .middle .block {
    border-radius: 16px;
}

body.hitarm-2026 .middle .rubric {
    display: grid;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

body.hitarm-2026 .middle .rubric .elem {
    border: 1px solid #dde7f1;
    background: #fff;
    box-shadow: 0 8px 20px rgba(12, 48, 83, .06);
    text-align: left;
    min-width: 0;
    padding: 11px;
    border-radius: 14px;
}

body.hitarm-2026 .middle .rubric .elem img {
    display: block;
    width: 100%;
    object-fit: contain;
    margin: 0 auto 14px;
    max-width: 100%;
    height: 150px;
    aspect-ratio: auto;
}

body.hitarm-2026 .middle .rubric .elem > a:last-child {
    display: block;
    color: #14395a;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none;
    font-size: 14px;
}

body.hitarm-2026 .sidebar {
    width: 260px;
}

body.hitarm-2026 .sidebar a {
    display: block;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(11, 47, 83, .08);
    margin-bottom: 12px;
    border-radius: 16px;
}

body.hitarm-2026 .links-categories > li > a {
    display: flex;
    gap: 12px;
    color: #133a5c;
    line-height: 1.3;
    text-decoration: none;
    font-size: 15px;
    position: relative;
    min-height: 48px;
    padding: 12px 16px 12px 48px;
    align-items: center;
}

body.hitarm-2026 .links-categories > li > a .icon_img {
    display: block;
    position: absolute;
    left: 17px;
    top: 50%;
    width: 21px;
    height: 21px;
    margin: 0;
    transform: translateY(-50%);
    object-fit: contain;
    opacity: .95;
    filter: brightness(0) saturate(100%) invert(31%) sepia(78%) saturate(1259%) hue-rotate(175deg) brightness(91%) contrast(93%);
}

body.hitarm-2026 .links-categories > li > a:not(.icon_arrow)::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    width: 17px;
    height: 17px;
    border: 2px solid #0b67ad;
    border-radius: 50%;
    transform: translateY(-50%);
    box-shadow: inset 0 0 0 4px #fff;
    background: #0b67ad;
}

body.hitarm-2026 .links-categories > li > a:not(.icon_arrow)::after {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    width: 23px;
    height: 2px;
    background: #0b67ad;
    transform: translateY(-50%);
}

body.hitarm-2026 .links-categories > li > a:hover .icon_img {
    filter: brightness(0) invert(1);
}

body.hitarm-2026 .links-categories > li > a:not(.icon_arrow):hover::before {
    border-color: #fff;
    background: #fff;
    box-shadow: inset 0 0 0 4px #2d85c9;
}

body.hitarm-2026 .links-categories > li > a:not(.icon_arrow):hover::after {
    background: #fff;
}

body.hitarm-2026 .left-sidebar .rounded-block-blue > form,
body.hitarm-2026 .left-sidebar .rounded-block-blue > .h1 {
    display: none;
}

body.hitarm-2026 .left-sidebar .rounded-block-blue {
    background: #fff;
    padding-top: 0;
}

body.hitarm-2026 .links-categories > li:first-child > a {
    border-radius: 15px 15px 0 0;
}

/* ==========================================================================
   Homepage
   ========================================================================== */

body.hitarm-2026.is-homepage .left-sidebar .links-categories > li:nth-child(n/**/+15) {
    display: none;
}

body.hitarm-2026.is-homepage .left-sidebar .greyFrameOnColumnBars {
    display: none;
}

body.hitarm-2026.is-homepage .sidebar a img {
    border-radius: 16px;
}

body.hitarm-2026.is-homepage .sidebar a,
body.hitarm-2026.is-homepage .sidebar a img {
    border-radius: 12px;
}

body.hitarm-2026.is-homepage .content-box {
    grid-template-columns: 250px minmax(0, 1fr) 265px;
    gap: 20px;
}

body.hitarm-2026.is-homepage .middle .rubric {
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
    gap: 12px;
}

body.hitarm-2026.is-homepage .middle .rubric .elem {
    border-radius: 12px;
    min-width: 0;
}

body.hitarm-2026.is-homepage .sidebar {
    width: 265px;
}

body.hitarm-2026.is-homepage .sidebar a {
    margin-bottom: 12px;
    width: 100%;
}

body.hitarm-2026 .hitarm-home-category__image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 145px;
    padding: 10px;
    background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
    border-bottom: 1px solid #edf2f6;
}

body.hitarm-2026 .hitarm-home-category__image img {
    display: block;
    width: 100%;
    max-width: 180px;
    height: 125px;
    max-height: 125px;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    object-fit: contain;
}

body.hitarm-2026 .hitarm-home-category__placeholder {
    width: 76px;
    height: 76px;
    border-radius: 18px;
    background: #eef5fb;
}

body.hitarm-2026.is-homepage .middle .hitarm-home-categories {
    width: 100%;
    border: 0;
    background: transparent;
    box-shadow: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
    gap: 14px;
    row-gap: 14px;
    column-gap: 14px;
    padding: 0;
    margin: 0;
    font-size: 0;
}

body.hitarm-2026.is-homepage .middle .hitarm-home-categories .hitarm-home-category:hover {
    border-color: #c9dceb;
    transform: none;
    box-shadow: none;
}

body.hitarm-2026.is-homepage .middle .hitarm-home-categories .hitarm-home-category {
    background: #fff;
    text-align: left;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    position: relative;
    display: block;
    float: none;
    width: auto;
    min-width: 0;
    max-width: none;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    transform: none;
    vertical-align: top;
    border-radius: 14px;
    box-shadow: 0 8px 22px rgba(12, 48, 83, .05);
    overflow: hidden;
    border: 1px solid #dce6ef;
}

body.hitarm-2026.is-homepage .middle .hitarm-home-categories .hitarm-home-category:nth-child(-n/**/+4),
body.hitarm-2026.is-homepage .middle .hitarm-home-categories .hitarm-home-category:nth-child(4n/**/+1) {
    border-color: #dce6ef;
}

body.hitarm-2026 .hitarm-home-category__link {
    display: flex;
    flex-direction: column;
    color: #153a5b;
    text-decoration: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body.hitarm-2026 .hitarm-home-category__title {
    display: flex;
    align-items: flex-start;
    min-height: 50px;
    padding: 11px 12px 13px;
    color: #153a5b;
    font-weight: 700;
    line-height: 1.25;
    font-size: 14px;
}

/* ==========================================================================
   Catalog / product lists
   ========================================================================== */

body.hitarm-2026.is-catalog-area .content-box {
    grid-template-columns: 235px minmax(0, 1fr);
    gap: 24px;
}

body.hitarm-2026.is-catalog-area .middle {
    position: relative;
    width: 100%;
    min-width: 0;
}

body.hitarm-2026.is-catalog-area .sidebar {
    display: none;
}

body.hitarm-2026.is-catalog-area .catalog.catalog_product-categories {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
    margin: 10px 0 22px;
}

body.hitarm-2026.is-catalog-area .productBlock {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 16px;
    width: 100%;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid #dce6ef;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(12, 52, 88, .04);
}

body.hitarm-2026.is-catalog-area .productBlock > a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 96px;
    border-radius: 12px;
    background: #f8fbfe;
}

body.hitarm-2026.is-catalog-area .productBlock > a > figure {
    margin: 0;
}

body.hitarm-2026.is-catalog-area .productBlock > a > figure > img,
body.hitarm-2026.is-catalog-area .productBlock > a > img {
    display: block;
    width: 104px;
    height: 90px;
    max-height: 90px;
    margin: 0;
    border: 0;
    object-fit: contain;
}

body.hitarm-2026.is-catalog-area .productInfo {
    min-width: 0;
    justify-content: center;
}

body.hitarm-2026.is-catalog-area .productName {
    margin: 0 0 8px;
    color: #0b5ea8;
    font-family: "PT Sans", Arial, sans-serif;
    font-size: 17px;
    line-height: 1.25;
}

body.hitarm-2026.is-catalog-area .productItem {
    align-items: center;
    gap: 12px;
    padding: 7px 0;
    margin: 0;
    border-top: 1px solid #edf2f6;
    border-bottom: 0;
}

body.hitarm-2026.is-catalog-area .productItem > a:first-child {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
}

body.hitarm-2026.is-catalog-area .productItem__info {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    color: #153a5b;
}

body.hitarm-2026.is-catalog-area .productItem__info img {
    width: 18px;
    height: 18px;
    margin-left: 0;
}

body.hitarm-2026.is-catalog-area .productInfo__showMore {
    margin-top: 8px;
    color: #0b6db8;
    border-color: #8fb8d8;
    font-family: "PT Sans", Arial, sans-serif;
}

body.hitarm-2026.is-catalog-area .middle h1 {
    margin: 14px 0 16px;
    color: #113452;
    font-size: 34px;
    line-height: 1.12;
}

body.hitarm-2026.is-catalog-area .middle .CATDESCRIPTION {
    margin-top: 24px;
    color: #29465f;
    font-size: 15px;
    line-height: 1.55;
}

body.hitarm-2026.is-catalog-area .site-benefits {
    margin-top: 30px;
}

/* ==========================================================================
   Smart filter
   ========================================================================== */

body.hitarm-2026.is-catalog-area .bx_filter.bx_blue,
body.hitarm-2026.is-catalog-area .bx_filter {
    width: 258px;
    top: 32px;
    right: 0;
    left: auto;
    z-index: 30;
}

body.hitarm-2026 .bx_filter .bx_filter_section,
body.hitarm-2026 .bx_filter.bx_blue .bx_filter_section {
    padding: 0;
    border: 1px solid #dbe6ef;
    border-radius: 18px;
    background: #fff;
    background-image: none;
    box-shadow: 0 10px 28px rgba(10, 49, 83, .08);
    text-shadow: none;
    overflow: hidden;
}

body.hitarm-2026 .hitarm-filter-head {
    padding: 18px 18px 15px;
    border-bottom: 1px solid #e4edf4;
    background: linear-gradient(180deg, #f9fcff 0%, #f2f7fb 100%);
}

body.hitarm-2026 .hitarm-filter-head strong {
    display: block;
    color: #123657;
    font-size: 22px;
    line-height: 1.1;
}

body.hitarm-2026 .hitarm-filter-head span {
    display: block;
    margin-top: 5px;
    color: #758a9e;
    font-size: 12px;
    line-height: 1.25;
}

body.hitarm-2026 .bx_filter .smartfilter {
    padding: 0 16px 16px;
}

body.hitarm-2026 .bx_filter .bx_filter_parameters_box,
body.hitarm-2026 .bx_filter .bx_filter_button_box {
    position: relative;
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #edf2f6;
}

body.hitarm-2026 .bx_filter .bx_filter_button_box {
    padding-bottom: 0;
    border-bottom: 0;
}

body.hitarm-2026 .bx_filter .bx_filter_parameters_box > p,
body.hitarm-2026 .bx_filter .bx_filter_parameters_box_param_title,
body.hitarm-2026 .bx_filter .bx_filter_parameters_box_title {
    display: block;
    margin: 0 0 10px;
    padding: 0 20px 0 0;
    border: 0;
    color: #173a59;
    font-family: "PT Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    cursor: pointer;
}

body.hitarm-2026 .bx_filter .bx_filter_parameters_box_title::after {
    right: 2px;
    opacity: .45;
}

body.hitarm-2026 .bx_filter .bx_filter_parameters_box_container {
    display: block;
}

body.hitarm-2026 .bx_filter .bx_filter_param_label {
    display: block;
    margin: 0;
    padding: 5px 0;
    color: #29465f;
    font-family: "PT Sans", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.25;
    cursor: pointer;
}

body.hitarm-2026 .bx_filter .bx_filter_input_checkbox {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

body.hitarm-2026 .bx_filter .bx_filter_input_checkbox input[type="checkbox"],
body.hitarm-2026 .bx_filter .bx_filter_input_checkbox input[type="radio"] {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin: 1px 0 0;
    accent-color: #0b6db8;
}

body.hitarm-2026 .bx_filter .bx_filter_param_text {
    color: inherit;
}

body.hitarm-2026 .bx_filter .bx_filter_param_label.disabled {
    opacity: .42;
}

body.hitarm-2026 .bx_filter .bx_filter_input_container {
    max-width: none;
    min-width: 0;
    height: 38px;
    padding: 0;
    border: 1px solid #cddbe7;
    border-radius: 9px;
    background: #fff;
    box-shadow: none;
}

body.hitarm-2026 .bx_filter .bx_filter_input_container input {
    height: 36px;
    padding: 0 10px;
    border: 0;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
    color: #173a59;
    font-size: 13px;
}

body.hitarm-2026 .bx_filter .bx_filter_parameters_box_container_block {
    color: #60798f;
}

body.hitarm-2026 .bx_filter .bx_ui_slider_track {
    height: 5px;
    margin: 24px 12px 16px;
    border: 0;
    border-radius: 999px;
    background: #dfe9f1;
    box-shadow: none;
}

body.hitarm-2026 .bx_filter .bx_ui_slider_pricebar_V,
body.hitarm-2026 .bx_filter .bx_ui_slider_pricebar_VN {
    border: 0;
    background: #0b6db8;
}

body.hitarm-2026 .bx_filter .bx_ui_slider_pricebar_VD {
    border: 0;
    background: #dfe9f1;
}

body.hitarm-2026 .bx_filter .bx_ui_slider_part,
body.hitarm-2026 .bx_filter .bx_ui_slider_part span {
    display: none;
}

body.hitarm-2026 .bx_filter .bx_ui_slider_handle.left,
body.hitarm-2026 .bx_filter .bx_ui_slider_handle.right {
    top: -6px;
    width: 17px;
    height: 17px;
    margin: 0;
    border: 3px solid #0b6db8;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(11, 70, 115, .18);
}

body.hitarm-2026 .bx_filter .bx_ui_slider_handle.left {
    margin-left: -8px;
}

body.hitarm-2026 .bx_filter .bx_ui_slider_handle.right {
    margin-right: -8px;
}

body.hitarm-2026 .bx_filter .filters__showMore {
    margin: 7px 0 0;
    padding: 0;
    border: 0;
    background: none;
    color: #0b6db8;
    font-family: "PT Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
}

body.hitarm-2026 .bx_filter .del_filter {
    display: none;
}

body.hitarm-2026 .bx_filter .filtersButtonGroup {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

body.hitarm-2026 .bx_filter .filtersButtonGroup > button {
    min-height: 38px;
    padding: 8px 10px;
    border-radius: 10px;
    font-family: "PT Sans", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

body.hitarm-2026 .bx_filter .filtersButtonGroup > button:first-child {
    border: 1px solid #0b6db8;
    background: linear-gradient(180deg, #1281d5 0%, #0b68b4 100%);
    color: #fff;
}

body.hitarm-2026 .bx_filter .filtersButtonGroup > button.reset {
    border: 1px solid #ccdbe7;
    background: #fff;
    color: #375873;
}

body.hitarm-2026 .bx_filter .bx_filter_popup_result {
    position: static;
    width: auto;
    height: auto;
    margin: 10px 0 0;
    padding: 9px 10px;
    border: 0;
    border-radius: 10px;
    background: #eef6fc;
    box-shadow: none;
    color: #45657f;
    font-size: 12px;
    line-height: 1.3;
}

body.hitarm-2026 .bx_filter .bx_filter_popup_result .arrow {
    display: none;
}

body.hitarm-2026 .bx_filter .bx_filter_popup_result a {
    color: #0b6db8;
    font-weight: 700;
}

body.hitarm-2026 .bx_filter .bx_filter_select_block,
body.hitarm-2026 .bx_filter .bx_filter_select_container {
    border-color: #ccdbe7;
    border-radius: 9px;
    background: #fff;
    box-shadow: none;
}

body.hitarm-2026.is-catalog-area:not(.is-product-page) .bx_filter .hitarm-filter-head {
    flex: 0 0 auto;
}

body.hitarm-2026.is-catalog-area:not(.is-product-page) .bx_filter .smartfilter {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #b7cddd transparent;
}

body.hitarm-2026.is-catalog-area:not(.is-product-page) .bx_filter .smartfilter::-webkit-scrollbar {
    width: 7px;
}

body.hitarm-2026.is-catalog-area:not(.is-product-page) .bx_filter .smartfilter::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #b7cddd;
}

body.hitarm-2026.is-catalog-area:not(.is-product-page) .bx_filter .smartfilter::-webkit-scrollbar-track {
    background: transparent;
}

/* ==========================================================================
   Benefits strip
   ========================================================================== */

body.hitarm-2026 .site-benefits {
    margin-top: 20px;
    padding: 0;
    background: #fff;
    border-top: 1px solid #e2eaf1;
    border-bottom: 1px solid #e2eaf1;
}

body.hitarm-2026 .site-benefit-item:last-child {
    border-right: 0;
}

body.hitarm-2026 .site-benefit-item span {
    display: block;
    line-height: 1.35;
    margin-top: 4px;
    color: #718498;
    font-size: 13px;
}

body.hitarm-2026 .site-benefits__inner {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    align-items: stretch;
    min-height: 92px;
}

body.hitarm-2026 .site-benefit-item {
    min-height: 92px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 0;
    border-right: 1px solid #e5ecf2;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 20px 18px;
}

body.hitarm-2026 .site-benefit-item strong {
    display: block;
    line-height: 1.2;
    color: #103454;
    font-size: 16px;
}

/* ==========================================================================
   Footer
   ========================================================================== */

body.hitarm-2026 #footer .container {
    width: min(1460px, calc(100% - 32px));
}

body.hitarm-2026 .f-num-link {
    display: inline-block;
    margin-top: 8px;
    color: #fff;
    text-decoration: none;
}

body.hitarm-2026 .footer__politic-links a:hover,
body.hitarm-2026 .footer__politic a:hover {
    color: #9fd4ff;
}

body.hitarm-2026 .container,
body.hitarm-2026 #content > .container,
body.hitarm-2026 #footer > .container {
    width: min(1460px, calc(100% - 40px));
    max-width: 1460px;
}

body.hitarm-2026 #footer > .container {
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.hitarm-2026 .footer-subscribe .footer-subscribe__title {
    color: #fff;
    font-size: 19px;
    margin-bottom: 5px;
}

body.hitarm-2026 .footer-subscribe .footer-subscribe__desc {
    color: #d8e8f6;
    font-size: 12px;
    margin-bottom: 0;
}

body.hitarm-2026 .footer-subscribe form,
body.hitarm-2026 .footer-subscribe .footer-subscribe__fields {
    flex: 0 0 210px;
    width: 210px;
    max-width: 210px;
}

body.hitarm-2026 .footer-subscribe__fields .footer-subscribe__send {
    height: 34px;
    line-height: 34px;
    border-radius: 8px;
    background: #ff4b42;
}

body.hitarm-2026 .cityAddress {
    min-width: 0;
    margin: 0;
    padding: 15px 17px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    background: rgba(255,255,255,.05);
    color: #dfeaf5;
}

body.hitarm-2026 .cityAddress span,
body.hitarm-2026 .cityAddress a,
body.hitarm-2026 .cityAddress nobr {
    color: #dfeaf5;
    font-size: 13px;
}

body.hitarm-2026 .titleCityAdress {
    font-weight: 700;
    color: #fff;
    font-size: 16px;
}

body.hitarm-2026 .footer__politic-links,
body.hitarm-2026 .footer__politic-note {
    color: #aac5dd;
    font-size: 12px;
}

body.hitarm-2026 .footer__politic-links a {
    color: #d9e8f5;
}

body.hitarm-2026 .footer__politic-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 22px;
    margin-top: 22px;
    row-gap: 8px;
}

body.hitarm-2026 .container,
body.hitarm-2026 #footer .container {
    width: min(1460px, calc(100% - 44px));
}

body.hitarm-2026 .footer-brand-row {
    display: flex;
    align-items: center;
    gap: 14px;
}

body.hitarm-2026 .footer-brand-logo {
    width: 58px;
    height: 58px;
    object-fit: contain;
}

body.hitarm-2026 .footer-brand-name,
body.hitarm-2026 .footer-brand-name:visited,
body.hitarm-2026 .footer-brand-name:hover {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.05;
    text-decoration: none;
}

body.hitarm-2026 .footer-brand-subtitle {
    margin-top: 5px;
    color: #a9c5dd;
    font-size: 13px;
}

body.hitarm-2026 .footer-brand-text {
    max-width: 390px;
    margin: 18px 0 0;
    color: #c2d6e8;
    font-size: 14px;
    line-height: 1.55;
}

body.hitarm-2026 .footer-brand-contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 18px;
    margin-top: 17px;
}

body.hitarm-2026 .footer-brand-contacts a,
body.hitarm-2026 .footer-nav-block a,
body.hitarm-2026 .footer-contact-block a {
    color: #fff;
    text-decoration: none;
}

body.hitarm-2026 .footer-nav-block a,
body.hitarm-2026 .footer-contact-block a {
    color: #cfe2f1;
}

body.hitarm-2026 .footer-nav-block a:hover,
body.hitarm-2026 .footer-contact-block a:hover,
body.hitarm-2026 .footer-brand-contacts a:hover {
    color: #fff;
    text-decoration: underline;
}

body.hitarm-2026 .footer-subscribe {
    color: #fff;
    grid-template-columns: minmax(120px, .75fr) minmax(180px, 1fr);
    gap: 14px;
    align-items: start;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 16px;
    background: rgba(255,255,255,.07);
    display: block;
}

body.hitarm-2026 .footer-subscribe__title {
    font-weight: 700;
    line-height: 1.1;
    color: #fff;
    font-size: 16px;
}

body.hitarm-2026 .footer-subscribe__desc {
    line-height: 1.35;
    max-width: 360px;
    margin-top: 6px;
    color: #c0d5e6;
    font-size: 13px;
}

body.hitarm-2026 .footer-subscribe form {
    margin-top: 13px;
}

body.hitarm-2026 .footer-subscribe__fields input[type="text"] {
    width: 100%;
    padding: 0 11px;
    outline: none;
    height: 42px;
    border: 1px solid rgba(255,255,255,.26);
    border-radius: 8px;
    background: rgba(255,255,255,.98);
    color: #193b58;
}

body.hitarm-2026 .footer-subscribe__fields label {
    margin: 8px 0;
    color: #bcd2e4;
    font-size: 11px;
    line-height: 1.25;
}

body.hitarm-2026 .footer-subscribe__send {
    width: 100%;
    border: 0;
    color: #fff;
    cursor: pointer;
    min-height: 42px;
    border-radius: 8px;
    background: #e34e5c;
    font-weight: 700;
}

body.hitarm-2026 .footer-address-grid .cityAddress span,
body.hitarm-2026 .footer-address-grid .cityAddress a {
    display: block;
}

body.hitarm-2026 .footer-address-grid .titleCityAdress {
    margin-bottom: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

body.hitarm-2026 .footer-address-grid .f-num-link {
    margin-top: 5px;
    color: #fff;
}

body.hitarm-2026 .footer-bottom-row .copy {
    flex: 0 0 auto;
    color: #a9c4da;
    font-size: 12px;
}

body.hitarm-2026 .footer-bottom-row .footer__politic-links a,
body.hitarm-2026 .footer__politic-note {
    color: #a9c4da;
    font-size: 11px;
}

body.hitarm-2026 .footer__politic-note {
    color: #c0d3e6;
    font-size: 14px;
    margin-top: 12px;
    line-height: 1.45;
}

body.hitarm-2026 #footer {
    width: 100%;
    min-height: 0;
    margin: 0;
    font-size: 14px;
    margin-top: 0;
    color: #dceaf6;
    padding: 42px 0 24px;
    background: linear-gradient(180deg, #0b477c 0%, #07355f 100%);
}

body.hitarm-2026 .footer-main-grid {
    display: grid;
    grid-template-columns: minmax(300px, 1.35fr) .62fr .85fr minmax(290px, 1.15fr);
    gap: 44px;
    align-items: start;
}

body.hitarm-2026 .footer-brand-name,
body.hitarm-2026 .footer-brand-name:visited,
body.hitarm-2026 .footer-brand-name:hover,
body.hitarm-2026 .footer-heading,
body.hitarm-2026 .titleCityAdress {
    color: #fff;
}

body.hitarm-2026 .footer-brand-name {
    font-size: 24px;
    font-weight: 700;
}

body.hitarm-2026 .footer-brand-subtitle,
body.hitarm-2026 .footer-brand-text,
body.hitarm-2026 .footer-contact-block span,
body.hitarm-2026 .footer-address-grid .cityAddress span,
body.hitarm-2026 .footer__politic-note,
body.hitarm-2026 .footer-bottom-row .copy {
    color: #c8dced;
}

body.hitarm-2026 .footer-brand-contacts a,
body.hitarm-2026 .footer-nav-block a,
body.hitarm-2026 .footer-contact-block a,
body.hitarm-2026 .footer-address-grid .f-num-link,
body.hitarm-2026 .footer-bottom-row .footer__politic-links a {
    color: #e7f2fb;
    text-decoration: none;
}

body.hitarm-2026 .footer-brand-contacts a:hover,
body.hitarm-2026 .footer-nav-block a:hover,
body.hitarm-2026 .footer-contact-block a:hover,
body.hitarm-2026 .footer-address-grid .f-num-link:hover,
body.hitarm-2026 .footer-bottom-row .footer__politic-links a:hover {
    color: #7cc8ff;
}

body.hitarm-2026 .footer-heading {
    color: #fff;
    margin-bottom: 14px;
    font-size: 17px;
    font-weight: 700;
}

body.hitarm-2026 .footer-nav-block,
body.hitarm-2026 .footer-contact-block {
    display: flex;
    flex-direction: column;
    color: #c7d9e8;
    font-size: 14px;
    gap: 9px;
}

body.hitarm-2026 .footer-address-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px;
    margin-top: 30px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.16);
}

body.hitarm-2026 .footer-address-grid .cityAddress {
    color: #c5d8e8;
    font-size: 13px;
    line-height: 1.5;
    padding: 0 28px 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.hitarm-2026 .footer-address-grid .cityAddress + .cityAddress {
    padding-left: 28px;
    border-left: 1px solid rgba(255,255,255,.13);
}

body.hitarm-2026 .footer-bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.13);
}

body.hitarm-2026 .footer-bottom-row .footer__politic-links {
    margin: 0;
    display: flex;
    gap: 10px 18px;
    justify-content: flex-end;
}

body.hitarm-2026 .footer-subscribe-wrap,
body.hitarm-2026 .footer-subscribe {
    padding: 0;
    box-shadow: none;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
}

/* ==========================================================================
   Utilities
   ========================================================================== */

body.hitarm-2026 #cookie-banner {
    left: 24px;
    right: 24px;
    bottom: 24px;
    max-width: 880px;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #d7e2ec;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(9, 52, 90, .16);
}

body.hitarm-2026 .cookie-message {
    padding: 18px 22px;
}

body.hitarm-2026 .cookie-message p {
    margin: 0;
    color: #23415d;
}

body.hitarm-2026 .cookie-message button {
    margin-top: 12px;
    padding: 11px 18px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(180deg, #0d6bc2 0%, #064985 100%);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

body.hitarm-2026 .cookie-message .about-cookies {
    margin-left: 12px;
}

body.hitarm-2026 .button-up {
    right: 24px;
    bottom: 24px;
}

/* Responsive / conditional overrides */
@media (max-width: 1360px) {
    body.hitarm-2026 .content-box {
        grid-template-columns: 250px minmax(0, 1fr);
    }

    body.hitarm-2026 .sidebar {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    body.hitarm-2026 .sidebar a {
        margin: 0;
    }

    body.hitarm-2026 .site-benefits__inner {
        grid-template-columns: repeat(3, 1fr);
    }

}

/* Responsive / conditional overrides */
@media (max-width: 1280px) {
    body.hitarm-2026 .header-search-col {
        padding-left: 8px;
        padding-right: 14px;
    }

    body.hitarm-2026 .header-contact {
        padding-left: 9px;
        padding-right: 9px;
    }

    body.hitarm-2026 .header-main-grid {
        grid-template-columns: 225px minmax(260px, 1fr) 205px 185px 205px;
    }

    body.hitarm-2026 .header-contact__value,
        body.hitarm-2026 .header-contact--phone .header-contact__value {
        font-size: 16px;
    }

    body.hitarm-2026 .header-contact--email .header-contact__value {
        font-size: 14.5px;
    }

    body.hitarm-2026 .header-contact--basket {
        padding-left: 8px;
        padding-right: 8px;
        column-gap: 6px;
    }

    body.hitarm-2026 .nav .bgNav {
        grid-template-columns: 210px minmax(0, 1fr) 170px;
    }

    body.hitarm-2026 .nav .first-line li a {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
    }

    body.hitarm-2026 .content-box {
        grid-template-columns: 230px minmax(0, 1fr);
    }

    body.hitarm-2026 .sidebar {
        grid-column: 1 / -1;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    body.hitarm-2026 .sidebar a {
        margin: 0;
    }

    body.hitarm-2026.is-homepage .content-box {
        gap: 14px;
        grid-template-columns: 235px minmax(0, 1fr) 235px;
    }

    body.hitarm-2026.is-homepage .sidebar {
        width: 235px;
    }

    body.hitarm-2026 .footer-subscribe {
        grid-column: 1 / -1;
    }

}

/* Responsive / conditional overrides */
@media (max-width: 1250px) {
    body.hitarm-2026 .header-main-grid {
        grid-template-columns: 240px minmax(250px, 1fr) 178px 170px 160px;
        gap: 12px;
    }

    body.hitarm-2026 .header-contact {
        padding-left: 10px;
        grid-template-columns: 27px minmax(0,1fr);
        column-gap: 7px;
    }

    body.hitarm-2026 .header-contact__icon,
        body.hitarm-2026 .header-contact__icon svg {
        width: 24px;
        height: 24px;
    }

    body.hitarm-2026 .header-contact--phone .header-contact__value {
        font-size: 15px;
    }

    body.hitarm-2026 .footer-main-grid {
        grid-template-columns: 1.3fr .65fr .8fr 1.15fr;
        gap: 25px;
    }

}

/* Responsive / conditional overrides */
@media (max-width: 1180px) {
    body.hitarm-2026.is-homepage .middle .hitarm-home-categories {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    body.hitarm-2026.is-homepage .middle .hitarm-home-categories .hitarm-home-category:nth-child(-n/**/+5),
        body.hitarm-2026.is-homepage .middle .hitarm-home-categories .hitarm-home-category:nth-child(5n/**/+1) {
        border-top: 0;
        border-left: 0;
    }

    body.hitarm-2026.is-homepage .middle .hitarm-home-categories .hitarm-home-category:nth-child(-n/**/+4) {
        border-top: 1px solid #dce6ef;
    }

    body.hitarm-2026.is-homepage .middle .hitarm-home-categories .hitarm-home-category:nth-child(4n/**/+1) {
        border-left: 1px solid #dce6ef;
    }

}

/* Responsive / conditional overrides */
@media (max-width: 1080px) {
    body.hitarm-2026 .header-contact--phone {
        grid-column: 1;
    }

    body.hitarm-2026 .header-contact--email {
        grid-column: 2;
    }

    body.hitarm-2026 .header-contact--basket {
        grid-column: 2;
        justify-self: end;
        width: 170px;
    }

    body.hitarm-2026 .header-search-col {
        padding: 0;
    }

    body.hitarm-2026 .header-contact {
        padding-left: 0;
        height: auto;
        min-height: 46px;
        border-left: 0;
        border-top: 1px solid #edf2f6;
        padding: 10px 0;
    }

    body.hitarm-2026 .phoneDropdown {
        right: auto;
        left: 0;
    }

    body.hitarm-2026 .phoneDropdown::after {
        right: auto;
        left: 24px;
    }

    body.hitarm-2026 .header-main-grid {
        gap: 16px 20px;
        padding: 18px 0;
        grid-template-columns: 250px minmax(0, 1fr);
    }

    body.hitarm-2026 .header-contact--phone,
        body.hitarm-2026 .header-contact--email,
        body.hitarm-2026 .header-contact--basket {
        grid-row: 2;
        height: auto;
        min-height: 54px;
        margin-left: 0;
    }

    body.hitarm-2026 .nav .bgNav {
        grid-template-columns: 215px minmax(0, 1fr) 170px;
    }

    body.hitarm-2026 .catalog-shortcut {
        width: 215px;
    }

    body.hitarm-2026 .nav .second-line {
        width: 170px;
    }

    body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle {
        padding-right: 0;
        min-height: 0;
    }

    body.hitarm-2026.is-catalog-area:not(.is-product-page) .bx_filter.bx_blue,
        body.hitarm-2026.is-catalog-area:not(.is-product-page) .bx_filter {
        position: static;
        width: 100%;
        max-height: none;
        margin: 0 0 22px;
        overflow: visible;
    }

    body.hitarm-2026.is-catalog-area:not(.is-product-page) .bx_filter .bx_filter_section,
        body.hitarm-2026.is-catalog-area:not(.is-product-page) .bx_filter .smartfilter {
        max-height: none;
        overflow: visible;
    }

    body.hitarm-2026 .footer-main-grid {
        row-gap: 32px;
        grid-template-columns: 1fr 1fr;
    }

}

/* Responsive / conditional overrides */
@media (max-width: 1024px) {
    body.hitarm-2026 .header-topline__inner,
        body.hitarm-2026 .nav .bgNav {
        display: grid;
    }

    body.hitarm-2026 .catalog-shortcut {
        margin-left: 0;
        width: 100%;
    }

    body.hitarm-2026 .nav .second-line {
        margin-right: 0;
    }

    body.hitarm-2026 .left-sidebar,
        body.hitarm-2026 .middle,
        body.hitarm-2026 .sidebar {
        width: 100%;
    }

    body.hitarm-2026.is-catalog-area .content-box {
        grid-template-columns: 1fr;
    }

    body.hitarm-2026.is-catalog-area .left-sidebar {
        display: none;
    }

    body.hitarm-2026.is-catalog-area .middle {
        padding-right: 0;
    }

    body.hitarm-2026.is-catalog-area .bx_filter.bx_blue,
        body.hitarm-2026.is-catalog-area .bx_filter {
        position: static;
        width: 100%;
        margin: 0 0 20px;
    }

    body.hitarm-2026 .bx_filter .smartfilter {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 18px;
    }

    body.hitarm-2026 .bx_filter .bx_filter_button_box {
        grid-column: 1 / -1;
    }

}

/* Responsive / conditional overrides */
@media (max-width: 980px) {
    body.hitarm-2026.is-homepage .content-box {
        grid-template-columns: 1fr;
    }

    body.hitarm-2026.is-homepage .left-sidebar .links-categories > li:nth-child(n/**/+15) {
        display: block;
    }

}

/* Responsive / conditional overrides */
@media (max-width: 900px) {
    body.hitarm-2026 .nav .bgNav {
        grid-template-columns: 1fr 160px;
    }

    body.hitarm-2026 .catalog-shortcut {
        grid-column: 1 / -1;
    }

    body.hitarm-2026 .nav .first-line {
        flex-wrap: wrap;
    }

    body.hitarm-2026 .nav .first-line li {
        flex: 1 1 33%;
    }

    body.hitarm-2026 .sidebar {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

/* Responsive / conditional overrides */
@media (max-width: 820px) {
    body.hitarm-2026 .header-topline__inner {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 0;
    }

    body.hitarm-2026 .header-topline__item:nth-child(2),
        body.hitarm-2026 .header-topline__item:nth-child(3) {
        display: none;
    }

    body.hitarm-2026 .header-main-grid {
        grid-template-columns: 1fr;
    }

    body.hitarm-2026 .header-brand,
        body.hitarm-2026 .header-search-col,
        body.hitarm-2026 .header-contact--phone,
        body.hitarm-2026 .header-contact--email,
        body.hitarm-2026 .header-contact--basket {
        grid-column: 1;
        grid-row: auto;
        width: 100%;
        justify-self: stretch;
    }

    body.hitarm-2026 .header-contact {
        min-height: 42px;
        border-top: 1px solid #edf2f6;
        padding: 10px 0;
    }

    body.hitarm-2026 .phoneDropdown {
        position: fixed !important;
        top: 84px !important;
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        max-width: none !important;
    }

    body.hitarm-2026 .phoneDropdown::after {
        display: none;
    }

    body.hitarm-2026 .nav .bgNav {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    body.hitarm-2026 .catalog-shortcut,
        body.hitarm-2026 .nav .second-line,
        body.hitarm-2026 .nav .second-line li.last,
        body.hitarm-2026 .nav .second-line li.last a {
        width: 100%;
    }

    body.hitarm-2026 .nav .first-line {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    body.hitarm-2026 .container,
        body.hitarm-2026 #footer .container,
        body.hitarm-2026 .nav .container {
        width: calc(100% - 24px) !important;
    }

    body.hitarm-2026 .site-benefits__inner,
        body.hitarm-2026 .footer-main-grid,
        body.hitarm-2026 .footer-address-grid {
        grid-template-columns: 1fr;
    }

    body.hitarm-2026 .site-benefit-item {
        border-right: 0;
        border-bottom: 1px solid #e5ecf2;
    }

    body.hitarm-2026 .footer-bottom-row {
        display: block;
    }

    body.hitarm-2026 .footer-bottom-row .footer__politic-links {
        justify-content: flex-start;
        margin-top: 12px;
    }

    body.hitarm-2026 .footer-main-grid,
        body.hitarm-2026 .footer-address-grid {
        grid-template-columns: 1fr !important;
    }

    body.hitarm-2026 .footer-address-grid .cityAddress + .cityAddress {
        padding-left: 0 !important;
        padding-top: 16px !important;
        border-left: 0 !important;
        border-top: 1px solid rgba(255,255,255,.12) !important;
    }

}

/* Responsive / conditional overrides */
@media (max-width: 800px) {
    body.hitarm-2026 .container,
        body.hitarm-2026 #content > .container,
        body.hitarm-2026 #footer > .container,
        body.hitarm-2026 .nav > .container {
        width: calc(100% - 20px);
    }

    body.hitarm-2026 .nav .bgNav {
        grid-template-columns: 1fr;
    }

    body.hitarm-2026 .nav .first-line li {
        flex-basis: 50%;
    }

    body.hitarm-2026 .nav .second-line {
        width: 100%;
    }

    body.hitarm-2026 .middle .rubric {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.hitarm-2026 .sidebar {
        grid-template-columns: 1fr;
    }

    body.hitarm-2026 .footer-subscribe {
        display: block;
    }

    body.hitarm-2026 .footer-subscribe form,
        body.hitarm-2026 .footer-subscribe .footer-subscribe__fields {
        width: 100%;
        max-width: none;
        margin-top: 10px;
    }

}

/* Responsive / conditional overrides */
@media (max-width: 767px) {
    body.hitarm-2026 .header-brand {
        align-items: flex-start;
    }

    body.hitarm-2026 .header-search-form {
        grid-template-columns: 1fr;
    }

    body.hitarm-2026 .header-search-form__submit {
        height: 48px;
    }

    body.hitarm-2026 .nav .first-line li,
        body.hitarm-2026 .nav .second-line li,
        body.hitarm-2026 .nav .second-line li.last a {
        width: 100%;
    }

    body.hitarm-2026 .nav .second-line li a,
        body.hitarm-2026 .nav .first-line li a {
        width: 100%;
    }

    body.hitarm-2026 .middle h1 {
        font-size: 28px;
    }

    body.hitarm-2026 .middle h2 {
        font-size: 24px;
    }

    body.hitarm-2026 .middle .rubric {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.hitarm-2026 .sidebar {
        display: block;
    }

    body.hitarm-2026 .sidebar a {
        margin-bottom: 14px;
    }

    body.hitarm-2026 .container,
        body.hitarm-2026 #footer .container {
        width: calc(100% - 20px);
    }

    body.hitarm-2026 #cookie-banner {
        left: 10px;
        right: 10px;
        bottom: 10px;
    }

}

/* Responsive / conditional overrides */
@media (max-width: 760px) {
    body.hitarm-2026 .hitarm-home-category__image {
        height: 125px;
    }

    body.hitarm-2026 .hitarm-home-category__image img {
        height: 105px !important;
        max-height: 105px !important;
    }

    body.hitarm-2026.is-homepage .middle .hitarm-home-categories {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.hitarm-2026.is-homepage .middle .hitarm-home-categories .hitarm-home-category:nth-child(-n/**/+4),
        body.hitarm-2026.is-homepage .middle .hitarm-home-categories .hitarm-home-category:nth-child(4n/**/+1) {
        border-top: 0 !important;
        border-left: 0 !important;
    }

    body.hitarm-2026.is-homepage .middle .hitarm-home-categories .hitarm-home-category:nth-child(-n/**/+2) {
        border-top: 1px solid #dce6ef !important;
    }

    body.hitarm-2026.is-homepage .middle .hitarm-home-categories .hitarm-home-category:nth-child(2n/**/+1) {
        border-left: 1px solid #dce6ef !important;
    }

    body.hitarm-2026.is-catalog-area .productBlock {
        grid-template-columns: 86px minmax(0, 1fr);
        gap: 12px;
        padding: 12px;
    }

    body.hitarm-2026.is-catalog-area .productBlock > a > figure > img,
        body.hitarm-2026.is-catalog-area .productBlock > a > img {
        width: 78px !important;
        height: 74px !important;
    }

    body.hitarm-2026 .bx_filter .smartfilter {
        display: block;
    }

}


/* ========================================================================== 
   Catalog composition — true menu / content / filter layout
   Added after the clean CSS rebuild. No absolute filter positioning.
   ========================================================================== */

body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle {
    padding-right: 0;
    min-height: 0;
}

body.hitarm-2026.is-catalog-area:not(.is-product-page) .bx_filter.bx_blue,
body.hitarm-2026.is-catalog-area:not(.is-product-page) .bx_filter {
    position: static;
    top: auto;
    right: auto;
    left: auto;
    width: 100%;
    max-height: none;
    margin: 0 0 20px;
    overflow: visible;
}

body.hitarm-2026.is-catalog-area:not(.is-product-page) .bx_filter .bx_filter_section {
    max-height: none;
}

@supports selector(.middle:has(> .bx_filter)) {
    body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 288px;
        column-gap: 24px;
        align-items: start;
        width: 100%;
        min-width: 0;
    }

    body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) > :not(.bx_filter) {
        grid-column: 1;
        min-width: 0;
    }

    body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) > .bx_filter {
        grid-column: 2;
        grid-row: 1 / span 64;
        position: sticky;
        top: 18px;
        align-self: start;
        width: 100%;
        max-height: calc(100vh - 36px);
        margin: 0;
        overflow: hidden;
        z-index: 12;
    }

    body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) > .bx_filter .bx_filter_section {
        display: flex;
        flex-direction: column;
        max-height: calc(100vh - 36px);
        overflow: hidden;
    }

    body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) > .bx_filter .smartfilter {
        flex: 1 1 auto;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media (max-width: 1280px) {
    @supports selector(.middle:has(> .bx_filter)) {
        body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) {
            grid-template-columns: minmax(0, 1fr) 260px;
            column-gap: 18px;
        }
    }
}

@media (max-width: 1120px) {
    @supports selector(.middle:has(> .bx_filter)) {
        body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) {
            display: block;
        }

        body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) > .bx_filter {
            position: static;
            width: 100%;
            max-height: none;
            margin: 0 0 20px;
            overflow: visible;
        }

        body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) > .bx_filter .bx_filter_section,
        body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) > .bx_filter .smartfilter {
            max-height: none;
            overflow: visible;
        }
    }
}


/* ========================================================================== 
   Wide layout refinement — 2026-09-21
   Keeps 3-column catalog only where there is enough physical width.
   ========================================================================== */

@media (min-width: 1381px) {
    body.hitarm-2026 .container,
    body.hitarm-2026 #content > .container,
    body.hitarm-2026 #footer > .container,
    body.hitarm-2026 .nav > .container,
    body.hitarm-2026 .nav .container {
        width: min(1660px, calc(100% - 32px));
        max-width: 1660px;
    }

    body.hitarm-2026.is-catalog-area .content-box {
        grid-template-columns: 215px minmax(0, 1fr);
        gap: 22px;
    }

    @supports selector(.middle:has(> .bx_filter)) {
        body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) {
            grid-template-columns: minmax(0, 1fr) 260px;
            column-gap: 22px;
        }
    }
}

/* Medium desktop: do not crush products between two sidebars. */
@media (min-width: 1025px) and (max-width: 1380px) {
    body.hitarm-2026 .container,
    body.hitarm-2026 #content > .container,
    body.hitarm-2026 #footer > .container,
    body.hitarm-2026 .nav > .container,
    body.hitarm-2026 .nav .container {
        width: calc(100% - 28px);
        max-width: none;
    }

    body.hitarm-2026.is-catalog-area .content-box {
        grid-template-columns: 210px minmax(0, 1fr);
        gap: 20px;
    }

    @supports selector(.middle:has(> .bx_filter)) {
        body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) {
            display: block;
        }

        body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) > .bx_filter {
            position: static;
            width: 100%;
            max-height: none;
            margin: 0 0 18px;
            overflow: visible;
        }

        body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) > .bx_filter .bx_filter_section {
            max-height: none;
            overflow: visible;
        }

        body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) > .bx_filter .smartfilter {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0 14px;
            max-height: none;
            overflow: visible;
        }

        body.hitarm-2026.is-catalog-area:not(.is-product-page) .middle:has(> .bx_filter) > .bx_filter .bx_filter_button_box {
            grid-column: 1 / -1;
        }
    }
}

/* ========================================================================== 
   TECH3 — footer contrast + independent callback/request modal
   ========================================================================== */

/* Footer: legacy styles.css still contains #footer a { color:#333; }.
   Keep the dark 2026 footer, but force the actual footer content into a
   readable light palette. */
body.hitarm-2026 #footer {
    color: #dceaf6;
}

body.hitarm-2026 #footer .footer-brand-name,
body.hitarm-2026 #footer .footer-brand-name:visited,
body.hitarm-2026 #footer .footer-heading,
body.hitarm-2026 #footer .titleCityAdress {
    color: #ffffff !important;
}

body.hitarm-2026 #footer .footer-brand-subtitle,
body.hitarm-2026 #footer .footer-brand-text,
body.hitarm-2026 #footer .footer-contact-block span,
body.hitarm-2026 #footer .footer-address-grid .cityAddress span,
body.hitarm-2026 #footer .footer-bottom-row .copy,
body.hitarm-2026 #footer .footer__politic-note {
    color: #d3e4f2 !important;
}

body.hitarm-2026 #footer .footer-brand-contacts a,
body.hitarm-2026 #footer .footer-nav-block a,
body.hitarm-2026 #footer .footer-contact-block a,
body.hitarm-2026 #footer .footer-address-grid .f-num-link,
body.hitarm-2026 #footer .footer-bottom-row .footer__politic-links a {
    color: #f2f8fd !important;
    text-decoration: none;
}

body.hitarm-2026 #footer .footer-brand-contacts a,
body.hitarm-2026 #footer .footer-contact-block a,
body.hitarm-2026 #footer .footer-address-grid .f-num-link {
    font-weight: 600;
}

body.hitarm-2026 #footer .footer-nav-block a,
body.hitarm-2026 #footer .footer-contact-block,
body.hitarm-2026 #footer .footer-brand-text {
    font-size: 14.5px;
}

body.hitarm-2026 #footer .footer-brand-contacts a:hover,
body.hitarm-2026 #footer .footer-nav-block a:hover,
body.hitarm-2026 #footer .footer-contact-block a:hover,
body.hitarm-2026 #footer .footer-address-grid .f-num-link:hover,
body.hitarm-2026 #footer .footer-bottom-row .footer__politic-links a:hover {
    color: #70ccff !important;
    text-decoration: underline;
}

body.hitarm-2026 #footer .footer__politic-note {
    font-size: 12px;
    line-height: 1.55;
}

/* Subscription component has its own legacy stylesheet, so keep its text
   readable without changing the input value colour. */
body.hitarm-2026 #footer .footer-subscribe,
body.hitarm-2026 #footer .footer-subscribe__title,
body.hitarm-2026 #footer .footer-subscribe .footer-subscribe__title {
    color: #ffffff !important;
}

body.hitarm-2026 #footer .footer-subscribe__desc,
body.hitarm-2026 #footer .footer-subscribe label,
body.hitarm-2026 #footer .footer-subscribe .footer-subscribe__desc {
    color: #d6e7f4 !important;
}

body.hitarm-2026 #footer .footer-subscribe input[type="text"],
body.hitarm-2026 #footer .footer-subscribe input[type="email"] {
    color: #163b5b !important;
}

/* Callback/request forms use the site's original AngularJS components.
   Their server fragments remain /_ajax/user_callback.php and /_ajax/user_request.php.
   Do not override .ang_user_callback/.ang_user_request here: template_styles.css
   owns the legacy form geometry until the forms are redesigned separately. */

/* ========================================================================== 
   TECH5 — legacy Angular forms: modern fixed modal shell
   Keeps /_ajax/user_callback.php and /_ajax/user_request.php logic untouched.
   ========================================================================== */

/* Stop the page behind the modal from scrolling in modern browsers. */
body.hitarm-2026:has(.ang_user_callback),
body.hitarm-2026:has(.ang_user_request) {
    overflow: hidden;
}

body.hitarm-2026 .ang_user_callback,
body.hitarm-2026 .ang_user_request {
    position: fixed !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    float: none !important;
    box-sizing: border-box;
    width: min(520px, calc(100vw - 32px)) !important;
    max-width: none !important;
    max-height: calc(100vh - 32px);
    margin: 0 !important;
    padding: 28px 30px 30px !important;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    color: #183b59;
    background: #ffffff;
    border: 1px solid #d7e4ef;
    border-radius: 18px;
    box-shadow:
        0 24px 80px rgba(4, 35, 63, .26),
        0 0 0 100vmax rgba(7, 31, 52, .52);
    z-index: 10050 !important;
}

body.hitarm-2026 .ang_user_request {
    width: min(560px, calc(100vw - 32px)) !important;
}

body.hitarm-2026 .ang_user_callback .h2,
body.hitarm-2026 .ang_user_request .h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 34px;
    margin: 0 44px 18px 0;
    padding: 0;
    color: #0d3150;
    font-size: 23px;
    line-height: 1.2;
    font-weight: 700;
    text-shadow: none;
}

body.hitarm-2026 .ang_user_callback .h2 img,
body.hitarm-2026 .ang_user_request .h2 img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

body.hitarm-2026 .ang_user_callback .ang-close-button,
body.hitarm-2026 .ang_user_request .ang-close-button {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    left: auto !important;
    float: none !important;
    box-sizing: border-box;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 9px !important;
    cursor: pointer;
    object-fit: contain;
    background: #0b5e99;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(10, 69, 111, .16);
    z-index: 2;
}

body.hitarm-2026 .ang_user_callback .ang-close-button:hover,
body.hitarm-2026 .ang_user_request .ang-close-button:hover {
    background: #084a7b;
}

body.hitarm-2026 .ang_user_callback .form,
body.hitarm-2026 .ang_user_request .form {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #26465f;
}

body.hitarm-2026 .ang_user_callback .form label,
body.hitarm-2026 .ang_user_request .form label {
    display: block;
    margin: 0;
    padding: 11px 0 6px;
    color: #274a66;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 650;
    text-shadow: none;
}

body.hitarm-2026 .ang_user_callback .form sup,
body.hitarm-2026 .ang_user_request .form sup {
    margin-left: 2px;
    color: #ef4545;
}

body.hitarm-2026 .ang_user_callback .form input:not([type="checkbox"]):not([type="submit"]),
body.hitarm-2026 .ang_user_request .form input:not([type="checkbox"]):not([type="submit"]),
body.hitarm-2026 .ang_user_callback .form textarea,
body.hitarm-2026 .ang_user_request .form textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 10px 12px;
    color: #153a58;
    background: #f9fbfd;
    border: 1px solid #cbdce9;
    border-radius: 10px;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(12, 58, 91, .04);
    font: inherit;
    font-size: 15px;
    line-height: 1.35;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

body.hitarm-2026 .ang_user_callback .form input:not([type="checkbox"]):not([type="submit"]) ,
body.hitarm-2026 .ang_user_request .form input:not([type="checkbox"]):not([type="submit"]) {
    height: 44px;
}

/* The callback form contains a legacy zero-height honeypot input. */
body.hitarm-2026 .ang_user_callback .form #nameFormMail {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

body.hitarm-2026 .ang_user_callback .form textarea,
body.hitarm-2026 .ang_user_request .form textarea {
    min-height: 104px;
    height: 104px;
    resize: vertical;
}

body.hitarm-2026 .ang_user_callback .form input:focus,
body.hitarm-2026 .ang_user_request .form input:focus,
body.hitarm-2026 .ang_user_callback .form textarea:focus,
body.hitarm-2026 .ang_user_request .form textarea:focus {
    background: #fff;
    border-color: #1480c4;
    box-shadow: 0 0 0 3px rgba(20, 128, 196, .12);
}

body.hitarm-2026 .ang_user_callback .form > span,
body.hitarm-2026 .ang_user_request .form > span {
    display: block;
    margin-top: 8px;
    color: #778b9c;
    font-size: 12px;
    line-height: 1.35;
}

body.hitarm-2026 .ang_user_callback .form label:has(input[type="checkbox"]),
body.hitarm-2026 .ang_user_request .form label:has(input[type="checkbox"]) {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 9px;
    align-items: start;
    margin-top: 10px;
    padding: 10px 12px;
    color: #536d82;
    background: #f5f9fc;
    border: 1px solid #e0e9f1;
    border-radius: 10px;
    font-size: 12.5px !important;
    line-height: 1.45;
    font-weight: 400;
}

body.hitarm-2026 .ang_user_callback .form input[type="checkbox"],
body.hitarm-2026 .ang_user_request .form input[type="checkbox"] {
    box-sizing: border-box;
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    margin: 1px 0 0 !important;
    padding: 0;
    accent-color: #0b78bb;
    box-shadow: none;
}

body.hitarm-2026 .ang_user_callback .form label:has(input[type="checkbox"]) a,
body.hitarm-2026 .ang_user_request .form label:has(input[type="checkbox"]) a {
    color: #075f98 !important;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.hitarm-2026 .ang_user_callback .form input[type="submit"],
body.hitarm-2026 .ang_user_request .form input[type="submit"] {
    display: block;
    float: none;
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    margin: 16px 0 0;
    padding: 0 18px;
    color: #fff;
    background: linear-gradient(180deg, #1489ce 0%, #08659f 100%);
    border: 0;
    border-radius: 10px;
    box-shadow: 0 7px 18px rgba(9, 97, 154, .20);
    cursor: pointer;
    font-size: 15px;
    line-height: 46px;
    font-weight: 700;
    text-align: center;
    transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}

body.hitarm-2026 .ang_user_callback .form input[type="submit"]:not(:disabled):hover,
body.hitarm-2026 .ang_user_request .form input[type="submit"]:not(:disabled):hover {
    transform: translateY(-1px);
    box-shadow: 0 9px 22px rgba(9, 97, 154, .27);
}

body.hitarm-2026 .ang_user_callback .form input[type="submit"]:disabled,
body.hitarm-2026 .ang_user_request .form input[type="submit"]:disabled,
body.hitarm-2026 .ang_user_callback .form .autosubmit:not(:enabled),
body.hitarm-2026 .ang_user_request .form .autosubmit:not(:enabled) {
    cursor: not-allowed;
}

@media (max-width: 600px) {
    body.hitarm-2026 .ang_user_callback,
    body.hitarm-2026 .ang_user_request {
        top: 12px !important;
        left: 50% !important;
        width: calc(100vw - 20px) !important;
        max-height: calc(100dvh - 24px);
        transform: translateX(-50%);
        padding: 22px 18px 20px !important;
        border-radius: 15px;
    }

    body.hitarm-2026 .ang_user_callback .h2,
    body.hitarm-2026 .ang_user_request .h2 {
        margin-right: 40px;
        font-size: 20px;
    }

    body.hitarm-2026 .ang_user_callback .ang-close-button,
    body.hitarm-2026 .ang_user_request .ang-close-button {
        top: 10px !important;
        right: 10px !important;
        width: 34px !important;
        height: 34px !important;
    }
}


/* ========================================================================== 
   TECH6 — modal portal at BODY level
   The Angular fragments no longer live inside .nav stacking context.
   ========================================================================== */
body.hitarm-2026 .hitarm-modal-portal {
    position: static;
}

body.hitarm-2026 .hitarm-modal-slot {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    display: grid !important;
    place-items: center !important;
    box-sizing: border-box;
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 18px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    background: rgba(7, 31, 52, .56);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* Form itself becomes a normal card inside the fixed full-screen slot. */
body.hitarm-2026 .hitarm-modal-slot > .ang_user_callback,
body.hitarm-2026 .hitarm-modal-slot > .ang_user_request,
body.hitarm-2026 .hitarm-modal-slot .ang_user_callback,
body.hitarm-2026 .hitarm-modal-slot .ang_user_request {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    align-self: center;
    justify-self: center;
    width: min(520px, calc(100vw - 36px)) !important;
    max-width: 100% !important;
    max-height: calc(100dvh - 36px) !important;
    margin: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-shadow: 0 24px 80px rgba(4, 35, 63, .30) !important;
    z-index: 1 !important;
}

body.hitarm-2026 .hitarm-modal-slot > .ang_user_request,
body.hitarm-2026 .hitarm-modal-slot .ang_user_request {
    width: min(560px, calc(100vw - 36px)) !important;
}

/* The old TECH5 modal used a giant shadow as backdrop; the slot owns it now. */
body.hitarm-2026 .hitarm-modal-slot .ang_user_callback,
body.hitarm-2026 .hitarm-modal-slot .ang_user_request {
    box-shadow: 0 24px 80px rgba(4, 35, 63, .30) !important;
}

@media (max-width: 600px) {
    body.hitarm-2026 .hitarm-modal-slot {
        place-items: start center !important;
        padding: 10px !important;
    }

    body.hitarm-2026 .hitarm-modal-slot > .ang_user_callback,
    body.hitarm-2026 .hitarm-modal-slot > .ang_user_request,
    body.hitarm-2026 .hitarm-modal-slot .ang_user_callback,
    body.hitarm-2026 .hitarm-modal-slot .ang_user_request {
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        max-height: calc(100dvh - 20px) !important;
        margin: 0 !important;
        transform: none !important;
    }
}


body.hitarm-2026.is-homepage .middle .hitarm-home-categories .hitarm-home-category .hitarm-home-category__title {
    min-height: 54px;
    padding: 12px 14px 16px;
    font-size: 14px;
    line-height: 1.3;
}

@media (max-width: 1399px) {
    body.hitarm-2026.is-homepage .middle .hitarm-home-categories {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


/* ========================================================================== 
   FORM UI V6 — compact, readable callback/request modals for hitarm2026
   ========================================================================== */
body.hitarm-2026 .hitarm-modal-slot .ang_user_callback {
    width: min(500px, calc(100vw - 36px)) !important;
    padding: 26px 28px 28px !important;
}

body.hitarm-2026 .hitarm-modal-slot .ang_user_request {
    width: min(600px, calc(100vw - 36px)) !important;
    padding: 26px 28px 28px !important;
}

body.hitarm-2026 .hitarm-modal-slot .ang_user_callback .h2,
body.hitarm-2026 .hitarm-modal-slot .ang_user_request .h2 {
    margin: 0 46px 14px 0;
    min-height: 32px;
    font-size: 21px;
    line-height: 1.25;
}

body.hitarm-2026 .hitarm-modal-slot .ang_user_callback .h2 img,
body.hitarm-2026 .hitarm-modal-slot .ang_user_request .h2 img {
    width: 22px;
    height: 22px;
}

body.hitarm-2026 .hitarm-modal-slot .ang_user_callback .form label:not(.hitarm-form-consent),
body.hitarm-2026 .hitarm-modal-slot .ang_user_request .form label:not(.hitarm-form-consent) {
    padding: 8px 0 5px;
    font-size: 13px;
    line-height: 1.3;
}

body.hitarm-2026 .hitarm-modal-slot .ang_user_callback .form input:not([type="checkbox"]):not([type="submit"]),
body.hitarm-2026 .hitarm-modal-slot .ang_user_request .form input:not([type="checkbox"]):not([type="submit"]) {
    height: 42px;
    padding: 9px 12px;
    border-radius: 9px;
    font-size: 14px;
}

body.hitarm-2026 .hitarm-modal-slot .ang_user_callback .form textarea {
    min-height: 82px;
    height: 82px;
    padding: 10px 12px;
    border-radius: 9px;
    font-size: 14px;
}

body.hitarm-2026 .hitarm-modal-slot .ang_user_request .form textarea {
    min-height: 96px;
    height: 96px;
    padding: 10px 12px;
    border-radius: 9px;
    font-size: 14px;
}

body.hitarm-2026 .hitarm-modal-slot .hitarm-form-required {
    display: block;
    margin: 7px 0 0;
    color: #71879a;
    font-size: 11.5px;
    line-height: 1.35;
}

/* Wrap checkbox + all consent text as two stable flex items.
   This avoids links becoming separate grid cells and breaking the sentence. */
body.hitarm-2026 .hitarm-modal-slot .ang_user_callback .form .hitarm-form-consent,
body.hitarm-2026 .hitarm-modal-slot .ang_user_request .form .hitarm-form-consent {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: flex-start;
    gap: 10px;
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 12px;
    color: #526c80;
    background: #f6f9fc;
    border: 1px solid #dde7ef;
    border-radius: 9px;
    font-size: 12px !important;
    line-height: 1.45;
    font-weight: 400;
    cursor: pointer;
}

body.hitarm-2026 .hitarm-modal-slot .hitarm-form-consent input[type="checkbox"] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    margin: 1px 0 0 !important;
}

body.hitarm-2026 .hitarm-modal-slot .hitarm-form-consent__text {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    color: #526c80;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 400;
}

body.hitarm-2026 .hitarm-modal-slot .hitarm-form-consent__text a {
    display: inline !important;
    color: #075f98 !important;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.hitarm-2026 .hitarm-modal-slot .hitarm-form-error {
    box-sizing: border-box;
    margin: 10px 0 0 !important;
    padding: 9px 11px;
    color: #a12822 !important;
    background: #fff4f3;
    border: 1px solid #ffd5d1;
    border-radius: 8px;
    font-size: 12.5px;
    line-height: 1.4;
    font-weight: 600 !important;
}

body.hitarm-2026 .hitarm-modal-slot .ang_user_callback > .form-note,
body.hitarm-2026 .hitarm-modal-slot .ang_user_request > .form-note {
    box-sizing: border-box;
    margin: 0 0 8px;
    padding: 10px 12px;
    color: #166534;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 9px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
}

body.hitarm-2026 .hitarm-modal-slot .ang_user_callback .form input[type="submit"],
body.hitarm-2026 .hitarm-modal-slot .ang_user_request .form input[type="submit"] {
    height: 44px;
    margin-top: 12px;
    border-radius: 9px;
    line-height: 44px;
}

@media (max-width: 600px) {
    body.hitarm-2026 .hitarm-modal-slot .ang_user_callback,
    body.hitarm-2026 .hitarm-modal-slot .ang_user_request {
        width: 100% !important;
        padding: 20px 16px 18px !important;
    }

    body.hitarm-2026 .hitarm-modal-slot .ang_user_callback .h2,
    body.hitarm-2026 .hitarm-modal-slot .ang_user_request .h2 {
        margin-right: 42px;
        margin-bottom: 12px;
        font-size: 19px;
    }

    body.hitarm-2026 .hitarm-modal-slot .ang_user_callback .form .hitarm-form-consent,
    body.hitarm-2026 .hitarm-modal-slot .ang_user_request .form .hitarm-form-consent {
        padding: 9px 10px;
    }
}