.stickers .sticker_modul {
   background-color: #2563EB;
}

.stickers .sticker_fast_sborka {
   background-color: #60A5FA;
}

.stickers .sticker_proch_stal {
   background-color: #6B7280;
}

.stickers .sticker_nagruz {
   background-color: #B91C1C;
}

.stickers .sticker_dvoynaya_nojka {
   background-color: #b91c1c;
}

.stickers .sticker_tovar_nedely {
   background-color: #FFD600;
}

.stickers .sticker_tovar_mesyatsa {
   background-color: #FFD600;
}

.stickers .sticker_spec_tsena {
   background-color: #FF3B30;
}

.stickers .sticker_skidka {
   background-color: #FF3B30;
}

table > tbody > tr > td.menu-item.dropdown.catalog.wide_menu > div > a > div { background-color: #dd3624 !important; padding: 10px 15px !important; border-radius: 5px !important; margin: -10px; color: white; transition: background-color .15s ease; } table > tbody > tr > td.menu-item.dropdown.catalog.wide_menu:hover > div > a > div, table > tbody > tr > td.menu-item.dropdown.catalog.wide_menu.hover > div > a > div, table > tbody > tr > td.menu-item.dropdown.catalog.wide_menu > div > a:hover > div, table > tbody > tr > td.menu-item.dropdown.catalog.wide_menu > div > a:focus > div { background-color: #b82e1d !important; } .wrapper1:not(.with_left_block) .wrapper_inner.front .drag-block.container .content_wrapper_block > .maxwidth-theme { padding-top: 30px !important; } .item-views.tizers { padding: 3px 0 0px !important; } @media (max-width: 768px) { .item-views.tizers.top { padding-top: 9px; display: none !important; } h1#pagetitle { font-size:21px; } div.product-chars.flex-50 > div.char-side.char-toggle-visible { display:none; } } #headerfixed > div > div > div > div.header__top-item.minwidth0.flex1 > div > div > nav > div > table > tbody > tr > td.menu-item.dropdown.catalog.wide_menu > div > a > div { padding: 10px 20px !important; } #header > div:nth-child(2) > div > div.header__top-inner.logo-row > div.header__top-item.minwidth0.flex1 > div > div > nav > div > table > tbody > tr > td.menu-item.dropdown.catalog.wide_menu > div > a > div { color: white; } .wrapper1.has-secion-banner:not(.light-menu-color) .menu-row:not(.bgcolored):not(.bgdark) td.active .svg path, .wrapper1.has-secion-banner.light-menu-color .menu-row.bglight td.active .svg path, .wrapper1:not(.has-secion-banner):not(.light-menu-color) .menu-row:not(.bgcolored):not(.bgdark) td.active .svg path, .wrapper1.has-secion-banner:not(.light-menu-color) .menu-row:not(.bgcolored):not(.bgdark) td:hover .svg path, .wrapper1.has-secion-banner.light-menu-color .menu-row.bglight td:hover .svg path, .wrapper1:not(.has-secion-banner):not(.light-menu-color) .menu-row:not(.bgcolored):not(.bgdark) td:hover .svg path { fill: white; } #header > div:nth-child(2) > div > div.header__top-inner.logo-row > div.header__top-item.minwidth0.flex1 > div > div > nav > div > table > tbody > tr > td.menu-item.dropdown.catalog.wide_menu > div > a > div > i.svg.inline.svg-inline-icon_catalog > svg > path { color: white; } .top_slider_wrapp .banner_title .head-title:not(.option-font-ignore) { font-weight: 900; } .main-slider__item .left .banner_buttons { font-size: 18px; } #content > div.wrapper_inner > div > div.right_block.wide_ > div > div > div > div > div:nth-child(2) { display: none; } .top_slider_wrapp .box .video { pointer-events: none; }

@media (min-width: 992px) {
    .wrapper1.long_banner.high_one_row_header .top_big_one_banner .top_slider_wrapp .main-slider__item td {
        height: 509px;
    }
}

.top_slider_wrapp .main-slider .banner_title .head-title {
    font-size: 5.3em;
    line-height: 0.75em;
    margin: 0px;
    padding: 0px;
}

/* Slider has an empty <td class="img"> next to .text, both fixed at 50% width.
   Collapse the empty image cell so the text gets full slider width. */
.top_slider_wrapp .main-slider__item td.text { width: 100% !important; }
.top_slider_wrapp .main-slider__item td.img:empty { width: 0 !important; padding: 0 !important; display: none !important; }

body .top_slider_wrapp .main-slider__wrapper .text .banner_title .head-title {
    /* margin-left: -2px; */
}

/* Hide "Тенты" badge above the main banner title and lift the title slightly */
.top_slider_wrapp .main-slider .banner_title .section { display: none !important; }
.top_slider_wrapp .main-slider .banner_title { margin-top: -30px; }

/* Header logo sizing — must give wide-aspect logos (e.g. wordmark+icon) full
   horizontal room. Aspro Max default caps .logo-block at ~192px which would
   force browsers to honour intrinsic aspect ratio and SHRINK height. We undo
   parent width caps and force height: 54px on the img.
   Scoped to #header; #headerfixed keeps its own max-height: 46px. */
#header .logo-block,
#header .logo-block .logo,
#header .logo-block .logo a {
    max-width: none !important;
    min-width: 0 !important;
    width: auto !important;
    flex-shrink: 0 !important;
}
#header .logo-block .logo a,
#header .logo-block .logo { display: inline-flex; align-items: center; line-height: 1; }
#header .logo-block .logo img {
    height: 54px !important;
    max-height: 39px !important;
    width: auto !important;
    max-width: none !important;
    flex-shrink: 0 !important;
}

