/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/
/* Product card: tab "Шеф Монтаж Онлайн" */
.fshm-checklist li::before {height: 0px}
.catalog-detail .tabs-history .nav-tabs li.dops > a,
.catalog-detail .tabs-history .nav-tabs > li > a[href="#dops"],
.header-tabs .nav-tabs li.dops > a,
.header-tabs .nav-tabs > li > a[href="#dops"] {
    background-color: #e53935 !important;
    color: #fff !important;
    --nav-counter-color: #fff;
}
.catalog-detail .tabs-history .nav-tabs li.dops.active > a,
.catalog-detail .tabs-history .nav-tabs li.dops.active > a:hover,
.catalog-detail .tabs-history .nav-tabs li.dops.active > a:focus,
.catalog-detail .tabs-history .nav-tabs > li.active > a[href="#dops"],
.catalog-detail .tabs-history .nav-tabs > li.active > a[href="#dops"]:hover,
.catalog-detail .tabs-history .nav-tabs > li.active > a[href="#dops"]:focus,
.catalog-detail .tabs-history .nav-tabs li.dops:not(.active) > a:hover,
.catalog-detail .tabs-history .nav-tabs li.dops:not(.active) > a:focus,
.catalog-detail .tabs-history .nav-tabs > li:not(.active) > a[href="#dops"]:hover,
.catalog-detail .tabs-history .nav-tabs > li:not(.active) > a[href="#dops"]:focus,
.header-tabs .nav-tabs li.dops.active > a,
.header-tabs .nav-tabs li.dops.active > a:hover,
.header-tabs .nav-tabs li.dops.active > a:focus,
.header-tabs .nav-tabs > li.active > a[href="#dops"],
.header-tabs .nav-tabs > li.active > a[href="#dops"]:hover,
.header-tabs .nav-tabs > li.active > a[href="#dops"]:focus,
.header-tabs .nav-tabs li.dops:not(.active) > a:hover,
.header-tabs .nav-tabs li.dops:not(.active) > a:focus,
.header-tabs .nav-tabs > li:not(.active) > a[href="#dops"]:hover,
.header-tabs .nav-tabs > li:not(.active) > a[href="#dops"]:focus {
    background-color: #c62828 !important;
    color: #fff !important;
}
.scroll-header-tags__item--bg .scroll-header-tags__item-container {
    padding: 5px 15px;
}
.ui-card .cover::before {
	background: none;
}
.status-container {display: none !important}
.sku-props--detail .sku-props__title {font-size: 1rem !important;}
.sections-list:not(.kraski-optom-cards) .sections-list__item-image-wrapper {display: none;}
.sections-list:not(.kraski-optom-cards) .sections-list__item-image {display: none;}
.kraski-optom-cards .sections-list__item-image-wrapper {display: flex !important;}
.kraski-optom-cards .sections-list__item-image {display: block !important;}
.catalog-detail .catalog-detail__pseudo-link .instock {display: none !important;}
.line-height-0{display: flex; align-items: center;}
.basket-dropdown>.header-hide{display: none !important;opacity: 0!important}
.search .btn-search {
    background: #2b3e8a;
    border-radius: 5px;
}
.search-title__submit  use {
    fill: white;
}
.left_block,.sticky-block{position: relative!important;}
@media (max-width: 600px) 
{
    .banners-big--adaptive-2 .banners-big__title, .banners-big--adaptive-2 .banners-big__title h1 {
    	font-size: 38px !important;
        line-height: 40px !important;
    }
    .banners-big--adaptive-2 .banners-big__buttons {
        margin-top: 43px;
    }
    .banners-big__buttons .btn {
        --button-height: 40px;
        --button-font-size: 20px;
        --button-pl: 100px;
        --button-pr: 100px;
    }
    .CATALOG_SECTIONS {
    	margin-top: 80px;
    }
    .banners-big--adaptive-2 .banners-big__text-block {
    	font-size: 14px;
    }
    .banners-big--adaptive-2 .banners-big__text-wrapper {
    	margin-top: 20px;
    }
    .banners-big--adaptive-2 .banners-big__inner-wrap {
        height: 300px;
    }
    .banners-big--adaptive-2 .banners-big__img-wrapper a {
    	height: 300px;
    }
  }
  .search-title__form-container {
    border: 2px solid #2b3e8a;
    border-radius: 6px;
}
.btn-search svg {
    fill: red;
}
.sku-props__value--pict:before  {
    border-radius: 50px;
}
.sku-props--detail .sku-props__value--pict {
    border-radius: 50px;
}
.sku-props__value--pict {
    border-radius: 50px;
}
.table .content  {
    overflow-x: auto;
    position: relative;
}

.catalog-block__info .js-popup-price {
    position: relative;
}

