/* csmart-374: стили шапки (виджет new-header), часть 1 — бывшие блоки <style> из
   widget_types/new-header/snippet.liquid (в исходном порядке). Подключается в конце snippets/head.liquid.
   Часть 2 (бывший snippet.scss виджета) — csmart-header-main.css. Править стили шапки теперь здесь. */
/* --- inline0 --- */

.header .csmart-rating-badge.csmart-rating-badge { width: -moz-fit-content !important; width: fit-content !important; min-width: 0 !important; max-width: -moz-fit-content !important; max-width: fit-content !important; flex: 0 0 auto !important; border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 4px 8px !important; border-radius: 6px !important; transition: outline-color .15s ease, color .15s ease !important; outline: 1px solid transparent !important; outline-offset: -1px !important; }
.header .csmart-rating-badge.csmart-rating-badge:hover { outline-color: #ddd !important; cursor: pointer !important; }
.header .csmart-rating-badge .csmart-rating-badge__value,
.header .csmart-rating-badge:hover .csmart-rating-badge__value,
.header .csmart-rating-badge:focus .csmart-rating-badge__value { color: #1a1a1a !important; }
.header .csmart-rating-badge.csmart-rating-badge:hover .csmart-rating-badge__count { color: #1aa260 !important; }
.header a, .header button, .header .header__control-btn,
.header .header__phone-value, .header .header-сall-text, .header [data-show-feedback-modal],
.header .csmart-social-square__link { transition: color .15s ease, outline-color .15s ease, background .15s ease !important; outline: 1px solid transparent !important; outline-offset: 2px !important; border-radius: 4px !important; }
.header a:hover, .header button:hover,
.header .header__control-btn:hover, .header .header__phone-value:hover,
.header .header-сall-text:hover, .header [data-show-feedback-modal]:hover,
.header .csmart-social-square__link:hover { cursor: pointer !important; color: #1aa260 !important; outline-color: #ddd !important; }
.header a:hover .header__control-text, .header .header__control-btn:hover .header__control-text { color: #1aa260 !important; }
.header .header__show-collection-btn, .header .js-show-header-collections { transition: background-color .15s ease !important; outline: 0 !important; box-shadow: none !important; border-color: transparent !important; }
.header .header__show-collection-btn:hover, .header .header__show-collection-btn:focus, .header .js-show-header-collections:hover, .header .js-show-header-collections:focus { background-color: #16a85a !important; cursor: pointer !important; outline: 0 !important; box-shadow: none !important; border-color: transparent !important; }
.header .header__show-collection-btn, .header .header__show-collection-btn *, .header .header__show-collection-btn:hover, .header .header__show-collection-btn:hover *, .header .js-show-header-collections, .header .js-show-header-collections *, .header .js-show-header-collections:hover, .header .js-show-header-collections:hover * { color: #ffffff !important; }
.header .header__menu-link {
display: inline-flex !important;
align-items: center !important;
padding: 12px 14px !important;
margin: -12px -14px !important;
border-radius: 6px !important;
outline: 1px solid transparent !important;
outline-offset: 0 !important;
transition: outline-color .15s ease, color .15s ease !important;
position: relative !important;
}
.header .header__menu-link:hover {
outline-color: #ddd !important;
color: #1aa260 !important;
cursor: pointer !important;
background: transparent !important;
}
.header .header__area-menu .header__menu, .header .header__area-menu ul {
padding: 12px 14px !important;
margin: -12px -14px !important;
}
@media (min-width: 1600px) {
.header .header__area-menu .header__menu, .header .header__area-menu ul {
gap: 32px !important;
}
}
.header .csmart-rating-badge .csmart-rating-badge__count { text-decoration: underline !important; text-underline-offset: 2px !important; transition: color .15s ease !important; }
.header .csmart-rating-badge:hover .csmart-rating-badge__count,
.header .csmart-rating-badge:focus .csmart-rating-badge__count { color: #1aa260 !important; }
@media (min-width: 1025px) {
.header .header-part-top__inner.header-part-top__inner { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; flex-wrap: nowrap !important; }
.header .header-part-top__inner > * { flex: 0 0 auto !important; }
.header .header-part-top__inner .header__area-search { flex: 1 1 auto !important; min-width: 240px !important; }
.header .header__area-search .header__search-field { padding-left: 28px !important; padding-right: 28px !important; }
.header .header-part-main__inner.header-part-main__inner { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; }
.header .header-part-main__inner > * { flex: 0 0 auto !important; }
.header .header-part-main__inner .header__area-menu { flex: 1 1 auto !important; }
.header .header__area-contacts--wrapper.header__area-contacts--wrapper { width: -moz-fit-content !important; width: fit-content !important; min-width: 0 !important; max-width: none !important; flex: 0 0 auto !important; }
.header .header__area-contacts.header__area-contacts { width: -moz-fit-content !important; width: fit-content !important; min-width: 0 !important; }
.header .header__area-contacts--wrapper .header__phone-value { font-size: 18px !important; font-weight: 600 !important; }
.header .header__area-contacts--wrapper .header-сall-text,
.header .header__area-contacts--wrapper [data-show-feedback-modal] { font-size: 15px !important; }
.header .csmart-social-square.csmart-social-square { display: inline-flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; width: -moz-fit-content !important; width: fit-content !important; height: auto !important; grid-template-columns: none !important; grid-template-rows: none !important; }
.header .csmart-social-square::before, .header .csmart-social-square::after { content: none !important; display: none !important; }
.header .csmart-social-square .csmart-social-square__link { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; position: static !important; transform: none !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; grid-column: auto !important; grid-row: auto !important; }
.header .csmart-social-square .csmart-social-square__link img { width: 32px !important; height: 32px !important; max-width: 32px !important; max-height: 32px !important; display: block !important; object-fit: contain !important; }
}
@media (min-width: 1025px) {
.header .csmart-social-square--inwrapper.csmart-social-square--inwrapper {
flex-direction: row !important;
flex-wrap: nowrap !important;
max-width: none !important;
}
.header .csmart-social-square--inwrapper .csmart-social-square__link--vk { display: inline-flex !important; }
}
@media (min-width: 1100px) and (max-width: 1199px) {
.header .csmart-social-square--inwrapper.csmart-social-square--inwrapper { display: none !important; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
html body .header .csmart-social-square--inwrapper.csmart-social-square--inwrapper.csmart-social-square--inwrapper {
flex-direction: column !important;
flex-wrap: wrap !important;
gap: 3px !important;
row-gap: 3px !important;
column-gap: 3px !important;
max-width: 26px !important;
width: 26px !important;
}
html body .header .csmart-social-square--inwrapper .csmart-social-square__link.csmart-social-square__link { margin: 0 !important; }
.header .csmart-social-square--inwrapper .csmart-social-square__link--vk { display: none !important; }
.header .csmart-social-square--inwrapper .csmart-social-square__link--max.csmart-social-square__link--max,
.header .csmart-social-square--inwrapper .csmart-social-square__link--tg.csmart-social-square__link--tg {
width: 26px !important;
height: 26px !important;
min-width: 26px !important;
min-height: 26px !important;
margin: 0 !important;
}
.header .csmart-social-square--inwrapper .csmart-social-square__link--max img,
.header .csmart-social-square--inwrapper .csmart-social-square__link--tg img {
width: 26px !important;
height: 26px !important;
max-width: 26px !important;
max-height: 26px !important;
}
}
@media (min-width: 1025px) {
.header .csmart-contacts-wrapper-row.csmart-contacts-wrapper-row {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 26px !important;
}
.header .csmart-contacts-wrapper-row .csmart-contacts-col {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
gap: 2px !important;
}
}
.header .header__area-logo--text.header__area-logo--text {
width: -moz-fit-content !important;
width: fit-content !important;
max-width: 175px !important;
margin-right: 0 !important;
flex: 0 0 auto !important;
white-space: normal !important;
line-height: 1.2 !important;
}
@media (min-width: 1100px) {
html body .header__collections.is-show .header__collections-content-bottom.header__collections-content-bottom,
html body .header__collections-content-bottom.header__collections-content-bottom {
display: none !important;
border: 0 !important;
border-top: 0 !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
html body .header__collections.header__collections,
html body .header__collections-wrap.header__collections-wrap {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
html body .header__collections-content.header__collections-content {
height: auto !important;
min-height: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
border: 0 !important;
border-bottom: 0 !important;
}
html body .header__collections-content-top.header__collections-content-top,
html body .header__collections-content-top.header__collections-content-top.header__collections-content-top {
border: 0 !important;
border-bottom: 0 !important;
border-top: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
box-shadow: none !important;
}
html body .header__collections.is-show.is-show.is-show {
padding-top: 12px !important;
padding-bottom: 0 !important;
max-height: none !important;
height: auto !important;
}
html body .header__collections.is-show .header__collections-content.header__collections-content {
padding-top: 8px !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
height: auto !important;
}
html body .header__collections.is-show .header__collections-content-top.header__collections-content-top {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
html body .header__collections.is-show .header__collections-menu,
html body .header__collections.is-show .header__collections-grid-list {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
html body .header__collections.is-show .header__collections-menu,
html body .grid-list.header__collections-menu {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
html body .header__collections-item.is-level-1.is-level-1 {
padding-bottom: 0 !important;
margin-bottom: 8px !important;
}
html body .header__collections.is-show .header__collections-item:last-child,
html body .header__collections-item.is-level-1:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
html body .header__collections.is-show .header__collections-menu,
html body .header__collections-menu.header__collections-menu { border: 0 !important; border-bottom: 0 !important; }
html body .header__collections-item.is-level-1.is-level-1.header__collections-item,
html body .header__collections.is-show .header__collections-item.is-level-1 {
border: 0 !important;
border-bottom: 0 !important;
border-top: 0 !important;
box-shadow: none !important;
}
html body .header__collections.is-show .header__collections-content-top .csmart-cat-icon.csmart-cat-icon.csmart-cat-icon,
html body .csmart-cat-icon.csmart-cat-icon.csmart-cat-icon.csmart-cat-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 72px !important;
height: 72px !important;
min-width: 72px !important;
min-height: 72px !important;
max-width: 72px !important;
max-height: 72px !important;
flex: 0 0 72px !important;
padding: 6px !important;
margin-right: 14px !important;
border: 0 !important;
border-radius: 8px !important;
background: #fff !important;
box-sizing: border-box !important;
overflow: hidden !important;
position: relative !important;
}
html body .header__collections.is-show .header__collections-content-top .csmart-cat-icon img,
html body .csmart-cat-icon.csmart-cat-icon img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
display: block !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
html body .header__collections.is-show .header__collections-head-title,
html body .header__collections-head-title.header__collections-head-title.header__collections-head-title {
font-size: 18px !important;
line-height: 1.25 !important;
font-weight: 500 !important;
}
html body .header__collections.is-show .header__collections-head,
html body .header__collections-head.header__collections-head.header__collections-head {
display: flex !important;
align-items: center !important;
gap: 0 !important;
min-height: 80px !important;
padding: 6px 12px !important;
}
}
html body .header__collections .header__collections-title,
html body .header__collections-content-top .header__collections-title { display: none !important; }
html body .header__collections-item.is-level-1 > .header__collections-head { border: 1px solid transparent !important; border-radius: 6px !important; transition: border-color .15s, color .15s !important; }
html body .header__collections-item.is-level-1 > .header__collections-head:hover,
html body .header__collections-item.is-level-1 > .header__collections-head:focus { border-color: #d0d0d0 !important; background: transparent !important; }
html body .header__collections.is-show,
html body .header__collections { height: -moz-fit-content !important; height: fit-content !important; max-height: none !important; min-height: 0 !important; padding-bottom: 0 !important; }
html body .header__collections-content,
html body .header__collections-content-top,
html body .header__collections-grid-list { padding-bottom: 0 !important; margin-bottom: 0 !important; min-height: 0 !important; height: auto !important; }
.widget-type_new-header .header-part-main:not(.header_fixed) .header__sticky-phone,
.widget-type_new-header .header-part-main:not(.header_fixed) .header__sticky-callback { display: none !important; }
.widget-type_new-header .header_fixed .header__area-controls .header__sticky-phone,
.widget-type_new-header .header_fixed .header__area-controls .header__sticky-callback,
.widget-type_new-header .header_fixed .header__sticky-phone,
.widget-type_new-header .header_fixed .header__sticky-callback {
display: inline-flex !important; align-items: center !important; justify-content: center !important;
padding: 8px 14px !important; min-height: 38px !important; height: auto !important;
background: #fff !important; background-color: #fff !important; color: #47B060 !important;
border: 2px solid #47B060 !important; border-radius: 8px !important;
font-size: 15px !important; font-weight: 600 !important; line-height: 1.15 !important;
text-decoration: none !important; white-space: nowrap !important;
transition: background-color .15s, color .15s, border-color .15s !important;
margin: 0 !important; margin-right: 0 !important; margin-left: 0 !important; gap: 6px !important;
box-sizing: border-box !important;
}
.widget-type_new-header .header_fixed .header__sticky-phone .icon,
.widget-type_new-header .header_fixed .header__sticky-phone .icon-phone,
.widget-type_new-header .header_fixed .header__sticky-phone .icon-phone::before,
.widget-type_new-header .header_fixed .header__sticky-phone svg {
color: #47B060 !important; fill: #47B060 !important;
transition: color .15s, fill .15s !important;
}
.widget-type_new-header .header_fixed .header__sticky-phone:hover,
.widget-type_new-header .header_fixed .header__sticky-phone:focus,
.widget-type_new-header .header_fixed .header__sticky-callback:hover,
.widget-type_new-header .header_fixed .header__sticky-callback:focus {
background: #6fe342 !important; background-color: #6fe342 !important;
color: #fff !important; cursor: pointer !important; border-color: #47B060 !important;
}
.widget-type_new-header .header_fixed .header__sticky-phone:hover .icon,
.widget-type_new-header .header_fixed .header__sticky-phone:hover .icon-phone,
.widget-type_new-header .header_fixed .header__sticky-phone:hover .icon-phone::before,
.widget-type_new-header .header_fixed .header__sticky-phone:hover svg { color: #fff !important; fill: #fff !important; }
.widget-type_new-header .header_fixed .header__sticky-phone._offhours { display: none !important; }
.widget-type_new-header .header .header__cart,
.widget-type_new-header .header_fixed .header__cart,
.widget-type_new-header .header_fixed .header__area-controls .header__cart { color: #47B060 !important; }
.widget-type_new-header .header .header__cart .icon,
.widget-type_new-header .header .header__cart .icon-cart,
.widget-type_new-header .header .header__cart .icon-cart::before,
.widget-type_new-header .header .header__cart svg,
.widget-type_new-header .header_fixed .header__cart .icon,
.widget-type_new-header .header_fixed .header__cart .icon-cart,
.widget-type_new-header .header_fixed .header__cart .icon-cart::before,
.widget-type_new-header .header_fixed .header__cart svg { color: #47B060 !important; fill: #47B060 !important; }
.widget-type_new-header .header .header__cart:hover .icon-cart,
.widget-type_new-header .header .header__cart:hover .icon-cart::before,
.widget-type_new-header .header_fixed .header__cart:hover .icon-cart,
.widget-type_new-header .header_fixed .header__cart:hover .icon-cart::before { color: #138a4f !important; fill: #138a4f !important; }
@media (min-width: 1100px) {
.widget-type_new-header .header_fixed .header__area-controls { display: flex !important; align-items: center !important; gap: 12px !important; width: -moz-fit-content !important; width: fit-content !important; max-width: -moz-fit-content !important; max-width: fit-content !important; margin-left: auto !important; }
.widget-type_new-header .header_fixed .header__area-controls > * { flex: 0 0 auto !important; margin: 0 !important; }
.widget-type_new-header .header_fixed .header__area-controls .header__sticky-phone,
.widget-type_new-header .header_fixed .header__area-controls .header__sticky-callback { margin: 0 !important; margin-right: 0 !important; }
.widget-type_new-header .header_fixed .header__area-controls .header__cart { margin-left: 6px !important; }
}
@media (max-width: 1399px) {
.widget-type_new-header .header_fixed .header__sticky-phone .header__sticky-phone-value { display: none !important; }
.widget-type_new-header .header_fixed .header__sticky-phone .header__sticky-phone-short {
display: inline-block !important;
font-size: 14px !important; font-weight: 600 !important;
color: inherit !important; white-space: nowrap !important;
}
.widget-type_new-header .header_fixed .header__sticky-callback {
padding: 6px 10px !important; font-size: 12px !important; line-height: 1.1 !important;
white-space: normal !important; max-width: 92px !important; text-align: center !important;
}
.widget-type_new-header .header_fixed .header__sticky-callback-value { display: inline-block !important; white-space: normal !important; }
}
@media (min-width: 1400px) {
.widget-type_new-header .header_fixed .header__sticky-phone .header__sticky-phone-short { display: none !important; }
.widget-type_new-header .header_fixed .header__sticky-phone .header__sticky-phone-value { display: inline-block !important; }
}
.widget-type_new-header .header-mobile-panel .header__sticky-phone,
.widget-type_new-header .header-mobile-panel__phone-btn {
display: inline-flex !important; align-items: center !important; justify-content: center !important;
padding: 6px 10px !important; min-height: 36px !important; height: auto !important;
background: #fff !important; background-color: #fff !important; color: #47B060 !important;
border: 2px solid #47B060 !important; border-radius: 8px !important;
font-size: 13px !important; font-weight: 600 !important; line-height: 1.15 !important;
text-decoration: none !important; white-space: nowrap !important;
margin: 0 !important; gap: 6px !important; box-sizing: border-box !important;
}
.widget-type_new-header .header-mobile-panel .header__sticky-phone .icon,
.widget-type_new-header .header-mobile-panel .header__sticky-phone .icon-phone,
.widget-type_new-header .header-mobile-panel .header__sticky-phone .icon-phone::before,
.widget-type_new-header .header-mobile-panel__phone-btn .icon,
.widget-type_new-header .header-mobile-panel__phone-btn .icon-phone,
.widget-type_new-header .header-mobile-panel__phone-btn .icon-phone::before { color: #47B060 !important; fill: #47B060 !important; }
.widget-type_new-header .header-mobile-panel .header__sticky-phone:hover,
.widget-type_new-header .header-mobile-panel__phone-btn:hover {
background: #6fe342 !important; color: #fff !important; border-color: #47B060 !important;
}
.widget-type_new-header .header-mobile-panel .header__sticky-phone:hover .icon-phone,
.widget-type_new-header .header-mobile-panel__phone-btn:hover .icon-phone { color: #fff !important; fill: #fff !important; }
@media (max-width: 1399px) {
.widget-type_new-header .header-mobile-panel .header__sticky-phone .header__sticky-phone-value,
.widget-type_new-header .header-mobile-panel__phone-btn .header__sticky-phone-value { display: none !important; }
.widget-type_new-header .header-mobile-panel .header__sticky-phone .header__sticky-phone-short,
.widget-type_new-header .header-mobile-panel__phone-btn .header__sticky-phone-short {
display: inline-block !important; font-size: 13px !important; font-weight: 600 !important; color: inherit !important; white-space: nowrap !important;
}
}
body .widget-type_new-header .header .csmart-callback-cta { display: none !important; }
@media (min-width: 1600px) {
body .widget-type_new-header .header-part-top__inner .header__area-contacts--wrapper .header__area-contacts--bottom,
body .widget-type_new-header .header-part-top__inner .header__area-contacts--wrapper .header-call-text,
body .widget-type_new-header .header-part-top__inner .header__area-contacts--wrapper .header-сall-text { display: none !important; }
body .widget-type_new-header .header-part-top__inner .header__area-contacts--wrapper .csmart-contacts-col { align-items: center !important; gap: 6px !important; text-align: center !important; }
body .widget-type_new-header .header-part-top__inner .header__area-contacts--wrapper .header__area-contacts { font-size: 22px !important; text-align: center !important; }
body .widget-type_new-header .header-part-top__inner .header__area-contacts--wrapper .header__area-contacts .header__phone-value,
body .widget-type_new-header .header-part-top__inner .header__area-contacts--wrapper .header__area-contacts a[href^="tel"] { font-size: 22px !important; }
body .widget-type_new-header .header-part-top__inner .header__area-contacts--wrapper .header-phone-text { font-size: 16px !important; text-align: center !important; width: 100% !important; }
body .widget-type_new-header .header .csmart-callback-cta { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 10px 22px !important; background: #fff !important; color: #47B060 !important; border: 2px solid #47B060 !important; border-radius: 8px !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.2 !important; text-decoration: none !important; white-space: nowrap !important; transition: background-color .15s, color .15s !important; margin: 0 !important; order: -1 !important; }
body .widget-type_new-header .header .csmart-callback-cta:hover,
body .widget-type_new-header .header .csmart-callback-cta:focus { background: #6fe342 !important; color: #fff !important; cursor: pointer !important; border-color: #47B060 !important; }
}
@media (max-width: 1099px) {
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-cb,
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-ph {
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
padding: 6px 8px !important;
background: #fff !important;
color: #47B060 !important;
border: 2px solid #47B060 !important;
border-radius: 8px !important;
font-weight: 600 !important;
text-decoration: none !important;
white-space: nowrap !important;
transition: background-color .15s, color .15s !important;
margin: 0 !important;
height: 40px !important;
width: auto !important;
box-sizing: border-box !important;
}
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-cb .csmart-mob-icon,
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-ph .csmart-mob-icon,
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-cb .csmart-mob-icon::before,
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-ph .csmart-mob-icon::before {
color: #47B060 !important;
fill: #47B060 !important;
font-size: 13px !important;
}
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-cb .csmart-mob-icon { display: none !important; }
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-cb .csmart-mob-text,
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-ph .csmart-mob-text {
display: inline-block !important;
color: inherit !important;
font-weight: 600 !important;
letter-spacing: -0.1px !important;
}
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-cb:hover,
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-ph:hover {
background: #6fe342 !important;
color: #fff !important;
border-color: #47B060 !important;
}
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-cb:hover .csmart-mob-icon,
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-ph:hover .csmart-mob-icon { color: #fff !important; fill: #fff !important; }
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-cb {
font-size: 11px !important;
line-height: 1 !important;
padding: 6px 8px 5px 8px !important;
}
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-cb .csmart-mob-text {
display: inline-flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
line-height: 1 !important;
gap: 0 !important;
}
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-cb .csmart-mob-text-l1,
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-cb .csmart-mob-text-l2 {
display: block !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
}
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-ph {
font-size: 13px !important;
line-height: 1 !important;
}
body .widget-type_new-header .header-mobile-panel__bottom .csmart-mob-hidden { display: none !important; }
body .widget-type_new-header .header-mobile-panel__bottom {
gap: 6px !important;
flex-wrap: nowrap !important;
}
body .widget-type_new-header .header-mobile-panel__bottom .header__search,
body .widget-type_new-header .header-mobile-panel__bottom .header__search-form,
body .widget-type_new-header .header-mobile-panel__bottom > form {
flex: 1 1 0 !important;
min-width: 0 !important;
}
body .widget-type_new-header .header-mobile-panel__bottom .header-mobile-panel__show-menu-btn {
flex: 0 0 auto !important;
}
body .widget-type_new-header .header-mobile-panel__bottom .header__search { position: relative !important; }
body .widget-type_new-header .header-mobile-panel__bottom .header__search-form { position: relative !important; display: flex !important; align-items: center !important; }
body .widget-type_new-header .header-mobile-panel__bottom .header__search-field { height: 40px !important; line-height: 40px !important; box-sizing: border-box !important; padding-right: 40px !important; }
body .widget-type_new-header .header-mobile-panel__bottom .header__search-btn {
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
right: 0 !important;
transform: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
width: 40px !important;
margin: 0 !important;
padding: 0 !important;
}
body .widget-type_new-header .header-mobile-panel__compare {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
padding: 8px 10px !important;
margin: 0 4px !important;
color: #47B060 !important;
text-decoration: none !important;
}
body .widget-type_new-header .header-mobile-panel__compare .icon-compare {
font-size: 28px !important;
color: #47B060 !important;
}
body .widget-type_new-header .header-mobile-panel__compare .header__control-bage {
position: absolute !important;
top: -2px !important;
right: -2px !important;
min-width: 16px !important;
height: 16px !important;
padding: 0 4px !important;
font-size: 10px !important;
line-height: 16px !important;
border-radius: 8px !important;
background: #47B060 !important;
color: #fff !important;
text-align: center !important;
}
body .widget-type_new-header .header-mobile-panel__compare .compare-empty { display: none !important; }
html body .header__collections.is-show,
html body .header__collections {
max-width: 320px !important;
width: 86vw !important;
left: 0 !important;
right: auto !important;
}
html body .header__collections .header__collections-hide-btn,
html body button.header__collections-hide-btn { display: none !important; }
html body button.csmart-menu-close,
html body .csmart-menu-close.is-visible { z-index: 2000060 !important; pointer-events: auto !important; }
html body .header__collections.is-show .header__collections-content-top .header__collections-title,
html body .header__collections.is-show .header__collections-title { display: block !important; }
html body .header__collections .header__collections-title,
html body .header__collections .csmart-pages-title {
font-size: 18px !important;
font-weight: 700 !important;
color: #1a1a1a !important;
padding: 14px 16px 12px !important;
margin: 0 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
html body .header__collections .csmart-pages-title { border-top: 1px solid #eee !important; margin-top: 8px !important; }
html body .header__collections .csmart-mobile-series-nav {
display: none !important;
}
@media (max-width: 1100px) {
html body .header__collections .csmart-mobile-series-nav {
display: grid !important;
}
}
html body .header__collections .csmart-mobile-series-nav {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
margin: -2px 16px 12px 64px !important;
}
html body .header__collections .csmart-mobile-series-nav a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 34px !important;
padding: 7px 10px !important;
border: 1px solid #dfe7e1 !important;
border-radius: 9px !important;
background: #f8fbf8 !important;
color: #1a1a1a !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
text-decoration: none !important;
}
html body .header__collections .csmart-mobile-series-nav a:active,
html body .header__collections .csmart-mobile-series-nav a:hover {
border-color: #47B060 !important;
color: #1a1a1a !important;
background: #f1fbf3 !important;
}
html body .header__mobile-menu .header__mobile-menu-item { margin: 0 !important; }
html body .header__mobile-menu .header__mobile-menu-controls {
display: flex !important;
align-items: center !important;
gap: 14px !important;
padding: 7px 0 !important;
}
html body .header__mobile-menu .header__mobile-menu-link {
display: inline-flex !important;
align-items: center !important;
gap: 14px !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
color: #1a1a1a !important;
text-decoration: none !important;
padding: 0 !important;
min-height: 52px !important;
}
html body .header__mobile-menu .header__mobile-menu-link::before {
content: "" !important;
display: inline-block !important;
width: 40px !important;
height: 40px !important;
flex: 0 0 40px !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
html body .header__mobile-menu .header__mobile-menu-link[href*="/page/garantiya"]::before { background-image: url("https://cdn.insales-shop.ru/files/1/5583/27719119/original/garant.svg") !important; }
html body .header__mobile-menu .header__mobile-menu-link[href*="/page/delivery"]::before { background-image: url("https://cdn.insales-shop.ru/files/1/6166/27719702/original/Dostavka_1682329427023-1682329428400.svg") !important; }
html body .header__mobile-menu .header__mobile-menu-link[href*="/page/ustanovka"]::before { background-image: url("https://cdn.insales-shop.ru/files/1/6931/26983187/original/nal-ustanovka.svg") !important; }
html body .header__mobile-menu .header__mobile-menu-link[href*="/page/aktsii"]::before { background-image: url("https://cdn.insales-shop.ru/files/1/6127/27719663/original/Dostavka2_1682329311979-1682329316040.svg") !important; }
html body .header__mobile-menu .header__mobile-menu-link[href*="/page/contacts"]::before { background-image: url("https://cdn.insales-shop.ru/files/1/6212/27719748/original/Beznal_1682329499906-1682329501693.svg") !important; }
html body .header__mobile-menu .header__mobile-menu-link[href*="/page/istoriya"]::before { background-image: url("https://cdn.insales-shop.ru/files/1/3470/26971534/original/Car-Smart_200x200.png") !important; }
html body .header__mobile-menu .header__mobile-menu-link[href*="/blogs/blog"]::before { background-image: url("https://cdn.insales-shop.ru/files/1/5441/119297345/original/dolyame_icon.svg") !important; }
html body .header__collections-content-bottom .header__other { display: none !important; }
html body .header__collections-content-bottom {
display: block !important;
flex: 0 0 auto !important;
justify-content: flex-start !important;
min-height: 0 !important;
height: auto !important;
}
html body .header__collections-content-bottom .header__mobile-menu { margin-bottom: 0 !important; padding-bottom: 0 !important; }
html body .csmart-menu-extra-list { list-style: none !important; margin: 0 !important; padding: 0 !important; border-top: 1px solid #eee !important; padding-top: 8px !important; padding-bottom: 50px !important; }
html body .csmart-menu-extra-list .csmart-menu-extra-item { margin: 0 !important; }
html body .csmart-menu-extra-list .csmart-menu-extra-link {
display: inline-flex !important;
align-items: center !important;
gap: 14px !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
color: #1a1a1a !important;
text-decoration: none !important;
padding: 7px 0 !important;
min-height: 52px !important;
}
html body .csmart-menu-extra-list .csmart-menu-extra-link .csmart-menu-extra-ico {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
flex: 0 0 40px !important;
color: #47B060 !important;
font-size: 24px !important;
}
html body .csmart-menu-extra-list .csmart-menu-extra-link .csmart-menu-extra-ico::before { color: inherit !important; }
}

/* --- inline1 --- */
@media (min-width: 1101px) {
html body .header__collections .csmart-mobile-series-nav,
html body .header__collections.is-show .csmart-mobile-series-nav,
html body .header__collections .csmart-mobile-series-parent .csmart-mobile-series-nav {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
}
@media (max-width: 1100px) {
html body .header__collections .csmart-mobile-series-nav,
html body .header__collections.is-show .csmart-mobile-series-nav,
html body .header__collections .csmart-mobile-series-parent .csmart-mobile-series-nav {
display: grid !important;
visibility: visible !important;
height: auto !important;
}
}

/* --- inline2 --- */
.accordion {
display: flex;
flex-direction: column;
gap: 15px;
}
.accordion-item {
background: #16a85a;
border-radius: 5px;
padding: 40px;
}
.accordion-head {
display: flex;
align-items: center;
gap: 16px;
width: 100%;
border: none;
background: transparent !important;
cursor: pointer;
padding: 0;
text-align: left;
height: auto;
}
.accordion-title {
font-family: var(--second-family);
font-weight: 600;
font-size: 18px;
line-height: 127%;
color: #000;
}
.accordion-icon {
width: 18px;
height: 18px;
position: relative;
flex-shrink: 0;
}
.accordion-icon::before,
.accordion-icon::after {
content: "";
position: absolute;
background-color: #000;
;
transition: transform .3s ease;
background-color: #34c924;
}
.accordion-icon::before {
width: 18px;
height: 2px;
top: 8px;
left: 0;
}
.accordion-icon::after {
width: 2px;
height: 18px;
top: 0;
left: 8px;
}
.accordion-body {
max-height: 0;
overflow: hidden;
padding-left: 34px;
margin-top: 0;
transition: max-height .3s ease, margin-top .3s ease;
font-family: var(--second-family);
font-weight: 400;
font-size: 17px;
line-height: 110%;
letter-spacing: -0.03em;
color: #000;
;
}
.accordion-item.opened .accordion-body {
max-height: fit-content;
margin-top: 16px;
}
.accordion-item.opened .accordion-icon::before {
transform: rotate(45deg);
}
.accordion-item.opened .accordion-icon::after {
transform: rotate(45deg);
}
.accordion-item {
background: #ecf0f6;
border-radius: 5px;
padding: 40px;
transition: box-shadow .25s ease, transform .25s ease;
cursor: pointer;
}
.accordion-item:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* --- inline3 --- */
.header-custom-links .banner-list__item-content-bottom{
display: flex;
gap: 20px;
}
.header-custom-links .banner-list__item-content-bottom .banner-list__item-content-bottom--item{
font-family: Roboto;
font-size: 16px;
font-weight: 600;
line-height: 22.4px;
border: 1px solid #d6d6d6;
background-color: #ffffff;
border-radius: 6px;
width: fit-content;
padding: 8px 16px 8px 16px;
box-sizing: border-box;
}
.header-custom-links .banner-list__item-content-bottom .banner-list__item-content-bottom--item:hover{
border: 1px solid #58bc6f;
text-decoration: none;
}
.header-custom-links .banner-list__item-content-bottom .banner-list__item-content-bottom--item a{
display: inline-flex !important;
align-items: center !important;
padding: 12px 14px !important;
margin: -12px -14px !important;
border-radius: 6px !important;
outline: 1px solid transparent !important;
outline-offset: 0 !important;
transition: outline-color .15s ease, color .15s ease !important;
position: relative !important;
text-decoration: none;
color: #000;
}

/* --- inline4 --- */
.csmart-ss, .csmart-ss * { box-sizing: border-box; }
.csmart-ss { position: fixed; inset: 0; z-index: 2147483646; display: none; background: rgba(0,0,0,.45); font: 14px/1.4 var(--csmart-system-font, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif); color: #1a1a1a; }
.csmart-ss[data-open="1"] { display: block; }
.csmart-ss__dialog { position: absolute; left: 50%; top: 56px; transform: translateX(-50%); width: min(1100px, calc(100vw - 32px)); max-height: calc(100vh - 88px); background: #fff; border-radius: 12px; box-shadow: 0 12px 48px rgba(0,0,0,.22); display: flex; flex-direction: column; overflow: hidden; }
.csmart-ss__head { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid #ececec; flex: 0 0 auto; }
.csmart-ss__input { flex: 1 1 auto; min-width: 0; height: 40px; padding: 0 12px; border: 1px solid #ddd; border-radius: 8px; font: inherit; outline: none; background: #fff; color: #1a1a1a; }
.csmart-ss__input:focus { border-color: #1aa260; }
.csmart-ss__close { flex: 0 0 auto; width: 36px; height: 36px; border: 0; background: transparent; border-radius: 8px; cursor: pointer; font-size: 22px; line-height: 1; color: #666; padding: 0; }
.csmart-ss__close:hover { background: #f3f3f3; color: #1a1a1a; }
.csmart-ss__body { display: grid; grid-template-columns: 240px 1fr; gap: 0; overflow: auto; flex: 1 1 auto; }
.csmart-ss__cats { grid-column: 1; grid-row: 1; padding: 16px; border-right: 1px solid #ececec; min-width: 0; background: #fafafa; }
.csmart-ss__items { grid-column: 2; grid-row: 1; padding: 8px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.csmart-ss__cats[hidden] { display: none; }
.csmart-ss__body:has(> .csmart-ss__cats[hidden]) { grid-template-columns: 1fr; }
.csmart-ss__body:has(> .csmart-ss__cats[hidden]) .csmart-ss__items { grid-column: 1; }
.csmart-ss__cats-title { font-size: 12px; color: #888; margin: 0 0 8px; text-transform: uppercase; letter-spacing: .03em; font-weight: 600; }
.csmart-ss__cat { display: block; padding: 8px 0; color: #1a1a1a; text-decoration: none; font-size: 14px; line-height: 1.35; border-bottom: 1px solid #eee; }
.csmart-ss__cat:last-child { border-bottom: 0; }
.csmart-ss__cat:hover { color: #1aa260; }
.csmart-ss__cat-count { color: #888; font-size: 12px; margin-left: 4px; }
.csmart-ss__item { display: flex; gap: 12px; align-items: flex-start; padding: 8px; border-radius: 8px; text-decoration: none; color: inherit; }
.csmart-ss__item:hover { background: #f5f5f5; }
.csmart-ss__item-img { width: 64px; height: 64px; border-radius: 6px; background: #f3f3f3 center/contain no-repeat; flex: 0 0 64px; }
.csmart-ss__item-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.csmart-ss__item-title { display: -webkit-box; font-size: 13px; line-height: 1.4; color: #1a1a1a; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; }
.csmart-ss__item-title mark { background: #fff3a8; color: inherit; padding: 0 1px; border-radius: 2px; }
.csmart-ss__item-price { font-size: 14px; font-weight: 600; color: #1a1a1a; white-space: nowrap; }
.csmart-ss__empty { padding: 24px; text-align: center; color: #888; }
.csmart-ss__foot { padding: 12px 16px; border-top: 1px solid #ececec; flex: 0 0 auto; }
.csmart-ss__all { display: block; width: 100%; padding: 10px 16px; background: #1aa260; color: #fff; border: 0; border-radius: 8px; font: inherit; font-weight: 600; text-align: center; text-decoration: none; cursor: pointer; }
.csmart-ss__all:hover { background: #178a52; color: #fff; }
.csmart-ss__skel { background: linear-gradient(90deg,#eee,#f7f7f7,#eee); background-size: 200% 100%; animation: csmart-ss-skel 1.2s linear infinite; border-radius: 6px; display: block; }
@keyframes csmart-ss-skel { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
@media (max-width: 768px) {
.csmart-ss__dialog { position: fixed; left: 0; top: 0; right: 0; bottom: 0; transform: none; width: 100%; max-width: 100%; max-height: 100%; height: 100%; border-radius: 0; }
.csmart-ss__body { grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
.csmart-ss__cats { grid-column: 1; grid-row: 1; border-right: 0; border-bottom: 1px solid #ececec; padding: 12px 16px; max-height: 35vh; overflow-y: auto; }
.csmart-ss__items { grid-column: 1; grid-row: 2; overflow-y: auto; }
.csmart-ss__body:has(> .csmart-ss__cats[hidden]) .csmart-ss__items { grid-row: 1; }
}