/* Homepage banner has a dark image background — swap to a white-wordmark
   variant so the brand stays readable. The DT-square and ".RU" stay the same
   colour; only the wordmark switches from ink-black to white. CSS `content: url()`
   on <img> swaps the displayed source while preserving all sizing rules. */
.wrapper1.front_page #header .logo-block .logo img {
    content: url('/local/assets/aspro_max/logo-light.png') !important;
}

/* Tizer/feature cards (item-views.float_banners2) — bolden the title text only.
   Top label (.top-text) stays at its template weight. */
.item-views.float_banners2 .title-inner .title,
.item-views.float_banners2 .title-inner .title a {
    font-weight: 700 !important;
}

/* Fixed (sticky) header — КАТАЛОГ button: transparent background, red text/icon
   instead of the inherited solid red pill. Hover keeps the slightly darker red. */
#headerfixed td.menu-item.dropdown.catalog.wide_menu > div > a > div {
    background-color: transparent !important;
    color: #dd3624 !important;
}
#headerfixed td.menu-item.dropdown.catalog.wide_menu > div > a > div svg path {
    fill: #dd3624 !important;
}
#headerfixed td.menu-item.dropdown.catalog.wide_menu:hover > div > a > div,
#headerfixed td.menu-item.dropdown.catalog.wide_menu > div > a:hover > div,
#headerfixed td.menu-item.dropdown.catalog.wide_menu > div > a:focus > div {
    background-color: transparent !important;
    color: #b82e1d !important;
}
#headerfixed td.menu-item.dropdown.catalog.wide_menu:hover > div > a > div svg path,
#headerfixed td.menu-item.dropdown.catalog.wide_menu > div > a:hover > div svg path {
    fill: #b82e1d !important;
}

/* Inner pages — main-header КАТАЛОГ button icon (the 9-dots SVG) is dark by
   default because the inherited 'color: white' on the parent doesn't propagate
   to SVG <path fill>. Homepage (.front_page) already gets a white icon via
   the banner overlay rules — leave that path alone. */
.wrapper1:not(.front_page) #header td.menu-item.dropdown.catalog.wide_menu > div > a > div svg path {
    fill: #fff !important;
}