.catalog-block__price-label {
    position: absolute;
    left: 0;
    top: -12px;
    color: #999999;
    font-size: 11px;
    line-height: 1.2;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}

.catalog-block__wrapper[data-hovered="true"] .catalog-block__price-label {
    opacity: 1;
}
/* Finlux: Yandex rating left of TG/MAX, gap 25px, 2026-03-20 */
.finlux-yandex-social-cluster {
	margin-left: auto;
}
.finlux-yandex-social-cluster .social {
	margin: 0 !important;
}
.finlux-yandex-rating-wrap {
	display: none;
}
@media (min-width: 990px) {
	.finlux-yandex-rating-wrap {
		display: flex;
		align-items: center;
		margin-right: 25px;
	}
}
.finlux-yandex-rating {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 11px 6px 5px;
	background: #f2f2f2;
	border-radius: 7px;
	text-decoration: none !important;
	color: inherit;
	box-sizing: border-box;
	max-width: 100%;
	transition: background 0.15s ease, box-shadow 0.15s ease;
}
.finlux-yandex-rating:hover,
.finlux-yandex-rating:focus,
.finlux-yandex-rating:visited {
	text-decoration: none !important;
}
.finlux-yandex-rating:hover {
	background: #ebebeb;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.finlux-yandex-rating__pin {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	display: block;
}
.finlux-yandex-rating__score {
	font-size: 17px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	letter-spacing: -0.02em;
	text-decoration: none !important;
}
.finlux-yandex-rating__stars {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	flex-shrink: 0;
}
.finlux-yandex-rating__stars svg {
	display: block;
	width: 14px;
	height: 14px;
}

/* Finlux: push cluster right (same as old .social margin-left: auto) */
.header__top-part .line-block__item.finlux-yandex-social-cluster {
	margin-left: auto !important;
	flex: 0 0 auto !important;
	width: max-content;
	max-width: 100%;
}

/* Finlux: TOP_HEADER banner spacing */
.banner.TOP_HEADER {
	margin-bottom: 10px;
}

.banner.TOP_HEADER img{
margin:0 auto;
}

.image-banner--one-low {
    height: 234px;
}
.brands-list__image {
	    max-width: 234px;
}
.brands-list__image-wrapper {
	    max-width: 234px;
	    height: 120px;
}
.brands-list__item {
	padding: 5px;
}
/* === Finlux: термостойкая краска — styles v3, 2026-03-30 === */

/* finlux-top-block */
.finlux-top-block{/* background:#f8f9fc; *//* border:1px solid #e8eaf0; */border-radius:12px;/* padding:24px 28px 22px; */margin-bottom:40px}
.finlux-top-block .f-benefits{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:10px}
.finlux-top-block .f-benefits li{position:relative;padding-left:18px;font-size:16px;color:#333;line-height:1.15;margin:0 0 5px 0}
.finlux-top-block .f-benefits li::before{content:'';position:absolute;left:0;top:3px;width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13l4 4L19 7' stroke='%234caf50' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.finlux-top-block .f-cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.finlux-top-block .f-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s;border:2px solid transparent}
.finlux-top-block .f-btn-primary{background:#2d3a8c;color:#fff;border-color:#2d3a8c}
.finlux-top-block .f-btn-primary:hover{background:#232e70;border-color:#232e70}
.finlux-top-block .f-cta-text{font-size:15px;color:#333;display:inline-flex;align-items:center;gap:4px;line-height:1;margin-left:20px}
.finlux-top-block .f-cta-link{display:inline-flex;align-items:center;gap:3px;color:#2d3a8c;font-weight:600;font-size:15px;transition:color .2s;    margin-top: 2px;}
.finlux-top-block .f-cta-link:hover{color:#1a2660;text-decoration:underline}
.finlux-top-block .f-cta-icon{width:20px;height:20px;flex-shrink:0;display:inline-block;background:url("../images/svg/social.svg?1.8.0") 0 0 no-repeat;background-size:auto 20px}
.finlux-top-block .f-cta-icon--tg{background-position:-53px 0}
.finlux-top-block .f-cta-icon--max{background-position:-1280px 0}
.finlux-top-block .f-cta-sep{color:#999;margin:0 6px}

/* finlux-cta-bar */
.finlux-cta-bar{display:flex;gap:0;margin:32px 0;border-radius:12px;overflow:hidden;border:none;background:#f8f9fc}
.finlux-cta-bar .f-col{flex:1;padding:28px 24px;display:flex;flex-direction:column;justify-content:flex-start;min-height:160px}
.finlux-cta-bar .f-col+.f-col{border-left:none}
.finlux-cta-bar .f-col-title{font-size:22px;font-weight:700;color:#222;margin-bottom:4px;line-height:1.35}
.finlux-cta-bar .f-col-title--big{font-size:34px;margin-bottom:16px}
.finlux-cta-bar .f-col-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;border:none;cursor:pointer}
.finlux-cta-bar .f-col-btn-primary{background:#2d3a8c;color:#fff}
.finlux-cta-bar .f-col-btn-primary:hover{background:#232e70}
.finlux-cta-bar .f-messengers{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:12px}
.finlux-cta-bar .f-msg-link{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#2d3a8c;text-decoration:none;transition:color .2s}
.finlux-cta-bar .f-msg-link:hover{color:#1a2660;text-decoration:underline}
.finlux-cta-bar .f-msg-icon{width:28px;height:28px;flex-shrink:0}
.finlux-cta-bar .f-phones{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.finlux-cta-bar .f-phone{font-size:20px;font-weight:700;color:#222;text-decoration:none}
.finlux-cta-bar .f-phone:hover{color:#2d3a8c}
.finlux-cta-bar .f-schedule{font-size:13px;color:#888;margin-top:8px}
@media(max-width:900px){.finlux-cta-bar{flex-direction:column}.finlux-cta-bar .f-col{min-height:auto}}

/* finlux-sidebar-articles */
.finlux-sidebar-articles{background:#f0f2fa;border-radius:10px;padding:8px 18px;/* border:1px solid #dde0ef; */display:flex;flex-direction:column;gap:0;margin-top:-4px}
.finlux-sidebar-articles a{display:block;padding:7px 0;font-size:13px;color:#2d3a8c;line-height:1.35;text-decoration:none;transition:color .2s}
.finlux-sidebar-articles a:hover{color:#1a2660}
.finlux-top-block .f-benefit {
    font-size: 17px;
}

.filter-panel {
    display: none;
}

/* Видео и форма над футером (все страницы) */
.mainpage-about-video {
    display: block;
    width: 100%;
    max-width: 1464px;
    margin: 0 auto 32px;
    line-height: normal;
    box-sizing: border-box;
}
@media (max-width: 1528px) {
    .mainpage-about-video {
        padding-inline: var(--theme-page-width-padding, 32px);
    }
}
.mainpage-about-video__inner {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 24px;
    align-items: stretch;
}
.mainpage-about-video__media {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    min-height: 100%;
    align-self: stretch;
}
.mainpage-about-video__form {
    min-width: 0;
}
.mainpage-about-video__form .flexbox {
    height: 100%;
}
.mainpage-about-video__form .form.popup {
    height: 100%;
    margin: 0;
}
.mainpage-about-video__video {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
@media (max-width: 991px) {
    .mainpage-about-video__inner {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .mainpage-about-video__media {
        min-height: 0;
        aspect-ratio: 16 / 9;
    }
    .mainpage-about-video__video {
        object-position: center center;
    }
}
.mainpage-about-video__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}
.mainpage-about-video.is-cta-visible .mainpage-about-video__overlay {
    pointer-events: auto;
    cursor: pointer;
}
.mainpage-about-video.is-cta-visible .mainpage-about-video__overlay:focus-visible {
    outline: 2px solid #2d3a8c;
    outline-offset: 4px;
}
.mainpage-about-video__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
    opacity: 0;
    transform: translateY(8px) scale(0.96);
    transition: opacity 0.45s ease, transform 0.45s ease;
    pointer-events: none;
}
.mainpage-about-video.is-cta-visible .mainpage-about-video__cta {
    opacity: 1;
    transform: translateY(0) scale(1);
}
.mainpage-about-video__cta-ring {
    position: relative;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(45, 58, 140, 0.82);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
}
.mainpage-about-video__cta-ring::before,
.mainpage-about-video__cta-ring::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.85);
    animation: mainpage-about-video-pulse 1.8s ease-out infinite;
}
.mainpage-about-video__cta-ring::after {
    animation-delay: 0.9s;
}
.mainpage-about-video__cta-icon {
    position: relative;
    z-index: 1;
    display: block;
    width: 44px;
    height: 44px;
    object-fit: contain;
}
.mainpage-about-video__cta-text {
    padding: 8px 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    color: #2d3a8c;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}
.mainpage-about-video__cta-hint {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.55);
}
@keyframes mainpage-about-video-pulse {
    0% {
        transform: scale(1);
        opacity: 0.9;
    }
    100% {
        transform: scale(1.45);
        opacity: 0;
    }
}
@media (max-width: 600px) {
    .mainpage-about-video__cta-ring {
        width: 72px;
        height: 72px;
    }
    .mainpage-about-video__cta-text {
        font-size: 15px;
        padding: 7px 14px;
    }
    .mainpage-about-video__cta-hint {
        font-size: 12px;
    }
}