/* assets/fonts/font.css */
@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-Regular.eot');
    src: local('Gilroy Regular'), local('Gilroy-Regular'),
        url('/assets/fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-Regular.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-Regular.woff') format('woff'),
        url('/assets/fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-ExtraboldItalic.eot');
    src: local('Gilroy Extrabold Italic'), local('Gilroy-ExtraboldItalic'),
        url('/assets/fonts/Gilroy-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-ExtraboldItalic.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-ExtraboldItalic.woff') format('woff'),
        url('/assets/fonts/Gilroy-ExtraboldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-Bold.eot');
    src: local('Gilroy Bold'), local('Gilroy-Bold'),
        url('/assets/fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-Bold.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-Bold.woff') format('woff'),
        url('/assets/fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-Black.eot');
    src: local('Gilroy Black'), local('Gilroy-Black'),
        url('/assets/fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-Black.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-Black.woff') format('woff'),
        url('/assets/fonts/Gilroy-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-Light.eot');
    src: local('Gilroy Light'), local('Gilroy-Light'),
        url('/assets/fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-Light.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-Light.woff') format('woff'),
        url('/assets/fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-Semibold.eot');
    src: local('Gilroy Semibold'), local('Gilroy-Semibold'),
        url('/assets/fonts/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-Semibold.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-Semibold.woff') format('woff'),
        url('/assets/fonts/Gilroy-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-Medium.eot');
    src: local('Gilroy Medium'), local('Gilroy-Medium'),
        url('/assets/fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-Medium.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-Medium.woff') format('woff'),
        url('/assets/fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-MediumItalic.eot');
    src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
        url('/assets/fonts/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-MediumItalic.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-MediumItalic.woff') format('woff'),
        url('/assets/fonts/Gilroy-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-BlackItalic.eot');
    src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'),
        url('/assets/fonts/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-BlackItalic.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-BlackItalic.woff') format('woff'),
        url('/assets/fonts/Gilroy-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-UltraLight.eot');
    src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'),
        url('/assets/fonts/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-UltraLight.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-UltraLight.woff') format('woff'),
        url('/assets/fonts/Gilroy-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-RegularItalic.eot');
    src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
        url('/assets/fonts/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-RegularItalic.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-RegularItalic.woff') format('woff'),
        url('/assets/fonts/Gilroy-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-SemiboldItalic.eot');
    src: local('Gilroy Semibold Italic'), local('Gilroy-SemiboldItalic'),
        url('/assets/fonts/Gilroy-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-SemiboldItalic.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-SemiboldItalic.woff') format('woff'),
        url('/assets/fonts/Gilroy-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-HeavyItalic.eot');
    src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
        url('/assets/fonts/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-HeavyItalic.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-HeavyItalic.woff') format('woff'),
        url('/assets/fonts/Gilroy-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-Extrabold.eot');
    src: local('Gilroy Extrabold'), local('Gilroy-Extrabold'),
        url('/assets/fonts/Gilroy-Extrabold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-Extrabold.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-Extrabold.woff') format('woff'),
        url('/assets/fonts/Gilroy-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-BoldItalic.eot');
    src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
        url('/assets/fonts/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-BoldItalic.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-BoldItalic.woff') format('woff'),
        url('/assets/fonts/Gilroy-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-UltraLightItalic.eot');
    src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
        url('/assets/fonts/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-UltraLightItalic.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-UltraLightItalic.woff') format('woff'),
        url('/assets/fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-LightItalic.eot');
    src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'),
        url('/assets/fonts/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-LightItalic.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-LightItalic.woff') format('woff'),
        url('/assets/fonts/Gilroy-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-Heavy.eot');
    src: local('Gilroy Heavy'), local('Gilroy-Heavy'),
        url('/assets/fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-Heavy.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-Heavy.woff') format('woff'),
        url('/assets/fonts/Gilroy-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-Thin.eot');
    src: local('Gilroy Thin'), local('Gilroy-Thin'),
        url('/assets/fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-Thin.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-Thin.woff') format('woff'),
        url('/assets/fonts/Gilroy-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-ThinItalic.eot');
    src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
        url('/assets/fonts/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Gilroy-ThinItalic.woff2') format('woff2'),
        url('/assets/fonts/Gilroy-ThinItalic.woff') format('woff'),
        url('/assets/fonts/Gilroy-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
/* assets/css/vendor/owl.carousel.min.css */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/assets/css/vendor/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* assets/css/home.css */
*, *::before, *::after { box-sizing: border-box; }

:root {
    --main-blue: #3076d5;
    --main-blue-hover: #2a69bf;
    --light-blue: #3076d530;
    --main-black: #333;
    --main-orange: #e03939;
}

body {
    font-family: 'Gilroy';
    font-size: 16px;
    color: #333;
    margin: 0;
    padding: 0;
    text-rendering: geometricPrecision;
    font-display: swap;
}

input,
textarea,
select {
    font-family: 'Gilroy';
    font-weight: 400;
}

.mega-menu-mobile {
    display: none;
}

.mega-menu-mobile.open {
    display: block;
}

.mega-menu-mobile .mega-menu__leftList > li > a {
    display: flex;
    align-items: center;
}
.mega-menu-mobile .mm-arrow {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}
.mega-menu-mobile .mm-arrow svg {
    width: 18px;
    height: 18px;
    color: #9099a3;
}

.container {
    width: 1650px;
    margin: 0 auto;
}

.flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.header-top {
    height: 70px;
    justify-content: space-between;
}

.header-top__logo {
    flex: 0 0 280px;
}

.header-top__logo img {
    opacity: 0;
}

.header-top__menuList {
    padding: 0;
    margin: 0;
    column-gap: 36px;
}

.header-top__menuItem {
    list-style: none;
}

.header-top__menuLink {
    text-decoration: none;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    transition: all .3s ease-in-out;
}

.header-top__menuLink--special {
    color: #fff;
    background: #e03131;
    padding: 6px 14px;
    border-radius: 8px;
    font-weight: 700;
}

.header-top__menuLink:hover {
    color: var(--main-blue);
}

.header-top__menuLink--special:hover {
    color: #fff;
    background: #c92a2a;
}

.header-top__phoneIcon img {
    width: 100%;
}

.header-top__phoneIcon {
    width: 36px;
    height: 33px;
}

.header-top__phoneArrowLink {
    width: 24px;
    height: 20px;
    background: #3076d530;
    justify-content: center;
    border-radius: 4px;
}

.header-top__phoneArrowLink img {
    width: 14px;
    height: 14px;
}

.header-top__phoneLink {
    text-decoration: none;
    font-size: 24px;
    font-weight: 400;
    color: var(--main-black);
}

.header-top__phoneOperator {
    font-weight: 600;
}

.header-top__schedule {
    font-size: 14px;
}

.header-top__phoneContent {
    justify-content: center;
    margin: 0 15px 0 10px;
    flex-direction: column;
}

.header-top__menu {
    margin-right: 140px;
}

.header-top__social {
    column-gap: 15px;
}

.header-top__socialLink {
    width: 18px;
    height: 18px;
    transition: all .3s ease-in-out;
    opacity: .7;
}

.header-top__socialLink:hover {
    opacity: 1;
}

.header-top__socialLink--fb {
    width: 24px;
    height: 24px;
}

.header-top__socialLink img {
    width: 100%;
}

.header-top__languagesLink {
    text-decoration: none;
    color: #d2d2d2;
    text-transform: uppercase;
    font-size: 20px;
    transition: all .3s ease-in-out;
}

.header-top__languagesLink:hover {
    color: #000;
}

.header-top__languagesList {
    margin: 0;
    padding: 0;
    list-style: none;
    column-gap: 10px;
}

.header-top__languagesLink--active {
    color: var(--main-black);
}

.header-top__languagesLink--active:hover {
    color: var(--main-blue);
}

/* header-mid */

.header-mid__catalogLink {
    width: 240px;
    height: 56px;
    background-color: var(--main-blue);
    color: white;
    text-decoration: none;
    justify-content: space-between;
    border-radius: 8px;
    font-size: 22px;
    font-weight: 500;
    padding: 0px 20px;
    transition: all .3s ease-in-out;
}

.header-mid__catalogLink:hover {
    background: var(--main-blue-hover);
}

.header-mid__catalogLink img {
    width: 22px;
    height: 22px;
}

.header-mid__search {
    position: relative;
    width: 900px;
    margin-left: 44px;
}

.header-mid__search::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(/assets/img/search.svg);
    background-size: 100%;
    right: 54px;
    top: 12px;
    opacity: .9;
}

.header-mid__searchInput {
    height: 56px;
    border: none;
    border-radius: 8px;
    background: #efefef;
    width: calc(100% - 40px);
    padding: 0 20px;
    font-family: inherit;
    font-size: 18px;
    font-weight: 400;
}

.header-mid {
    justify-content: space-between;
}

.header-mid__cartLink {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-decoration: none;
    color: #333;
    font-size: 22px;
    column-gap: 15px;
}

.header-mid__cartCurrency {
    color: #555;
    font-size: 16px;
}

.header-mid__cartLink img {
    width: 40px;
    height: 40px;
}

.header-mid__profileLink img {
    width: 40px;
    height: 40px;
}

.header-mid__profileLink,
.header-mid__favLink,
.header-mid__cartLink {
    text-decoration: none;
    font-size: 22px;
    color: #333;
    gap: 8px;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    position: relative;
    font-weight: 500;
}

.hm-action__badge {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--main-blue);
}

.hero {
    margin: 20px 0;
}

.autopicker {
    background: #dfedff;
    padding: 18px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 auto;
}

.slider {
    max-width: 1264px;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    align-self: center;
}

#main_slider:not(.owl-loaded),
#main_sliderMobile:not(.owl-loaded) {
    max-height: 480px;
    overflow: hidden;
}
#main_slider:not(.owl-loaded) .slider-item:not(:first-child),
#main_sliderMobile:not(.owl-loaded) .slider-item:not(:first-child) {
    display: none;
}

.autopicker__image {
    width: 100%;
}

.autopicker__image img {
    width: 100%;
}

.autopicker__line1 {
    font-size: 20px;
    font-weight: 600;
}

.autopicker__line2 {
    font-size: 14px;
    font-weight: 400;
}

.jc-sb {
    justify-content: space-between;
}

.autopicker__select {
    margin-bottom: 18px;
    position: relative;
}

.fake-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    width: calc(100% - 32px);
    border-radius: 12px;
    border: 2px solid #c8d6e8;
    text-decoration: none;
    padding: 0 16px;
    background: white;
    color: #2f2f2f;
    font-size: 18px;
}

.fake-select img {
    width: 16px;
}

.autopicker__buttonLink {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    border-radius: 12px;
    border: 2px solid var(--main-blue);
    text-decoration: none;
    padding: 0 16px;
    background: var(--main-blue);
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: 300;
    transition: all .3s ease-in-out;
}

.autopicker__buttonLink:hover {
    background-color: var(--main-blue-hover);
}

.slider-caption__buttonLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: white;
    font-size: 20px;
    border: 2px solid #fff;
    padding: 0 15px 0 25px;
    background-color: transparent;
    border-radius: 12px;
    width: 250px;
    height: 56px;
    transition: all .3s ease-in-out;
}

.slider-caption__buttonLink:hover {
    background-color: var(--main-blue);
    border: 2px solid var(--main-blue);
}

.slider-caption__buttonLink img {
    width: 28px !important;
    height: 28px !important;
}

.slider-item {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.slider-item__link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.slider-caption {
    position: absolute;
    top: 100px;
    left: 100px;
}

.hero-inner {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 18px;
}

.slider-caption__title {
    font-size: 54px;
    color: white;
    font-weight: 600;
    line-height: 64px;
}

.slider-caption__title span {
    color: var(--main-blue);
    font-weight: 800;
}

.slider-caption__description {
    font-size: 24px;
    color: white;
    font-weight: 400;
}

.slider-caption__button {
    margin-top: 40px;
}

.advantage__itemIcon {
    width: 80px;
    height: 80px;
}

.advantage__itemIcon img {
    width: 100%;
    transform: rotate(-15deg);
}

.advantage__itemTextLine1 {
    font-size: 50px;
    font-weight: 800;
    color: #2f2f2f;
    line-height: 36px;
}

.advantage__itemTextLine2 {
    font-size: 22px;
    font-weight: 400;
    color: #4f4f4f;
}

.advantage__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 40px;
}

.advantages-inner {
    border-radius: 16px;
    padding: 36px;
    background-color: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.section-home__title h2 {
    font-size: 32px;
    font-weight: 400;
    margin: 0;

}

.section-home__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.wiper-blades {
    margin: 40px 0;
}

.search-by-size {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 15px;
}

.search-by-size span {
    font-size: 20px;
    font-weight: 400;
}

.search-by-size img {
    width: 24px;
    height: 24px;
}

.search-by-size__form {
    background-color: #dfedff;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    border-radius: 16px;
    padding: 40px 26px;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}

.search-by-size__link {
    display: flex;
    align-items: center;
    justify-self: space-between;
    transition: all .3s ease-in;
}

.search-by-size__link:hover {
    background-color: var(--main-blue-hover);
}

.search-by-size__link img {
    width: 24px;
    height: 24px;
}

.search-by-size__field {
    flex: 1 1 200px;
    min-width: 0;
}

.search-by-size__field .fake-select {
    width: 100%;
}

.search-by-size__button {
    flex: 0 0 auto;
}

.search-by-size__label {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #222;
}

.search-by-size__link {
    height: 56px;
    background-color: var(--main-blue);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    padding: 0 30px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 18px;
    margin-top: 0;
}

.fake-select .inches {
    color: #aaa;
}

.section-home__productTabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.section-home__productTabs .productTabs__list {
    min-width: 0;
}

.productTabs__list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 18px;
    padding: 0;
}

.productTabs__listItem {
    list-style: none;
}

.productTabs__listItemLink {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 18px;
    text-decoration: none;
    padding: 12px 38px;
    background: #f1f1f1;
    border-radius: 8px;
    transition: all .3s ease-in-out;
}

.productTabs__listItemLink:hover {
    background: #e1e1e1;
}

.productTabs__listItemLink--active {
    background-color: var(--main-blue);
    color: white;
}

.productTabs__listItemLink--active:hover {
    background-color: var(--main-blue-hover);
}

.lkf-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}
.lkf-head h2 {
    font-size: 32px;
    font-weight: 400;
    margin: 0;
}
@media (max-width: 767px) {
    .lkf-head h2 {
        font-size: 24px;
    }
}
.lkf-all {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--main-blue);
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
    transition: color .2s;
}
.lkf-all:hover {
    color: var(--main-blue-hover);
}
.lkf-all__ico {
    display: none;
    align-items: center;
    justify-content: center;
}
.lkf-all__ico svg {
    width: 20px;
    height: 20px;
}
@media(max-width: 768px) {
    .lkf-all {
        display: inline-flex;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #eaf1fd;
        align-items: center;
        justify-content: center;
        gap: 0;
        flex-shrink: 0;
    }
    .lkf-all__txt,
    .lkf-all__arrow {
        display: none;
    }
    .lkf-all__ico {
        display: inline-flex;
    }
}
.lkf-loading,
.lkf-empty {
    padding: 30px 4px;
    color: #8a8f98;
}
.lkf-section .productTabs__list {
    margin: 0 0 22px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
}
.lkf-section .productTabs__list::-webkit-scrollbar {
    display: none;
}
.lkf-section .productTabs__listItem {
    flex: 0 0 auto;
}
.lkf-section .productTabs__listItemLink {
    white-space: nowrap;
}
.home__promosFull .section-home__title {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 0;
}
.home__promosFull .special__tabs {
    width: 100%;
}
.home__promosFull .special__tabs .productTabs__list {
    margin: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
}
.home__promosFull .special__tabs .productTabs__list::-webkit-scrollbar {
    display: none;
}
.home__promosFull .productTabs__listItem {
    flex: 0 0 auto;
}
.home__promosFull .productTabs__listItemLink {
    white-space: nowrap;
}

.product-one__item {
    background: white;
    border-radius: 8px;
    border: 1px solid #f1f1f1;
    padding: 18px;
    position: relative;
}

.product-one__image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-home__productCarousel {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 30px;
}

.product-one__itemGrid4 {
    flex: 0 0 calc(23.5% - 60px);
}

.product-one__like {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 10px;
    font-size: 18px;
    text-decoration: none;
    position: absolute;
    right: 25px;
    top: 25px;
    color: #222;
    z-index: 10;
    transition: all .3s ease-in-out;
        padding: 5px 10px;
    border-radius: 8px;
}

.product-one__like:hover{
    background: #3076d5d6;
    color: white;
}

.product-one__like img {
    width: 24px;
}

.product-one__like.liked{
    background: #3076d547 !important;
}

.product-one__like:hover img{
    filter: invert(1) brightness(100);
}

.product-one__link {
    text-decoration: none;
    color: #3f3f3f;
}

.product-one__name {
    font-size: 16px;
    margin: 16px 0 8px;
    font-weight: 500;
}

.product-one__codeReview {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-one__code {
    padding: 8px 10px;
    border-radius: 8px;
    color: #3f3f3f;
    background: #f1f1f1;
    font-size: 14px;
}

.product-one__reviewsCount {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 15px;
    font-size: 20px;
    color: #2f2f2f;

}

.product-one__reviewsCount img {
    width: 24px;
}

.product-one__reviewsCount span {
    display: block;
    border-bottom: 1px solid #2f2f2f;
}

.product-one__priceBuy {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-one__priceTitle {
    font-size: 14px;
    color: #999;
}

.product-one__priceValue {
    font-size: 22px;
}

.product-one__priceValue span.currency {
    font-size: 16px;
    color: #999;
}

.product-one__cartButton {
    height: 46px;
    width: auto;
    min-width: 118px;
    border-radius: 10px;
    background-color: var(--main-blue);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    text-decoration: none;
    font-size: 15px;
    padding: 0 16px;
    transition: all .3s ease-in-out;
}

.product-one__cartButton:hover {
    background-color: var(--main-blue-hover);
}

.product-one__cartButton img {
    width: 22px;
}

.product-one__priceBuy {
    margin: 18px 0 0;
}

.product-one__price {
    margin-top: -3px;
}

.wheels-one__item {
    display: flex;
    background: #f1f1f1;
    border-radius: 8px;
    width: 20%;
    height: 220px;
    overflow: hidden;
    position: relative;
    transition: all .3s ease-in-out;
}

.wheels-one__item:hover {
    background-color: #ddd;
}

.wheels-one__itemSizeTitle {
    font-size: 16px;
    color: #3f3f3f;
}

.wheels-one__itemSizeInch {
    font-size: 32px;
    color: #2f2f2f;
    font-weight: 500;
    margin-top: 5px;
}

.wheels-one__item img {
    position: absolute;
    bottom: -50%;
    left: 15%;
}

.wheels-one__itemLink {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

.wheels-one__itemTitle {
    padding: 30px 35px 0;
}

.wheels-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

section.wheels {
    margin: 0 0 60px;
}

section.subscribe {
    padding: 100px 0;
    background: #efefef;
}

.subscribe__title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.subscribe__form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto;
    width: 900px;
    column-gap: 30px;
}

.subscribe__titleLine1 {
    font-size: 36px;
    color: #1f1f1f;
}

.subscribe__titleLine2 {
    font-size: 20px;
    color: #3f3f3f;
}

.subscribe__input input {
    height: 70px;
    background: #e4e4e4;
    border-radius: 12px;
    border: none;
    width: 100%;
    font-size: 22px;
    padding: 0 0 0 70px;
}

.subscribe__buttonLink {
    height: 70px;
    background: var(--main-blue);
    border-radius: 12px;
    border: none;
    width: 100%;
    text-decoration: none;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    transition: all .3s ease-in-out;
}

.subscribe__buttonLink:hover {
    background: var(--main-blue-hover);
}

.subscribe__input {
    width: 69%;
    position: relative;
}

.subscribe__input img {
    position: absolute;
    left: 24px;
    top: 24px;
    width: 24px;
}

.subscribe__button {
    width: 25%;
}

.subscribe__stats {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 50px;
    margin: 30px 0 0;
}

.subscribe__stat {
    display: flex;
    align-items: center;
    justify-content: center;
}

.subscribe__stat a img {
    width: 40px;
}

.subscribe__stat a {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    text-decoration: none;
    color: #333;
}

.subscribe__stat a span {
    font-size: 16px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 8px;
    background-color: #d6d6d6;
    display: block;
}

.subscribe__stat a img.tk {
    width: 32px;
}

.subscribe__stat a img.inst {
    width: 36px;
}

.aromas {
    margin: 60px 0;
}

.aromas_title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
    margin-bottom: 40px;
}

.aromas_title img {
    width: 32px;
}

.aromas_title span {
    font-size: 24px;
}

.aromas__leftContent {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.aromas__leftContentMain {
    flex: 0 0 49%;
    background: #f1f1f1;
    border-radius: 8px;
    height: 490px;
}

.aromas__leftContentSecondary {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    row-gap: 30px;
    flex: 0 0 47%;
}

.aromas__leftContentSecondaryItem {
    height: 230px;
    width: 100%;
    border-radius: 8px;
    background: #f1f1f1;
    position: relative;
    overflow: hidden;
}

.aromas__layout {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.aromas__left {
    flex: 0 0 48%;
}

.aromas__right {
    flex: 0 0 48%;
}

.aromas__rightContent {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    row-gap: 30px;
}

.aromas__rightContentItem {
    flex: 0 0 31%;
    height: 230px;
    background: #f1f1f1;
    border-radius: 8px;

}

.aromas__rightContentItem a {
    text-decoration: none;
    font-size: 18px;
    color: #2f2f2f;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%;
    padding: 30px;
    font-size: 21px;
    font-weight: 400;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.aromas__leftContentMain a {
    position: relative;
    text-decoration: none;
    color: #2f2f2f;
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.aromas__leftContentMain img {
    position: absolute;
    right: -65px;
    top: 35px;
    width: 440px;
    transition: all .3s ease-in-out;
}

.aromas__leftContentMain:hover img {
    transform: scale(1.1);
}

.aromas__leftContentSecondaryItem img {
    position: absolute;
    right: -74px;
    top: -102px;
    width: 350px;
    transition: all .3s ease-in-out;
}

.aromas__leftContentSecondaryItem--last img {
    position: absolute;
    right: -86px;
    top: -139px;
    width: 374px;

}

.aromas__leftContentSecondaryItem:hover img {
    transform: scale(1.15);
}

.aromas__leftContentMain a span {
    font-size: 26px;
    padding: 40px;
}

.aromas_title--right {
    justify-content: flex-end;
}

.aromas_title--right img {
    width: 28px;
}

.aromas__leftContentSecondaryItem a {
    position: relative;
    text-decoration: none;
    color: #2f2f2f;
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.aromas__leftContentSecondaryItem a span {
    font-size: 22px;
    padding: 40px;
}

.aromas__carouselItems {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 40px;
}

.aromas__carouselItem {
    flex: 0 0 calc((100% - 200px) / 6);
}

.aromas__carouselItem a {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    border-radius: 8px;
    background: #f1f1f1;
    overflow: hidden;
    position: relative;
    height: 240px;
    text-decoration: none;
    color: #2f2f2f;
}

.aromas__carouselItem a span {
    font-size: 22px;
    padding: 30px;
    font-weight: 500;
    font-size: 22px;
    padding: 15px 15px;
}

.aromas__carousel {
    margin-top: 60px;
}

.aromas__carouselItem a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 1;
    display: block;
    transition: all .3s ease-in-out;
}

.aromas__carouselItem a:hover img {
    transform: scale(1.15);
}

.aromas__carouselItem a span {
    display: block;
    z-index: 4;
}

.aromas__rightContentItem a img {
    width: 100%;
    position: absolute;
    z-index: 1;
    display: block;
    right: 0;
    transition: all .3s ease-in-out;
}

.aromas__rightContentItem a:hover img {
    transform: scale(1.15);
}

.aromas__rightContentItem a span {
    display: block;
    z-index: 4;
    font-weight: 500;
}

.new-promos-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.home__news {
    flex: 0 0 22%;
    margin-top: 40px;
}

.home__newsContent {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.home__newsOne {
    margin-bottom: 40px;
}

.home__newsOne a {
    text-decoration: none;
    color: #2f2f2f;
    font-size: 14px;
}

.home__newsOne a>img {
    width: 100%;
    border-radius: 10px;
}

.home__newsOneTitle {
    font-size: 20px;
}

.home__newsDateStats {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home__newsStatsViews img {
    width: 28px;
}

.home__newsStatsComments img {
    width: 20px;
}

.home__newsMore a img {
    width: 32px;
}

.home__newsStatsViews {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 8px;
}

.home__newsStatsComments {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 8px;
}

.home__newsStats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 22px;
}

.home__newsDate {
    color: #888;
    font-size: 16px;
}

.home__newsOneTitle {
    margin: 30px 0 5px;
}

.home__newsMore a {
    padding: 8px 12px 8px 12px;
    border-radius: 8px;
    border: 2px solid var(--main-blue);
    background: none;
    color: var(--main-blue);
    font-size: 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
    font-weight: 500;
    transition: all .3s ease-in-out;
}

.home__newsMore a:hover {
    background: var(--main-blue);
    color: white;
}

.home__newsMore a img {
    width: 24px;
}

.home__newsMore a:hover img {
    filter: invert(1) contrast(100) grayscale(1);
}

.home__promos {
    flex: 0 0 1136px;
    width: 1136px;
}

.home__promosFull{
    flex: 0 0 100%;
    width: 100%;
}

.home__promos .special__products {
    width: 100%;
}

.home__promos .product-list-special__items {
    width: 1136px;
}

.home__promos.home__promosFull .product-list-special__items
{
    width: 100%;
}

.product-list-special__items{
    display: none;
}

.product-list-special__items.active{
    display: block;
}

.special__products {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: 40px;
}

.special__products .product-one__item {
    flex: 0 0 20%;
}

.news-promos {
    margin: 20px 0 60px;
}

footer {
    padding: 50px 0;
    background: #f1f1f1;
}

.footer-left__paymentSystems {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 40px;
}

.footer-left__paymentSystems img {
    width: 60px;
}

.footer-left__paymentSystems img.sm {
    width: 44px;
}

.footer-left__logo {
    text-decoration: none;
    font-size: 36px;
}

.footer-left__logo a {
    text-decoration: none;
    color: #333;
    max-width: 200px;
    display: block;
}

.footer-left__logo span {
    font-weight: 800;
    color: #000;
}

.footer-left__phones {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 50px;
}

.footer-left__phoneTitle {
    margin-bottom: 10px;
}

.footer-left__description {
    width: 500px;
}

.footer-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footer-right {
    flex: 0 0 60%;
    display: flex;
    column-gap: 50px;
    justify-content: space-between;
}

.footer-col__List {
    padding: 0;
    margin: 0;
}

.footer-col__List li {
    list-style: none;
}

.footer-col__title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
}

.footer-col__listFlex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: 60px;
}

.footer-col__List li {
    margin-bottom: 15px;
}

.footer-col__List li a {
    font-size: 18px;
    color: #333;
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.footer-col__List li a:hover {
    color: var(--main-blue);
}

main {
    padding-bottom: 100px;
}

@media(max-width: 1400px){
    main {
    padding-bottom: 50px;
    }
}

.header-top__phoneBlock {
    transition: all 3s ease-in-out;
    position: relative;
}

.header-top__phoneHidden {
    display: none;
}

.header-top__phoneBlock:hover .header-top__phoneHidden {
    display: block;
    position: absolute;
    top: -37px;
    left: -24px;
    width: 284px;
    background: white;
    border: none;
    border-radius: 12px;
    padding: 100px 0 18px;
    z-index: 4;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.18);
}

.header-top__phoneBlock:hover {
    box-shadow: 0 0 #000;
}

.header-top__phoneBlock:hover .header-top__phone {
    position: relative;
    z-index: 6;
}

.header-top__phoneBlock:hover .header-top__phoneArrowLink {
    transform: rotate(180deg);
}

.htm__content {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
}

.htm__content img {
    width: 32px;
    transition: all .3s ease-in;
}

.htm__item img {
    filter: grayscale(1);
}

.htm__item a:hover img {
    filter: grayscale(0);
}

.htm__title {
    text-align: center;
    padding: 25px 0 15px;
    font-size: 14px;
    text-transform: uppercase;
    color: #555;
    font-weight: 500;
}

.header-top__messangers {
    border-top: 2px solid #f1f1f1;
}

.mega-menu {
    display: none;
}

.mega-menu.open {
    display: flex;
    background: white;
    border-radius: 0 0 12px 12px;
    position: absolute;
    top: 180px;
    width: 100%;
    z-index: 999;
    overflow: hidden;
}

.overlay {
    display: none;
}

.overlay.open {
    display: block;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100dvw;
    height: 100dvh;
    background-color: #0000003b;
    z-index: 999;
}

header .container-inner {
    position: relative;
}

@media(max-width: 1200px) {
    header .container-inner {
        padding-bottom: 14px;
    }
}

.mega-menu__left {
    background-color: var(--main-blue);
    width: 380px;
}

.mega-menu__leftList {
    padding: 0;
    margin: 0;
}

.mega-menu__leftList li {
    list-style: none;

}

.mega-menu__leftList li a {
    color: white;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    padding: 20px 15px 20px 25px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #2c6abf;
}

.mega-menu__leftList li a.mega-menu__leftListItem--active {
    background: #23487a;
    border-bottom: 1px solid #23487a;
}

.mega-menu-mobile .mega-menu__leftList > li > a > img{
    display: none;
}

.mega-menu__leftList li  a img {
    width: 30px;
    margin-left: 10px;
    filter: invert(1);

}

.mega-menu__leftList  >li > a > img{
    display: none;
}

.mega-menu-mobile .mega-menu__leftList li .mega-children a img {
    filter: invert(0);
}

.nav__column {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 40px;
    row-gap: 40px;
    flex-wrap: wrap;
    padding: 40px;
    width: 100%;
}

.mega-menu__right {
    width: 80%;
    box-shadow: inset 8px -17px 20px #0000001f;
}

.nav__column li {
    list-style: none;
    flex: 0 0 17%;
}

.nav__column li a img {
    width: 110px;
}

.nav__column li a span {
    display: block;
    margin-top: 25px;
    font-size: 18px;
    font-family: inherit;
    font-weight: 400;
}

.nav__column li a {
    display: flex;
    align-items: center;
    column-gap: 20px;
    justify-content: center;
    color: #3f3f3f;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    flex-direction: column;
    text-align: center;
}

.nav__column li a:hover span{
    color: var(--main-blue);
}

.nav__column li a:hover img{
    filter: brightness(1.05);
}

.header-mid__catalogLink.open {
    z-index: 1000;
    position: relative;
}

.fake-select-content {
    display: none;
}

.fake-select-content.open {
    position: absolute;
    display: block;
    height: auto;
    max-height: 252px;
    overflow-y: auto;
    border-radius: 8px;
    background: white;
    width: calc(100% + 4px);
    z-index: 100;
    top: 80px;
    box-shadow: 0px 11px 12px #3076d514;
}

.search-by-size__select .fake-select-content.open {
    width: 100%;
    top: calc(100% + 6px);
}

.fake-select-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fake-select-content > ul > li > a {
    font-size: 16px;
    color: #3f3f3f;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    font-weight: 500;
    border-bottom: 1px solid #f1f1f1;
    transition: all .3s ease-in;
}

.fake-select-content > ul > li > a:hover {
    background-color: #f1f1f1;
    color: var(--main-blue);
}

.fake-select-content > ul > li:last-child > a {
    border: none;
}

.fake-select-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.fake-select-content::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

.fake-select-content::-webkit-scrollbar-thumb {
    background-color: var(--main-blue);
    border-radius: 10px;
}

/* Firefox */
.fake-select-content {
    scrollbar-width: thin;
    /* "auto" or "thin" */
    scrollbar-color: var(--main-blue) transparent;
}

.fake-select.open {
    border: 2px solid var(--main-blue);
}

.slider-caption__buttonLink span {
    width: 450px;
}

.slider .owl-dots {
    width: auto;
    position: absolute;
    bottom: 30px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    left: 0;
    right: 0;
}

.slider .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background: white;
    display: block;
}

.slider .owl-dots .owl-dot.active {
    background-color: var(--main-blue);
}

.owl-carousel .owl-item .product-one__like img {
    width: 24px;
}

.owl-carousel .owl-item .product-one__reviewsCount img {
    width: 24px;
}

.owl-carousel .owl-item .product-one__cartButton img {
    width: 22px;
}

.section-home__productCarousel .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background: #f1f1f1;
    display: block;
}

.section-home__productCarousel .owl-dots .owl-dot.active {
    background-color: var(--main-blue);
}

.section-home__productCarousel .owl-dots {
    width: auto;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 14px;
}

.special__products .owl-dots .owl-dot,
#lkf_content .owl-dots .owl-dot,
#def_content .owl-dots .owl-dot,
#aromas_content .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background: #f1f1f1;
    display: block;
}

.special__products .owl-dots .owl-dot.active,
#lkf_content .owl-dots .owl-dot.active,
#def_content .owl-dots .owl-dot.active,
#aromas_content .owl-dots .owl-dot.active {
    background-color: var(--main-blue);
}

.special__products .owl-dots {
    width: auto;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 14px;
    margin-bottom: 60px;
}

#lkf_content .owl-dots,
#def_content .owl-dots,
#aromas_content .owl-dots {
    width: auto;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 14px;
}

.header-top__menuSemiMobile {
    display: none;
}

.header-top__logoLink {
    text-decoration: none;
    color: #3f3f3f;
    font-size: 34px;
    font-weight: 600;
}

.header-top__logoLink span {
    font-weight: 800;
    margin-left: 5px;
    color: #1f1f1f;
}

@media(max-width: 1700px) {
    .container {
        width: 1400px;
    }

    .header-mid__search {
        position: relative;
        width: 700px;
        margin-left: 44px;
    }

    .header-top__menuList {
        padding: 0;
        margin: 0;
        column-gap: 24px;
    }

    .header-top__logo {
        flex: 0 0 240px;
    }

    .header-top__menu {
        margin-right: 0;
    }

    .autopicker__line2 {
        font-size: 16px;
        font-weight: 500;
    }

    .fake-select-content ul li a {
        font-size: 20px;
        color: #3f3f3f;
        padding: 13px 15px;
        text-decoration: none;
        display: block;
        font-weight: 500;
        border-bottom: 1px solid #f1f1f1;
        transition: all .3s ease-in;
    }

    .fake-select {
        height: 48px;
    }

    .autopicker__buttonLink {
        min-height: 48px;
    }

    .advantage__itemIcon {
        width: 60px;
        height: 60px;
    }

    .advantage__itemTextLine1 {
        font-size: 38px;
        font-weight: 800;
        color: #2f2f2f;
        line-height: 32px;
    }

    .advantage__itemTextLine2 {
        font-size: 20px;
        font-weight: 500;
        color: #4f4f4f;
    }

    .slider-caption {
        top: 55px;
        left: 55px;
    }
    .slider-caption__title {
        font-size: 32px;
        line-height: 40px;
    }
    .slider-caption__description {
        font-size: 16px;
    }
    .slider-caption__button {
        margin-top: 24px;
    }
}

@media(max-width: 1480px) {
    .container {
        width: 1200px;
    }

    .header-mid__search {
        position: relative;
        width: 500px;
        margin-left: 44px;
    }

    .header-top__social {
        display: none;
    }

    .header-top__phone {
        width: 250px;
        margin-left: 15px;
    }

    .header-top__phoneBlock:hover .header-top__phoneHidden {
        left: -10px;
    }

}

@media(max-width: 1240px) {
    .container {
        width: 1000px;
    }

    .header-top__menuSemiMobile {
        display: block;
    }

    .header-top__menuSemiMobile ul li a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        column-gap: 5px;
    }

    .header-top__logo {
        flex: 0 0 284px;
    }

    .header-top__phoneArrowLink {
        background: none;
    }

    .header-top__menu {
        display: none;
    }

    .autopicker__line2 {
        font-size: 14px;
        font-weight: 500;
    }

    .advantages-inner {
        border-radius: 16px;
        padding: 36px 0 0;
        background-color: #f1f1f1;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .advantage__item {
        flex: 0 0 35%;
    }

    .advantage__item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        column-gap: 40px;
        margin-bottom: 40px;
    }

    /* Ще вужча картка — підпис ще менший */
    .slider-caption {
        top: 40px;
        left: 40px;
    }
    .slider-caption__title {
        font-size: 26px;
        line-height: 32px;
    }
    .slider-caption__description {
        font-size: 14px;
    }
    .slider-caption__button {
        margin-top: 18px;
    }
}

.mobile-menu-block {
    display: none;
}

.mobile-menu-cart {
    display: none;
}

@media(max-width: 1024px) {
    .container {
        width: 700px;
    }

    .mobile-menu-block {
        display: block;
        position: relative;
        z-index: 3;
    }

    .mobile-menu-cart {
        display: block;
        z-index: 3;
        position: relative;
    }

    .mobile-menu-block a img {
        width: 40px;
    }

    .aromas__carouselItem a span {
        font-size: 15px;
        padding: 5px 15px;
    }

    .special__products .owl-dots {
        bottom: -23px;
    }

    .search-by-size__link {
        height: 48px;
    }

.section-home__productCarousel .owl-dots {
    bottom: -20px;
}

    .mobile-menu-block a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        column-gap: 14px;
        text-decoration: none;
        color: #2f2f2f;
        font-size: 18px;
    }

    .header-top__menuSemiMobile,
    .header-top__languages {
        display: none;
    }

    .header-top__logo {
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }

    .header-mid__profile {
        display: none;
    }

    .header-top__phoneBlock {
        display: none;
    }

    .header-mid .header-mid__cart {
        display: none;
    }

    .header-mid__search {
        position: relative;
        width: 390px;
        margin-left: 0;
    }

    .header-mid__searchInput {
        height: 56px;
        border: none;
        border-radius: 8px;
        background: #efefef;
        width: 100%;
        padding: 0 20px;
        font-family: inherit;
        font-size: 18px;
        font-weight: 400;
    }

    .header-mid__search::after {
        right: 12px;
    }

    .hero-inner {
        flex-direction: column;
    }

    .autopicker {
        flex-direction: column;
        order: 2;
        width: 100%;
    }

    .slider {
        order: 1;
        width: 100%;
        max-width: 100%;
    }

    .autopicker__header.flex.jc-sb {
        justify-content: flex-start;
        width: 100%;
    }

    .autopicker__content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .autopicker__select {
        margin-bottom: 0px;
        position: relative;
        flex: 0 0 30%;
    }

    .autopicker__button {
        margin-bottom: 0;
        margin-top: 0;
        width: 100%;
        flex: 0 0 100%;
    }

    .autopicker__buttonLink {
        height: 48px;
        width: calc(100% - 32px);
        font-size: 20px;
        position: relative;
        margin: 0;
    }

    .autopicker__content {
        flex-wrap: wrap;
    }

    .advantages-inner {
        border-radius: 16px;
        padding: 36px 36px 0;
        background-color: #f1f1f1;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .header-mid__search {
        position: relative;
        width: calc(55% + 4px);
        margin-left: 0;
    }

}

.mobileMenu {
    display: none;
}

@media(max-width: 767px) {

    .header-mid__search {
        position: relative;
        width: 100%;
        margin-left: 0;
    }

    .container {
        width: 90%;
        margin: 0 auto;
    }

    .autopicker__select {
        margin-bottom: 0px;
        position: relative;
        flex: 0 0 100%;
        margin-bottom: 15px;
    }

    .autopicker__buttonLink:before {
        display: none;
    }

    .header-mid__catalogLink {
        width: calc(100% - 40px);
    }

    .header-mid {
        height: auto;
    }

    .slider {
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        margin-top: 0;
    }

    .slider .owl-dots {
        width: 100%;
        position: absolute;
        bottom: 20px;
        z-index: 100;
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 20px;
        left: 0;
        right: 0;
    }

    .hero {
        margin: 25px 0;
    }

    .autopicker {
        order: 2;
    }

    .header-top__logoLink {
        text-decoration: none;
        color: #3f3f3f;
        font-size: 26px;
        font-weight: 600;
    }

    .openMobileblock span {
        display: none;
    }

    .header-mid__cartTotal {
        display: none;
    }

    .mobile-menu-block a img {
        width: 44px;
    }

    .slider .owl-dots .owl-dot {
        border-radius: 50px;
        background: white;
        display: block;
    }

    .section-home__title {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 16px;
        flex-direction: column;
        gap: 14px;
    }

    .search-by-size__field {
        flex: 0 0 100%;
        width: 100%;
    }

    .search-by-size__form {
        flex-direction: column;
    }

    .search-by-size__form {
        background-color: #dfedff;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        border-radius: 16px;
        padding: 46px 26px;
    }

    .search-by-size__form .fake-select {
        height: 48px;
        width: 100%;
    }

    .search-by-size__button {
        flex: 0 0 100%;
        width: 100%;
    }

    .search-by-size__form .search-by-size__link {
        width: 100%;
        margin: 0;
    }

    .search-by-size__link img {
        display: none;
    }

    .search-by-size__field {
        margin-bottom: 0;
    }

    .search-by-size {
        margin-top: 7px;
    }

    .section-home__title h2 {
        font-size: 24px;
        font-weight: 400;
        margin: 0;
    }

    .productTabs__list {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        column-gap: 12px;
        padding: 0 0 4px;
        margin: 24px 0;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .productTabs__list::-webkit-scrollbar {
        display: none;
    }
    .productTabs__listItem {
        flex: 0 0 auto;
    }

    .productTabs__listItemLink {
        padding: 6px 12px;
        white-space: nowrap;
    }

    .owl-carousel .product-one__priceBuy {
        flex-direction: column;
    }

    .owl-carousel .product-one__cartButton {
        height: 44px;
        width: 110px;
        border-radius: 10px;
        background-color: var(--main-blue);
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
        font-size: 18px;
        padding: 0 20px;
        transition: all .3s ease-in-out;
    }

    .owl-carousel .owl-item .product-one__cartButton img {
        width: 24px;
    }

    .owl-carousel .product-one__price {
        margin-top: -3px;
        width: 100%;
        margin-bottom: 10px;
    }

    .owl-carousel .product-one__codeReview {
        flex-direction: column;
    }

    .owl-carousel .product-one__code {
        padding: 0;
        border-radius: 8px;
        color: #3f3f3f;
        background: none;
        font-size: 14px;
        margin-bottom: 8px;
        width: 100%;
    }

    .owl-carousel .product-one__reviewsCount {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        column-gap: 5px;
        font-size: 14px;
        color: #2f2f2f;
        width: 100%;
    }

    .owl-carousel .product-one__name {
        font-size: 18px;
        margin: 30px 0 10px;
        font-weight: 500;
        line-height: 17px;
    }

    .wheels-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .wheels-one__item {
        display: flex;
        background: #f1f1f1;
        border-radius: 8px;
        width: 46%;
        height: 200px;
        overflow: hidden;
        position: relative;
        transition: all .3s ease-in-out;
    }

    section.wheels {
        margin: 60px 0 80px;
    }

    .subscribe__titleLine1 {
        font-size: 30px;
        color: #1f1f1f;
    }

    .subscribe__titleLine2 {
        font-size: 18px;
        color: #3f3f3f;
        text-align: center;
    }

    .subscribe__form {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 40px auto;
        width: 90%;
        column-gap: 30px;
        flex-direction: column;
    }

    .subscribe__input {
        width: 100%;
        position: relative;
    }

    .subscribe__input input {
        height: 70px;
        background: #e4e4e4;
        border-radius: 12px;
        border: none;
        width: 100%;
        font-size: 18px;
        padding: 0 0 0 70px;
    }

    .subscribe__input img {
        position: absolute;
        left: 24px;
        top: 24px;
        width: 20px;
    }

    .subscribe__button {
        width: 100%;
        margin-top: 20px;
    }

    .subscribe__stats {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 25px;
        margin: 30px 0 0;
    }

    .aromas__layout {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }

    .aromas__leftContent {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }

    .aromas__leftContentMain {
        flex: 0 0 100%;
        background: #f1f1f1;
        border-radius: 8px;
        height: auto;
        width: 100%;
        min-height: 300px;
    }

    .aromas__leftContentSecondary {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        row-gap: 30px;
        flex: 0 0 100%;
        width: 100%;
        margin-top: 30px;
    }

    .aromas__leftContentMain a {
        position: relative;
        text-decoration: none;
        color: #2f2f2f;
        overflow: hidden;
        height: 300px;
        display: flex;
        align-items: flex-start;
    }

    .aromas__left {
        flex: 0 0 100%;
        width: 100%;
    }

    .aromas__leftContentMain img {
        position: absolute;
        right: -139px;
        top: 35px;
        width: 400px;
        transition: all .3s ease-in-out;
    }

    .aromas__rightContentItem {
        flex: 0 0 46%;
        height: 190px;
        background: #f1f1f1;
        border-radius: 8px;
    }

    .aromas__rightContentItem a {
        text-decoration: none;
        font-size: 18px;
        color: #2f2f2f;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        height: 160px;
        padding: 0;
        font-size: 21px;
        font-weight: 400;
        position: relative;
        overflow: hidden;
        border-radius: 8px;
    }

    .aromas__rightContentItem a span {
        display: block;
        z-index: 4;
        font-size: 16px;
        padding: 15px 15px 0;
    }

    .aromas_title--right {
        justify-content: flex-start;
        margin-top: 50px;
    }

    .aromas__carouselItems {
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 20px;
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .aromas__carouselItem {
        flex: 0 0 45%;
    }

    .aromas__carouselItem a img {
        top: 0;
    }

    .aromas__carouselItem a {
        height: 200px;
    }

    .new-promos-inner {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }

    .home__news .section-home__title {
        flex-direction: row;
    }

    .home__promos .productTabs__list {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 12px;
        padding: 0;
        margin: 40px 0;
        flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .home__promos {
        flex: 0 0 auto;
        display: block;
        width: 100%;
    }

    .home__news {
        flex: 0 0 100%;
        margin-top: 40px;
    }

    .footer-inner {
        flex-direction: column;
    }

    .footer-left__phones {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        column-gap: 50px;
        margin: 40px 0;
        flex-direction: column;
    }

    .header-top__phone {
        width: 250px;
        margin-left: 0;
    }

    .footer-left__description {
        width: 100%;
        font-size: 14px;
    }

    .footer-left__paymentSystems img {
        width: 42px;
    }

    .footer-left__paymentSystems img.sm {
        width: 34px;
    }

    footer {
        padding: 40px 0;
        background: #f1f1f1;
    }

    .footer-right {
        flex: 0 0 100%;
        display: flex;
        column-gap: 50px;
        justify-content: space-between;
        flex-direction: column;
        order: 1;
    }

    .footer-col__listFlex {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        column-gap: 60px;
        flex-direction: column;
    }

    .footer-left {
        order: 2;
    }

    .special__tabs {
        width: 100%;
    }

    .special__products {
        display: block;
        width: 100%;
    }

    .mobileMenu.open {
        display: block;
        width: 100%;
        height: 100%;

        position: fixed;
        left: 0;
        top: 0;
        z-index: 1000;
    }

    .mobileMenu__inner {
        background: white;
        width: 80%;
        height: 100%;
        z-index: 1001;
        position: absolute;
        left: -600px;
    }

    .mobileMenu__inner.animate__animated {
        left: 0;
    }

    .mobileMenu__overlay {
        background: #2196f39e;
        position: relative;
        z-index: 1000;
        width: 100%;
        height: 100%;
    }

    .mobileMenu__links ul {
        display: block;
        padding: 25px;
    }

    .mobileMenu__links ul li a {
        padding: 10px 0;
        margin-bottom: 5px;
        display: block;
    }

    .mobileMenu .header-top__social {
        display: flex;
    }

    .mobileMenu .header-top__languages {
        display: flex;
        margin-right: 10px;
    }

    .mobileMenu .header-mid__profile {
        display: block;
        margin: 0;
        padding: 0 25px;
    }

    .mobilemenu-topflex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 25px 15px;
    }

    .header-mid__profileLink {
        text-decoration: none;
        font-size: 22px;
        color: #333;
        column-gap: 15px;
        display: flex;
        background: var(--main-blue);
        color: white;
        border-radius: 8px;
        padding: 12px 15px;
        justify-content: space-between;
    }

    .header-mid__profileLink img {
        width: 28px;
        height: 28px;
        filter: invert(1) contrast(100) grayscale(1);
    }

    .mobileMenu__contacts {
        padding: 0 20px;
        margin-bottom: 20px;
    }

    body.fixed {
        overflow: hidden;
    }

    .mega-menu__left {
        width: 100%;
    }

    .mega-menu__right {
        width: 100%;
    }

    .mega-menu {
        display: none;
    }

    .mega-menu-mobile.open {
        display: block;
        position: relative;
        z-index: 999;
        top: -56px;
        border-radius: 8px;
        overflow: hidden;
    }

    .nav__column li {
        list-style: none;
        display: block;
    }

    .nav__column li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
        color: #111;
    }

    .nav__column li a img {
        width: 40px;
    }

    .mega-children {
        background: white;
        display: none;
    }

    .mega-children.open {
        display: block;
    }

    .mega-children ul {
        padding: 0;
    }

    .mega-children .nav__column {
        padding: 0;
        width: 100%;
        display: block;
    }

    .mega-children .nav__column li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
        color: #111;
        padding: 6px 15px;
        border-bottom: 1px solid #f1f1f1;
        font-size: 18px;
        font-weight: 500;
    }

    .mega-menu__leftList li a img.arrowMobileMenu {
        width: 18px;
        transform: rotate(270deg);
    }

    .mm-1 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        column-gap: 15px;
    }

    .mm-1 span {
        margin-top: 2px;
    }

    .nav__childlink span {
        text-align: left;
    }

    .mobile-menu-link-open.mega-menu__leftListItem--active img.arrowMobileMenu {
        width: 18px;
        transform: rotate(0deg);
    }

    .mega-menu__leftList li a img {
        width: 24px;
    }

    .mega-children.open .nav__column li a {
        padding: 13px 20px;
        flex-direction: row;
    }

     .mega-children.open .nav__column li a img{
        display: none;
     }

     .nav__column li a span{
        margin-top: 0;
     }

    .owl-carousel .owl-item .product-one__reviewsCount img {
        width: 18px;
    }

    .mega-menu__leftList li a img{
        margin-left: 5px;
    }
}

.animate-it .slider-caption__title{
    font-size: 70px;
}

.animate-it .slider-caption__button{
    margin:0;
}

.animate-it .slider-caption__description {
    font-size: 28px;
    color: white;
    font-weight: 400;
    margin-bottom: 20px;
}

.animate-it .animated-wheels{
        position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

.animate-it .animated-wheels img{
    width:350px;
}

.animate-it{
    position: relative;
}

.aw1{
    position: absolute;
    right: 420px;
    top: -110px;
    transition: all .7s ease-in-out;
}

.aw2{
        bottom: -150px;
    left: 180px;
    position: absolute;
    transition: all .7s ease-in-out;
}

.animate-it .slider-caption--animated{
  transition: none;
}

.animate-it .slider-caption--animated2{
  transition: all 1.5s ease-out; /* no transition by default */
}

.animate-it.active .slider-caption--animated,
.animate-it.active .slider-caption--animated2{
  transition: all 1s ease-in; /* no transition by default */
}

.slider-caption--animated{
    left: -600px;
    position: absolute;
    z-index: 10;
    
}

.slider-caption--animated2{
    top: -600px;
    position: absolute;
    z-index: 10;
    
}

.animated-text{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

.at1{
    position: absolute;
    font-size: 80px;
    color:white;
    font-weight: 600;
    text-transform: uppercase;
    right: 50px;
    top: 50px;
}

.at2{
    position: absolute;
    font-size: 80px;
    color:var(--main-blue);
    font-weight: 600;
    text-transform: uppercase;
        right: 270px;
    top: 190px;
}

.at3{
      position: absolute;
    font-size: 80px;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    right: 330px;
    top: 322px;
}

.animate-it.active .aw1{
    top: -200px;
}

.animate-it.active .aw2{
       bottom: -230px;
    left: 210px;
}

.animate-it.active .slider-caption--animated{
    left:0px;
    top: 140px;
}

.animate-it.active .slider-caption--animated2{
   top: 0;
    width: 500px;
}

.animate-it .slider-caption__title span{
    color:#ffc107;
}

img.real-avatar{
        border-radius: 100px;
    border: 4px solid #3076d52e;
}

.mega-menu__content{
    display: none;
}

.mega-menu__content.active{
    display: flex;
}

.fake-search{
    padding:10px;
}

.fake-search input{
        width: 100%;
    border-radius: 6px;
    background: #f1f1f1;
    border: 1px solid #ccc;
    height: 40px;
    padding: 15px;
    font-size: 16px;

}

.fs-container{
      position: sticky;
    width: auto;
    top: 0;
    background: white;
}

.section-home__productTabContent{
    display: none;
}

.section-home__productTabContent.section-home__productTabContent--active{
    display: block;
}

.search-by-size__select{
    position: relative;
}

@media(max-width: 1200px) {
    .header-mid__catalogLink {
        height: 40px;
    }
    .search-by-size__field {
        flex: 0 0 48%;
    }
    
}
.aromas .aromas-grid {
    margin: 24px 0 0;
}

.aromas-cats .aromas-cat {
    display: flex;
    flex-direction: column;
    border: 1px solid #f1f1f1;
    border-radius: 12px;
    padding: 15px;
    text-decoration: none;
    box-sizing: border-box;
    transition: border-color .25s ease;
}
.aromas-cats .aromas-cat figure {
    margin: 0;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.aromas-cats .aromas-cat img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .3s ease;
}
.aromas-cats .aromas-cat span {
    display: flex;
    align-items: flex-end;
    min-height: 44px;
    margin-top: auto;
    padding: 12px 4px 0;
    font-size: 17px;
    font-weight: 500;
    color: #222;
}
.aromas-cats .aromas-cat:hover {
    border-color: var(--main-blue);
}
.aromas-cats .aromas-cat:hover span {
    color: var(--main-blue);
}
.aromas-cats .aromas-cat:hover img {
    transform: scale(1.05);
}

.aromas-cats.owl-carousel .owl-stage {
    display: flex;
    padding-bottom: 2px;
}

.aromas-cats.owl-carousel .owl-item {
    display: flex;
    height: auto;
}
.aromas-cats.owl-carousel .owl-item .aromas-cat {
    height: 100%;
    width: 100%;
}

.owl-carousel .owl-stage .slider-item {
    padding-bottom: 36.5%;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

.owl-carousel .owl-stage .slider-item img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}

@media(max-width: 1700px) {
    .bb-input {
        height: 48px!important;
    }
}

@media(max-width: 1572px) {
    .autopicker {
        padding: 14px 20px;
    }
}

@media(max-width: 1430px) {
   .autopicker__image img {
    width: 45px!important;
   }
}

@media(max-width: 1340px) {
   .autopicker__content {
        display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 14px;
   }
}

@media(max-width: 1024px) {
    .owl-carousel .owl-stage .slider-item {
        padding-bottom: 40%;
    }
    #lkf_content .owl-dots {
        gap: 10px;
    }
}

@media(max-width: 600px) {
    .owl-carousel .owl-stage .slider-item {
        padding-bottom: 60%;
    }
}

/* Поки слайдер не запустився, банер уже має свої кінцеві пропорції —
   інакше картинка спершу показується в повний зріст, а потім стискається. */
#main_slider:not(.owl-loaded) .slider-item,
#main_sliderMobile:not(.owl-loaded) .slider-item {
    padding-bottom: 36.5%;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

#main_slider:not(.owl-loaded) .slider-item img,
#main_sliderMobile:not(.owl-loaded) .slider-item img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}

@media(max-width: 1024px) {
    #main_slider:not(.owl-loaded) .slider-item,
    #main_sliderMobile:not(.owl-loaded) .slider-item {
        padding-bottom: 40%;
    }
}

@media(max-width: 600px) {
    #main_slider:not(.owl-loaded) .slider-item,
    #main_sliderMobile:not(.owl-loaded) .slider-item {
        padding-bottom: 60%;
    }
}

:root {
    --animate-duration: 0.4s;
    --animate-delay: 0.4s;
    --animate-repeat: 1;
}

.subscribe__input input {
    height: 70px;
    background: #ffffff;
    border-radius: 12px;
    border: none;
    width: 100%;
    font-size: 22px;
    padding: 0 0 0 70px;
    border: 1px solid #ccc;
}

.header-top__phoneArrowLink {
    background: #0944945c;
}

.mega-menu.open {
    z-index: 9999;
}

.header-mid__search::after {
    display: none;
}

.mega-menu__left {
    background-color: white;
    width: 380px;
}

.mega-menu__leftList li a {
    color: #2f2f2f;
}

.mega-menu__leftList li a {
    border-bottom: 1px solid #ebebeb;
    font-weight: 500;
}

.mega-menu__leftList li a.mega-menu__leftListItem--active {
    background: #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    color: #000;
}

.mega-menu__right {
    width: 80%;
    box-shadow: none;
    border-left: 1px solid #ebebeb;
}

.wheels-one__item img {
    position: absolute;
    bottom: -50%;
    left: 37%;
}

.container {
    width: 100%;
    max-width: 1690px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.mega-menu-mobile {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 88% !important;
    max-width: 400px !important;
    height: 100dvh !important;
    margin: 0 !important;
    background: #fff !important;
    z-index: 3000 !important;
    overflow-y: auto !important;
    transform: translateX(-100%);
    transition: transform 0.28s ease;
    visibility: hidden;
    border-radius: 0 !important;
    box-shadow: 2px 0 24px rgba(0, 0, 0, 0.18);
}

.mega-menu-mobile.open {
    transform: translateX(0) !important;
    visibility: visible;
    top: 0 !important;
}

.overlay.open {
    z-index: 900;
}

footer {
    background: #f6f7f9;
    border-top: 1px solid #e9ebef;
    padding: 52px 0 26px;
}

.footer-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
}

.footer-left__phones {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 40px;
}

.footer-left__phoneTitle {
    font-size: 13px;
    color: #8a8f98;
    margin-bottom: 6px;
}

.footer-left__description {
    font-size: 13.5px;
    line-height: 1.65;
    color: #6b7280;
    width: auto;
}

.footer-left__paymentSystems {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.footer-left__paymentSystems img {
    height: 26px;
    width: auto;
}

.footer-right {
    flex: 1 1 520px;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
}

.footer-col__title {
    font-size: 17px;
    font-weight: 600;
    color: #1a1d24;
    margin-bottom: 18px;
}

.footer-col__listFlex {
    display: flex;
    gap: 40px;
}

.footer-col__List {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-col__List li {
    list-style: none;
    margin-bottom: 12px;
}

.footer-col__List li a {
    font-size: 15px;
    color: #4b5563;
    text-decoration: none;
    transition: color 0.15s;
}

.footer-col__List li a:hover {
    color: var(--main-blue, #3076d5);
}

.autopicker__image {
    position: relative;
}

.autopicker__image img {
    display: block;
    position: relative;
    z-index: 1;
    transform-origin: 50% 90%;
    animation: apCarBuzz 0.5s ease-in-out infinite;
    will-change: transform;
    width: 70px;
}

.home-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    color: #171a20;
    margin: 0 0 16px;
}

@media (max-width: 767px) {
    .home-title {
        font-size: 18px;
        margin: 0 0 12px;
    }
}

.prefooter {
    background: #fff;
    padding: 40px 0 44px;
}

.prefooter__section {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #ebedf1;
}

.prefooter__section:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.prefooter__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    color: #171a20;
    margin: 0 0 12px;
}

.prefooter__subtitle {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    color: #171a20;
    margin: 18px 0 8px;
}

.prefooter p {
    font-size: 15px;
    line-height: 1.55;
    color: #4b5563;
    margin: 0 0 10px;
}

.prefooter__list {
    margin: 0 0 10px;
    padding-left: 20px;
    list-style: disc;
}

.prefooter__list li {
    font-size: 15px;
    line-height: 1.5;
    color: #4b5563;
    margin-bottom: 5px;
}

.prefooter__brands {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px 24px;
}

.prefooter__brandLabel {
    font-size: 15px;
    font-weight: 600;
    color: #171a20;
    margin-bottom: 6px;
}

.prefooter__brandList {
    font-size: 15px;
    line-height: 1.55;
    color: #4b5563;
}

.prefooter__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 16px;
}

.prefooter__card {
    padding: 16px 18px;
    border: 1px solid #ebedf1;
    border-radius: 14px;
    background: #fbfcfd;
}

.prefooter__card .prefooter__subtitle {
    margin-top: 0;
}

.prefooter__card .prefooter__list {
    margin-bottom: 0;
}

.prefooter__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 16px 0 4px;
}

.prefooter__actionCol {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.prefooter__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 26px;
    border: 1px solid var(--main-blue, #3076d5);
    border-radius: 12px;
    background: var(--main-blue, #3076d5);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
}

.prefooter__btn:hover {
    background: var(--main-blue-hover, #2a69bf);
    border-color: var(--main-blue-hover, #2a69bf);
    color: #fff;
}

.prefooter__btn--ghost {
    background: #fff;
    color: var(--main-blue, #3076d5);
}

.prefooter__btn--ghost:hover {
    background: #eef4ff;
    border-color: var(--main-blue, #3076d5);
    color: var(--main-blue, #3076d5);
}

.prefooter__btnNote {
    margin-top: 8px;
    padding-left: 2px;
    font-size: 14px;
    color: #6b7280;
}

.prefooter__form {
    display: grid;
    grid-template-columns: repeat(3, 1fr) auto;
    gap: 14px;
    align-items: start;
    margin-top: 16px;
}

.prefooter__field {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.prefooter__field label {
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #171a20;
}

.prefooter__field input {
    height: 46px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: #f1f1f1;
    font-size: 16px;
    color: #171a20;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.prefooter__field input:focus {
    border-color: var(--main-blue, #3076d5);
    box-shadow: 0 0 0 3px rgba(48, 118, 213, 0.12);
}

.prefooter__field--submit {
    grid-column: auto;
    padding-top: 26px;
}

.prefooter__field--submit .prefooter__btn {
    align-self: flex-start;
}

.prefooter__error {
    margin-top: 6px;
    font-size: 13px;
    color: #c92f2f;
}

.prefooter__success {
    margin: 18px 0 0;
    padding: 14px 18px;
    border: 1px solid #bfe3c4;
    border-radius: 12px;
    background: #f1f9f2;
    font-size: 16px;
    color: #256b32;
}

.prefooter__failure {
    margin: 18px 0 0;
    padding: 14px 18px;
    border: 1px solid #f2c4c4;
    border-radius: 12px;
    background: #fdf3f3;
    font-size: 16px;
    color: #a52020;
}

.prefooter__contact {
    margin-top: 16px;
}

.prefooter__contactNote {
    font-size: 14px;
    line-height: 1.6;
    color: #6b7280;
    margin-bottom: 10px;
}

.prefooter__phone {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: #171a20;
    text-decoration: none;
}

.prefooter__phone:hover {
    color: var(--main-blue, #3076d5);
}

/* .prefooter__section--tight .prefooter__list {
    columns: 2;
    column-gap: 32px;
} */

.prefooter__section--tight .prefooter__list li {
    break-inside: avoid;
}

@media (max-width: 1024px) {
    .prefooter__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .prefooter__form {
        grid-template-columns: repeat(2, 1fr);
    }

    .prefooter__brands {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .prefooter {
        padding: 34px 0 40px;
    }

    .prefooter__section {
        padding-bottom: 28px;
        margin-bottom: 28px;
    }

    .prefooter__title {
        font-size: 22px;
    }

    .prefooter__subtitle {
        font-size: 17px;
    }

    .prefooter p,
    .prefooter__list li,
    .prefooter__brandList,
    .prefooter__brandLabel {
        font-size: 15px;
    }

    .prefooter__grid,
    .prefooter__form,
    .prefooter__brands {
        grid-template-columns: 1fr;
    }

    .prefooter__field--submit {
        padding-top: 0;
    }

    .prefooter__section--tight .prefooter__list {
        columns: 1;
    }

    .prefooter__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .prefooter__actionCol {
        width: 100%;
    }

    .prefooter__btn {
        width: 100%;
    }

    .prefooter__phone {
        font-size: 20px;
    }
}

/* каталог удвічі ширший за решту — у ньому два стовпчики посилань,
   тому сітка з п'яти доріжок, а не з чотирьох */
.footer-cols {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px 32px;
    align-items: start;
}

.footer-col--catalog {
    grid-column: span 2;
}

.footer-cols .footer-col__title {
    margin-bottom: 12px;
}

.footer-cols .footer-col__List {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

/* специфічність тут не менша за .footer-cols .footer-col__List,
   інакше список лишається flex-контейнером і columns не діє */
.footer-cols .footer-col__List--split {
    display: block;
    columns: 2;
    column-gap: 28px;
}

.footer-cols .footer-col__List--split li {
    break-inside: avoid;
    margin-bottom: 7px;
}

.footer-contacts {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #6b7280;
}

.footer-contacts__phone {
    font-size: 19px;
    font-weight: 600;
    color: #1a1d24;
    text-decoration: none;
}

.footer-contacts__mail {
    font-size: 14px;
    color: #4b5563;
    text-decoration: none;
    word-break: break-all;
}

.footer-contacts__phone:hover,
.footer-contacts__mail:hover {
    color: var(--main-blue, #3076d5);
}

.footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #eef0f4;
    transition: background-color 0.15s;
}

/* іконки з різних наборів мають свої кольори — зводимо всі до одного */
.footer-social img {
    width: 17px;
    height: 17px;
    object-fit: contain;
    opacity: 0.7;
    filter: brightness(0) saturate(100%);
    transition: opacity 0.15s, filter 0.15s;
}

.footer-social a:hover {
    background: var(--main-blue, #3076d5);
}

.footer-social a:hover img {
    opacity: 1;
    filter: brightness(0) invert(1);
}

.footer-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px 32px;
    margin-top: 26px;
    padding-top: 18px;
    border-top: 1px solid #e4e7ec;
    font-size: 13px;
    color: #9099a3;
}

.footer-bottom__legal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 18px;
}

.footer-bottom__brand {
    font-weight: 600;
    color: #4b5563;
}

.footer-bottom__legal a,
.footer-dev {
    color: #9099a3;
    text-decoration: none;
}

.footer-bottom__legal a:hover,
.footer-dev:hover {
    color: var(--main-blue, #3076d5);
}

.footer-pay {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.footer-pay img {
    height: 18px;
    width: auto;
}

.footer-pay img.sm {
    height: 15px;
}

.footer-pay__text {
    font-size: 13px;
    font-weight: 600;
    color: #6b7280;
}

@media (max-width: 1024px) {
    .footer-cols {
        grid-template-columns: 1fr 1fr;
        gap: 24px 30px;
    }

    .footer-col--catalog {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .footer-cols {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .footer-cols .footer-col__List--split {
        columns: 1;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }
}


.site-menu {
    display: none;
}

.site-menu.active {
    display: flex;
    border-radius: 0 0 12px 12px;
    position: absolute;
    top: 80px;
    width: 100%;
    z-index: 999;
    overflow: hidden;
}

.site-menu-part {
    display: none;
    
}
.site-menu-part.active {
    display: flex;
}
.site-menu-items {
    width: 380px;
}

.site-menu a {
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
    border-bottom: 1px solid #ebebeb;
    font-weight: 500;
    color: #2f2f2f;
    text-decoration: none;
    font-size: 20px;
    padding: 10px 15px 10px 25px;
    display: flex;
    justify-content: space-between;
    background: white;
}

.site-menu a.active {
    background: #eef4ff;
    color: var(--main-blue, #3076d5);
    box-shadow: inset 3px 0 0 var(--main-blue, #3076d5);
}

.site-menu a img {
    /* display: none; */
    width: 15px;
    height: 15px;
    margin-top: 5px;
}

.site-menu-mobile-part {
    display: none;
    
}
.site-menu-mobile-part.active {
    display: block;
}
.site-menu-mobile-items {
    /* width: 380px; */
}

.site-menu-mobile a {
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
    border-bottom: 1px solid #ebebeb;
    font-weight: 500;
    color: #2f2f2f;
    text-decoration: none;
    font-size: 16px;
    padding: 10px 15px 10px 18px;
    display: flex;
    justify-content: space-between;
    background: white;
}

.site-menu-mobile a.active {
    background: #eef4ff;
    color: var(--main-blue, #3076d5);
    box-shadow: inset 3px 0 0 var(--main-blue, #3076d5);
}

.site-menu-mobile a img {
    /* display: none; */
    width: 15px;
    height: 15px;
    margin-top: 5px;
}

.site-menu-mobile a.active img {
    transform: rotate(90deg);
}

.site-menu-mobile-children {
    padding-left: 20px;
}

.site-menu-mobile a.parent {
    justify-content: unset;
}

.site-menu-mobile a svg {
    width: 18px;
    margin-top: 3px;
    color: var(--main-blue, #3076d5);
    margin-right: 5px;
}

.product-one__price-container {
    display: flex;
}

.product-content .pif-right .product-one__price .product-one__price-container .product-one__price {
    order: 0;
    flex: none;
}

.product-one__priceValue-old {
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
    color: var(--pp-gray, #6b7280);
}

.product-one__priceValue-discount {
    background: var(--main-orange);
    color: white;
    padding: 0 3px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
    margin: 0 5px;
}

.product-one__price-discount {
    font-size: 22px;
    font-weight: 500;
    color: var(--main-black);
    padding-top: 11px;
    margin-left: 15px;
}

.product-one__price-discount span {
    font-size: 26px;
    font-weight: 700;
    color: var(--main-blue);
}

.cg .category-grid .product-one__priceValue-old {
    font-size: 12px;
}

.cg .category-grid .product-one__priceValue-discount {
    font-size: 12px;
}

.result-info-old_price {
    text-decoration: line-through;
    color: var(--pp-gray, #6b7280);
}
@media (min-width:1000px){
    .site-menu.active{
        width:auto; max-width:1560px; left:0;
        border:1px solid #e6e8ec; border-top:none;
        border-radius:0 0 14px 14px; overflow:hidden;
        box-shadow:0 20px 44px rgba(17,26,32,.16); background:#fff;
    }
    /* Меню не довше за екран: висоту рахує index.js (--site-menu-max), колонки прокручуються всередині */
    .site-menu.active{ max-height:var(--site-menu-max, calc(100vh - 270px)); }
    .site-menu > .site-menu-part.active{ display:flex; align-items:stretch; width:100%; max-height:inherit; }
    .site-menu > .site-menu-part > .site-menu-items,
    .site-menu > .site-menu-part > .site-menu-children{
        overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#cfd5de transparent;
    }
    .site-menu > .site-menu-part > .site-menu-items{
        width:300px; flex:0 0 300px; background:#f7f9fc;
        border-right:1px solid #eef0f3; padding:10px 0;
    }
    .site-menu > .site-menu-part > .site-menu-items > div > a{
        border-bottom:none; font-size:16px; font-weight:600; color:#2f2f2f;
        padding:12px 20px; background:transparent;
    }
    .site-menu > .site-menu-part > .site-menu-items > div > a.active{
        background:#fff; color:var(--main-blue,#3076d5);
        box-shadow:inset 3px 0 0 var(--main-blue,#3076d5);
    }
    .site-menu > .site-menu-part > .site-menu-items > div > a img{ width:14px; height:14px; opacity:.45; }
    .site-menu > .site-menu-part > .site-menu-children{
        flex:1 1 auto; min-width:0; position:relative; padding:18px 22px;
    }
    .site-menu-children > .site-menu-part{ display:none; width:100%; }
    .site-menu-children > .site-menu-part.active{ display:block; }

    /* сітка рядками (зліва направо), а не газетні колонки: з фото категорій колонки давали «дірки» */
    .site-menu .site-menu-groups{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); column-gap:34px; align-items:start; }
    @media (min-width:1360px){ .site-menu .site-menu-groups{ grid-template-columns:repeat(4, minmax(0, 1fr)); } }
    .site-menu .smg{
        break-inside:avoid; -webkit-column-break-inside:avoid; page-break-inside:avoid;
        width:100%; margin:0 0 18px;
    }

    .site-menu .smg__title{
        display:block; border:none; border-radius:8px; text-decoration:none; line-height:1.3;
    }
    /* Фото категорії над назвою групи */
    .site-menu .smg__img{
        display:flex; align-items:center; justify-content:center;
        height:110px; margin:0 0 8px; padding:8px; border-radius:10px; background:#f6f7f9;
    }
    /* .site-menu a img вище робить усі картинки меню іконками 15px — тут повертаємо справжній розмір */
    .site-menu .smg__img img{ width:auto; height:auto; max-width:100%; max-height:94px; margin:0; object-fit:contain; mix-blend-mode:multiply; }
    .site-menu .smg__img:hover{ background:#eef4ff; }
    /* Заголовок групи (є підпункти) */
    .site-menu .smg.has-sub > .smg__title{
        font-weight:700; color:#171a20; font-size:15px;
        padding:2px 10px 8px; margin-bottom:4px;
        border-bottom:1px solid #eef0f3;
    }
    .site-menu .smg.has-sub > .smg__title:hover{ color:var(--main-blue,#3076d5); background:transparent; }
    /* Поодинока категорія (без підпунктів) — звичайне клікабельне посилання */
    .site-menu .smg:not(.has-sub) > .smg__title{
        font-weight:700; color:#171a20; font-size:15px; padding:2px 10px 8px; margin-bottom:4px;
    }
    .site-menu .smg:not(.has-sub):has(.smg__list) > .smg__title{ border-bottom:1px solid #eef0f3; }
    .site-menu .smg:not(.has-sub) > .smg__title:hover{ background:#eef4ff; color:var(--main-blue,#3076d5); }

    .site-menu .smg__list{ display:flex; flex-direction:column; gap:1px; margin:0; }
    .site-menu .smg__item{
        display:block; border:none; border-radius:8px; text-decoration:none; line-height:1.3;
        padding:6px 10px; font-size:15px; font-weight:400; color:#5b616b; background:transparent;
    }
    .site-menu .smg__item:hover{ background:#eef4ff; color:var(--main-blue,#3076d5); }
    .site-menu .smg__item--all{ color:var(--main-blue,#3076d5); font-weight:500; }
    .site-menu .smg__item--all:hover{ background:#eef4ff; }
}

.header-mid__catalogLink .ic-close{ display:none; }
.header-mid__catalogLink.open .ic-grid{ display:none; }
.header-mid__catalogLink.open .ic-close{ display:block; }

.mobileMenu .header-top__menuLink--special{
    display: inline-block;
    color: #fff;
    font-weight: 800;
    padding: 8px 18px;
    border-radius: 8px;
    font-size: 17px;
}

/* Заголовок головної прихований візуально, але лишається в розмітці як H1 для пошуковиків */
h1.home-title {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Підбір авто на головній: логотип марки перед назвою */
.fake-select-content ul li a.brand-select--logo {
    display: flex;
    align-items: center;
    gap: 12px;
}
.fake-select-content ul li a.brand-select--logo img {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    object-fit: contain;
}
/* марки без логотипа — назва на тій самій лінії, що й у марок з логотипом */
.fake-select-content ul li a.brand-select:not(.brand-select--logo) {
    padding-left: 55px;
}

/* Підбір авто: «Рік» і «Тип кузова» в одному рядку */
.autopicker__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.autopicker__pair .autopicker__select { min-width: 0; }
.autopicker__bodySelect { -webkit-appearance: none; appearance: none; background: #fff; color: #171a20; font-family: inherit; padding-right: 40px; cursor: pointer; text-overflow: ellipsis; }
.bb-input-block.blocked .autopicker__bodySelect { color: #8a919c; }
.bb-input-block.selected .autopicker__bodySelect { background: #3076d5c4; color: #fff; border: 2px solid #3076d599; }
.bb-input-block.selected .autopicker__bodySelect option { color: #171a20; background: #fff; }

/* Підбір авто: стрілку показуємо лише в полях, які можна відкрити (неактивні — без стрілки, щоб не плутати) */
.autopicker .bb-input-block.blocked img { display: none; }

/* assets/css/catalog.css */
.breadcrumbs{
	margin: 0;
    background: #f6f7f9;
}

.category-filter-mobile{
	display: none;
}

.swal2-cancel.btn.btn-secondary{
    border: none;
    background: #f1f1f1;
    color: #222;
    border-radius: 12px;
    padding: 12px 20px;
    font-family: 'Gilroy';
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    margin: 0 5px;
}

.swal2-confirm.btn.btn-success{
    border: none;
    background: var(--main-blue);
    color: #fff;
    border-radius: 12px;
    padding: 12px 20px;
    font-family: 'Gilroy';
    font-weight: 500;
    font-size: 16px;
     cursor: pointer;
     margin: 0 5px;
}

.breadcrumbs ul{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	list-style: none;
	column-gap: 10px;
	height: 50px;
	padding:0;
	margin:0;
}

.breadcrumbs-mobile{
	display: none;
}

.breadcrumbs ul li{
	position: relative;
	padding-right: 26px;
}

.breadcrumbs ul li a{
	color:#2f2f2f;
	display: block;
	text-decoration: none;
}

.breadcrumbs ul li span{
	color: var(--main-blue);
}

.breadcrumbs ul li:after{
	content: "";
	width:12px;
	height: 12px;
	background: url('/assets/img/arrow-down-bold.svg');
	background-size: 100%;
	display: block;
	position: absolute;
	right: 3px;
	transform: rotate(-90deg);
	top: 3px;
}

.breadcrumbs ul li:last-child:after{
	display: none;
}

.category-header h1{
	margin:0;
	padding: 20px 0;
	font-size: 28px;
	font-weight: 600;
}

.category-filter-top{
	position: relative;
	padding:10px 0;
	background:#fff;
}

.fake-filter-select{
	width: 300px;
}

.fake-filter-select a{
	height: 70px;
	border: 1px solid #ccc;
	border-radius: 10px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	position: relative;
	text-decoration: none;
}

.category-filter-top .fake-filter-select a {
height: 70px;
    border: 2px solid #c1d1e5;
    border-radius: 10px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    text-decoration: none;
    background: white;
}

.category-filter-top .fake-filter-select a .ffs-label
{
    color: #2f2f2f;
}

.category-filter-top .ffs-input::placeholder{
    color:#3f3f3f;
}

.fake-filter-select a .ffs-label{
	color:#666;
	font-size: 16px;
	padding: 10px 20px 0;
}

.fake-filter-select a .ffs-current-value{
	color:#333;
	font-size: 22px;
	padding:0 20px;
}

.fake-filter-select a .ffs-arrow-down{
position: absolute;
    right: 20px;
    top: 24px;
    width: 20px;
    height: 20px;
    background: url(/assets/img/arrow-down-bold.svg);
    background-size: 100%;
    display: block;
}

.cft-label {
	    position: absolute;
    top: -23px;
    left: 0;
    background: var(--main-blue);
    color: white;
    padding: 2px 8px;
    border-radius: 6px;
}

.category-filter-top .container-inner{
	position: relative;
}

.ctf-left{
	padding: 10px 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 20px;
}

.ctfrb-content a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f1f1f1;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    padding: 14px 15px;
    gap: 8px;
}

.ctfrb-content a img{
	width: 16px;
}

.ctfrb-title{
	    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.ctf-content{
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.ctf-right{
	flex: 0 0 40%;
    display: flex;
    justify-content: flex-end;
    column-gap: 20px;
}

.x3{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 2px;
    height: 20px;
}

.x1{
	width: 6px;
	height: 16px;
	border-radius: 4px;
	background: var(--main-blue);
}

.ctf-right-block-15{
	flex:0 0 15%;
}

.category-content{
    flex: 1 1 auto;
}

.category-full{
    width:100%;
}

.category-grid{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 30px;
	row-gap: 30px;
	flex-wrap: wrap;
}

.cg{
	margin: 50px 0;
}

.cg-inner{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
    gap: 30px;
}

.category-filter{
    flex: 0 0 320px;
    max-width: 320px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f1f1f1;
}

.cf-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 20px;
    padding: 25px;
    border-bottom: 2px solid #f1f1f1;
}

@media(max-width: 1024px) {
    .cf-title {
        position: sticky;
        top: 0;
        background: white;
        z-index: 5;
    }
}

.cf-title img{
	width: 24px;
}

.cf-title  span{
	font-size: 20px;
	font-weight: 500;
}

.cf-block .cf-block-title a img{
	width: 18px;
	transform: rotate(-90deg);

}

.cf-block.open .cf-block-title a img{
	transform: rotate(0deg);
}

.cf-block-title{
	margin-bottom: 20px;
}

.cf-block-title a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
    line-height: 16px;
	font-weight: 600;
	text-decoration: none;
	color: #3f3f3f;
}

.cf-checkbox{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: 13px;
	margin-bottom: 15px;
	text-decoration: none;
	color:#3f3f3f;
}

.cf-checkbox input{
	display: none;
}

.checkbox__item {
    min-width: 24px;
    height: 24px;
    border-radius: 6px;
    border: 1px solid #dedede;
    background: white;
    margin-top: -2px;
    position: relative;
}

.checked .checkbox__item{
    background: var(--main-blue);
    border:1px solid var(--main-blue);
}

.cf-block-title {
    margin-bottom: 0;
    padding: 25px 14px;
}

.cf-checkbox.checked{
    color: var(--main-blue);
}

.cf-block{
	border-bottom: 2px solid #f1f1f1;
}

.cf-block:last-child{
	border:none;
}

.cf-block-content{
	display: none;
}

.cf-block-content.open{
	display: block;
	padding: 5px 25px 20px;
}

.checkbox__title {
    font-size: 16px;
    font-weight: 400;
}

@media(max-width: 1700px){
	.fake-filter-select {
	    width: 250px;
	}

	.ctf-right {
    flex: 0 0 30%;
    display: flex;
    justify-content: flex-end;
    column-gap: 20px;
}

.ctf-right-block-15 {
    flex: 0 0 20%;
}

}

@media(max-width: 1240px){
	    .fake-filter-select {
        width: 170px;
    }

    .ctf-right{
    	flex: 0 0 39%;
    }
}

@media(max-width: 1024px){
	.ctf-right{
		display: none;
	}

	.fake-filter-select {
        width: 32%;
    }

    .ctf-left {
    padding: 10px 0;
    display: flex
;
    align-items: center;
    justify-content: flex-start;
    column-gap: 20px;
    width: 100%;
    flex: 0 0 100%;
}

.cg-inner{
	flex-direction: column;
}

.category-filter {
    flex: 0 0 100%;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f1f1f1;
    width: 100%;
    display: none;
}

.category-filter-mobile{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;

}

    .category-filter-mobile a.open-filter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #3076d5;
        border-radius: 8px;
        padding: 14px 24px;
        width: calc(100% - 48px);
        color: white;
        text-decoration: none;
        font-size: 20px;
    }

.category-filter-mobile a img{
	width: 24px;
}

.sort-button{
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 10px;
	text-decoration: none;
	color:#2f2f2f;
}

.view-button{
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 10px;
	text-decoration: none;
	color:#2f2f2f;
	font-size: 18px;
}

.sort-view{
	display: flex
;
    align-items: center;
    justify-content: flex-end;
    column-gap: 20px;
    font-size: 18px;
}

.sort-button img{
	width: 28px;
}

.view-button img{
	width: 28px;
}

    .category-filter-mobile a.open-filter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #3076d5;
        border-radius: 8px;
        padding: 14px 16px;
        width: 280px;
        color: white;
        text-decoration: none;
        font-size: 20px;
    }

        .category-filter-mobile > a  > img {
        width: 24px;
        filter: contrast(100) invert(1) grayscale(1);
    }

}

.product-one__image img{
    width: 100%;
}

@media(max-width: 1700px){
	.product-one__itemGrid4 {
	    flex: 0 0 calc(23.5% - 60px);
	    width: 24.6%;
	}

	.product-one__image img{
		width: 100%;
	}

	    .product-one__codeReview {
        flex-direction: column;
        align-items: flex-start;
    }

       .product-one__reviewsCount {
        margin-top: 8px;
        font-size: 16px;
        column-gap: 10px;
    }

    .product-one__priceBuy{
    	flex-direction: column;
        align-items: flex-start;
    }

    .product-one__addToCart{
    	margin-top: 15px;
    	width: 100%;
    }

        .product-one__itemGrid4 {
        flex: 0 0 calc(30.9% - 60px);
        width: 33.6%;
    }

    .product-one__cartButton{
    	width: calc( 100% - 40px );

    }
}

@media(max-width: 1480px){
	    .product-one__itemGrid4 {
        flex: 0 0 calc(47.7% - 60px);
        width: 36.6%;
    }
}

@media(max-width: 1240px){
	    .product-one__itemGrid4 {
        flex: 0 0 calc(46.7% - 60px);
        width: 36.6%;
    }
}

@media(max-width: 1024px){
	.category-grid{width: 100%;margin: 0;}
	.product-one__itemGrid4 {
        flex: 0 0 calc(47.5% - 60px);
        width: 36.6%;
    }
    .category-filter-mobile a.open-filter{width: 304px;}

    .cg-inner {
        gap: 0px;
    }

    .sort-view { 
        margin: 30px 0 20px 0;
    }
     .cg{
		margin: 25px 0;
	}
}

@media(max-width: 767px){
	.category-filter-mobile a.open-filter{
		width: 40%;
	}

	    .product-one__itemGrid4 {
        flex: 0 0 calc(47.4% - 60px);
        width: 36.6%;
    }

    .category-grid{
    	column-gap: 0px;
    	justify-content: space-between;
    }

	
}

@media(max-width: 500px){
	    .category-filter-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding-bottom: 16px;
    }

        .category-filter-mobile a.open-filter {
        width: 100%;
    }

        .sort-view {
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 20px;
        font-size: 18px;
    }

        .ctf-left {
        padding: 10px 0;
        display: flex
;
        align-items: flex-start;
        justify-content: flex-start;
        column-gap: 20px;
        width: 100%;
        flex: 0 0 100%;
        flex-direction: column;
    }

        .fake-filter-select {
        width: 100%;
    }

    .fake-filter-select a{
    	height: 60px;
    }

    .fake-filter-select{
    	margin-bottom: 12px;
    }

    .fake-filter-select a .ffs-arrow-down{
    top:20px;
    }

    .category-header h1 {
    margin: 0;
    padding: 20px 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 22px;
	}

	.breadcrumbs{
		display: none;
	}

	.breadcrumbs-mobile{
		display: block;
	}

	.breadcrumbs-mobile ul{
		padding: 0;
	}

	.breadcrumbs-mobile ul li {
		list-style: none;
	}

	    .breadcrumbs-mobile ul li a {
        display: flex;
        column-gap: 15px;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
        color: #2f2f2f;
        padding: 14px;
        border-radius: 8px;
        background: #f1f1f1;
    }

	.breadcrumbs-mobile ul li a img{
		width: 14px;
		transform: rotate(-270deg);
	}

	    .header-mid__search {
        position: relative;
        width: 100%;
        margin-left: 0;
    }
	.ctf-left .fake-filter-select{
		display: none;
	}

	.ctf-left .fake-filter-select.active{
		display: flex;
	}
	    .product-one__itemGrid4 {
        flex: 0 0 31%;
        width: 31%;
    }

    .product-one__code{
    	background: none;
    	padding:0;
    }
	
	.product-one__name {
    font-size: 16px;
    margin: 30px 0 10px;
    font-weight: 500;
    line-height: 16px;
}

.product-one__reviewsCount{
	display: none;
}

.product-one__priceValue {
    font-size: 24px;
}

.product-one__cartButton img{
	display: none;
}

    .product-one__cartButton {
        width: calc(100% - 40px);
        justify-content: center;
        height: 44px;
    }

    .category-grid{
    	row-gap: 15px;
    }
	   
}

@media(max-width: 380px){
	 .product-one__itemGrid4 {
        flex: 0 0 calc(100% - 66px);
        width: 100%;
    }

}

.categories-grid-inner{
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 50px 0;
    gap: 18px;
}

.category-grid-item {
    flex: 0 0 calc(20% - 18px * 4 / 5);
}

@media(max-width: 1240px){
    .category-grid-item{
        flex: 0 0 calc(25% - 18px * 3 / 4);
    }
}

@media(max-width: 900px){
    .category-grid-item{
        flex: 0 0 calc(33.333% - 18px * 2 / 3);
    }
}

@media(max-width: 600px){
    .category-grid-item{
        flex: 0 0 calc(50% - 18px / 2);
    }
}

@media(max-width: 400px){
    
}

.category-grid-item a{
    border-radius: 12px;
    border:1px solid #f1f1f1;
    padding: 15px;
    text-decoration: none;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    flex-direction: column;
    transition: all .3s ease-in-out;
    height: 100%;
    box-sizing: border-box;
}

.category-grid-item a img{
    width:100%;
    height:100%;
    object-fit: contain;
}

.category-grid-item a span{
    font-size: 20px;
    font-weight: 500;
    color: #222;
    min-height: 50px;
    padding: 15px;
    display: flex;
    align-items: flex-end;
    margin-top: auto;
}

.category-grid-item a figure{
    position: relative;
    overflow:hidden;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.category-grid-item a:hover span{
    color:var(--main-blue);
}

.category-grid-item a:hover{
    border: 1px solid var(--main-blue);
}

.category-grid-item a:hover img{
    transform: scale(1.05);
}

.product-one__image figure{
    position: relative;
    width:100%;
    max-width: 200px;
    aspect-ratio: 1 / 1;
    height: auto;
    display: flex;
    align-content: center;
    justify-content: center;
    overflow:hidden;
    padding: 0;
    margin:0 auto;
    border-radius: 12px;
}

.cg .product-one__like {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 10px;
    font-size: 18px;
    text-decoration: none;
    position: absolute;
    right: 15px;
    top: 25px;
    color: #222;
    background: #ffffffd9;
    z-index: 100;
    border-radius: 12px;
    padding: 5px 10px;
}

/* Pagination - custom */
.pagination {
  display: flex;
  gap: 8px;
  justify-content: center; /* or flex-start / flex-end */
  margin: 1.2rem 0;
  padding-left: 0;
  list-style: none;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  font-size: 14px;
}

/* page item spacing / shape */
.pagination .page-item {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}

/* link base */
.pagination .page-link {
  display: inline-block;
  padding: 8px 12px;
  min-width: 24px;
  text-align: center;
  color: #374151;              /* text color */
  background: none;         /* bg */
  border: 1px solid #ccc;   /* light border */
  transition: all 0.12s ease;
  text-decoration: none;
  border-radius: 10px;
}

/* hover / focus */
.pagination .page-link:hover,
.pagination .page-link:focus {
  transform: scale(1.1);
  text-decoration: none;
  border:1px solid #c1c1c1;
  background: var(--light-blue);
}

/* active page */
.pagination .active .page-link {
  background: var(--main-blue);
  color: #fff;
  border-color: var(--main-blue);
  font-weight: 600;
  
  transform: none;
}

/* disabled */
.pagination .disabled .page-link {
  color: #9aa3b2;
  background: #f8fafc;
  pointer-events: none;
  border-color: #f1f5f9;
}

/* smaller / compact variant */
.pagination.pagination-sm .page-link {
  padding: 6px 9px;
  font-size: 13px;
  min-width: 34px;
}

/* larger variant */
.pagination.pagination-lg .page-link {
  padding: 10px 14px;
  font-size: 15px;
  min-width: 46px;
}

/* responsive wrap */
@media (max-width: 480px) {
  .pagination {
    gap: 6px;
    font-size: 13px;
  }
  .pagination .page-link { padding: 6px 8px; min-width: 30px; }
}

.search-by-auto .category-inner {
        flex: 0 0 calc(100% - 420px);
}

.no-products-message{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 20px;
    border-radius: 20px;
    background: #f2f2f2;
}

.no-products-message .npm-image > img{
    width: 200px;
    opacity: .9;
    margin-bottom: 50px;
}

.no-products-message .npm-image span{
    font-size: 20px;
    margin: 0 auto;
    text-align: center;
    max-width: 600px;
}

.no-products-message .npm-image{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.no-products-message .npm-image .htm__content{
    margin: 30px 0;
}

.no-products-message .npm-image .htm__content img{
    width: 50px;
}

.checkout-success .no-products-message{
    margin: 50px 0;
}

.ntt .order-id{
    font-size: 26px;
    color: var(--main-blue);
    font-weight: 500;
}

.ntt p{
    font-size: 18px;
    line-height: 20px;
}

.ntt .order-text{
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.more-order-text{
    color: var(--main-blue);
    font-size: 18px;
    font-weight: 500;
    margin-top: 40px;
}

.no-products-message.ntt .npm-image > img {
    width: 170px;
    opacity: .9;
    margin-bottom: 50px;
}

.category-grid{
    align-items: flex-start;
}

.product-one__name {
    font-size: 20px;
    margin: 30px 0 10px;
    font-weight: 500;
    min-height: 110px;
}

.cf-block-content.open {
    display: block;
    padding: 5px 14px 20px;
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 18px;
    margin-bottom: 6px;
}

.cf-block-content.open {
  scrollbar-width: thin;
  scrollbar-color: var(--main-blue) transparent;
}

/* For WebKit browsers */
.cf-block-content.open::-webkit-scrollbar {
  width: 8px;
}

.cf-block-content.open::-webkit-scrollbar-track {
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 4px,
    var(--main-blue) 4px,
    var(--main-blue) 6px
  );
  border-radius: 10px;
}

.cf-block-content.open::-webkit-scrollbar-thumb {
  background-color: var(--main-blue);
  border-radius: 10px;
}

.cf-checkbox.checked .checkbox__item::after,
.wf-check.checked .checkbox__item::after {
    content: "";
    position: absolute;
   left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.sim-carousel .product-one__image figure{
    width: 100%;
    height: 240px;
}

.sim-carousel .product-one__image figure img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.active-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 4px 0 24px;
}

.catalog-loader {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .6);
    opacity: 0;
    transition: opacity .15s ease;
}

.catalog-loader.active {
    opacity: 1;
}

.catalog-loader__spinner {
    width: 48px;
    height: 48px;
    border: 4px solid #d7deea;
    border-top-color: var(--main-blue, #2563eb);
    border-radius: 50%;
    animation: catalogSpin .7s linear infinite;
}

@keyframes catalogSpin {
    to { transform: rotate(360deg); }
}

.active-filters__clear {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 8px;
    background: #eef1f6;
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background .15s ease;
}

.active-filters__clear:hover {
    background: #e2e6ee;
}

.active-filters__chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px 8px 14px;
    border-radius: 8px;
    border: 1px solid #e2e6ee;
    background: #fff;
    color: #2f2f2f;
    font-size: 14px;
    text-decoration: none;
    transition: border-color .15s ease;
}

.active-filters__chip:hover {
    border-color: #c3ccdb;
}

.active-filters__chip i {
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    color: #98a2b3;
}

.active-filters__chip:hover i {
    color: #e02424;
}

.ctfrb-current-value {
    white-space: nowrap;
}

.ctfrb-content > a img {
    transition: transform .2s;
}

.ctfrb-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    margin: 0;
    padding: 0;
    min-width: 200px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
    z-index: 111;
    list-style: none;
}

.ctfrb-dropdown li a {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
}

.wf-check {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 13px;
    margin-bottom: 15px;
    text-decoration: none;
    color: #3f3f3f;
    cursor: pointer;
}

.wf-check.checked {
    color: var(--main-blue);
}

.wf-price-inputs {
    display: flex;
    gap: 10px;
}

.wf-price-inputs input {
    width: 100%;
    height: 42px;
    border: 1px solid #dedede;
    border-radius: 8px;
    padding: 0 12px;
    font-family: 'Gilroy';
    font-size: 15px;
    box-sizing: border-box;
}

.wf-range {
    position: relative;
    height: 26px;
    margin: 4px 0 14px;
}

.wf-range::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    height: 4px;
    background: #e2e6ee;
    border-radius: 2px;
}

.wf-range-fill {
    position: absolute;
    top: 8px;
    height: 4px;
    background: var(--main-blue);
    border-radius: 2px;
}

.wf-range input[type="range"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    margin: 0;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
}

.wf-range input[type="range"]::-webkit-slider-runnable-track {
    background: none;
    height: 35px;
    border: none;
}

.wf-range input[type="range"]::-moz-range-track {
    background: none;
}

.wf-range input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--main-blue);
    cursor: pointer;
}

.wf-range input[type="range"]::-moz-range-thumb {
    pointer-events: auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--main-blue);
    cursor: pointer;
}

.viewed-carousel {
    margin-top: 80px;
}

.cf-content .category-filter-submit-container:not(:has(> a:not(.none))) {
    display: none;
}

.ctfrb-content { position: relative; display: inline-block; }

.x1{
    width: 4px;
}

.ctfrb-content > a img { transition: transform 0.2s; }
.ctfrb-content.open > a img { transform: rotate(180deg); }
.ctfrb-current-value{
    display: block;
    padding-right: 15px;
     display: flex;
    gap: 10px;
    align-items: center;
}
.ctfrb-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  padding: 0;
  left: 0;
  min-width: 200px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  z-index: 111;
}

.ctfrb-content.open .ctfrb-dropdown { display: block; }

.ctfrb-dropdown li { list-style: none; }
.ctfrb-dropdown li a {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  border-radius: 0px;
  border-bottom: 1px solid #f0f0f0;
}
.ctfrb-dropdown li:last-child a { border-bottom: none; }
.ctfrb-dropdown li a:hover { background: #f7f7f7; }
.ctfrb-dropdown li.active a { font-weight: 500; color: #1a6fe8; }

.check { display: none; margin-left: auto; }
.ctfrb-dropdown li.active .check { display: inline; }

.priceview .product-one__priceBuy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0 4px;
    margin-top: auto;
}

.priceview .product-one__price {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.priceview .product-one__priceTitle {
    font-size: 12px;
    color: #888;
    line-height: 1;
}

.priceview .product-one__priceValue {
    font-size: 26px;
    font-weight: 700;
    color: #111;
    line-height: 1.1;
}

.priceview .product-one__priceValue .currency {
    font-size: 16px;
    font-weight: 400;
    color: #444;
}

.priceview .product-one__addToCart {
    flex-shrink: 0;
}

.priceview .product-one__cartButton {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #1a6fe8;
    color: #fff;
    border-radius: 8px;
    padding: 10px 18px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s;
    white-space: nowrap;
    height: 30px;
}

.priceview .product-one__price {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100px;
}

.priceview .product-one__cartButton:hover {
    background: #1559c4;
}

.priceview .product-one__cartButton img {
    width: 18px;
    height: 18px;
    filter: brightness(0) invert(1);
}

#ctfrb-grid-wrap .ctfrb-dropdown li a {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-start;
}

#ctfrb-grid-wrap .ctfrb-dropdown li.priceview a {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
}

.grid-icon {
    display: grid;
    gap: 2px;
    width: 28px;
    height: 20px;
    flex-shrink: 0;
}

.grid-icon.x3 {
    grid-template-columns: repeat(3, 5px);
}
.grid-icon.x4 { grid-template-columns: repeat(4, 1fr); }

.grid-icon .x1 {
    background: #aaa;
    border-radius: 2px;
    height: 100%;
}

.grid-icon.pv {
    display: flex;
    gap: 3px;
    align-items: stretch;
}

.grid-icon.pv .pv-img {
    width: 20px;
    background: #aaa;
    border-radius: 2px;
    flex-shrink: 0;
}

.grid-icon.pv .pv-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    flex: 1;
}

.grid-icon.pv .pv-line {
    height: 3px;
    background: #aaa;
    border-radius: 1px;
}

.grid-icon.pv .pv-line.short {
    width: 60%;
}

.grid-icon.pv .pv-price {
    height: 4px;
    background: #1a6fe8;
    border-radius: 1px;
    width: 70%;
    margin-top: 1px;
}

#ctfrb-grid-wrap .ctfrb-dropdown li a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.grid-icon{
    gap: 3px;
}

.x3.rotated{
    transform: rotate(90deg);
}

.x3.rotated .x1{
    width: 4px;
}

.grid-icon.rotated{
    width: 19px;
    margin-right: 10px;
}

.category-grid.priceview {
    flex-direction: column;
    column-gap: 0;
    row-gap: 12px;
}

.category-grid.priceview .product-one__item {
    flex: 0 0 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 20px;
    gap: 20px;
}

.category-grid.priceview .product-one__image {
    flex: 0 0 120px;
    width: 120px;
}

.category-grid.priceview .product-one__image figure,
.category-grid.priceview .product-one__image img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin: 0;
}

.category-grid.priceview .product-one__likeButton {
    position: relative;
    top: auto;
    right: auto;
    order:99;
}

.category-grid.priceview .product-one__link {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
    min-width: 0;
}

.category-grid.priceview .product-one__name {
    font-size: 15px;
    flex: 1;
    min-width: 0;
}

.category-grid.priceview .product-one__codeReview {
    margin-top: 6px;
    margin-right: 20px;
}

.priceview .category-grid.priceview .product-one__likeButton{
        position: relative;
    top: auto;
    right: auto;
    order: 99;
}

.priceview .product-one__like {
    top: 0;
    right: 0;
    position: relative;
    order: 99;
    display: flex;
}

.product-one__like:hover {
    background: #3076d5d6;
    color: white;
}

.priceview .product-one__name{
    margin:0;
}

.priceview .product-one__image{
    justify-content: flex-start;
    align-items: flex-start;
}

.priceview .product-one__name{
    min-height: auto;
}

.category-grid.priceview .product-one__priceBuy {
    flex: 0 0 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0;
    margin: 0;
}

.category-grid.priceview .product-one__priceValue {
    font-size: 22px;
}

.category-filter-submit-container {
    position: sticky;
    bottom: 0px;
    border-top: 1px solid #e1d5d599;
    background: white;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 25px;
}

.category-filter-submit {
    margin: 0;
    flex: 1 1 auto;
    text-align: center;
    color: white;
    height: 46px;
    min-width: 0;
    box-sizing: border-box;
    background: var(--main-blue, #3076d5);
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.category-filter-submit:hover {
    background: var(--main-blue-hover);
}

.category-filter-clear-x {
    flex: 0 0 auto;
    width: 100px;
    height: 46px;
    padding: 0;
    margin: 0;
    background: #e03939;
    color: #fff;
    border: none;
    border-radius: 10px;
    text-decoration: none;
    transition: background .2s;
}

.category-filter-clear-x:not(.none) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-filter-clear-x svg {
    width: 20px;
    height: 20px;
}

.category-filter-clear-x:hover {
    background: #c62f2f;
}

.category-filter-submit-container:not(:has(> .category-filter-submit:not(.none))) .category-filter-clear-x:not(.none) {
    flex: 1 1 auto;
    width: 100%;
}

@media (min-width: 1025px) {
    .category-filter-clear-x {
        display: none !important;
    }
    .cf-content .category-filter-submit-container:not(:has(> .category-filter-submit:not(.none))) {
        display: none;
    }
}

.none {
    display: none;
}

.catalog-loader__filter {
    position: relative;
    opacity: 0.5;
    pointer-events: none;
}
.catalog-loader__filter .catalog-loader__spinner {
    position: absolute;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
}

.kuzov{
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 100;
    background: #1A212B;
    color: white;
    padding: 5px 10px;
    border-radius: 8px;
    font-weight: 500;
}

/* Subcategory nav slider on category pages (markup only; backend fills items) */
.subcat-nav {
    padding: 20px 0 4px;
}
.subcat-nav__slider.owl-carousel {
    position: relative;
}
.subcat-nav__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    text-decoration: none;
    color: #2f2f2f;
    background: #fff;
    border: 1px solid #eef0f3;
    border-radius: 12px;
    padding: 12px 8px;
    height: 100%;
    box-sizing: border-box;
    transition: border-color .2s, box-shadow .2s;
}
.subcat-nav__card:hover {
    border-color: var(--main-blue);
    box-shadow: 0 6px 16px rgba(48, 118, 213, .08);
}
.subcat-nav__card figure {
    margin: 0 0 8px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.subcat-nav__card img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.subcat-nav__card span {
    font-size: 15px;
    line-height: 1.3;
    font-weight: 500;
    overflow-wrap: anywhere;
    hyphens: auto;
}

@media (max-width: 767px) {
    .subcat-nav__card {
        padding: 10px 6px;
    }

    .subcat-nav__card figure {
        width: 54px;
        height: 54px;
        margin: 0 0 6px;
    }

    .subcat-nav__card span {
        font-size: 14px;
        line-height: 1.25;
    }
}
@media (min-width: 768px) {
    .subcat-nav__card {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 14px;
        text-align: left;
        padding: 14px 16px;
    }

    .subcat-nav__card figure {
        margin: 0;
        width: 78px;
        height: 78px;
    }

    .subcat-nav__card span {
        font-size: 16px;
    }
}
.subcat-nav__slider.owl-carousel .owl-item {
    display: flex;
}
.subcat-nav__slider.owl-carousel .owl-item .subcat-nav__card {
    width: 100%;
}
.subcat-nav__slider.owl-carousel .owl-nav button.owl-prev {
    left: -6px;
}
.subcat-nav__slider.owl-carousel .owl-nav button.owl-next {
    right: -6px;
}
.subcat-nav__slider.owl-carousel .owl-nav button.disabled {
    opacity: 0;
    pointer-events: none;
}
@media (max-width: 1024px) {
    .subcat-nav__slider.owl-carousel .owl-nav {
        display: none;
    }
}

/* Підкатегорії: нативна прокрутка зі снапом */
.subcat-nav__scroller {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
    scroll-padding-left: 2px;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    padding: 2px 2px 10px;
    scrollbar-width: thin;
    scrollbar-color: #cdd5e0 transparent;
}

.subcat-nav__scroller::-webkit-scrollbar {
    height: 6px;
}

.subcat-nav__scroller::-webkit-scrollbar-thumb {
    background: #cdd5e0;
    border-radius: 8px;
}

.subcat-nav__scroller::-webkit-scrollbar-track {
    background: transparent;
}

.subcat-nav__scroller .subcat-nav__card {
    flex: 0 0 calc((100% - 8 * 12px) / 9);
    scroll-snap-align: start;
    height: auto;
}

@media (max-width: 1250px) {
    .subcat-nav__scroller .subcat-nav__card {
        flex: 0 0 calc((100% - 6 * 12px) / 7);
    }
}

@media (max-width: 1000px) {
    .subcat-nav__scroller .subcat-nav__card {
        flex: 0 0 calc((100% - 4 * 10px) / 5);
    }
}

@media (max-width: 600px) {
    .subcat-nav__scroller {
        gap: 8px;
        padding-bottom: 8px;
    }

    /* 2,6 картки в ширину — край третьої видно, тож зрозуміло, що стрічка гортається */
    .subcat-nav__scroller .subcat-nav__card {
        flex: 0 0 calc((100% - 2 * 8px) / 2.6);
    }
}

.sim-carousel .product-one__image figure {
    width: auto;
    height: auto;
}

.sim-carousel .product-one__image figure img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* ── Сторінка /category: перелік категорій із підкатегоріями ───────────── */
.categories_list-grid-inner {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    align-items: start;
    margin: 28px 0 50px;
}

.categories_list-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.categories_list-grid-item {
    padding: 18px 18px 16px;
    border: 1px solid #eef0f4;
    border-radius: 14px;
    background: #fff;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.categories_list-grid-item:hover {
    border-color: #dbe3ef;
    box-shadow: 0 8px 22px rgba(17, 26, 32, 0.06);
}

.categories_list-grid-link {
    display: block;
    text-decoration: none;
}

.categories_list-grid-link figure {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96px;
    margin: 0 0 12px;
}

.categories_list-grid-link img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    object-fit: contain;
}

.categories_list-grid-item a span {
    display: block;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    color: #171a20;
    text-align: center;
    transition: color 0.2s;
}

.categories_list-grid-link:hover span {
    color: var(--main-blue);
}

.categories_list-grid-item > div {
    margin-top: 0;
}

.categories_list-grid-item > div:first-of-type {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #f1f3f6;
}

.categories_list-grid-child {
    display: block;
    margin-top: 7px;
    font-size: 14px;
    line-height: 1.4;
    color: #4b5563;
    text-decoration: none;
    transition: color 0.2s;
}

.categories_list-grid-child:hover {
    color: var(--main-blue);
}

@media (max-width: 1480px) {
    .categories_list-grid-inner {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1100px) {
    .categories_list-grid-inner {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .categories_list-grid-inner {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
        margin: 20px 0 34px;
    }

    .categories_list-col {
        gap: 14px;
    }

    .categories_list-grid-item {
        padding: 14px 14px 12px;
    }

    .categories_list-grid-link figure {
        height: 72px;
        margin-bottom: 10px;
    }

    .categories_list-grid-item a span {
        font-size: 15px;
    }

    .categories_list-grid-child {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .categories_list-grid-inner {
        grid-template-columns: 1fr;
    }
}


.product-one__lefttext {
    position: absolute;
    top: 1%;
    left: 1%;
    right: 56px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    max-width: calc(100% - 50px);
    width: fit-content;
    padding: 6px 8px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #5a5f6a;
    border-radius: 10px 0 0 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
}

.product-one__lefttext svg {
    flex: 0 0 auto;
    color: var(--main-blue, #3076d5);
}
/* ===== Швидкий фільтр (моб): фіксована панель над нижнім меню ===== */
.quick-filter{ display:none; }
@media (max-width:1024px){
    .quick-filter{
        display:flex; gap:10px; position:fixed; left:0; right:0; bottom:0; z-index:960;
        padding:10px 12px; box-sizing:border-box;
        background:#fff; border-top:1px solid #eef0f3; box-shadow:0 -6px 20px rgba(17,26,32,.10);
    }
    body:has(.quick-filter) .category-content{ padding-bottom:80px; }

    .quick-filter .qf{ position:relative; flex:1 1 0; min-width:0; }
    .qf__btn{ width:100%; display:flex; align-items:center; gap:8px; height:48px; padding:0 12px;
        box-sizing:border-box; border:1.5px solid #e6e8ec; border-radius:12px; background:#fff;
        font-size:15px; font-weight:600; color:#171a20; cursor:pointer; }
    .qf__ic{ display:flex; flex:0 0 auto; color:#3076d5; }
    .qf__ic svg{ width:22px; height:22px; }
    .qf__label{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; }
    .qf__count{ flex:0 0 auto; min-width:20px; height:20px; padding:0 6px; border-radius:999px;
        background:#3076d5; color:#fff; font-size:12px; font-weight:700;
        display:inline-flex; align-items:center; justify-content:center; }
    .qf__count.none{ display:none; }
    .qf__chev{ flex:0 0 auto; display:flex; color:#9aa1ab; transition:transform .18s; }
    .qf__chev svg{ width:18px; height:18px; }
    .qf.open .qf__btn{ border-color:#3076d5; }
    .qf.open .qf__chev{ transform:rotate(180deg); }

    .qf--pulse .qf__btn{ border-color:#3076d5; animation:qfPulse 1.8s ease-out infinite; }
    @keyframes qfPulse{
        0%{ box-shadow:0 0 0 0 rgba(48,118,213,.45); }
        70%{ box-shadow:0 0 0 10px rgba(48,118,213,0); }
        100%{ box-shadow:0 0 0 0 rgba(48,118,213,0); }
    }
    @media (prefers-reduced-motion:reduce){ .qf--pulse .qf__btn{ animation:none; } }

    .qf-backdrop{ position:fixed; inset:0; z-index:1000; background:rgba(17,26,32,.45);
        opacity:1; transition:opacity .25s ease; }
    .qf-backdrop[hidden]{ display:none; }

    .qf__panel{ position:fixed; left:0; right:0; bottom:0; z-index:1001;
        background:#fff; border-radius:18px 18px 0 0; overflow:hidden;
        box-shadow:0 -12px 40px rgba(17,26,32,.22);
        display:flex; flex-direction:column; max-height:78vh;
        padding-bottom:env(safe-area-inset-bottom, 0px);
        transform:translateY(100%); transition:transform .28s cubic-bezier(.32,.72,0,1);
        visibility:hidden; }
    .qf.open .qf__panel{ transform:translateY(0); visibility:visible; }
    @media (prefers-reduced-motion:reduce){ .qf__panel{ transition:none; } }

    .qf__head{ flex:0 0 auto; display:flex; align-items:center; justify-content:space-between;
        padding:16px 18px 12px; border-bottom:1px solid #f0f2f5; }
    .qf__head::before{ content:""; position:absolute; top:7px; left:50%; transform:translateX(-50%);
        width:40px; height:4px; border-radius:999px; background:#e2e6ec; }
    .qf__title{ font-size:18px; font-weight:700; color:#171a20; }
    .qf__close{ width:32px; height:32px; border:none; background:#f2f4f7; border-radius:50%;
        font-size:22px; line-height:1; color:#6b7280; cursor:pointer; display:flex; align-items:center; justify-content:center; }
    .qf__list{ flex:1 1 auto; min-height:0; overflow-y:auto; padding:8px; -webkit-overflow-scrolling:touch; }
    .qf__opt{ display:flex; align-items:center; gap:10px; padding:10px; border-radius:10px; cursor:pointer; }
    .qf__opt:active{ background:#f4f6f9; }
    .qf__opt input{ position:absolute; opacity:0; pointer-events:none; }
    .qf__box{ flex:0 0 auto; width:22px; height:22px; border:1.6px solid #cfd5de; border-radius:6px;
        display:flex; align-items:center; justify-content:center; box-sizing:border-box; }
    .qf__opt.is-checked .qf__box{ background:#3076d5; border-color:#3076d5; }
    .qf__opt.is-checked .qf__box::after{ content:""; width:6px; height:11px; margin-top:-2px;
        border:solid #fff; border-width:0 2.5px 2.5px 0; transform:rotate(45deg); }
    .qf__name{ font-size:15px; color:#2f2f2f; }
    .qf__actions{ flex:0 0 auto; display:flex; gap:8px; padding:10px; border-top:1px solid #eef0f3;
        background:#fff; }
    .qf__reset{ flex:0 0 auto; height:44px; padding:0 16px; border:1px solid #e6e8ec; border-radius:10px;
        background:#fff; color:#6b7280; font-size:14px; font-weight:600; cursor:pointer; }
    .qf__apply{ flex:1 1 auto; height:44px; border:none; border-radius:10px; background:#3076d5;
        color:#fff; font-size:15px; font-weight:700; cursor:pointer; transition:background .15s; }
    .qf__apply:disabled{ background:#c9ced6; color:#f2f4f7; cursor:default; }

    /* Фільтр + Сортування в один ряд (компактно, не розтягнуто) */
    .category-filter-mobile{ gap:10px; }
    .category-filter-mobile a.open-filter{ width:auto; flex:1 1 auto; padding:12px 18px; font-size:16px; gap: 12px; }
    .category-filter-mobile .sort-view{ flex:1 1 auto; margin:0;}
    .category-filter-mobile .sort-button{ display:flex; align-items:center; gap:8px; height:100%;
        padding:12px 16px; border:1px solid #e6e8ec; border-radius:8px; background:#fff;
        font-size:16px; color:#171a20; text-decoration:none; white-space:nowrap; width: 100%;}
    .category-filter-mobile .sort-button img{ width:20px; }
}

/* ===== Порожня категорія (немає товарів) ===== */
.cat-empty{
    width:100%;
    display:flex; flex-direction:column; align-items:center; text-align:center;
    padding:56px 20px 64px; margin:0 auto; max-width:520px;
}
.cat-empty__ic{
    width:96px; height:96px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:#eef4ff; color:var(--main-blue, #3076d5); margin-bottom:22px;
}
.cat-empty__ic svg{ width:48px; height:48px; }
.cat-empty__title{ font-size:22px; font-weight:700; color:#171a20; margin-bottom:10px; }
.cat-empty__text{ font-size:15px; line-height:1.5; color:#6b7280; margin-bottom:26px; }
.cat-empty__btn{
    display:inline-flex; align-items:center; gap:10px;
    height:52px; padding:0 26px; border-radius:12px;
    background:var(--main-blue, #3076d5); color:#fff; text-decoration:none;
    font-size:16px; font-weight:600; transition:background .15s;
}
.cat-empty__btn:hover{ background:#2662b8; }
.cat-empty__btn svg{ width:20px; height:20px; }
@media (max-width:600px){
    .cat-empty{ padding:40px 16px 48px; }
    .cat-empty__ic{ width:80px; height:80px; }
    .cat-empty__ic svg{ width:40px; height:40px; }
    .cat-empty__title{ font-size:19px; }
    .cat-empty__btn{ width:100%; justify-content:center; }
}

/* Кнопка "далі" в порожньому стані (немає товарів) */
.no-products-message .npm-btn{
    display: inline-flex; align-items: center; gap: 10px;
    margin: 26px auto 0; padding: 0 30px; height: 54px;
    background: var(--main-blue, #3076d5); color: #fff; text-decoration: none;
    border-radius: 12px; font-size: 16px; font-weight: 600;
    transition: background .15s;
}
.no-products-message .npm-btn:hover{ background: #2662b8; }
.no-products-message .npm-btn svg{ width: 20px; height: 20px; }
@media (max-width: 600px){
    .no-products-message .npm-btn{ width: 100%; max-width: 340px; justify-content: center; }
}

/* assets/css/product.css */
.product-inner-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.pif-shipping-mobile{
    display: none;
}

.product-content {
    padding: 50px 0 0 0;
    background-color: #fff;
}

.pif-right {
    flex: 0 0 54%;
}

.pif-title {
    font-size: 28px;
    font-weight: 600;
}

.pif-stats {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 25px;
    margin-top: 15px;
    margin-bottom: 40px;
}

.pif-code {
    background-color: #e5e5e5;
    color: #2f2f2f;
    font-size: 16px;
    padding: 0px 15px;
    border-radius: 8px;
    display: block;
    height: 30px;
    line-height: 30px;
}

.pif-code span {
    font-weight: 500;

}

.pif-status {
    flex: 0 0 auto;
}

.pif-left {
    flex: 0 0 40%;
}

.pif-status .instock {
    background-color: #8BC34A;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    padding: 0px 15px;
    border-radius: 8px;
    column-gap: 15px;
    height: 30px;
    color:white;

}

.pif-status .instock img {
    width: 22px;
    opacity: 1;
    filter: invert(1) brightness(50) grayscale(1);
}

.pif-stars {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 2px;
}

.pif-rating {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
}

.pif-stars img {
    width: 20px;
}

.pif-reviews a {
    text-decoration: none;
    color: #1f1f1f;
    border-bottom: 1px solid #1f1f1f;
}

.pif-reviews {
    margin-left: 8px;
}

.pif-option-values {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 15px;
}

.pif-option-value a {
    display: flex;
    padding: 15px 20px;
    border-radius: 12px;
    border: 1px solid #f1f1f1;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #2f2f2f;
    text-decoration: none;
}

.pif-option-title {
    font-weight: 500;
    font-size: 20px;
    color: #2f2f2f;
    margin-bottom: 10px;
}

.poq-likes img {
    width: 30px;
}

.pif-options {
    padding: 30px 40px;
    background: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.product-one__quantity {
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    overflow: hidden;
}

.product-one__quantity a {

    height: 58px;
    background-color: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    text-decoration: none;
    font-size: 30px;
    font-weight: 500;
    color: #222;
}

.product-one__quantity input {
    height: 58px;
    border: none;
    text-align: center;
    width: 70px;
    font-size: 30px;


}

.review-photo {
    margin-top: -10px;
}

.pif-buy .product-one__priceBuy {
    align-items: flex-start;
    justify-content: flex-start;
    margin: 20px 0 0;
}

.pif-buy .product-one__priceTitle {
    font-size: 16px;
    color: #999;
}

.pif-buy .product-one__addToCart {
    margin-top: 29px;
}

.poq-likes {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 10px;
    margin-top: 40px;
    font-size: 20px;
    margin-left: 30px;
}

.pif-buy .product-one__price {
    margin-top: 0px;
    margin-right: 50px;
}

.pif-buy-one-click {
    background: #ececec;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px
}

.pif-oc-payment {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 25px;
}

.pif-oc-payment img {
    width: 40px;
}

.pif-oc-form {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 20px;
}

.pif-oc-phone {
    position: relative;
}

.pif-oc-phone img {
    width: 24px;
    position: absolute;
}

.pif-oc-phone input {
    width: 200px;
    padding: 0 20px 0 40px;
    border-radius: 12px;
    background: white;
    height: 46px;
    border: 1px solid #ccc;
    font-size: 18px;
    color: #2f2f2f;
    text-align: right;
}


.pif-oc-button img {
    width: 24px;
}

.pif-oc-button a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 46px;
    background: var(--main-blue);
    border-radius: 12px;
    padding: 0 12px;
    column-gap: 30px;
    text-decoration: none;
    color: white;
    font-size: 18px;
}

.pif-block {
    border-radius: 12px;
    background: white;
}

.pif-shipping-one {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.pif-shipping-one:last-child {
    margin-bottom: 0;
}

.pso-logo img {
    width: 60px;
}

.pso-name {
    margin-left: 30px;
}

.pso-name1 {
    font-size: 20px;
    color: #2f2f2f;
}

.pso-name2 {
    font-size: 16px;
    color: #5e5e5e;
}

.pso-name2 span {
    color: #04bd52;
    border-bottom: 1px solid #04bd52;
}

.pso-cost.free {
    color: #04bd52;
}

.pif-block-title {
    padding: 20px 0;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 2px solid #ececec;
}

.pif-block {
    margin-top: 30px;
}

.pif-block-content {
    padding: 20px 30px;
}

.pso-cost {
    font-size: 20px;
    font-weight: 500;
}

.pif-so-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pso-logo.up img {
    width: 30px;
}

.pso-logo.roz img {
    width: 30px;
}

.pso-logo {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pif-left {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 25px;
}

.pif-lg {
    background: white;
    border-radius: 12px;
    padding: 40px;
}

.pif-lg figure {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 630px;
    overflow: hidden;
}

.pif-lg img{
    width: 360px;
    height: auto;
}

.pif-sm {
    max-height: 710px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px 12px 8px 8px;
    scrollbar-width: thin;
    scrollbar-color: #cdd5e0 transparent;
}
.pif-sm::-webkit-scrollbar {
    width: 6px;
}
.pif-sm::-webkit-scrollbar-thumb {
    background: #cdd5e0;
    border-radius: 8px;
}
.pif-sm::-webkit-scrollbar-track {
    background: transparent;
}

.pif-sm-one {
    margin-bottom: 25px;
}

.pif-sm-one img{
    width:100%;
}

.pif-sm-one a {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    background-color: white;
    border: 2px solid #fff;
}

.pif-option-value.pif-option-value-active a {
    background: var(--main-blue);
    border: 1px solid var(--main-blue);
    color: white
}

.pif-tabs {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 50px 0 0;
}

.pif-description {
    flex: 0 0 62%;
    width: 62%;
}

.pif-reviews-specs {
    flex: 0 0 34%;
}

article h2 {
    font-size: 20px;
    font-weight: 500;
}

article p {
    font-size: 16px;
}

article ul li {
    list-style: none;
    padding-left: 20px;
    position: relative;
    font-size: 16px;
    margin-bottom: 5px;
}

article ul li:before {
    content: "";
    width: 20px;
    height: 4px;
    background: var(--main-blue);
    position: absolute;
    left: -9px;
    top: 9px;
}

table.specs{
    width:100%;
}

table.specs tr td:first-child {
    font-weight: 500;
    width: 60%;
}

table.specs tr td {
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 0;
}
table.specs tr td:last-child {
    font-weight: 500;
    width: 40%;
}

table.specs tr:last-child td {
    border: none;
}

.pif-reviews-list {
    margin-top: 40px;
}

table.specs tr td a {
    color: var(--main-blue);
    border-bottom: 1px solid var(--main-blue);
    text-decoration: none;
}

.pif-add-review a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    padding: 10px 18px;
    border-radius: 12px;
    background: var(--main-blue);
    text-decoration: none;
    font-size: 18px;
    column-gap: 15px;

}

.pif-add-review a img {
    width: 30px;
    filter: invert(1) brightness(5);
}

.title-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.review-photo figure {
    width: 100px;
    height: 100px;
    border-radius: 200px;
    overflow: hidden;
}


.review-photo figure img {
    width: 100%;
}

.review-one {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 15px 0 30px;
    column-gap: 35px;
}

.review-right{
    width: 90%;
}

.review-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 130px;
}

.review-name {
    font-size: 20px;
    font-weight: 500;
}

.review-date {
    font-size: 14px;
    color: #777;
}

.review-text {
    margin-top: 15px;
    font-size: 16px;
    padding: 15px;
    background: #f7f7f7;
    border-radius: 10px;
}


.pif-same-carousel {
    width: 100%;
}

.pif-carousel-title {
    font-size: 24px;
    font-weight: 600;
    margin: 30px 0;
}

.pif-same-carousel {
    margin: 30px 0;
}


.pif-same-carousel .owl-dots {
    width: 100%;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
}

.owl-dots {
    flex-wrap: wrap;
}

.pif-same-carousel .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background: #f1f1f1;
    display: block;
}

.pif-same-carousel .owl-dots .owl-dot.active {
    background-color: var(--main-blue);
}

.pif-mobile-carousel .owl-dots {
    width: 100%;
    bottom: 10px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
    position: absolute;
}

.pif-mobile-carousel .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background: #f1f1f1;
    display: block;
}

.pif-mobile-carousel .owl-dots .owl-dot.active {
    background-color: var(--main-blue);
}



main {
    background: #fff;
}

.pif-same-carousel .product-one__name {
    font-size: 20px;
    margin: 30px 0 15px;
    font-weight: 500;
    line-height: 20px;
}


.pif-same-carousel .product-one__reviewsCount {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 10px;
    font-size: 14px;
    color: #2f2f2f;
}


.pif-same-carousel .product-one__cartButton {
    height: 50px;
    width: 120px;
    border-radius: 10px;
    background-color: var(--main-blue);
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    font-size: 18px;
    padding: 0 20px;
    transition: all .3s ease-in-out;
}

.pif-same-carousel .product-one__priceValue {
    font-size: 24px;
}

.product-one__notify-container {
    display: flex;
    gap: 12px;
    margin: 0;
    padding: 16px;
    border: 1px solid var(--pp-line);
    border-radius: 14px;
    background: #fbfcfd;
}

.product-one__notify-container button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
    height: 54px;
    padding: 0 22px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    background: #fff;
    color: var(--pp-blue);
    border: 1.5px solid var(--pp-blue);
    transition: background .15s, color .15s;
}

.product-one__notify-container input {
    height: 54px;
}

.product-one__notify-container button svg {
    width: 18px;
    fill: var(--pp-blue);
    transition: filter .15s;
}

.product-one__notify-container button:hover {
    background: var(--pp-blue);
    color: #fff;
}

.product-one__notify-container button:hover svg {
    fill: #fff;
}

.product-content .pif-oc-phone.error {
    border-color: #e11d2a;
}

.product-one__notify-container.loading {
    pointer-events: none;
}

.product-one__notify-container.none {
    display: none;
}

.product-one__preorder-line {
    display: flex;
    align-items: center;
}

.product-one__notify-msg {
    font-size: 18px;
    font-weight: 600;
}

.product-one__notify-buttons {
    display: flex;
    gap: 12px;
}

@media(max-width: 1700px){
    .pif-right .product-one__priceBuy{
        flex-direction: row;
    } 

    .pif-left {
    display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        column-gap: 25px;
        flex-direction: column;
    }

    .pif-sm{
       
        order: 2;
    display: flex
;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    column-gap: 10px;
    }
}


@media(max-width: 1480px){
    .product-inner-flex {
    display: flex
;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 40px;
}

    .pif-left {
        display: flex
;
        align-items: flex-start;
        justify-content: flex-start;
        column-gap: 25px;
        flex-direction: column;
        flex: 0 0 490px;
        width: 490px;
    }


    .pif-lg img{
        width:100%;
    }

}

.pif-same-mobile{
    display: none;
}

@media(max-width: 1240px){
        .pif-right {
        width: 460px;
        flex: 0 0 460px;
    }

    .pif-stats {
    display: flex
;
    align-items: center;
    justify-content: flex-start;
    column-gap: 25px;
    margin-top: 15px;
    margin-bottom: 40px;
    flex-wrap: wrap;
    row-gap: 15px;
}

.pif-option-values{
    row-gap: 18px;
}

.pif-right .product-one__priceBuy {
        flex-direction: row;
        flex-wrap: wrap;
    }


.pif-buy .product-one__price {
    margin-top: 0px;
    margin-right: 32px;
    order: 1;
}

.pif-buy .product-one__price--last{
    margin-right: 0;
}

.pif-buy .product-one__addToCart {
    margin-top: 29px;
    order: 3;
}

.pif-buy .poq-likes{
    order:2;
}

.pif-buy-one-click{
    flex-direction: column;
    row-gap: 30px;
}

.pif-right .pif-oc-button a{
    font-size: 15px;
}


.pif-right .pso-name1 {
    font-size: 16px;
    color: #2f2f2f;
}

.pif-right .pso-logo.up img {
    width: 24px;
}
.pif-right .pso-logo img {
    width: 50px;
}

.pif-right .pso-logo {
    width: 24px;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.pif-right .pso-name {
    margin-left: 30px;
    flex: 0 0 198px;
}

.pif-right .pso-logo.roz img{
    width: 32px;
}

.pif-right .pso-cost {
    font-size: 18px;
    font-weight: 500;
}


.pif-tabs {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 10px 0 0;
    flex-direction: column;
}

.pif-description {
    flex: 0 0 100%;
    width: 100%;
}

.pif-same-carousel.pif-product-simular{
    display: block;
}

.pif-same-mobile{
    display: block;
}

.pif-same-mobile     .product-one__itemGrid4 {
        flex: 0 0 calc(46.7% - 60px);
        width: 73%;
    }

    .pif-shipping-pc{
        display: none;
    }

    .pif-shipping-mobile{
        display: block;
    }

}

.pif-same-carousel.pif-product-simular{
  margin-top: 60px;
}

@media(max-width: 1024px){
     .pif-left {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        column-gap: 45px;
        flex-direction: row;
        flex: 0 0 100%;
        width: 100%;
    }

        .pif-sm {
        order: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 0px;
        column-gap: 10px;
        flex-direction: column;
    }

        .pif-right {
        width: 100%;
        flex: 0 0 100%;
        margin-top: 0;
    }

        .pif-buy-one-click {
        flex-direction: row;
        row-gap: 0;
    }


    .pif-oc-payment {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 15px;
    }

    .pif-same-carousel.pif-same-mobile {
        margin-top: 60px;
    }
}

.pif-mobile{
    display: none;
}
@media(max-width: 768px){
    .pif-mobile{
        display: block;
        width:100%;
    }
    .product-content {
    padding: 0;
}

.pif-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
}

.pif-code {
    background-color: #e5e5e5;
    color: #2f2f2f;
    font-size: 14px;
    padding: 0px 15px;
    border-radius: 8px;
    display: block;
    height: 30px;
    line-height: 30px;
}

.pif-status .instock {
    background-color: #8BC34A;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    padding: 0px 8px;
    border-radius: 8px;
    column-gap: 8px;
    height: 30px;
}

.pif-status .instock.out-of-stock {
    background-color: #c0392b;
}

.pif-stats{
    column-gap: 15px;
}

    .pif-mobile-carousel {
        display: block;
        width: 100%;
        padding-bottom: 0;
        background: white;
        border-radius: 12px;
    }
    .pif-buy {
        border: none!important;
    }
.pif-left{
    display: none;
}

.pif-mobile-carousel .pif-lg{
    display: block;
}

.pif-right .pif-title,
.pif-right .pif-stats
{
    display: none;
}

.pif-option-value a {
    display: flex
;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid #f1f1f1;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #2f2f2f;
    text-decoration: none;
}

    .pif-option-values {
        row-gap: 12px;
        column-gap: 12px;
    }

            .pif-buy .product-one__addToCart {
        margin-top: 25px;
        order: 3;
        width: 66%;
    }

        .pif-buy .poq-likes {
        order: 6;
        margin-top: 31px;
    }
    .pif-buy{
        padding: 0;
    }

    .product-one__quantity a{width: 38px; height: 46px;}
    .product-one__quantity input{width: 58px; height: 46px;}

    .pif-buy .product-one__priceBuy {
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
}

.pif-oc-form {
    display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: flex-start;
    column-gap: 20px;
    flex-direction: column;
}

    .pif-buy-one-click {
        flex-direction: column;
        row-gap: 0;
    }

    .pif-oc-phone input{width:100%;}

    .pif-oc-button{width:100%; margin-top: 10px;}
    .pif-oc-payment{
        margin-top: 15px;
    }
        .pif-options{padding:20px;}

        .pif-shipping-one{flex-direction: column;}
        .pso-name1 {
    font-size: 16px;
    color: #2f2f2f;
    font-weight: 500;
}

.pso-logo{
    margin-right: 15px;
}

.pso-name2 {
    font-size: 12px;
    color: #5e5e5e;
}

.pif-block-content {
    padding: 0;
}

    .pso-name {
        margin: 0;
        width: 80%;
        display: flex
;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
    }
    .pso-cost {
        font-size: 15px;
        margin-left: 70px;
        margin-top: 12px;
    }
.pso-logo.up img {
    width: 24px;
    margin-left: -2px;
}
.pso-logo img {
    width: 100%;
}

    .pif-shipping-one {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .pif-add-review a{
        font-size: 14px;
    }

    .pif-add-review a{
        padding:8px 12px;
    }
    .pif-add-review a img{
        width: 24px;
    }

    .review-one{
        flex-direction: column;
    }

    .review-left{width:100%;}
    .review-right{margin-top: 20px; text-align: center;}
    .review-text {
    margin-top: 15px;
    font-size: 14px;
    padding: 15px;
    background: #f7f7f7;
    border-radius: 10px;
    text-align: left;
}

.pif-same-mobile .product-one__itemGrid4{width:calc(100% - 60px);}

   .pif-same-mobile .owl-carousel .product-one__priceBuy {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

       .pif-same-mobile .owl-carousel .product-one__price {
        margin-top: 24px;
        width: 100%;
        margin-bottom: 10px;
    }

    .pif-same-carousel .product-one__cartButton{width: 94px;}
       .pif-same-carousel .owl-carousel .product-one__codeReview {
        flex-direction: row;
    }

    .pif-same-carousel .product-one__reviewsCount{
        margin:0;
    }

        .pif-same-carousel .product-one__priceBuy {
        margin: 0;
    }

      .pif-same-carousel   .product-one__addToCart {
        margin-top: 15px;
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
}


.swal2-cancel.btn.btn-secondary{
    border: none;
    background: #f1f1f1;
    color: #222;
    border-radius: 12px;
    padding: 12px 20px;
    font-family: 'Gilroy';
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    margin: 0 5px;
}


.swal2-confirm.btn.btn-success{
    border: none;
    background: var(--main-blue);
    color: #fff;
    border-radius: 12px;
    padding: 12px 20px;
    font-family: 'Gilroy';
    font-weight: 500;
    font-size: 16px;
     cursor: pointer;
     margin: 0 5px;
}
 
.s-flex a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    color:var(--main-blue);
    column-gap: 30px;
}

.viewed-carousel {
    margin-top: 80px;
}

.sf-code{
    width: 300px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 15px;
    color:#777;
}

.sf-code .pif-code{
    width: 160px;
}

.sf-name{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

@media(max-width: 600px){
   .pif-mobile-carousel .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: auto;
}

    .product-one__notify-container button {
        width: 100%;
    }
    
    .product-one__notify-container {
        flex-direction: column;
    }

}

.pif-buy-one-click {
    justify-content: flex-start;
}

.pif-buy-one-click {
    justify-content: space-between;
}

.pif-buy-one-click {
    background: white;
}

.pif-buy { 
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.pif-add-review a { 
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 22px;
    border-radius: 12px;
    background: var(--main-blue, #3076d5);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease;
}

.pif-add-review a img {
    width: 20px;
    filter: invert(1) brightness(5);
}

.review-one {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    column-gap: 16px;
    margin: 0;
    padding: 22px 0;
    border-bottom: 1px solid #eef0f3;
}

.review-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 60px;
    flex: 0 0 60px;
}

.review-photo figure {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #f2f4f7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    overflow: hidden;
}

.review-right {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
}

.review-name {
    font-size: 16px;
    font-weight: 700;
    color: #171a20;
    margin: 0;
}

.review-date {
    font-size: 12.5px;
    color: #9099a3;
    margin: 3px 0 0;
}

.review-text {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.6;
    color: #4b5563;
    background: #f7f8fa;
    border: 1px solid #eef0f3;
    border-radius: 12px;
    padding: 13px 16px;
}

.review-one {
    position: relative;
}

@media (max-width: 1024px) {
    .pif-mobile {
        display: block;
        width: 100%;
        min-width: 0;
    }

    .pif-mobile-carousel {
        display: block;
        width: 100%;
        min-width: 0;
        padding-bottom: 0;
        background: white;
        border-radius: 12px;
        overflow: hidden;
    }

    .pif-mobile-carousel .pif-lg {
        display: block;
    }
}

/* assets/css/search.css */
.header-mid__search{
	position: relative;
}

.results {
    position: absolute;
    top: 132%;
    left: 0;
    right: 0;
    background: #fff;
    border: none;
    border-top: none;
    border-radius: 12px;
    max-height: 80vh;
    overflow-y: auto;
    display: none;
    z-index: 1000;
    width: calc(100% - 43px);
    box-shadow: 2px 11px 15px #00000042;
}

.result-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  cursor: pointer;
  transition: background 0.2s;
  border-bottom: 1px solid #f0f0f0;
}

.header-mid__search.open{
	z-index: 1000;
}

.result-info {
  display: flex;
  align-items: center;
}

.result-item img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin-right: 15px;
  border-radius: 4px;
}

.result-text {
  display: flex;
  flex-direction: column;
}

.result-text span {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
}

.result-text .sku {
  font-size: 12px;
  color: #888;
}

.result-text .price {
  font-weight: bold;
  margin-top: 2px;
}
.results.open {
  display: block;
}


.buy-btn:hover {
  background: #218838;
}

.result-item .buy-btn {
    background: #3076d5;
    border: none;
    color: #fff;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.2s;
    font-family: 'Gilroy';
}
body.search-lock {
    overflow: hidden;
}

.buy-btn.in-cart {
    background: #2e9d4f;
}
.buy-btn.in-cart:hover {
    background: #278a45;
}

.search-empty .npm-image svg {
    width: 90px;
    height: 90px;
    color: #c3ccdb;
    margin-bottom: 20px;
}
.search-empty .npm-image span {
    text-align: center;
    line-height: 1.5;
}

.cg-inner .search-empty {
    flex: 1 1 100%;
    width: 100%;
    max-width: 640px;
    margin: 20px auto 0;
    flex-direction: column;
}

/* assets/css/fixes.css */
@media(max-width: 1700px){
	    .favorites .product-one__cartButton {
        width: calc(100% - 20px);
    }
       .favorites .liked-products .product-one__priceBuy {
        width: 52%;
        margin: 0;
        flex-direction: row;
        align-items: center;
        column-gap: 15px;
    }

	.favorites .product-one__deleteFromWishList .product-one__like {
    color: #3076d5;
    width: 196px;
	}

	    .favorites .product-one__addToCart {
        margin-top: 0;
        width: 140px;
        flex: 0 0 140px;
    }

    .favorites .product-one__price {
    margin-top: -3px;
    flex: 0 0 120px;
		}

	.promo-list {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        column-gap: 5%;
        flex-wrap: wrap;
        row-gap: 2%;
	}

	.promo-right .product-one__itemGrid4 {
    flex: 0 0 24.4%;
	}

	    .simply-countdown > .simply-section {
        width: 25%;
        height: 50px;
        padding: 2rem;
    }
}

@media(max-width: 1480px){
    .simply-countdown > .simply-section {
        width: 18%;
        height: 50px;
        padding: 2rem;
    }
	    .promo-right .product-one__itemGrid4 {
        flex: 0 0 22.9%;
    }

	.liked-products .product-one__theInfo {
    display: flex;
	    align-items: flex-start;
	    justify-content: space-between;
	    width: calc(100% - 200px);
	    flex-direction: column;
	}

	.liked-products .product-one__codeReview {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        column-gap: 15px;
    }

    .liked-products .product-one__reviewsCount{
    	margin:0;
    }

	    .favorites .liked-products .product-one__priceBuy {
        width: 100%;
        margin: 30px 0 0;
        flex-direction: row;
        align-items: center;
       
                column-gap: 40px;
        justify-content: flex-start;
    }

    .footer-right{
    	flex:0 0 48%;
    }

     .footer-left{
    	width: 35%;
    }

    .contact-left .viber-tg{
    	margin:15px 0 10px;
    }

    .contact-right {
    flex: 0 0 50%;
		}

		.cll-image img {
    width: 90px;
    border-radius: 500px;
    height: 90px;
	}

	.contact-left     .header-top__phone {
        width: 250px;
        margin-left: 0;
    }

    .blog-one .blog-intro{
			display: none;
		}

		.blog-one .blog-more{
			margin-top: 30px;
		}
}

@media(max-width: 1240px){
	.footer-left__phones{flex-direction: column;}
	    .footer-left__phones {
        flex-direction: column;
        align-items: flex-start;
    }

     .footer-left__description {
   		 width: 100%;
	}

	.promo-one {
    flex: 0 0 47%;
    margin-bottom: 50px;
		}

		       .promo-right .product-one__itemGrid4 {
        flex: 0 0 34.6%;
    }

    .promo-right {
    flex: 0 0 50%;
		}

		.promo-left {
    flex: 0 0 44%;
    background: #dbb4232e;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
		}

	.record .breadcrumbs ul li:last-child{
		display: none;
	}

	.record .breadcrumbs ul li:nth-child(2):after{
		display: none;
	}

	.regular-template .breadcrumbs ul li:last-child{
		display: none;
	}

	.regular-template .breadcrumbs ul li:nth-child(2):after{
		display: none;
	}
}

@media(max-width: 1024px){

	    .regular-pages-categories {
        flex: 0 0 100%;
        width: 100%;
        margin-top: 40px;
    }
	.promo-one .po-title {
    font-size: 18px;
    color: #3076d5;
    margin-top: 15px;
    font-weight: 500;
    line-height: 18px;
		}
	    .favorites .product-one__deleteFromWishList .product-one__like {
        color: #3076d5;
        width: auto;

    }

    .favorites .product-one__deleteFromWishList .product-one__like span{
    	display: none;
    }

        .header-top__phone {
        width: 250px;
        margin-left: 0;
    }
	
	.the-contacts {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
		}

		.cll-image img {
        width: 120px;
        border-radius: 500px;
        height: 120px;
    }

        .contact-left .header-top__phone {
        width: 100%;
        margin-left: 0;
    }

        .contact-right {
        flex: 0 0 100%;
        width: 100%;
    }
   .regular-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.regular-pages-categories {
    flex: 0 0 100%;
    width: 100%;
}

.promo-content{
	flex-direction: column;
}

.promo-right {
        flex: 0 0 100%;
        margin-top: 25px;
    }

    .promo-right .product-one__itemGrid4 {
        flex: 0 0 39%;
    }

    .blog-flex {
    display: flex ;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.blog-list {
    width: 100%;
}
.blog-right {
    flex: 0 0 100%;
    width: 100%;
}

.bcrt-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 25px;
    text-align: left;
}

.blog-row1{
	flex-wrap: wrap;
}

.record .blog-latest{
	flex:0 0 45%;
}

.record .blog-cats{
	flex:0 0 45%;
}

    .record .blog-right {
    	margin-top: 30px;
        display: flex;
        justify-content: space-between;
    }	
}

@media(max-width: 767px){
	.blog-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    margin: 15px 0 0;
}

.blog-more {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    border-radius: 42px;
    border: 2px solid #222;
    width: 164px;
    padding: 5px 18px 5px 28px;
    height: 32px;
    font-size: 16px;
    font-weight: 500;
    transition: all .3s ease;
}

.br-category{
	margin-bottom: 5px;
}

.blog-more svg {
    width: 18px;
    height: 18px;
}
.br-date{
	    flex: 0 0 100%;
    margin-bottom: 10px;
}
	    .favorites .product-one__price {
        margin-top: -3px;
        flex: 0 0 100%;
        margin-bottom: 15px;
    }
	    .favorites .liked-products .product-one__priceBuy {
        width: 100%;
        margin: 30px 0 0;
       
        align-items: flex-start;
        column-gap: 0;
        justify-content: flex-start;
        row-gap: 0;
        flex-wrap: wrap;
    }

	.favorites .product-one__deleteFromWishList{
		margin-left: 50px;
	}

	.po-date {
    padding: 5px 2px;
    border-radius: 8px;
    background: #4CAF50;
    color: white;
    font-size: 16px;
    width: 200px;
    text-align: center;
    margin: 12px 0;
    position: relative;
    bottom: auto;
    right: auto;
    box-shadow: none;
	}

	.po-date.disabled {
    background: #00000061;
    box-shadow: none;
    color: #fff;
		}

}

@media(max-width: 580px){
	.simply-countdown > .simply-section{width: 25%;}
	.simply-countdown{
		justify-content: flex-start;
	}

	.simply-countdown > .simply-section .simply-word{color:#111;}

	    .promo-right .product-one__itemGrid4 {
        flex: 0 0 calc(100% - 60px);
    }
	.liked-item-one .product-one__item {
    background: none;
    flex-direction: column;
	}
	.liked-products .product-one__image {
    width: 85%;
    margin: 15px 0 30px;
}

    .liked-products .product-one__theInfo {
        display: flex
;
        align-items: flex-start;
        justify-content: space-between;
        width: 95%;
        flex-direction: column;
        margin: 0 0 15px;
    }

    .p1l{
    	display: flex;
    align-items: center;
    justify-content: center;
    }

	.liked-products .product-one__name {
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 500;
    line-height: 20px;
}

	.liked-products     .product-one__cartButton img {
        display: block;
    }

    .favorites .product-one__cartButton {
        width: calc(100% - 20px);
        height: 60px;
        justify-content: space-between;
    		}
	#results.results{
		width:100%;
	}

	.manager {
    display: flex
;
    align-items: center;
    justify-content: center;
    column-gap: 45px;
    padding: 20px;
    border-radius: 12px;
    background: white;
    flex-direction: column;
}

.header-top__manager {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 500;
    text-align: center;
    margin: 15px 0;
}

.cll-content {
    width: 100%;
}

.cll-image{
	margin-top: 15px;
}

    .header-top__phone {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .htm__content img {
    width: 24px;
    transition: all .3s ease-in;
}

.contact-left .viber-tg {
        margin: 0;
    }

    .cll-title{
    	font-size: 18px;
    	margin-bottom: 20px;
    }
	
	    .promo-one {
        flex: 0 0 100%;
        margin-bottom: 50px;
    }
	
	.record .blog-right{
		flex-direction: column;
	}

	    .record .blog-latest {
        flex: 0 0 100%;
    }

     .record .blog-cats {
        flex: 0 0 100%;
    }

    .record .home__newsOne {
    margin-bottom: 40px;
    width: 100%;
	}

}

@media(max-width: 500px){
	.blog-one {
    margin-bottom: 60px;
    flex-direction: column;
	}

	.blog-one .blog-photo {
    flex: 0 0 100%;
    margin-bottom: 15px;
	}

	    .br-date {
        flex: 0 0 auto;
        margin-bottom: 0;
    }
}

.liked-products .product-one__codeReview {
    display: flex
;
    align-items: center;
    justify-content: flex-start;
    column-gap: 30px;
}

.liked-products .product-one__name{
    min-height: auto;
}

.liked-products .product-one__image figure{
    width: 100%;
    height: 100%;
}

.the-liked-products .product-one__deleteFromWishList .product-one__like {
    color: #3076d5;
    position: relative;
    left: auto;
    top: auto;
}

.the-liked-products .product-one__link {
    text-decoration: none;
    color: #3f3f3f;
    width: 54%;
}

@media(max-width: 1200px) {
    .the-liked-products .product-one__link {
        width: 100%;
    }
}

.the-liked-products  .liked-products .product-one__itemList {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 50px;
    padding: 0 20px;
    border: none;
    margin-bottom: 30px;
    border-radius: 8px;
    border: 1px solid #eee;
}

.product-inner-flex .js-do-like{
        display: flex
;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
    text-decoration: none;
    color: black;
}

.product-inner-flex .poq-likes{
    margin-top: 45px;
}

.bb-input{
        width: 100%;
    height: 56px;
    border-radius: 12px;
    border: 2px solid #c8d6e8;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 400;
}

.bb-input-block{
    position: relative;
}

.bb-input-block img{
    position: absolute;
    right: 18px;
    width: 18px;
    height: 18px;
    top: 18px;
}

.bb-input-block.selected input {
    background: #3076d5c4;
    color: white;
    border: 2px solid #3076d599;
}

.bb-input-block.selected img{
    filter: opacity(.4) brightness(100);

} 

.bb-input-block.blocked {
	pointer-events: none;
    opacity: 0.6;
}

.ffs-content{
    display: none;
}

.ffs-input{
        border: none;
    font-size: 22px;
    font-weight: 500;
    outline: none;
}

.fake-select-content.ffs-fs{

}

.fake-select-content.ffs-fs ul li a {
    padding: 10px 10px;
    height: auto;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #e1e1e1;
    width: 90%;
}

.fake-filter-select{
    position: relative;
}

.fake-select-content.open.ffs-fs {
    position: absolute;
    display: block;
    height: auto;
    max-height: 252px;
    overflow-y: auto;
    border-radius: 8px;
    background: white;
    width: calc(100% + 2px);
    z-index: 999;
    top: 80px;
    box-shadow: 0px 8px 12px #4d4d4d29;
    border: 1px solid #f1f1f1;
}

.scb-dark a{
    background: #2b2b2b;
}

.scb-dark .slider-caption__title{
    color: #2b2b2b;
}

.scb-dark .slider-caption__description{
    color: #2b2b2b;
}

.scb-dark2 .slider-caption__title span{
    color: #000000b8;
}

#main_sliderMobile{
    display: none;
}

.category-content-full.category-content{
        width: 100%;
    }

    .cg .category-content-full.category-content .product-one__itemGrid4 {
    flex: 0 0 calc(23% - 52px);
}

@media(max-width: 1700px){
    .cg .category-content-full.category-content .product-one__itemGrid4 {
        flex: 0 0 18.9%;
        width: 18%;
    }
    .hero-inner{
        padding-top: 0;
    }
}

@media (max-width: 1480px) {
    .cg .category-content-full.category-content .product-one__itemGrid4 {
        flex: 0 0 17.9%;
        width: 17%;
    }
}

@media (max-width: 1240px) {
    .cg .category-content-full.category-content .product-one__itemGrid4 {
        flex: 0 0 25.1%;
        width: 23%;
    }
}

@media (max-width: 1024px) {
    .cg .category-content-full.category-content .product-one__itemGrid4 {
        flex: 0 0 39%;
        width: 39%;
    }
}

@media (max-width: 767px) {
.cg .category-content-full.category-content .product-one__itemGrid4 {
        flex: 0 0 36.5%;
        width: 36.5%;
    }

    .cg .product-one__image figure{
        height: auto;
    }
}

@media(max-width: 600px){
    #main_sliderMobile{display: block;}
    #main_slider{display: none;}

    #main_sliderMobile .s1 .slider-caption {
        position: absolute;
        top: 44px;
        left: 40px;
        width: 80%;
        display: block;
        z-index: 2;
    }

    #main_sliderMobile .s1 .slider-caption__title {
    font-size: 32px;
    color: white;
    font-weight: 600;
    line-height: 28px;
        }

        #main_sliderMobile .slider-caption__description {
    font-size: 18px;
    color: white;
    font-weight: 400;
    line-height: 20px;
    margin-top: 20px;
}

 #main_sliderMobile .slider-caption__title span{
    color: white;
}

 #main_sliderMobile .slider-caption__button {
    margin-top: 80px;
}

 #main_sliderMobile .slider-caption__buttonLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: white;
    font-size: 16px;
    background: #3076d5b8;
        border: 2px solid var(--main-blue);
    padding: 0 15px 0 25px;
    
    border-radius: 12px;
    width: 180px;
    height: 50px;
    transition: all .3s 
ease-in-out;
}

 #main_sliderMobile .slider-caption__buttonLink:hover{
    background: var(--main-blue);
    border:2px solid var(--main-blue);
 }

 #main_sliderMobile .slider-caption__buttonLink img {
    width: 24px !important;
    height: 24px !important;
}

   .slider .owl-dots {
        width: 100%;
        position: absolute;
        bottom: 12px;
        z-index: 100;
        display: flex;
        align-items: center;
        column-gap: 10px;
    }

    .slider .owl-dots .owl-dot {
        width: 8px;
        height: 8px;
        gap: 10px;
    }

 #main_sliderMobile  .slider-item {
    margin-left: -1px;
}

.hero-inner {
    padding-top: 0;
}

.advantages-inner{
	padding:16px;
	flex-direction: row;
}

    .advantage__item {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 0;
        margin-bottom: 12px;
        flex-direction: column;
    }

		    .advantage__item {
        flex: 0 0 50%;
    }

        .advantage__itemTextLine1 {
        font-size: 30px;
        font-weight: 800;
        color: #2f2f2f;
        line-height: 30px;
        text-align: center;
    }

        .advantage__itemIcon {
        width: 48px;
        height: 48px;
        padding: 12px 0;
    }

        .advantage__itemTextLine2 {
        font-size: 14px;
        font-weight: 500;
        color: #4f4f4f;
    }
		
		.search-by-size__label {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #222;
}

.owl-item .product-one__itemGrid4{
	width: auto;
}

.owl-item .product-one__image figure{
	width:100%;
	height: auto;
}
    .owl-carousel .product-one__name {
        font-size: 15px;
        margin: 10px 0 10px;
        font-weight: 500;
        line-height: 17px;
    }
    .owl-carousel .product-one__cartButton{
    	width: auto;
    	padding:0 10px;
    }
    .footer-left {
        width: 100%;
    }

    footer .header-top__phone {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .footer-left__phones{
    	margin:15px 0;
    }

    .footer-right{
    	width: 100%;
    	flex:0 0 100%;
    	margin-bottom: 30px;
    }

    .footer-col{
    	margin-bottom: 15px;
    }

    
      .cg .category-content-full.category-content .product-one__itemGrid4 {
        flex: 0 0 auto;
        width: calc(42% - 40px);
    }

    .cg .product-one__name {
        font-size: 16px;
        margin: 20px 0 10px;
        font-weight: 500;
        min-height: 90px;
    } 
    
    header{
    padding-bottom: 24px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    }

    .categories-grid .category-grid-item {
        flex: 0 0 auto;
        width: calc(50% - 15px);
    }

    .category-grid-item a span {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    display: block;
    min-height: 50px;
    padding: 0;
    display: flex
;
    align-items: flex-end;
    line-height: 16px;
        }

        .category-grid-item a figure {
    position: relative;
    overflow: hidden;
    margin: 0;
    height: auto;
    width: auto;
        }

        .category-grid-item a img {
    width: 100%;
    height: auto;
        }

        .category-content {
    width: 100%;
}
}

@media(max-width: 600px){
    .fake-select-content.open.ffs-fs{
        left: 0;
        z-index: 101;
    }

    .ctf-left .fake-filter-select{
        display: block;
    }
    .pagination nav{
        width: 100%;
    }
        .pagination {

        flex-wrap: wrap;
    }
}

.category-grid .product-one__image figure{
	width: 100%;
	height: auto;
}

.header-top__logoSvg {
	display: block;
	height: 40px;
	width: auto;
}

@media (max-width: 767px) {
	.header-top__logoSvg {
		height: 31px;
	}
}

.footer-left__logoSvg {
	display: block;
	height: 42px;
	width: auto;
}

.header-mid__favLink img {
	width: 40px;
	height: 40px;
}

@media (max-width: 1024px) {
	.header-mid__fav {
		display: none;
	}
    .category-filter-top h1{
            font-size: 24px;
    margin: 0;
    padding: 0;
    }
}

.add-to-cart.in-cart {
	background: #2e9d4f !important;
}

.add-to-cart.in-cart:hover {
	background: #278a45 !important;
}

body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

body > .wrapper {
	flex: 1 0 auto;
}

body > footer {
	flex-shrink: 0;
}

header {
    background: #fff;
}
.e404-wrap{ min-height:52vh; display:flex; align-items:center; justify-content:center; padding:64px 24px; }
.e404{ max-width:540px; width:100%; text-align:center; }
.e404__num{ font-size:110px; font-weight:800; line-height:1; color:#3076d5; letter-spacing:-.02em; }
.e404__title{ font-size:26px; font-weight:700; margin:14px 0 12px; color:#171a20; }
.e404__text{ font-size:15px; color:#6b7280; line-height:1.6; margin:0 auto 28px; max-width:420px; }
.e404__actions{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.e404__btn{ display:inline-flex; align-items:center; justify-content:center; height:52px; padding:0 28px; border-radius:12px; font-size:16px; font-weight:600; text-decoration:none; transition:opacity .15s ease, background .15s ease; }
.e404__btn--primary{ background:#3076d5; color:#fff; }
.e404__btn--primary:hover{ background:#2a69bf; }
.e404__btn--ghost{ background:#eef1f5; color:#171a20; }
.e404__btn--ghost:hover{ background:#e4e8ee; }
@media(max-width:480px){ .e404-wrap{ padding:44px 20px; } .e404__num{ font-size:84px; } .e404__title{ font-size:21px; } .e404__btn{ width:100%; } }

.waiting-update {
    font-size: 38px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    padding: 150px 0;
}


.checkout-form-item input {
    width: 100%;
    padding: 15px;
    border-radius: 12px;
    background: #f1f1f1;
    border: none;
    font-size: 18px;
    color: #222;
}

.checkout-form-item{
    position: relative;
}

.checkout-form-item label span {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
}

.checkout-form-item label span span {
    color: #e11d2a;
    display: unset;
}

.checkout-form-item {
    margin-bottom: 15px;
}

.checkout-form-item input.error {
    border-color: #e03939 !important;
    box-shadow: 0 0 0 3px rgba(224, 57, 57, 0.12) !important;
}


/* assets/css/mfixes.css */
/* iOS/WebKit text autosizing: без цього Safari та Chrome на iPhone
   самі збільшують шрифти в картках товару. У DevTools не відтворюється. */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}



.footer-left__logo img {
    width: 280px;
}
.fff-flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 0;
}

main.kovpaki .product-one__name {
    min-height: 66px;
}

#c1 {
    margin-bottom: 50px;
}

.owl-carousel .product-one__image figure {
    position: relative;
    width: auto;
    height: auto;
}

.cg .product-one__image figure {
    position: relative;
    width: auto;
    height: auto;
}
.mega-menu .mega-menu__leftList li a {
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
}
.mega-menu .mega-menu__leftList li a:hover,
.mega-menu .mega-menu__leftList li a.mega-menu__leftListItem--active {
    background: #eef4ff;
    color: var(--main-blue, #3076d5);
    box-shadow: inset 3px 0 0 var(--main-blue, #3076d5);
}

.button-search img {
    width: 32px;
    height: 32px;
}

.button-search {
    position: absolute;
    right: 50px;
    top: 12px;
    opacity: 0.9;
}

/* Kovpaki mega-menu: wheel-size cards (filter links) */
.nav__childlink--wheel span {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    line-height: 1.2;
}
.nav__childlink--wheel span small {
    color: var(--main-blue, #3076d5);
    font-weight: 700;
    font-size: 15px;
}

.cg-inner.search {
    column-gap: 30px;
}

.category-grid.search {
    flex: 0 0 calc(100% - 350px);
}

@media (max-width: 1700px) {
    .wheels-one__item img {
        position: absolute;
        bottom: -36%;
        left: 37%;
        width: 259px;
    }

    .autopicker__buttonLink {
        width: 100%;
    }

    .owl-carousel .product-one__itemGrid4 {
        flex: 0 0 calc(30.9% - 60px);
        width: calc(100% - 62px);
    }

    #c1 {
        margin-bottom: 40px;
    }

    .owl-carousel .product-one__priceBuy {
        flex-direction: row;
    }

    .owl-carousel .product-one__cartButton {
        width: 130px;
        height: 50px;
        font-size: 16px;
    }

    .owl-carousel .product-one__addToCart {
        margin-top: 0px;
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .owl-carousel .product-one__priceValue {
        width: 90px;
    }

    .owl-carousel .product-one__code {
        padding: 4px 4px;
        border-radius: 8px;
        color: #3f3f3f;
        background: #f1f1f1;
        font-size: 12px;
    }

    .owl-carousel .product-one__codeReview {
        flex-direction: row;
        align-items: flex-start;
    }

    .owl-carousel .product-one__priceValue {
        font-size: 26px;
    }

    .fl-2 {
        width: 320px;
    }

    .footer-left__description {
        width: auto;
        font-size: 14px;
    }

    .cg .product-one__itemGrid4 .product-one__priceBuy {
        flex-direction: row;
        align-items: flex-start;
    }

    .cg .product-one__itemGrid4 .product-one__cartButton {
        width: 120px;
        padding: 0 10px;
        height: 50px;
        margin: 0;
    }

    .cg .product-one__addToCart {
        display: flex;
        justify-content: flex-end;
    }

    .cg .product-one__cartButton {
        font-size: 17px;
    }

    .cg .product-one__addToCart {
        margin: 0;
    }

    .cg .product-one__cartButton img {
        width: 28px;
    }

    .cg .product-one__priceValue {
        font-size: 30px;
        width: 100px;
    }

    .cg .product-one__name {
        font-size: 20px;
        margin: 30px 0 10px;
        font-weight: 500;
        min-height: 75px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .wheels-one__item {
        width: 18%;
    }

    .ffs-input {
        width: 100%;
    }

    main.kovpaki .ctf-right {
        display: none;
    }

    main.kovpaki .fake-filter-select {
        width: 360px;
    }
}

@media (max-width: 1480px) {
    .aromas__rightContentItem a img {
        top: 0;
    }

    .aromas__leftContentSecondaryItem span {
        display: block;
        z-index: 4;
        font-size: 15px;
        background: #3076d5d1;
        color: white;
        border-radius: 6px;
        padding: 5px 15px !important;
        position: absolute;
        left: 15px;
        bottom: 15px;
    }

    .aromas__leftContentMain a span {
        display: block;
        z-index: 4;
        font-size: 15px;
        background: #3076d5d1;
        color: white;
        border-radius: 6px;
        padding: 5px 15px !important;
        position: absolute;
        left: 15px;
        bottom: 15px;
    }

    .aromas__rightContentItem a span {
        display: block;
        z-index: 4;
        font-size: 15px;
        background: #3076d5d1;
        color: white;
        border-radius: 6px;
        padding: 5px 15px;
        position: absolute;
        left: 15px;
        bottom: 15px;
    }
    .header-top__phoneBlock {
        margin-right: 50px;
    }
    .cg .product-one__priceValue {
        font-size: 30px;
        width: 100px;
    }

    .header-top__phoneLink {
        text-decoration: none;
        font-size: 23px;
        font-weight: 400;
        color: var(--main-black);
    }

    .header-top__menuLink {
        text-decoration: none;
        font-size: 18px;
        font-weight: 400;
        transition: all 0.3s ease-in-out;
    }

    .header-mid__profile span {
        display: none;
    }

    .owl-carousel .product-one__cartButton span {
        display: none;
    }

    .cg .product-one__cartButton span {
        display: none;
    }

    .owl-carousel .product-one__cartButton {
        width: 34px;
        height: 50px;
        font-size: 16px;
    }

    .cg .product-one__itemGrid4 .product-one__cartButton {
        width: 32px;
        padding: 0 10px;
        height: 50px;
        margin: 0;
    }

    .category-grid-item a span {
        font-size: 18px;
        font-weight: 400;
    }
}

@media (max-width: 1240px) {
    main.kovpaki .fake-filter-select {
        width: 290px;
    }

    main.kovpaki .ffs-input {
        font-size: 20px;
    }

    .new-nav ul li a {
        font-size: 20px;
    }

    .footer-left {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        column-gap: 100px;
        flex-direction: column;
    }

    .fl-2 {
        width: 320px;
        display: flex;
        flex-direction: column;
    }

    .footer-left__description {
        width: auto;
        font-size: 14px;
        order: 2;
    }

    .footer-right {
        flex: 0 0 50%;
        display: flex;
        column-gap: 150px;
        justify-content: flex-end;
    }

    .aromas__layout {
        flex-direction: column;
    }

    .aromas__left {
        flex: 0 0 100%;
        width: 100%;
    }

    .aromas__right {
        flex: 0 0 100%;
        width: 100%;
        margin-top: 30px;
    }

    .aromas_title--right {
        justify-content: flex-start;
    }

    .aromas__carouselItem a img {
        top: 0;
    }

    .aromas__carouselItems {
        flex-wrap: wrap;
    }

    .aromas__carouselItem {
        flex: 0 0 calc((100% - 200px) / 3);
        margin-bottom: 40px;
    }
}

.soldout {
    padding: 20px 0;
}

@media (max-width: 1024px) {
    .category-header.the-page h1 {
    padding: 40px 0 18px 0;
    }
    .button-search {
        position: absolute;
        right: 0;
        top: 3px;
        opacity: 0.9;
    }

    .category-content {
        width: 100%;
    }

    .product-inner-flex {
        display: block;
    }
    .header-mid__catalogLink {
        width: calc(100% - 40px);
    }
    .autopicker {
        order: 2;
    }

    .slider-caption__title {
        font-size: 36px;
        color: white;
        font-weight: 600;
        line-height: 46px;
    }

    .slider-caption__description {
        font-size: 20px;
        color: white;
        font-weight: 400;
    }
    .slider-caption {
        position: absolute;
        top: 48px;
        left: 44px;
    }

    .pif-mobile {
        display: block;
    }

    .pif-title {
        font-size: 26px;
        font-weight: 600;
        line-height: 26px;
    }

    .pif-reviews-specs {
        flex: 0 0 100%;
        width: 100%;
    }

    .pif-left {
        display: none;
    }

    .pif-right .pif-title {
        display: none;
    }

    .pif-right .pif-stats {
        display: none;
    }

    .slider {
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        margin-top: 0;
    }

    .pif-lg img {
        height: auto;
    }

    .owl-carousel .product-one__item {
        padding: 10px;
    }

    .autopicker__content {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 12px;
        display: flex;
    }

    .autopicker__select {
        margin-bottom: 0px;
        position: relative;
        flex: 0 0 100%;
        width: 100%;
    }

    .autopicker__buttonLink {
        width: 44px;
        width: 100%;
    }

    .autopicker__buttonLink:before {
        display: none;
    }

    .autopicker {
        padding: 18px 16px;
    }

    .subscribe__form {
        width: auto;
    }
    .footer-right {
        flex: 0 0 45%;
        display: flex;
        column-gap: 50px;
        justify-content: flex-end;
    }

    .fl-2 {
        width: 320px;
        display: flex;
        flex-direction: column;
    }

    .footer-left__description {
        order: 3;
    }

    .footer-left__phones {
        flex-direction: column;
        align-items: flex-start;
    }

    .owl-carousel .product-one__cartButton span {
        display: block;
    }

    .owl-carousel .product-one__cartButton {
        width: 120px;
        height: 50px;
        font-size: 16px;
    }

    .header-mid__profile span {
        display: block;
    }

    .mobileMenu__contacts {
        padding: 20px 20px 0;
        margin-bottom: 20px;
    }

    .aromas__carouselItem {
        flex: 0 0 calc((100% - 80px) / 3);
        margin-bottom: 40px;
    }

    main.kovpaki .category-filter-mobile {
        display: none;
    }

    main.kovpaki .category-grid {
        margin-top: 0;
    }

    .category-grid-item {
        flex: 0 0 calc(38.7% - 60px);
    }

    main.kovpaki .ctf-left {
        flex-direction: column;
    }

    main.kovpaki .fake-filter-select {
        width: 100%;
        margin-bottom: 15px;
    }

    main.kovpaki .fake-filter-select:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .wheels-one__item img {
        position: absolute;
        bottom: -30%;
        left: 30%;
        /* у відсотках від картки — диск лишається великим на будь-якому екрані */
        width: 118%;
        max-width: none;
    }

    .breadcrumbs {
        display: none;
    }

    .breadcrumbs-mobile {
        display: block;
    }

    .breadcrumbs-mobile ul {
        padding: 0;
    }

    .breadcrumbs-mobile ul li {
        list-style: none;
    }

    .breadcrumbs-mobile ul li a img {
        width: 14px;
        transform: rotate(-270deg);
    }

    .breadcrumbs-mobile ul li a {
        display: flex;
        column-gap: 15px;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
        color: #2f2f2f;
        padding: 14px;
        border-radius: 8px;
        background: #f1f1f1;
    }

    .wheels-content {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        row-gap: 30px;
        column-gap: 30px;
    }
    .wheels-one__item {
        width: 30%;
    }

    .aromas__carouselItem a span {
        display: block;
        z-index: 4;
        background: #3076d5d1;
        color: white;
        padding: 10px;
        border-radius: 6px;
        position: absolute;
        bottom: 25px;
        left: 16px;
        padding: 5px 15px;
    }

    .category-grid-item {
        flex: 0 0 calc(52% - 30px);
    }
}

@media (max-width: 600px) {
    .footer-right {
        margin-top: 35px;
    }
    .footer-left__phones {
        flex-direction: column;
        align-items: flex-start;
    }

    header .header-top__phone {
        margin-top: 0;
    }

    .timeline .step {
        display: none;
    }
    .timeline .step.active {
        display: block;
        margin: 0;
    }

    .timeline .step:first-child.active::after {
        display: none;
    }

    .timeline::before {
        top: 0;
        left: 25px;
        width: 4px;
        height: 100%;
        display: none;
    }

    .aromas__carouselItem {
        flex: 0 0 calc((100% - 25px) / 2);
        margin-bottom: 10px;
    }

    .wheels-one__item {
        width: 45%;
    }

    .owl-carousel .product-one__code {
        background: none;
    }

    .owl-carousel .product-one__name {
        min-height: auto;
    }

    .kovpaki .fake-filter-select {
        width: 48%;
    }
}

@media (max-width: 500px) {
    .kovpaki .cg .category-full .product-one__itemGrid4 {
        flex: 0 0 calc(100% - 60px);
    }

    .kovpaki .cg .product-one__cartButton img {
        display: block;
    }

    .kovpaki .cg .product-one__cartButton span {
        display: inline-block;
    }

    .kovpaki .cg .product-one__itemGrid4 .product-one__cartButton {
        width: auto;
        padding: 0 10px;
        height: 50px;
        margin: 0;
        column-gap: 20px;
    }

    .kovpaki .fake-filter-select a {
        height: 66px;
    }
    .kovpaki .fake-filter-select a .ffs-arrow-down {
        top: 23px;
    }

    .kovpaki .fake-filter-select {
        width: 100%;
    }
    .category-grid-item a span {
        word-break: break-word;
        font-size: 14px;
    }
    .cg .category-content-full.category-content .product-one__itemGrid4 {
        flex: 0 0 auto;
        width: calc(100% - 60px);
    }

    .cg .product-one__name {
        line-height: 20px;
    }

    .cg .product-one__cartButton img {
        display: block;
    }
}

#checkout .product-one__quantity a {
    height: 40px;
}

#checkout .product-one__quantity input {
    height: 40px;
    border: none;
    text-align: center;
    width: 70px;
    font-size: 24px;
}

#checkout .product-one__price.f-2 {
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 20px;
}

.product-one__itemGrid4.disabled {
    filter: grayscale(1);
    opacity: 0.7;
}

.out-of-stock img {
    display: none;
}

.review-form-new label {
    display: block;
}

.review-form-new label > span {
    display: block;
    text-align: left;
    font-weight: 500;
    font-size: 16px;
}

.review-form-new label {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    align-items: flex-start;

    justify-content: flex-start;
    margin-bottom: 20px;
}

.review-form-new label input {
    margin: 0;
    width: 100%;
}

.review-form-new #stars {
    margin: 0;
}

.review-form-new label textarea {
    margin: 0;
    width: 100%;
}

#stars span.active {
    color: var(--main-blue);
}

.review-popup .swal2-actions {
    margin: 0;
}

.review-popup .swal2-confirm {
    display: block;
    width: calc(100% - 54px);
    background: var(--main-blue);
    font-family: "Gilroy";
    font-weight: 400;
    font-size: 20px;
    height: 54px;
}

.review-popup h2 {
    padding: 30px 0 10px;
    font-size: 24px;
}

.review-popup .swal2-validation-message {
    margin: 15px 0;
}

.fastorder-popup .swal2-confirm {
    background: var(--main-blue);
    font-family: "Gilroy";
    font-weight: 400;
}
.fastorder-popup .swal2-cancel {
    background: #f1f1f1;
    font-family: "Gilroy";
    font-weight: 400;
    color: #2f2f2f;
}
.pif-right .product-one__priceValue {
    font-size: 34px;
}
.sk-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.sk-content > .poi-small {
    width: 20%;
    flex: 0 0 auto;
}

.sk-content > .poi-small .product-one__image img {
    width: 140px;
    height: 140px;
}

.sk-content .product-one__name {
    font-size: 14px;
    margin: 30px 0 10px;
    font-weight: 500;
    min-height: auto;
}

.sk-content > .poi-small .product-one__image figure {
    width: 140px;
    height: 140px;
}

.sk-content > .poi-small .product-one__code {
    padding: 2px 10px;
    border-radius: 8px;
    color: #3f3f3f;
    background: #f1f1f1;
    font-size: 11px;
}

.sk-content > .poi-small .product-one__priceValue {
    font-size: 18px;
}

.sk-title {
    font-size: 20px;
    font-weight: 500;
    padding: 15px 0;
}

.similar-kolpak {
    padding: 30px 0;
}

.poi-small .product-one__code {
    padding: 0;
    border-radius: 8px;
    color: #919191;
    background: none;
    font-size: 12px;
}

.sk-content .product-one__name {
    font-size: 14px;
    margin: 20px 0 0;
    font-weight: 500;
    min-height: auto;
}

.sk-content .product-one__priceValue {
    font-size: 18px;
}

.sk-content .product-one__priceBuy {
    margin: 10px 0 0;
}

.similar-kolpak {
    max-width: 890px;
}

.sk-content .product-one__like {
    font-size: 14px;
}

.sk-content.owl-carousel .owl-item .product-one__like img {
    width: 16px !important;
}

.sk-content .product-one__like {
    right: 5px;
    top: 10px;
}

.sk-content .product-one__priceTitle {
    display: none;
}

.sk-content .product-one__item {
    padding: 20px;
}

.pif-sl-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 20px;
}

.pif-sl-list img {
    width: auto;
    height: 30px;
}

.pif-sl-list img.pif-np {
    height: 44px;
    margin-right: -8px;
}

.pif-shipping-inner {
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
    align-items: center;
}

.pif-shipping {
    background: #3076d51a;
}

.pif-sl {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 15px;
}

.pif-sr a {
    text-decoration: none;
    color: white;
    background: var(--main-blue);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    padding: 5px 8px 5px 12px;
    column-gap: 12px;
    text-transform: uppercase;
    font-size: 14px;
}

.pif-sr a svg {
    width: 20px;
}

.pif-sl-title {
    font-weight: 500;
    text-transform: uppercase;
    color: #3076d5;
}

.pif-nt-titles {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pif-nt-titles a {
    text-decoration: none;
    color: #2f2f2f;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 15px;
    padding: 15px 25px;
    margin-right: 25px;
    background: white;
}

.pif-nt-titles a svg {
    width: 32px;
}

.pif-nt-titles a.active {
    background: var(--main-blue);
    color: white;
}

.pif-nt-titles a.active svg {
    filter: invert(1) brightness(100);
}

.pif-nt-titles {
    border-bottom: 5px solid var(--main-blue);
}

.pif-tab-content {
    padding: 40px 16px;
    background: white;
    display: none;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.pif-tab-content.active {
    display: block;
}

.pif-new-t {
    margin: 60px 0 0;
}

.sim-carousel .product-one__name {
    font-size: 16px;
    margin: 15px 0;
    font-weight: 500;
    line-height: 16px;
    min-height: 80px;
}

.sim-carousel .product-one__image {
    min-height: 190px;
}

.sim-carousel .product-one__code {
    padding: 0;
    border-radius: 8px;
    color: #3f3f3f;
    background: none;
    font-size: 14px;
}

.sim-carousel .product-one__priceBuy a {
    padding: 0 5px 0 2px;
}

.pd-description {
    font-size: 18px;
    line-height: 22px;
}

.sim-carousel .product-one__priceBuy {
    margin: 10px 0 0;
}

.par-new {
    width: 200px;
    margin-bottom: 30px;
}

.shipping-swal {
    width: 700px;
}

.shipping-swal .pif-block-title {
    padding: 0;
    font-size: 22px;
    font-weight: 500;
    border-bottom: none;
    text-transform: uppercase;
}

.shipping-swal .pif-so-left {
    text-align: left;
}

.shipping-swal .pif-block-content {
    padding: 40px 0 30px;
}

.shipping-swal .pif-block {
    margin-top: 10px;
}

main.kovpak .pif-lg img {
    width: 460px;
}

main.kovpak .pif-lg figure {
    max-height: 689px;
}

main.kovpak .pif-lg {
    background: white;
    border-radius: 12px;
    padding: 40px 20px;
    border: 1px solid #f1f1f1;
}

main.kovpak .pif-left {
    flex: 0 0 43%;
}

main.kovpak .pif-title {
    font-size: 26px;
}

@media (max-width: 1700px) {
    .pif-sm {
        order: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 30px;
        column-gap: 10px;
        display: none;
    }

    .pif-buy .product-one__addToCart {
        margin-top: 29px;
        width: 200px;
    }

    main.kovpak .pif-lg figure {
        max-height: 660px;
    }

    main.kovpak .pif-lg img {
        width: 100%;
    }
    main.kovpak .pif-left {
        flex: 0 0 43%;
    }
    .pif-right {
        flex: 0 0 60%;
        width: 60%;
    }

    .owl-carousel .product-one__priceValue {
        width: 111px;
    }
}

@media (max-width: 1480px) {
    main.kovpak .similar-kolpak.first {
        display: none;
    }

    main.kovpak .similar-kolpak.second {
        display: block;
    }
}

@media (max-width: 1240px) {
    .pif-buy .product-one__addToCart {
        width: auto;
    }

    .product-one__addToCart span {
        display: none;
    }

    .pif-buy .poq-likes {
        order: 4;
    }

    .pif-buy .product-one__price--last {
        margin-right: 30px;
    }

    main.kovpak .pif-shipping-mobile {
        display: none;
    }

    .shipping-swal .pif-shipping-pc {
        display: block;
    }
}

@media (max-width: 1024px) {
    .pif-right {
        width: 100%;
        flex: 0 0 100%;
    }

    .pif-nt-titles a {
        font-size: 18px;
        margin: 0;
    }

    .pif-nt-titles a svg {
        width: 24px;
    }

    main.kovpak .pif-lg {
        border: none;
    }

    .pif-nt-titles {
        flex-direction: column;
        border: none;
        margin-bottom: 30px;
        border-radius: 12px;
        overflow: hidden;
        margin-top: 30px;
    }

    .pif-nt-titles a {
        font-size: 18px;
        margin: 0;
        width: 100%;
    }

    .similar-kolpak .owl-carousel .product-one__itemGrid4 {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .mega-menu__left {
        width: 100%;
    }

    .pif-add-review a {
        font-size: 18px;
        height: 36px;
        padding: 10px 18px;
    }

    .pif-add-review a img {
        width: 28px;
    }

    .pif-oc-form {
        display: flex;
        margin-top: 10px;
        align-items: center;
        justify-content: flex-start;
        column-gap: 20px;
        flex-direction: column;
        width: 100%;
    }

    .pif-oc-phone {
        position: relative;
        width: 100%;
    }

    .product-one__quantity input {
        width: 58px;
        height: 58px;
    }

    .product-one__quantity a {
        width: 38px;
        height: 58px;
    }

    .pif-buy .product-one__price {
        margin-top: 0px;
        margin-right: 15px;
        order: 1;
    }

    .pif-new-t {
        margin: 0;
    }

    .pif-nt-titles a.active {
        border-radius: 0;
    }
}

@media (max-width: 600px) {
    .pif-buy .poq-likes {
        display: flex;
        align-items: center;
    }

    #checkout .product-one__price.f-2 {
        margin-top: 20px;
    }
}

@media (max-width: 500px) {
    .pif-sl-title {
        display: none;
    }

    .product-one__cartButton img {
        display: block;
    }

    .pif-buy .product-one__addToCart span {
        display: block;
    }

    .pif-buy .product-one__addToCart {
        width: 100%;
    }

    .pif-buy .product-one__cartButton {
        width: calc(100% - 40px);
        justify-content: space-between;
        height: 60px;
    }

    .pif-buy .product-one__price--last {
        margin-right: 0;
    }
}

@media (max-width: 450px) {
    .swal2-actions {
        row-gap: 20px;
    }
    .swal2-actions .btn {
        width: 220px;
    }
}

/* Іконки шапки: підпис + бейдж кількості (Кабінет / Обране / Кошик) */
.header-mid .hm-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    column-gap: 0;
    text-decoration: none;
    color: #1f2a44;
    font-size: 13px;
    line-height: 1;
}
.header-mid .hm-action__ico {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.header-mid .hm-action__ico img {
    width: 28px;
    height: 28px;
    display: block;
}
.header-mid .hm-action__label {
    display: block;
    font-size: 13px;
    color: #1f2a44;
    white-space: nowrap;
}
.header-mid .hm-action__badge {
    position: absolute;
    top: -8px;
    right: -10px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 9px;
    background: #e11d2a;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    box-sizing: border-box;
}

/* Скелетон вкладок каруселей — накладка поверх каруселі (owl НЕ згортаємо) */
.js-wiper-tab,
.js-special-tab {
    position: relative;
}
.wtab-skeleton {
    display: none;
    gap: 40px;
    padding: 4px 2px 8px;
    overflow: hidden;
}
.js-wiper-tab.is-loading .wtab-skeleton,
.js-special-tab.is-loading .wtab-skeleton {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    background: #f7f8fa;
}
.wtab-skel-card {
    flex: 0 0 auto;
    width: calc((100% - 120px) / 4);
    border: 1px solid #eef0f3;
    border-radius: 12px;
    padding: 16px;
    background: #fff;
    box-sizing: border-box;
}
.wtab-skel-img {
    height: 150px;
    border-radius: 8px;
    margin-bottom: 16px;
}
.wtab-skel-line {
    height: 12px;
    border-radius: 6px;
    margin-bottom: 10px;
}
.wtab-skel-line.short {
    width: 70%;
}
.wtab-skel-line.xshort {
    width: 45%;
    margin-bottom: 0;
}
.wtab-skel-btn {
    height: 42px;
    border-radius: 8px;
    margin-top: 16px;
}
.wtab-skel-img,
.wtab-skel-line,
.wtab-skel-btn {
    background: linear-gradient(90deg, #eceef1 25%, #f5f6f8 37%, #eceef1 63%);
    background-size: 400% 100%;
    animation: wtabShimmer 1.3s ease infinite;
}
@keyframes wtabShimmer {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: 0 0;
    }
}
@media (max-width: 1280px) {
    .wtab-skel-card {
        width: calc((100% - 60px) / 3);
    }
}
@media (max-width: 1024px) {
    .wtab-skel-card {
        width: calc((100% - 60px) / 3);
    }
}
@media (max-width: 700px) {
    .wtab-skeleton {
        gap: 16px;
    }
    .wtab-skel-card {
        width: calc((100% - 16px) / 2);
        min-width: 0;
    }
}

/* Пошук: заголовок + сортування/вигляд в один ряд */
.search-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.search-top-bar h1 {
    margin: 0;
}

/* pf: сортування/вигляд праворуч (немає ctf-left, тож притискаємо вручну) */
.ctf-content .ctf-right {
    margin-left: auto;
}

/* pf: підбір по авто у стилі категорій (лівий сайдбар).
   .pf-picker = .cf-block-content.open → успадковує max-height/overflow і кастомний
   скролбар як у категорій. Внутрішній скрол списку прибрано, щоб не дублювати смугу. */
.category-filter .pf-picker {
    position: relative;
}
.category-filter .pf-picker__list {
    overflow: visible;
}
.category-filter .pf-picker__list ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
}
.category-filter .pf-picker__list li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}
.category-filter .pf-picker__item {
    display: block;
    padding: 7px 0;
    color: #1f2a44 !important;
    text-decoration: none !important;
    font-size: 15px;
}
.category-filter .pf-picker__item:hover {
    color: #3076d5 !important;
}
.category-filter .pf-picker__item.active {
    color: #3076d5 !important;
    font-weight: 600;
}

/* ============================================================
   СІТКА КАТАЛОГУ — CSS GRID (єдине джерело, керуємо ТІЛЬКИ звідси).
   Контейнер .category-grid керує розкладкою через grid; flex-basis
   і width карток гридом ІГНОРУЮТЬСЯ, тому старі розкидані правила
   .product-one__itemGrid4 більше не ламають сітку на різних екранах.
   Колонок у ряд: 5 → 4 (≤1400) → 3 (≤1200) → 2 (≤820) → 1 (≤400).
   ============================================================ */
.cg .category-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}
@media (max-width: 1400px) {
    .cg .category-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* картки — повноцінні клітинки гриду (скидаємо старі flex/width/margin) */
.cg .category-grid > .product-one__item {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    margin: 0 !important;
}
@media (max-width: 1200px) {
    .cg .category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 820px) {
    .cg .category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }
}
@media (max-width: 400px) {
    .cg .category-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

/* ============================================================
   ПРАЙС / ГОРИЗОНТАЛЬНИЙ СПИСОК.
   Базова сітка вище задана як `.cg .category-grid` з
   `display:grid !important`. Коли активний режим «Прайс»
   (клас .priceview додається JS-ом на .category-grid), перекриваємо
   грид сильнішим селектором `.cg .category-grid.priceview` + !important —
   інакше контейнер лишається гридом і розкладка ламається.
   Живе тут (а не в inline-стилях блейдів чи category-sortview.css),
   бо саме mfixes.css вантажиться на всіх сторінках каталогу й містить
   базове правило-обгортку, яке треба перекрити.
   ============================================================ */
.cg .category-grid.priceview {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
}
.cg .category-grid.priceview .product-one__item {
    flex-direction: row !important;
    align-items: center;
    height: auto;
    padding: 12px 20px;
    gap: 20px;
}
/* фото — маленька мініатюра зліва */
.cg .category-grid.priceview .product-one__image {
    flex: 0 0 60px;
    width: 60px;
    margin: 0;
}
.cg .category-grid.priceview .product-one__image figure {
    width: 60px !important;
    height: 60px !important;
    aspect-ratio: auto !important;
    padding: 0;
    margin: 0;
}
.cg .category-grid.priceview .product-one__image img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}
/* назва + код у рядок, займають простір між фото і ціною */
.cg .category-grid.priceview .product-one__link {
    display: flex !important;
    align-items: center;
    gap: 20px;
    flex: 1;
    min-width: 0;
}
.cg .category-grid.priceview .product-one__name {
    flex: 1;
    min-width: 0;
    margin: 0;
    height: auto !important;
    font-size: 15px;
    -webkit-line-clamp: 2;
}
.cg .category-grid.priceview .product-one__codeReview {
    flex: 0 0 auto;
    margin: 0;
}
/* ціна + кнопка «Купити» у рядок, притиснуті праворуч */
.cg .category-grid.priceview .product-one__priceBuy {
    flex-direction: row !important;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    gap: 16px;
    width: auto;
    margin-top: 0 !important;
}
.cg .category-grid.priceview .product-one__price {
    flex-direction: column;
    width: auto;
    text-align: right;
}
.cg .category-grid.priceview .product-one__addToCart {
    width: auto !important;
}
.cg .category-grid.priceview .product-one__cartButton {
    width: auto !important;
    height: 40px;
    padding: 0 20px;
}
.cg .category-grid.priceview .product-one__priceBuy .soldout {
    white-space: nowrap;
}
/* сердечко — в кінець рядка */
.cg .category-grid.priceview .product-one__likeButton {
    position: static !important;
    order: 99;
    margin: 0;
}

.cg .category-grid .product-one__item {
    display: flex !important;
    flex-direction: column;
    height: 100%;
    padding: 14px;
    box-sizing: border-box;
    border: 1px solid #e9ebef;
    border-radius: 14px;
    background: #fff;
    position: relative;
    transition: border-color .25s ease;
}

.cg .category-grid .product-one__item:hover {
    border-color: var(--main-blue);
}

.cg .category-grid .product-one__likeButton {
    position: absolute;
    top: 12px;
    right: 12px;
    left: auto;
    z-index: 2;
    margin: 0;
    width: auto;
}
.cg .category-grid .product-one__like {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.13);
    position: static;
}
.cg .category-grid .product-one__like img {
    width: 20px;
    height: 20px;
}
.cg .category-grid .product-one__like span {
    display: none;
}
.cg .category-grid .product-one__link {
    display: block;
    color: inherit;
    text-decoration: none;
}
.cg .category-grid .product-one__image {
    margin: 0;
}
.cg .category-grid .product-one__image figure {
    width: 100%;
    height: auto;
    max-width: none;
    aspect-ratio: 1/1;
    margin: 0;
    padding: 6px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.cg .category-grid .product-one__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.cg .category-grid .product-one__name {
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
    color: #1a1d24;
    margin: 12px 0 10px;
    min-height: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: calc(2 * 1.35em);
}
.cg .category-grid .product-one__codeReview {
    margin: 0 0 12px;
    display: block;
}
.cg .category-grid .product-one__code {
    display: inline-block;
    font-size: 12px;
    color: #5a5f6a;
    background: #f2f3f5;
    border-radius: 8px;
    padding: 4px 10px;
}
.cg .category-grid .product-one__code strong {
    color: #2a2d34;
}
.cg .category-grid .product-one__reviewsCount {
    display: none;
}
/* ціна + кнопка: вертикально, кнопка на всю ширину — гарантовано не вилазить */
.cg .category-grid .product-one__priceBuy {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-top: auto;
    padding: 0;
    background: none;
    box-shadow: none;
}
.cg .category-grid .product-one__price {
    padding: 0;
    margin: 0;
    background: none;
}
.cg .category-grid .product-one__priceTitle {
    font-size: 12px;
    color: #8a8f98;
    margin: 0 0 2px;
    display: block;
}
.cg .category-grid .product-one__priceValue {
    font-size: 20px;
    font-weight: 800;
    color: #1a1d24;
}
.cg .category-grid .product-one__priceValue .currency {
    font-size: 13px;
    font-weight: 600;
}
.cg .category-grid .product-one__addToCart {
    width: 100%;
    margin: 0;
}

.cg .category-grid .product-one__cartButton {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    width: 100%;
    height: 46px;
    min-width: 0;
    padding: 0 14px;
    box-sizing: border-box;
    background: var(--main-blue, #3076d5);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    transition: background .15s ease, box-shadow .15s ease;
}
.cg .category-grid .product-one__cartButton img {
    width: 20px;
    height: 20px;
}
.cg .category-grid .product-one__cartButton span {
    display: inline !important;
}

.cg .category-grid .product-one__cartButton:hover {
    background: #245db0;
}

@media(max-width: 768px) {
  .cg .category-grid .product-one__cartButton img {
    display: none;
  }
}

.cg .category-grid .product-one__item.disabled .soldout,
.cg .category-grid .product-one__item .soldout {
    color: #c0392b;
    font-weight: 600;
    font-size: 14px;
}

/* Фільтр у модалку РАНІШЕ: сайдбар ховається вже на ≤1280px (було ≤1024),
   щоб на ноутбуках сітка була на всю ширину, а фільтр — у висувній панелі. */
@media (max-width: 1024px) {
    .cg .cg-inner {
        flex-direction: column;
    }
    .cg .category-filter {
        display: none;
    }
    .cg .category-filter-mobile {
        display: flex;
    }
}

.owl-carousel .product-one__item {
    display: flex;
    flex-direction: column;
    padding: 14px;
    box-sizing: border-box;
    border: 1px solid #e9ebef;
    border-radius: 14px;
    background: #fff;
    position: relative;
    width: 100%;
    transition: border-color .25s ease;
}

.owl-carousel .product-one__item:hover {
    border-color: var(--main-blue);
}

.owl-carousel .product-one__likeButton {
    position: absolute;
    top: 12px;
    right: 12px;
    left: auto;
    z-index: 2;
    margin: 0;
    width: auto;
}
.owl-carousel .product-one__like {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.13);
    position: static;
}
.owl-carousel .product-one__like img {
    width: 20px;
    height: 20px;
}
.owl-carousel .product-one__like span {
    display: none;
}
.owl-carousel .product-one__link {
    display: block;
    color: inherit;
    text-decoration: none;
}
.owl-carousel .product-one__image {
    margin: 0;
}
.owl-carousel .product-one__image figure {
    width: 100%;
    height: auto;
    max-width: none;
    aspect-ratio: 1/1;
    margin: 0;
    padding: 6px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
}
.owl-carousel .product-one__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.owl-carousel .product-one__name {
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
    color: #1a1d24;
    margin: 12px 0 10px;
    min-height: 0;
    height: calc(2 * 1.35em);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.owl-carousel .product-one__codeReview {
    margin: 0 0 12px;
    display: block;
}
.owl-carousel .product-one__code {
    display: inline-block;
    font-size: 12px;
    color: #5a5f6a;
    background: #f2f3f5;
    border-radius: 8px;
    padding: 4px 10px;
}
.owl-carousel .product-one__code strong {
    color: #2a2d34;
}
.owl-carousel .product-one__reviewsCount {
    display: none;
}
.owl-carousel .product-one__priceBuy {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-top: auto;
    padding: 0;
    background: none;
    box-shadow: none;
}
.owl-carousel .product-one__price {
    padding: 0;
    margin: 0;
    background: none;
}
.owl-carousel .product-one__priceTitle {
    font-size: 12px;
    color: #8a8f98;
    margin: 0 0 2px;
    display: block;
}
.owl-carousel .product-one__priceValue {
    font-size: 26px;
    font-weight: 800;
    color: #1a1d24;
    width: auto;
}
.owl-carousel .product-one__priceValue .currency {
    font-size: 13px;
    font-weight: 600;
}
.owl-carousel .product-one__addToCart {
    width: 100%;
    margin: 0;
}
.owl-carousel .product-one__cartButton {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    width: 100%;
    height: 46px;
    min-width: 0;
    padding: 0 14px;
    box-sizing: border-box;
    background: var(--main-blue, #3076d5);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    transition: background .15s ease, box-shadow .15s ease;
}
.owl-carousel .product-one__cartButton img {
    width: 20px;
    height: 20px;
}
.owl-carousel .product-one__cartButton span {
    display: inline;
}

.owl-carousel .product-one__cartButton:hover {
    background: #245db0;
}

.mobile-actions {
    display: none;
}
.header-mid__searchToggle,
.header-mid__searchClose {
    display: none;
}
.category-filter__close {
    display: none;
}

.category-filter__close-container {
    display: none;
}

@media (max-width: 1200px) {
    .mobileMenu.open {
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1000;
    }
    .mobileMenu__inner {
        background: #fff;
        width: 80%;
        max-width: 420px;
        height: 100%;
        z-index: 1001;
        position: absolute;
        left: -600px;
    }
    .mobileMenu__inner.animate__animated {
        left: 0;
    }
    .mobileMenu__overlay {
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        inset: 0;
        z-index: 1000;
        width: 100%;
        height: 100%;
    }
    .mobileMenu__links ul {
        display: block;
        padding: 0 25px;
    }
    .mobileMenu__links ul li a {
        padding: 10px 0;
        margin-bottom: 5px;
        display: block;
    }
    .mobileMenu .header-top__social {
        display: flex;
    }
    .mobileMenu .header-top__languages {
        display: flex;
        margin-right: 10px;
    }
    .mobileMenu .header-mid__profile {
        display: block;
        margin: 0;
        padding: 0 25px;
    }
    .mobilemenu-topflex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 25px 15px;
    }
    .mobileMenu .header-mid__profileLink {
        text-decoration: none;
        font-size: 22px;
        column-gap: 15px;
        display: flex;
        background: var(--main-blue);
        color: #fff;
        border-radius: 8px;
        padding: 12px 15px;
        justify-content: space-between;
    }
    .mobileMenu .header-mid__profileLink img {
        width: 28px;
        height: 28px;
        filter: invert(1) contrast(100) grayscale(1);
    }
    .mobileMenu__contacts {
        padding: 0 20px;
        margin-bottom: 20px;
    }
    body.fixed {
        overflow: hidden;
    }
}

@media (max-width: 1240px) {
    .footer-inner {
        flex-wrap: wrap;
        row-gap: 40px;
    }
    .footer-left {
        flex: 1 1 100%;
        width: 100%;
    }
    .footer-right {
        flex: 1 1 100%;
        width: 100%;
        justify-content: flex-start;
        column-gap: 80px;
        flex-wrap: wrap;
        row-gap: 30px;
    }
}
@media (max-width: 560px) {
    .footer-right {
        column-gap: 40px;
    }
    .footer-col__listFlex {
        flex-direction: column;
        column-gap: 0;
    }
    .footer-left__phones {
        flex-wrap: wrap;
        gap: 20px;
    }
}

@media (max-width: 1200px) {
    .header-top__menu,
    .header-top__menuSemiMobile,
    .header-top__languages,
    .header-top__phoneBlock,
    .header-mid__profile,
    .mobile-menu-cart {
        display: none !important;
    }

    .mobile-menu-block {
        display: flex !important;
        align-items: center;
        position: relative;
        z-index: 3;
    }
    .mobile-menu-block a {
        display: flex;
        align-items: center;
        column-gap: 12px;
        text-decoration: none;
        color: #2f2f2f;
        font-size: 18px;
    }
    .mobile-menu-block a img {
        width: 36px;
    }

    .mobile-menu-block span {
        display: none;
    }

    .header-top {
        position: relative;
    }
    .header-top__logo {
        position: absolute;
        left: 60px;
        width: auto;
        margin: 0;
        z-index: 1;
    }

    .header-mid {
        display: flex;
        align-items: center;
        column-gap: 14px;
        row-gap: 12px;
        flex-wrap: wrap;
    }
    .header-mid__catalogLink {
        flex: 0 0 auto;
        width: auto;
        min-width: 0;
        font-size: 17px;
        padding: 0 18px;
        display: flex;
        gap: 10px;
    }
    .header-mid__search {
        flex: 1 1 240px;
        width: auto;
        margin-left: 0;
    }
    .header-mid__searchInput {
        width: 100%;
    }
    .header-mid__search::after {
        right: 16px;
    }

    .header-mid > .header-mid__fav,
    .header-mid > .header-mid__cart {
        display: none !important;
    }

    .mobile-actions {
        display: flex;
        align-items: center;
        column-gap: 20px;
        margin-left: auto;
    }
    .mobile-actions__link {
        position: relative;
        display: flex;
        align-items: center;
        color: #2f2f2f;
    }
    .mobile-actions__link img {
        width: 28px;
        height: 28px;
    }
    .mobile-actions__link .hm-action__badge {
        position: absolute;
        top: -9px;
        right: -11px;
    }
}

@media (max-width: 768px) {
    header .container {
        padding-left: 0;
        padding-right: 0;
    }
    .topbar__inner,
    .header-top,
    .header-mid {
        padding-left: 14px;
        padding-right: 14px;
        box-sizing: border-box;
    }
}

@media (max-width: 560px) {
    .header-mid__catalogLink {
        flex: 1 1 auto;
    }
}
/* Dark scrim behind the mobile catalog panel (re-show the overlay that the
   mobile header hides via #overlay{display:none}), sits just under the panel */
body.menu-open #overlay.overlay.open {
    display: block !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 2999 !important;
}
.mega-menu-mobile__head {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px;
    background: #fff;
    border-bottom: 1px solid #eef0f3;
}
.mega-menu-mobile__title {
    font-size: 18px;
    font-weight: 600;
    color: #1a1d24;
}
.mega-menu-mobile__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 50%;
    background: #f2f3f5;
    color: #333;
    font-size: 26px;
    line-height: 1;
    text-decoration: none;
}
.mega-menu-mobile__close:hover {
    background: #e6e8ec;
}
.mega-menu-mobile .mega-menu__left {
    width: 100% !important;
    background: transparent !important;
}

/* Mobile catalog: make the parent -> subcategory nesting clearly visible */
.mega-menu-mobile .mobile-menu-link-open {
    font-weight: 600 !important;
}
.mega-menu-mobile .mobile-menu-link-open.mega-menu__leftListItem--active {
    background: #eef4ff !important;
    color: var(--main-blue, #3076d5) !important;
}
.mega-menu-mobile .mega-children.open {
    background: #f7f9fc !important;
    border-left: 3px solid var(--main-blue, #3076d5);
    box-shadow: inset 0 6px 10px -8px rgba(0, 0, 0, 0.18);
}
.mega-menu-mobile .mega-children.open .nav__column li a {
    padding-left: 40px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
    border-bottom: 1px solid #eef0f3 !important;
}
.mega-menu-mobile .mega-children.open .nav__column li:last-child a {
    border-bottom: none !important;
}
.mega-menu-mobile .mega-children.open .nav__column li a.nav__childlink--all {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    color: var(--main-blue, #3076d5) !important;
    font-weight: 600 !important;
}
.mega-menu-mobile .mega-children.open .nav__column li a.nav__childlink--all .ncl-grid {
    display: inline-flex;
    flex-shrink: 0;
}
.mega-menu-mobile .mega-children.open .nav__column li a.nav__childlink--all .ncl-grid svg {
    width: 20px;
    height: 20px;
}

@media (max-width: 1200px) {
    body.search-open .header-sticky {
        transform: none !important;
        z-index: 5000;
    }

    .header-mid__catalogLink {
        flex: 1 1 auto;
        width: auto;
    }
    .header-mid__searchToggle {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        background: #efefef;
        border-radius: 8px;
    }
    .header-mid__searchToggle img {
        width: 24px;
        height: 24px;
    }

    .header-mid__search {
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100dvh;
        margin: 0;
        padding: 16px;
        background: #fff;
        z-index: 20;
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        transform: translateX(100%);
        transition: transform 0.25s ease;
    }
    body.search-open .header-mid__search {
        transform: translateX(0);
    }
    .header-mid__searchClose {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: flex-end;
        width: 44px;
        height: 44px;
        font-size: 34px;
        line-height: 1;
        color: #333;
        text-decoration: none;
    }
    .header-mid__searchInput {
        width: 100%;
        height: 56px;
        font-size: 17px;
    }
    .header-mid__search .button-search {
        display: none;
    }
    .header-mid__search #results {
        display: block !important;
        position: static;
        width: 100%;
        flex: 1 1 auto;
        max-height: none;
        height: auto;
        overflow-y: auto;
        box-shadow: none;
        border: none;
        border-radius: 0;
        background: transparent;
        margin: 0;
    }
    .header-mid__search #results .result-item {
        box-shadow: none;
    }
    .header-mid__search #results:empty::before {
        content: "";
        display: block;
        height: 64px;
        margin: 56px auto 18px;
        background: url(/assets/img/search.svg) center/58px no-repeat;
        opacity: 0.22;
    }
    .header-mid__search #results:empty::after {
        content: "Почніть вводити назву товару…";
        display: block;
        text-align: center;
        color: #9099a3;
        font-size: 15px;
    }
}
.footer-left {
    flex: 1 1 300px;
    max-width: 430px;
    width: auto;
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.footer-left__phoneLink {
    font-size: 20px;
    color: #1a1d24;
    text-decoration: none;
    font-weight: 500;
}
.footer-col {
    flex: 1 1 160px;
}
.footer-col--last {
    flex: 2 1 340px;
}
.copyrights {
    flex: 1 1 100%;
    width: 100%;
    margin-top: 20px;
    padding-top: 22px;
    border-top: 1px solid #e9ebef;
    font-size: 13px;
    color: #9099a3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 20px;
    flex-wrap: wrap;
}
.copyrights__dev {
    color: inherit;
    text-decoration: none;
    opacity: 0.9;
    transition: color 0.15s ease, opacity 0.15s ease;
}
.copyrights__dev b {
    font-weight: 700;
}
.copyrights__dev:hover {
    color: var(--main-blue, #3076d5);
    opacity: 1;
}

@media (max-width: 1000px) {
    .footer-left {
        flex: 1 1 100%;
        max-width: none;
    }
    .footer-right {
        flex: 1 1 100%;
        justify-content: flex-start;
        gap: 32px 48px;
    }
}
@media (max-width: 560px) {
    footer {
        padding: 34px 0 22px;
    }
    .footer-right {
        flex-direction: column;
        gap: 26px;
    }
    .footer-col--last {
        flex: 1 1 100%;
    }
    .footer-col__listFlex {
        flex-direction: column;
        gap: 0;
    }
    .footer-left__phones {
        flex-direction: column;
        gap: 16px;
    }
}

/* Мобільний футер — задана послідовність:
   1) лого 2) меню 3) контакти 4) текст 5) іконки оплати 6) копірайт.
   footer-left/right «розчиняємо» (display:contents), щоб усі елементи стали
   прямими flex-дітьми footer-inner і керувалися через order. */
@media (max-width: 1000px) {
    .footer-inner {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 26px;
    }
    .footer-left,
    .footer-right {
        display: contents;
    }
    .footer-left__logo {
        order: 1;
        margin-bottom: 20px;
    }
    .footer-col {
        order: 2;
    }
    .footer-col--last {
        order: 3;
    }
    .footer-left__phones {
        order: 4;
    }
    .footer-left__description {
        order: 5;
    }
    .footer-left__paymentSystems {
        order: 6;
    }
    .copyrights {
        order: 7;
    }
}

@media (max-width: 1024px) {
    .advantages-inner {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        gap: 26px 10px;
        padding: 26px 16px;
    }
    .advantage__item {
        flex: 0 0 calc(50% - 6px) !important;
        width: calc(50% - 6px);
        margin: 0 !important;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
        column-gap: 0;
        gap: 18px;
    }
    .advantage__itemText {
        display: grid;
        gap: 10px;
    }
    .advantage__itemIcon {
        width: 60px;
        height: 60px;
    }
    .advantage__itemTextLine1 {
        font-size: 32px;
        line-height: 1.05;
    }
    .advantage__itemTextLine2 {
        font-size: 14px;
    }
    .autopicker__content {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        flex-wrap: wrap;
    }
    .autopicker__select {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
    .autopicker__button {
        flex: 1 1 100% !important;
        width: 100% !important;
        margin: 0 !important;
    }
    .autopicker__buttonLink {
        width: 100% !important;
    }
}
@media (max-width: 600px) {
    .section-home__title {
        font-size: 24px;
    }
    .aromas_title {
        font-size: 24px;
    }
    .wheels-content {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: space-between;
    }
    .wheels-one__item {
        /* flex: 1 1 calc(50% - 8px) !important; */
        width: calc(50% - 8px) !important;
        margin: 0 !important;
    }
    .advantage__itemTextLine1 {
        font-size: 28px;
    }
}
@media (max-width: 400px) {
    .wheels-one__item {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
}

body.search-open,
body.menu-open,
body.filter-open {
    overflow: hidden;
}
body.search-open #overlay {
    display: none !important;
}
.result-empty {
    padding: 44px 20px;
    text-align: center;
    color: #6b7280;
    font-size: 16px;
    line-height: 1.5;
}

@media (max-width: 1024px) {
    .header-sticky {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        background: #fff;
        transition: box-shadow 0.3s ease;
    }
    .header-sticky .topbar,
    .header-sticky .header-mid {
        overflow: hidden;
        max-height: 140px;
        transition:
            max-height 0.32s ease,
            opacity 0.24s ease,
            padding 0.3s ease,
            margin 0.3s ease;
    }
    /* keep the header fully visible on scroll (do not collapse on mobile) */
    body.nav-hidden .header-sticky .topbar,
    body.nav-hidden .header-sticky .header-mid {
        max-height: 140px;
        opacity: 1;
    }
    body.nav-hidden .header-sticky {
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    }
    body.search-open .header-sticky {
        z-index: 5000;
    }
    body.search-open .header-sticky .header-mid {
        max-height: none;
        opacity: 1;
    }
}

@media (max-width: 1200px) {
    .breadcrumbs {
        display: block !important;
        margin: 0;
    }
    .breadcrumbs-mobile {
        display: none !important;
    }
    .breadcrumbs ul {
        height: auto;
        min-height: 0;
        padding: 10px 0;
        flex-wrap: wrap;
        row-gap: 4px;
    }
    .breadcrumbs ul li a,
    .breadcrumbs ul li span {
        font-size: 13px;
    }
}

@media (max-width: 1024px) {
    .category-filter {
        display: block !important;
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 3000;
        width: 87%;
        max-width: 360px;
        height: 100dvh;
        margin: 0;
        background: #fff;
        overflow-y: auto;
        transform: translateX(-100%);
        transition: transform 0.28s ease;
        box-shadow: 2px 0 24px rgba(0, 0, 0, 0.18);
        border: none;
        border-radius: 0;
    }
    body.filter-open .category-filter {
        transform: translateX(0);
    }
    body.filter-open::before {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.42);
        z-index: 2900;
    }

    .category-filter__close-container {
        display: block;
        top: 10px;
        z-index: 6;
        position: absolute;
        right: 2px;
    }

    .category-filter__close {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        /* margin: 12px 12px 2px auto; */
        margin: 0 12px 2px auto;
        border-radius: 50%;
        background: #f2f3f5;
        color: #333;
        font-size: 26px;
        line-height: 1;
        text-decoration: none;
    }
    .open-filter {
        position: relative;
    }
    .open-filter.has-active::after {
        content: "";
        position: absolute;
        top: 4px;
        right: 4px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #e03939;
        border: 2px solid #fff;
    }
}

.owl-carousel .product-one__priceBuy {
    flex-direction: column !important;
    align-items: stretch !important;
}
.owl-carousel .product-one__price {
    width: auto !important;
}
.owl-carousel .product-one__addToCart {
    width: 100% !important;
    display: block !important;
    justify-content: flex-start !important;
    margin: 0 !important;
}
.owl-carousel .product-one__cartButton {
    width: 100% !important;
    height: 46px !important;
}
.owl-carousel .product-one__cartButton span {
    display: inline !important;
}

@media (max-width: 1024px) {
    .promo-block {
        padding: 16px;
    }
    .promo-block .pb-flex {
        gap: 10px;
    }
    .promo-block input {
        width: auto !important;
        flex: 1 1 auto;
        height: 48px;
        font-size: 16px;
        margin: 14px 0 0 !important;
    }
    .promo-block a {
        width: auto !important;
        flex: 0 0 auto;
        margin: 14px 0 0 !important;
        height: 48px;
        padding: 0 18px !important;
        white-space: nowrap;
        font-size: 15px;
    }
    .cri-one--order {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 900;
        padding: 10px 0;
    }
    .cri-one--order::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100vw;
        right: -100vw;
        background: #fff;
        box-shadow: 0 -3px 14px rgba(0, 0, 0, 0.12);
        z-index: -1;
    }
    .cri-one--order.is-inline {
        position: static;
        left: auto;
        right: auto;
        bottom: auto;
        z-index: auto;
        padding: 0 !important;
        padding-bottom: 8px !important;
    }
    .cri-one--order.is-inline::before {
        display: none;
    }
    .cri-one--order a,
    .cri-one--order button {
        margin: 0 !important;
        justify-content: center !important;
        column-gap: 10px;
    }
    .cart {
        padding-bottom: 40px;
    }
    .cart .cri-one {
        display: none;
    }
    .liked-products .product-one__itemList {
        display: flex !important;
        align-items: flex-start;
        gap: 14px;
        padding: 14px !important;
        border: 1px solid #e9ebef !important;
        border-radius: 14px !important;
        background: #fff !important;
        margin-bottom: 14px !important;
        box-shadow: none !important;
    }
    .liked-products .product-one__itemList .product-one__likeButton {
        flex: 0 0 84px !important;
        width: 84px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
    }
    .liked-products .product-one__itemList .product-one__image {
        margin: 0 !important;
    }
    .liked-products .product-one__itemList .product-one__image figure {
        width: 84px !important;
        height: 84px !important;
        margin: 0 !important;
    }
    .liked-products .product-one__itemList .product-one__image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
    .liked-products .product-one__itemList .product-one__theInfo {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        width: auto !important;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .liked-products .product-one__itemList .product-one__name {
        font-size: 14px !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        min-height: 0 !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .liked-products .product-one__itemList .product-one__codeReview {
        margin: 0 !important;
    }
    .liked-products .product-one__itemList .product-one__code {
        font-size: 12px !important;
    }
    .liked-products .product-one__itemList .product-one__priceBuy {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px !important;
        margin: 2px 0 0 !important;
        width: 100% !important;
        position: static !important;
    }
    .liked-products .product-one__itemList .product-one__price {
        flex: 1 1 100% !important;
        margin: 0 !important;
        width: 100%;
        font-weight: 500;
    }
    .liked-products .product-one__itemList .product-one__priceTitle {
        display: none !important;
    }
    .liked-products .product-one__itemList .product-one__priceValue {
        font-size: 19px !important;
        margin: 0 !important;
    }
    .liked-products .product-one__itemList .product-one__addToCart {
        flex: 1 1 auto !important;
        margin: 0 !important;
    }
    .liked-products .product-one__itemList .product-one__cartButton {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        height: 44px !important;
        background: var(--main-blue, #3076d5) !important;
        border-radius: 10px !important;
        margin: 0 !important;
    }
    .liked-products .product-one__itemList .product-one__cartButton span {
        display: inline !important;
    }
    .liked-products .product-one__itemList .product-one__deleteFromWishList {
        flex: 0 0 auto !important;
        position: static !important;
        margin: 0 !important;
        margin-left: auto !important;
    }
    .liked-products .product-one__itemList .product-one__deleteFromWishList .product-one__like {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 44px !important;
        height: 44px !important;
        border: 1px solid #e9ebef !important;
        border-radius: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
    }
    .liked-products .product-one__itemList .product-one__deleteFromWishList .product-one__like svg {
        width: 22px;
        height: 22px;
    }
    .the-liked-products .liked-products .product-one__itemList {
        gap: 14px;
    }
}

.profile-tabs__ico {
    display: none;
}

@media (max-width: 767px) {
    .profile-tabs {
        position: fixed !important;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 900;
        display: flex !important;
        gap: 0;
        background: #fff;
        box-shadow: 0 -3px 14px rgba(0, 0, 0, 0.1);
        padding: 6px 4px;
        padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px));
        margin: 0 !important;
        border-top: 1px solid #eef0f3;
        border-radius: 0;
        flex-direction: row;
    }
    .profile-tabs .pick-type {
        flex: 1 1 0;
        min-width: 0;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 5px 2px !important;
        color: #8a8f98 !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        border-radius: 10px;
        min-height: 52px;
    }
    .profile-tabs .pick-type.active {
        color: var(--main-blue, #3076d5) !important;
        background: none !important;
    }
    .profile-tabs__ico {
        display: flex !important;
        align-items: center;
        justify-content: center;
        transition: background-color 0.2s ease, color 0.2s ease;
    }
    .profile-tabs__ico svg {
        width: 24px;
        height: 24px;
    }
    .profile-tabs__label {
        font-size: 11px;
        line-height: 1;
        white-space: nowrap;
    }
    body:has(.profile-tabs) {
        padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px));
    }
}

/* ============ Cabinet: left sidebar navigation (desktop) ============ */
@media (min-width: 992px) {
    /* two columns: nav on the left, content on the right */
    .checkout-left.checkout-full:has(> .profile-tabs) {
        display: grid;
        grid-template-columns: 240px minmax(0, 1fr);
        column-gap: 32px;
        align-items: start;
    }
    .checkout-left.checkout-full:has(> .profile-tabs) > .profile-tabs {
        grid-column: 1;
        grid-row: 1 / 100;
        position: sticky;
        top: 160px;
    }
    .checkout-left.checkout-full:has(> .profile-tabs) > *:not(.profile-tabs) {
        grid-column: 2;
        min-width: 0;
    }

    /* vertical menu look */
    .checkout-left:has(> .profile-tabs) > .profile-tabs {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        background: #fff;
        border: 1px solid #e6e8ec;
        border-radius: 16px;
        padding: 10px;
        box-shadow: 0 6px 24px rgba(17, 26, 32, 0.05);
    }
    .checkout-left:has(> .profile-tabs) > .profile-tabs .pick-type {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        width: 100%;
        text-align: left;
        padding: 12px 14px !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 12px;
        background: transparent !important;
        color: #374151 !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        box-shadow: none !important;
    }
    .checkout-left:has(> .profile-tabs) > .profile-tabs .pick-type:hover {
        background: #f4f7fb !important;
        color: #171a20 !important;
    }
    .checkout-left:has(> .profile-tabs) > .profile-tabs .pick-type.active {
        background: var(--main-blue, #3076d5) !important;
        color: #fff !important;
    }
    /* show the icons in the vertical menu */
    .checkout-left:has(> .profile-tabs) > .profile-tabs .profile-tabs__ico {
        display: flex !important;
        flex: 0 0 22px;
        width: 22px;
        height: 22px;
    }
    .checkout-left:has(> .profile-tabs) > .profile-tabs .profile-tabs__ico svg {
        width: 22px;
        height: 22px;
    }
}

/* order-total (JS-injected "До сплати" beside the button) is a mobile-only bar;
   on desktop the checkout-totals card already shows "До сплати" — hide the duplicate. */
.cri-one--order .order-total {
    display: none;
}
@media (max-width: 1024px) {
    .cri-one--order {
        display: flex !important;
        align-items: center;
        gap: 12px;
    }
    .cri-one--order .order-total {
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        line-height: 1.1;
    }
    .cri-one--order .order-total__label {
        font-size: 11px;
        color: #8a8f98;
    }
    .cri-one--order .order-total__val {
        font-size: 17px;
        font-weight: 800;
        color: #171a20;
        white-space: nowrap;
    }
    .cri-one--order a,
    .cri-one--order button {
        flex: 1 1 auto;
        font-size: 15px;
    }
}

.checkout-cart {
    padding: 20px 14px;
}
.checkout-cart__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid #e9ebef;
    border-radius: 12px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    color: #171a20;
}
.checkout-cart__arrow {
    display: flex;
    transition: transform 0.25s ease;
    color: #8a8f98;
}
.checkout-cart__arrow svg {
    width: 20px;
    height: 20px;
}
.checkout-cart__toggleMain {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.checkout-cart__toggleText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.checkout-cart__thumbs {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}
.ccp-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-left: -8px;
    border: 2px solid #fff;
    border-radius: 9px;
    background: #f4f5f7;
    box-shadow: 0 1px 3px rgba(17, 26, 32, 0.14);
    overflow: hidden;
}
.ccp-thumb:first-child {
    margin-left: 0;
}
.ccp-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ccp-thumb--more {
    font-size: 12px;
    font-weight: 600;
    color: #5b6270;
    background: #eef0f3;
}
.checkout-cart:not(.is-collapsed) .checkout-cart__thumbs {
    display: none;
}
.checkout-cart.is-collapsed .checkout-cart__arrow {
    transform: rotate(-90deg);
}
/* Поки скрипт не згорнув список товарів, тримаємо його вже згорнутим
   і резервуємо місце під рядок «Товари в замовленні» — без стрибка сторінки. */
.checkout-cart:not(.checkout-cart--no-toggle):not(:has(.checkout-cart__toggle)) .checkout-cart-items {
    display: none;
}
.checkout-cart:not(.checkout-cart--no-toggle):not(:has(.checkout-cart__toggle))::after {
    content: "";
    display: block;
    height: 64px;
    box-sizing: border-box;
    border: 1px solid #e9ebef;
    border-radius: 12px;
    background: #fff;
}
@media (max-width: 1024px) {
    .checkout-cart {
        margin-top: 0;
        margin-bottom: 16px;
    }
    .poq-likes img {
        width: 20px;
    }
    .checkout-flex {
        display: flex;
        flex-direction: column;
        padding-bottom: 0;
    }
    .checkout-totals .cri-one {
        display: flex !important;
    }
}

@media (min-width: 1025px) {
    .checkout-flex .checkout-right {
        position: sticky;
        top: 160px;
        align-self: flex-start;
    }
}

@media (max-width: 1024px) {
    .cg .category-grid.view-1 {
        grid-template-columns: 1fr !important;
    }
    .cg .category-grid.view-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .cg .category-grid.view-list {
        grid-template-columns: 1fr !important;
    }
    .cg .category-grid.view-list .product-one__item {
        position: relative;
        padding: 12px 12px 12px 106px !important;
        min-height: 110px;
        text-align: left;
    }
    .cg .category-grid.view-list .product-one__image {
        position: absolute;
        left: 12px;
        top: 12px;
        width: 84px;
        margin: 0;
    }
    .cg .category-grid.view-list .product-one__image figure {
        width: 84px !important;
        height: 84px !important;
        padding: 0;
    }
    .cg .category-grid.view-list .product-one__name {
        text-align: left;
        height: auto;
    }
    .cg .category-grid.view-list .product-one__priceBuy {
        flex-direction: row !important;
        align-items: center;
        justify-content: space-between;
    }
    .cg .category-grid.view-list .product-one__addToCart {
        width: auto !important;
        flex: 0 0 auto;
    }
    .cg .category-grid.view-list .product-one__cartButton {
        width: auto !important;
        padding: 0 16px;
    }
    .cg .category-grid.view-list .product-one__likeButton {
        top: 12px;
        right: 12px;
    }
}
.m-sort-sheet {
    position: fixed;
    inset: 0;
    z-index: 5000;
    background: rgba(0, 0, 0, 0.45);
    display: none;
    align-items: flex-end;
}
.m-sort-sheet.open {
    display: flex;
}
.m-sort-sheet__box {
    background: #fff;
    width: 100%;
    border-radius: 16px 16px 0 0;
    padding: 6px 0 22px;
    max-height: 80vh;
    overflow-y: auto;
}
.m-sort-sheet__title {
    font-size: 17px;
    font-weight: 700;
    padding: 16px 20px;
    border-bottom: 1px solid #eef0f3;
}
.m-sort-sheet__opt {
    display: block;
    padding: 15px 20px;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    border-bottom: 1px solid #f4f5f7;
}
.m-sort-sheet__opt.active {
    color: var(--main-blue, #3076d5);
    font-weight: 600;
}

.field-error {
    border-color: #e03939 !important;
    box-shadow: 0 0 0 3px rgba(224, 57, 57, 0.12) !important;
}

@media (max-width: 720px) {
    .login {
        height: auto !important;
        min-height: calc(100dvh - 70px) !important;
        justify-content: flex-start !important;
        padding: 24px 16px 40px !important;
    }
    .login-form {
        width: 100% !important;
        max-width: 440px;
        margin: 0 auto !important;
        padding: 26px 22px !important;
        box-sizing: border-box;
    }
    .logo-section {
        margin: 22px 0 !important;
    }
    .form-header {
        margin-bottom: 22px !important;
    }
    .login-after {
        padding: 20px 16px 0 !important;
    }
}
@media (max-width: 500px) {
    .login-form {
        padding: 24px 18px !important;
    }
    .remember-forgot {
        margin-top: 22px !important;
        row-gap: 16px !important;
    }
}

@media (max-width: 1200px) {
    body.registration .header-mid__search {
        display: flex !important;
    }
}

@media (max-width: 1024px) {
    .search-by-size__form {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end;
        row-gap: 20px;
        column-gap: 16px;
        padding: 28px 22px;
    }
    .search-by-size__field {
        flex: 1 1 46% !important;
        min-width: 0;
    }
    .search-by-size__button {
        flex: 1 1 100% !important;
    }
    .search-by-size__button .search-by-size__link {
        width: 100%;
        justify-content: center;
    }
    .search-by-size__form .fake-select {
        width: 100%;
    }
}
@media (max-width: 560px) {
    .search-by-size__field {
        flex: 1 1 100% !important;
    }
    .search-by-size__form {
        padding: 22px 16px;
    }
}

@media (max-width: 1024px) {
    .checkout-totals {
        margin-top: 16px;
        width: 100% !important;
        align-self: stretch;
    }
    .checkout-totals .cart-right,
    .checkout-totals .cart-right-inner {
        width: 100% !important;
        max-width: none !important;
    }
    .checkout-totals .cart-right-inner {
        background: #fff;
        border: 1px solid #e9ebef;
        border-radius: 16px;
        padding: 22px 20px;
    }
    .checkout-totals .cri-one {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 15px 0 !important;
        margin: 0 !important;
    }
    .checkout-totals .cri-title {
        font-size: 15px;
        color: #6b7280;
        font-weight: 500;
    }
    .checkout-totals .cri-value {
        font-size: 16px;
        font-weight: 600;
        color: #171a20;
        white-space: nowrap;
    }
    .checkout-totals .cri-value span {
        font-size: 14px;
        font-weight: 500;
        color: #6b7280;
        margin-left: 2px;
    }
    .checkout-totals .cri-one--total .cri-title {
        font-size: 16px;
        font-weight: 700;
        color: #171a20;
    }
    .checkout-totals .cri-one--total .cri-value {
        font-size: 22px;
        font-weight: 800;
        color: #171a20;
    }
    .checkout-totals .cri-one--total .cri-value span {
        font-size: 16px;
        font-weight: 700;
        color: #171a20;
    }
}

@media (max-width: 1024px) {
    footer .footer-col {
        border-top: 1px solid #e9ebef;
        padding-top: 16px;
    }
    footer .footer-col:first-child {
        border-top: none;
        padding-top: 0;
    }
    footer .footer-col__title {
        margin: 0 0 10px !important;
        font-size: 16px;
        font-weight: 600;
        color: #1a1d24;
    }
    footer .footer-col__List li {
        margin-bottom: 10px;
    }
}

.cri-one--order button {
    border: none !important;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    font-family: inherit;
    box-shadow: none;
}
@media (max-width: 1024px) {
    body:has(.cri-one--order) {
        padding-bottom: 58px;
    }
}

.owl-carousel .product-one__like:hover,
.cg .category-grid .product-one__like:hover {
    background: #3076d5 !important;
}
.owl-carousel .product-one__like:hover img,
.cg .category-grid .product-one__like:hover img {
    filter: brightness(0) invert(1) !important;
}

.pif-new-t {
    margin: 56px 0 0;
}
.pif-new-tabs {
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(17, 26, 32, 0.06);
    overflow: hidden;
}
.pif-nt-titles {
    display: flex;
    padding: 0;
    margin: 0;
    background: #fbfcfd;
    border: none;
    border-bottom: 1px solid #eef0f3;
    overflow-x: auto;
}
.pif-nt-titles a {
    text-decoration: none;
    color: #6b7280;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 22px;
    margin: 0;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
    transition:
        color 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}
.pif-nt-titles a:hover {
    color: #171a20;
    background: #eef2f8;
}
.pif-nt-titles a svg {
    width: 22px;
    height: 22px;
}
.pif-nt-titles a svg path {
    fill: #9aa1ac;
    transition: fill 0.2s ease;
}
.pif-nt-titles a.active {
    color: var(--main-blue, #3076d5);
    background: #fff;
    border-bottom-color: var(--main-blue, #3076d5);
}
.pif-nt-titles a.active svg {
    filter: none;
}
.pif-nt-titles a.active svg path {
    fill: var(--main-blue, #3076d5);
}

.pif-tab-content {
    padding: 34px 32px;
    background: #fff;
    display: none;
    border-radius: 0;
}
.pif-tab-content.active {
    display: block;
    animation: pdFade 0.25s ease;
}
@keyframes pdFade {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.pd-description {
    font-size: 15.5px;
    line-height: 1.72;
    color: #374151;
}
.pd-description h2,
.pd-description h3,
.pd-description h4 {
    font-size: 20px;
    font-weight: 700;
    color: #171a20;
    margin: 28px 0 12px;
    letter-spacing: -0.01em;
}
.pd-description > :first-child {
    margin-top: 0 !important;
}
.pd-description p {
    margin: 0 0 12px;
}
.pd-description ul,
.pd-description ol {
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}
.pd-description ul li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 9px;
    line-height: 1.6;
}
.pd-description ul li::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--main-blue, #3076d5);
}
.pd-description ol {
    counter-reset: pdc;
}
.pd-description ol li {
    position: relative;
    padding-left: 34px;
    margin-bottom: 10px;
    counter-increment: pdc;
}
.pd-description ol li::before {
    content: counter(pdc);
    position: absolute;
    left: 0;
    top: -1px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #eaf1fc;
    color: var(--main-blue, #3076d5);
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pd-description a {
    color: var(--main-blue, #3076d5);
    text-decoration: underline;
    text-underline-offset: 2px;
    word-break: break-word;
}
.pd-description a:hover {
    text-decoration: none;
}
.pd-description img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 14px 0;
}
.pd-description iframe,
.pd-description video {
    display: block;
    width: 100%;
    max-width: 720px;
    aspect-ratio: 16 / 9;
    height: auto;
    margin: 18px 0;
    border: 0;
    border-radius: 12px;
    background: #000;
}
.pd-description table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
    font-size: 14.5px;
}
.pd-description table td,
.pd-description table th {
    padding: 10px 12px;
    border: 1px solid #eef0f3;
    text-align: left;
    vertical-align: top;
}
.pd-description > *:last-child {
    margin-bottom: 0;
}

.pif-specs .specs {
    width: 100%;
    border-collapse: collapse;
}
.pif-specs .specs tr {
    border-bottom: 1px solid #eef0f3;
}
.pif-specs .specs tr:nth-child(even) {
    background: #fafbfc;
}
.pif-specs .specs td {
    padding: 13px 20px;
    font-size: 15px;
    color: #374151;
    vertical-align: top;
}
.pif-specs .specs td:first-child {
    color: #6b7280;
    width: 55%;
    font-weight: 500;
}
.pif-specs .specs td:last-child {
    width: 45%;
    text-align: right;
    font-weight: 600;
    color: #171a20;
}
.pif-specs .specs td a {
    color: inherit !important;
    text-decoration: none !important;
    border-bottom: none !important;
    pointer-events: none;
    cursor: default;
}

@media (max-width: 600px) {
    .pif-new-t {
        margin: 34px 0 0;
    }
    .pif-nt-titles a {
        font-size: 14px;
        padding: 13px 14px;
        gap: 7px;
    }
    .pif-nt-titles a svg {
        width: 19px;
        height: 19px;
    }
    .pif-tab-content {
        padding: 22px 16px;
    }
    .pd-description {
        font-size: 15px;
    }
    .pd-description h2,
    .pd-description h3 {
        font-size: 18px;
    }
    .pif-specs .specs td {
        padding: 11px 10px;
        font-size: 14px;
    }
}

/* Product tabs order: Характеристики first, then Опис, then Відгуки */
.pif-nt-titles a[data-tab-id="2"] {
    order: 1;
}
.pif-nt-titles a[data-tab-id="1"] {
    order: 2;
}
.pif-nt-titles a[data-tab-id="3"] {
    order: 3;
}

/* ============ SEO description block — fixed-height scroll box ============ */
.page-description {
    margin: 40px 0;
}
.page-description .container-inner {
    position: relative;
    border-radius: 14px;
    max-height: 340px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #cdd5e0 transparent;
}
.page-description .container-inner::-webkit-scrollbar {
    width: 8px;
}
.page-description .container-inner::-webkit-scrollbar-track {
    background: transparent;
    margin: 8px 0;
}
.page-description .container-inner::-webkit-scrollbar-thumb {
    background: #cdd5e0;
    border-radius: 8px;
}
.page-description .container-inner::-webkit-scrollbar-thumb:hover {
    background: var(--main-blue, #3076d5);
}
.page-description .container-inner h1 {
    font-size: 26px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 16px;
    color: #171a20;
}
.page-description .container-inner h2,
.page-description .container-inner h3 {
    font-size: 19px;
    font-weight: 700;
    margin: 22px 0 10px;
    color: #171a20;
}
.page-description .container-inner p {
    font-size: 15px;
    line-height: 1.7;
    color: #4b5563;
    margin: 0 0 13px;
}
.page-description .container-inner p:last-child {
    margin-bottom: 0;
}
.page-description .container-inner ul,
.page-description .container-inner ol {
    margin: 0 0 14px;
    padding-left: 22px;
    color: #4b5563;
    font-size: 15px;
    line-height: 1.7;
}
@media (max-width: 767px) {
    .page-description {
        margin: 26px 0;
    }
    .page-description .container-inner {
        max-height: 300px;
    }
    .page-description .container-inner h1 {
        font-size: 22px;
    }
}

/* ============ Modern reviews ============ */
.pif-add-review,
.pif-add-review.par-new {
    width: auto !important;
    margin: 0 0 18px;
}
.pif-add-review a:hover {
    background: #2a69bf;
}
.review-one:last-child {
    border-bottom: none;
}
.review-photo figure svg {
    width: 40px;
    height: 40px;
}
.review-ratings .pif-stars {
    display: flex;
    gap: 2px;
    justify-content: center;
    margin-right: 16px;
}
.review-ratings .pif-stars img {
    width: 14px;
    height: 14px;
}
@media (max-width: 600px) {
    .review-one {
        gap: 12px;
        padding: 18px 0;
    }
    .review-left {
        width: 48px;
        flex: 0 0 48px;
    }
    .review-photo figure {
        width: 46px;
        height: 46px;
    }
    .review-photo figure svg {
        width: 34px;
        height: 34px;
    }
    .review-right {
        text-align: left;
        margin-top: 0;
    }
    .review-name {
        font-size: 15px;
    }
    .review-text {
        font-size: 14px;
        padding: 11px 13px;
        margin-top: 10px;
    }
}
.review-ratings {
    position: absolute;
    top: 24px;
    right: 2px;
    margin: 0;
}
.review-ratings .pif-stars {
    justify-content: flex-end;
}
@media (max-width: 600px) {
    .review-ratings {
        top: 18px;
        right: 0;
    }
    .review-ratings .pif-stars img {
        width: 13px;
        height: 13px;
    }
}

select.checkout-select {
    width: 100%;
    height: 50px;
    padding: 0 42px 0 15px;
    border: 1px solid transparent;
    border-radius: 12px;
    background-color: #f1f1f1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%238a8f98' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px 8px;
    font-family: inherit;
    font-size: 18px;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
select.checkout-select.is-empty,
select.checkout-select:disabled {
    color: #8a8f98;
    opacity: 1;
    cursor: not-allowed;
}
select.checkout-select:focus {
    outline: none;
    border-color: #cfdcf0;
    box-shadow: none;
}

/* ============ Checkout Select2 (Відділення) — modern look ============ */
.select2-container--default .select2-selection--single {
    height: 50px;
    background: #f1f1f1;
    border: 1px solid transparent;
    border-radius: 12px;
    outline: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #cfdcf0;
    box-shadow: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: block;
    max-width: 100%;
    line-height: 48px;
    font-size: 18px;
    color: #222;
    padding-left: 15px;
    padding-right: 62px;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
}

/* довга назва відділення не має розпирати поле: обрізаємо трикрапкою.
   ширину select2 ставить інлайном, тому перебиваємо important, інакше
   контейнер шириться під текст і обрізати нема від чого */
.checkout-form-item,
.checkout-form-item label {
    display: block;
    min-width: 0;
}

.checkout-form-item .select2-container {
    display: block;
    width: 100% !important;
    max-width: 100%;
}

.checkout-form-item .select2-container .select2-selection--single {
    width: 100%;
    max-width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #8a8f98;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 11px;
    right: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #8a8f98 transparent transparent transparent;
}
.select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: transparent transparent #8a8f98 transparent;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    position: absolute;
    top: 50%;
    right: 34px;
    transform: translateY(-50%);
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #8a8f98;
    background: transparent;
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        color 0.15s ease;
}
.select2-container--default .select2-selection--single .select2-selection__clear:hover {
    background: #e2e5ea;
    color: #444;
}

.select2-container--default .select2-selection--single .select2-selection__clear span {
    margin: 0;
}

/* dropdown panel */
.select2-dropdown {
    border: 1px solid #e6e8ec;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(17, 26, 32, 0.08);
    overflow: hidden;
    margin-top: 6px;
}
.select2-search--dropdown {
    padding: 12px 12px 6px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e6e8ec;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 15px;
    outline: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #cfdcf0;
    box-shadow: none;
}
.select2-results__options {
    padding: 6px;
}
.select2-results__options::-webkit-scrollbar {
    width: 8px;
}
.select2-results__options::-webkit-scrollbar-thumb {
    background: #cdd5e0;
    border-radius: 8px;
}
.select2-container--default .select2-results__option {
    border-radius: 8px;
    padding: 11px 12px;
    font-size: 14.5px;
    color: #374151;
    line-height: 1.4;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #eaf1fc;
    color: #171a20;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background: #3076d5;
    color: #fff;
    font-weight: 600;
}

/* ============ Order success / thank-you page ============ */
.checkout-success {
    padding: 24px 0 60px;
}
.checkout-success .no-products-message,
.checkout-success .no-products-message.ntt {
    max-width: 560px;
    margin: 30px auto !important;
    background: #fff;
    padding: 40px 32px;
}
.checkout-success .npm-image {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.checkout-success .npm-image > img,
.checkout-success .no-products-message.ntt .npm-image > img {
    width: 96px !important;
    height: auto;
    margin-bottom: 22px !important;
    opacity: 1;
}
.checkout-success .ntt .order-id {
    font-size: 24px;
    font-weight: 700;
    color: var(--main-blue, #3076d5);
    margin-bottom: 12px;
    text-align: center;
    line-height: 1.25;
}
.checkout-success .ntt .order-text {
    width: 100% !important;
    max-width: 430px;
    margin: 0 auto;
    text-align: center;
}
.checkout-success .ntt p {
    font-size: 15.5px;
    line-height: 1.6;
    color: #6b7280;
}
.checkout-success .pay-flex {
    display: flex;
    justify-content: center;
    margin: 22px 0 4px;
}
.checkout-success .more-order-text {
    color: #374151;
    font-size: 15px;
    font-weight: 500;
    margin: 34px auto 0;
    text-align: center;
    max-width: 430px;
    line-height: 1.55;
}
.checkout-success .htm__content,
.checkout-success .no-products-message .npm-image .htm__content {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin: 22px 0 0 !important;
}
.checkout-success .htm__item a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #f4f6f9;
    transition:
        transform 0.15s ease,
        background 0.2s ease;
}
.checkout-success .htm__item a:hover {
    background: #eaf1fc;
    transform: translateY(-2px);
}
.checkout-success .htm__content img,
.checkout-success .no-products-message .npm-image .htm__content img {
    width: 28px !important;
}
@media (max-width: 600px) {
    .checkout-success .no-products-message.ntt {
        padding: 30px 20px;
        margin: 16px auto !important;
    }
    .checkout-success .npm-image > img,
    .checkout-success .no-products-message.ntt .npm-image > img {
        width: 84px !important;
        margin-bottom: 18px !important;
    }
    .checkout-success .ntt .order-id {
        font-size: 21px;
    }
    .checkout-success .htm__item a {
        width: 50px;
        height: 50px;
    }
}

.mobile-catalog-btn {
    display: none;
}
@media (max-width: 1024px) {
    .mobile-catalog-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin: 12px 16px 0;
        padding: 13px 16px;
        background: var(--main-blue, #3076d5);
        color: #fff;
        border-radius: 12px;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
    }
    .mobile-catalog-btn svg {
        width: 22px;
        height: 22px;
    }
}

/* ============ Mobile bottom tab bar (Головна/Каталог/Кошик/Обране/Кабінет) ============ */
.mobile-tabbar {
    display: none;
}
@media (max-width: 1024px) {
    .mobile-tabbar {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 950;
        background: #fff;
        border-top: 1px solid #eef0f3;
        box-shadow: 0 -3px 14px rgba(0, 0, 0, 0.06);
        padding: 6px 2px;
        padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px));
    }
    .mobile-tabbar__item {
        flex: 1 1 0;
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        padding: 5px 2px;
        text-decoration: none;
        color: #8a8f98;
        font-size: 11px;
        font-weight: 500;
        -webkit-tap-highlight-color: transparent;
    }
    .mobile-tabbar__item.active {
        color: var(--main-blue, #3076d5);
    }
    .mobile-tabbar__item[data-tab="catalog"] {
        color: var(--main-blue, #3076d5);
    }
    .mobile-tabbar__item[data-tab="catalog"] .mtb-ico {
        background: var(--main-blue, #3076d5);
        color: #fff;
        border-radius: 12px;
        padding: 7px;
        box-shadow: 0 3px 10px rgba(48, 118, 213, .35);
    }
    .mobile-tabbar .mtb-ico {
        position: relative;
        display: flex;
    }
    .mobile-tabbar .mtb-ico svg {
        width: 24px;
        height: 24px;
    }
    .mobile-tabbar .mtb-label {
        line-height: 1;
        white-space: nowrap;
    }
    .mobile-tabbar .mtb-badge {
        position: absolute;
        top: -6px;
        right: -9px;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        background: var(--main-blue, #3076d5);
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }
    body {
        padding-bottom: 66px;
    }
    /* top icons now duplicated by the tab bar → hide on mobile */
    .header-top .mobile-actions {
        display: none !important;
    }
    /* pages with their own bottom bar (cart/checkout sticky, cabinet tabs) hide the tab bar */
    body:has(.cri-one--order) .mobile-tabbar,
    body:has(.profile-tabs) .mobile-tabbar {
        display: none;
    }
}

/* ============ Mobile header bar: burger + inline search + heart (≤1024) ============ */
.header-mid__burger {
    display: none;
}
@media (max-width: 1024px) {
    /* keep header-top in DOM (holds the slide-out menu) but collapse its visible content */
    .header-sticky .header-top {
        display: none !important;
    }

    /* header-mid = single bar */
    .header-mid {
        display: flex !important;
        align-items: center;
        gap: 10px;
        padding: 10px 14px !important;
        flex-wrap: nowrap;
    }
    .header-mid__burger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        color: #1f1f1f;
    }
    .header-mid__burger svg {
        width: 26px;
        height: 26px;
    }
    .header-mid__catalog,
    .header-mid__searchToggle,
    .header-mid > .header-mid__profile {
        display: none !important;
    }

    .header-mid > .header-mid__cart {
        display: flex !important;
        flex: 0 0 auto;
        margin: 0;
    }
    .header-mid__cartLink {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        position: relative;
        border-radius: 12px;
        color: #1f1f1f;
        transition: background .2s;
    }
    .header-mid__cartLink .hm-action__label {
        display: none;
    }
    .header-mid__cartLink .hm-action__ico {
        position: relative;
        display: flex;
    }
    .header-mid__cartLink .hm-action__ico img {
        width: 26px;
        height: 26px;
        transition: filter .2s;
    }
    .header-mid__cart .hm-action__badge--cart {
        position: absolute;
        top: -6px;
        right: -8px;
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #e03131;
        color: #fff;
        border-radius: 9px;
        font-size: 11px;
        font-weight: 800;
        line-height: 1;
    }
    @keyframes cartPulse {
        0%, 100% { box-shadow: 0 0 0 0 rgba(48,118,213,.45); }
        50% { box-shadow: 0 0 0 7px rgba(48,118,213,0); }
    }
    @media (prefers-reduced-motion: reduce) {
        .header-mid__cart.has-items .header-mid__cartLink { animation: none; }
    }
    body:has(.cri-one--order) .header-mid__cart.has-items .header-mid__cartLink {
        animation: none;
    }

    /* inline search (replaces fullscreen modal) */
    .header-mid__search {
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        height: auto !important;
        width: auto !important;
        flex: 1 1 auto;
        min-width: 0;
        margin: 0;
        display: flex !important;
        align-items: center;
        background: #f1f1f1;
        border-radius: 12px;
        padding: 0 6px 0 14px;
    }
    .header-mid__searchClose {
        display: none !important;
    }
    .header-mid__searchInput {
        flex: 1 1 auto;
        min-width: 0;
        height: 46px;
        background: transparent;
        border: none;
        outline: none;
        font-size: 15px;
        padding: 0;
    }
    .header-mid__search .button-search {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        background: none;
        border: none;
    }
    .header-mid__search .button-search img {
        width: 20px;
        height: 20px;
        opacity: 0.55;
    }
    .header-mid__search #results {
        position: absolute !important;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid #e6e8ec;
        border-radius: 12px;
        box-shadow: 0 14px 38px rgba(17, 26, 32, 0.14);
        max-height: 62vh;
        overflow-y: auto;
        z-index: 60;
        padding: 6px;
        margin: 0;
    }
    .header-mid__search #results:empty {
        display: none !important;
    }
    .header-mid__search #results:empty::before,
    .header-mid__search #results:empty::after {
        content: none !important;
        display: none !important;
    }
    #overlay {
        display: none !important;
    }

    /* heart on the right */
    .header-mid > .header-mid__fav {
        display: none !important;
        flex: 0 0 auto;
        margin: 0;
    }
    .header-mid__favLink {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        position: relative;
    }
    .header-mid__favLink .hm-action__label {
        display: none;
    }
    .header-mid__favLink .hm-action__ico img {
        width: 26px;
        height: 26px;
    }
    .header-mid__favLink .hm-action__badge {
        position: absolute;
        top: 0;
        right: 0;
    }
}

/* ============ Full-screen mobile search overlay (dnipro-m style) ============ */
.header-mid__searchBack {
    display: none;
}
@media (max-width: 1024px) {
    body.msearch-open {
        overflow: hidden;
    }
    body.msearch-open .header-mid__search {
        position: fixed !important;
        inset: 0 !important;
        z-index: 6000;
        background: #fff !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        flex: none !important;
    }
    /* top bar */
    body.msearch-open .header-mid__searchBack {
        display: none !important;
    }
    body.msearch-open .header-mid__searchInput {
        position: absolute !important;
        top: 13px;
        left: 14px;
        right: 52px;
        width: auto !important;
        height: 40px;
        z-index: 3;
        background: #f1f1f1 url("/assets/img/search.svg") 12px center / 18px no-repeat !important;
        border-radius: 10px !important;
        padding: 0 14px 0 40px !important;
        font-size: 15px;
        box-sizing: border-box;
    }
    body.msearch-open .header-mid__search .button-search {
        display: none !important;
    }
    body.msearch-open .header-mid__searchClose {
        display: flex !important;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 10px;
        right: 6px;
        width: 44px;
        height: 46px;
        font-size: 28px;
        color: #9099a3;
        z-index: 3;
        text-decoration: none;
    }
    /* results fill the screen */
    body.msearch-open .header-mid__search #results {
        position: absolute !important;
        top: 66px;
        left: 0;
        right: 0;
        bottom: 0;
        display: block !important;
        background: #fff;
        border: none !important;
        border-top: 1px solid #eef0f3 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        max-height: none !important;
        height: auto !important;
        overflow-y: auto;
        padding: 8px 14px 24px !important;
        margin: 0 !important;
    }
    body.msearch-open .header-mid__search #results:empty {
        display: block !important;
    }

    /* result rows */
    body.msearch-open #results .result-item {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 4px;
        border-bottom: 1px solid #f2f4f7;
        text-decoration: none;
    }
    body.msearch-open #results .result-item .result-info {
        display: flex;
        align-items: center;
        gap: 12px;
        flex: 1 1 auto;
        min-width: 0;
    }
    body.msearch-open #results .result-item img {
        width: 48px;
        height: 48px;
        object-fit: contain;
        flex: 0 0 48px;
    }
    body.msearch-open #results .result-text {
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
    }
    body.msearch-open #results .result-text span {
        font-size: 14px;
        color: #171a20;
        line-height: 1.3;
    }
    body.msearch-open #results .result-text .sku {
        font-size: 12px;
        color: #9099a3;
    }
    body.msearch-open #results .result-text .price {
        font-size: 15px;
        font-weight: 700;
        color: var(--main-blue, #3076d5);
    }
    body.msearch-open #results .buy-btn {
        flex: 0 0 auto;
        border: none;
        color: #fff;
        border-radius: 8px;
        padding: 8px 14px;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
    }
    body.msearch-open #results .result-empty {
        padding: 30px 16px;
        text-align: left;
        color: #6b7280;
        font-size: 15px;
    }
}

/* Sticky order/checkout button — smaller height on mobile */
@media (max-width: 1024px) {
    .cri-one--order {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .cri-one--order a,
    .cri-one--order button {
        padding: 14px 14px !important;
        font-size: 15px !important;
    }
    .cri-one--order a img,
    .cri-one--order buаtton img {
        width: 22px !important;
        height: auto !important;
    }
}

.mobileMenu__logo {
    display: block;
    padding: 22px 25px 8px;
    line-height: 0;
}
.mobileMenu__logo svg {
    width: 150px;
    height: auto;
    display: block;
}

.mobileMenu__inner {
    position: relative;
}
.mobileMenu__close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    font-size: 30px;
    line-height: 1;
    color: #8a8f98;
    text-decoration: none;
    border-radius: 50%;
}
.mobileMenu__close:hover {
    background: #f2f4f7;
    color: #333;
}

.mobileMenu__catalog {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 6px 25px 12px;
    padding: 13px 18px;
    background: var(--main-blue, #3076d5);
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 40px;
}
.mobileMenu__catalog img {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1);
}
.mobileMenu__catalog:hover {
    background: #2a69bf;
    color: #fff;
}

@media (min-width: 1025px) {
    .pif-specs .specs {
        max-width: none;
        width: 100%;
    }
    .pif-specs .specs tbody {
        display: block;
        column-count: 2;
        column-gap: 56px;
    }
    .pif-specs .specs tr {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 18px;
        break-inside: avoid;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
    }
    .pif-specs .specs td {
        display: block;
        padding: 12px 12px;
    }
    .pif-specs .specs td:first-child {
        width: auto;
        flex: 1 1 auto;
    }
    .pif-specs .specs td:last-child {
        width: auto;
        flex: 0 0 auto;
        text-align: right;
    }
}

@media (min-width: 1025px) {
    .review-one {
        max-width: 1040px;
    }
}
@keyframes apCarBuzz {
    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }
    25% {
        transform: translateY(-1.5px) rotate(-0.7deg);
    }
    50% {
        transform: translateY(0) rotate(0deg);
    }
    75% {
        transform: translateY(-1px) rotate(0.7deg);
    }
}
@keyframes apRoad {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -26px 0;
    }
}
.autopicker:hover .autopicker__image img {
    animation-duration: 0.32s;
}
.autopicker:hover .autopicker__image::after {
    animation-duration: 0.3s;
}
@media (prefers-reduced-motion: reduce) {
    .autopicker__image img,
    .autopicker__image::after {
        animation: none;
    }
}

@media (max-width: 768px) {
    .wheels-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        column-gap: 14px;
        row-gap: 16px;
    }
    .wheels-content .wheels-one__item {
        width: calc(50% - 7px);
        margin: 0;
        height: 160px;
    }
    .wheels-content .wheels-one__item img {
        width: 85%;
        max-width: 150px;
        left: 79%;
        transform: translateX(-50%);
        bottom: -23px;
    }
    .wheels-content .wheels-one__itemTitle {
        padding: 16px 16px 0;
    }
    .wheels-content .wheels-one__itemSizeTitle {
        font-size: 14px;
    }
    .wheels-content .wheels-one__itemSizeInch {
        font-size: 26px;
    }
}

.cart-swal.swal2-popup {
    border-radius: 20px;
    padding: 34px 30px 28px;
    max-width: 430px;
    width: 98%;
}
.cart-swal .swal2-html-container {
    margin: 0;
}
.cart-swal__ico {
    width: 84px;
    height: 84px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #eafaf1;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: cartSwalPop .35s ease;
}
.cart-swal__ico svg {
    width: 46px;
    height: 46px;
    fill: none;
    stroke: #1a9d5a;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.cart-swal__ico svg circle {
    stroke: #bfe9cf;
}
@keyframes cartSwalPop {
    0% { transform: scale(.6); opacity: 0; }
    60% { transform: scale(1.08); }
    100% { transform: scale(1); opacity: 1; }
}
.cart-swal__title {
    font-size: 23px;
    font-weight: 700;
    color: #171a20;
    margin-bottom: 8px;
    line-height: 1.25;
}
.cart-swal__text {
    font-size: 15px;
    color: #6b7280;
    line-height: 1.5;
    margin-bottom: 24px;
}
.font-medium {
    font-weight: 500;
}
.cart-swal__actions {
    gap: 12px;
    flex-wrap: wrap;
    margin: 0;
    width: 100%;
}
.cart-swal__btn {
    border: none;
    cursor: pointer;
    border-radius: 12px;
    padding: 13px 22px;
    font-size: 15px;
    font-weight: 600;
    font-family: inherit;
    transition: background .15s ease, box-shadow .15s ease;
    flex: 1 1 auto;
}
.cart-swal__btn--primary {
    background: var(--main-blue, #3076d5);
    color: #fff;
}
.cart-swal__btn--primary:hover {
    background: #245db0;
}
.cart-swal__btn--ghost {
    background: #f1f3f6;
    color: #2f2f2f;
}
.cart-swal__btn--ghost:hover {
    background: #e6e9ee;
}

.cart-swal--form.swal2-popup,
.cart-swal--form .swal2-title,
.cart-swal--form .swal2-html-container {
    text-align: left !important;
}
.cart-swal--form .cart-swal__btn {
    text-align: center;
}

.cart-swal .checkout-form-item label span {
    font-weight: 600;
    color: #171a20;
}
.cart-swal .checkout-form-item input {
    font-size: 15px;
    padding: 13px 15px;
    transition: box-shadow .15s ease, background .15s ease;
}
.cart-swal .checkout-form-item input:focus {
    outline: none;
    background: #fff;
    box-shadow: 0 0 0 2px var(--main-blue, #3076d5);
}
.cart-swal .checkout-form-item input.error {
    background: #fdecec;
}
.cart-swal__text + .cart-swal__text {
    margin-top: -16px;
}
.cart-swal__text:has(strong) {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.cart-swal__text strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    border-radius: 50%;
    background: #fff3cd;
    color: #a15c00;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
}

.cart-swal .swal2-validation-message {
    margin: 2px 0 18px !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
    background: #fdecec !important;
    color: #c0392b !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}
.cart-swal .swal2-validation-message::before {
    background-color: #e11d2a !important;
}

@media (max-width: 500px) {
    .cart-swal.swal2-popup { padding: 26px 20px 22px; }
    .cart-swal__actions { flex-direction: column-reverse; }
    .cart-swal__btn { width: 100%; }
}

/* --- SweetAlert global modern styling (error/warning/info popups) --- */
.swal2-popup {
    border-radius: 18px;
    padding: 30px 26px 24px;
}
.swal2-popup .swal2-title {
    font-size: 22px;
    font-weight: 700;
    color: #171a20;
}
.swal2-popup .swal2-html-container {
    font-size: 15px;
    color: #6b7280;
    line-height: 1.5;
    padding: 24px 0 0 0;
}
.swal2-actions {
    gap: 10px;
}
.swal2-styled.swal2-confirm {
    background: var(--main-blue, #3076d5) !important;
    border-radius: 12px !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    box-shadow: none !important;
    transition: background .15s ease;
}
.swal2-styled.swal2-confirm:hover {
    background: #245db0 !important;
}
.swal2-styled.swal2-cancel {
    background: #f1f3f6 !important;
    color: #2f2f2f !important;
    border-radius: 12px !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    box-shadow: none !important;
}
.swal2-styled.swal2-cancel:hover {
    background: #e6e9ee !important;
}
.swal2-icon {
    margin-top: 8px;
}

.swal2-close {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    margin: 0 !important;
    width: 36px !important;
    height: 36px !important;
    color: #9099a3 !important;
    font-size: 36px !important;
    transition: color .15s ease;
}

.swal2-close:hover {
    color: #171a20 !important;
}
.swal2-close:focus {
    box-shadow: none !important;
}

@keyframes wheelSpin {
    to { transform: rotate(360deg); }
}

.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item {
    flex: 0 0 auto;
}

.subcat-nav__slider.owl-carousel .owl-stage-outer {
    padding-left: 2px;
    margin-left: -2px;
    margin-right: -2px;
}

.owl-item .product-one__item {
    height: 100%;
}

@media(min-width: 1400px) {
    .wheels-one__item:hover img {
    animation: wheelSpin 3.5s linear infinite;
    }
}

@media (max-width: 1024px) {
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }
}
.po-review {
    margin-top: 12px;
}

.po-review__toggle {
    padding: 0;
    background: none;
    border: none;
    color: var(--main-blue, #3076d5);
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
}

.po-review__form {
    display: none;
    margin-top: 12px;
}

.po-review__form.is-open {
    display: block;
}

.po-review__stars {
    display: inline-flex;
    flex-direction: row-reverse;
    gap: 4px;
    margin-bottom: 10px;
}

.po-review__stars input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.po-review__stars label {
    color: #d7dce4;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    transition: color 0.15s ease;
}

.po-review__stars input:checked ~ label,
.po-review__stars label:hover,
.po-review__stars label:hover ~ label {
    color: #ffb400;
}

.po-review__form textarea {
    width: 100%;
    min-height: 84px;
    padding: 12px 14px;
    background: #f1f1f1;
    border: 1px solid transparent;
    border-radius: 12px;
    font-family: inherit;
    font-size: 15px;
    color: #222;
    resize: vertical;
}

.po-review__form textarea:focus {
    outline: none;
    border-color: var(--main-blue, #3076d5);
    box-shadow: 0 0 0 3px rgba(48, 118, 213, 0.12);
}

.po-review__submit {
    margin-top: 10px;
    padding: 10px 20px;
    background: var(--main-blue, #3076d5);
    border: none;
    border-radius: 12px;
    color: #fff;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}

.po-review__submit:hover {
    background: var(--main-blue-hover, #2a68bd);
}

.po-review--done {
    color: #1e7a3c;
    font-size: 14px;
    font-weight: 500;
}

.po-review__note {
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.45;
}

.po-review__note--ok {
    background: #eaf7ee;
    color: #1e7a3c;
}

.po-review__note--err {
    background: #fdecec;
    color: #c92f2f;
}

/* .aromas__carousel .owl-stage-outer {
    padding-left: 2px;
} */

@media (max-width: 767px) {
    .review-popup {
        width: calc(100% - 24px) !important;
        padding: 0 0 18px;
    }

    .review-popup h2 {
        padding: 20px 0 6px;
        font-size: 20px;
    }

    .review-popup .swal2-html-container {
        margin: 0 18px;
    }

    .review-form-new label {
        row-gap: 6px;
        margin-bottom: 14px;
    }

    .review-form-new label > span {
        font-size: 14px;
    }

    .review-form-new label input,
    .review-form-new label textarea {
        padding: 10px 12px;
        font-size: 15px;
    }

    .review-form-new label textarea {
        min-height: 96px;
    }

    .review-form-new #stars {
        font-size: 30px !important;
        margin-top: -4px !important;
    }

    .review-popup .swal2-validation-message {
        margin: 10px 0;
        padding: 10px 12px;
        font-size: 13.5px;
        line-height: 1.35;
    }

    .review-popup .swal2-confirm {
        width: calc(100% - 36px);
        height: 48px;
        font-size: 17px;
    }
}

.category-seo-text {
    margin: 10px 0 50px;
    padding: 28px 32px;
    background: #fff;
    border: 1px solid #eef0f3;
    border-radius: 12px;
    font-size: 16px;
    line-height: 1.65;
    color: #444;
}

.category-seo-text h2,
.category-seo-text h3 {
    margin: 22px 0 12px;
    font-size: 20px;
    font-weight: 600;
    color: #171a20;
}

.category-seo-text h2:first-child,
.category-seo-text h3:first-child {
    margin-top: 0;
}

.category-seo-text p {
    margin: 0 0 12px;
}

.category-seo-text ul,
.category-seo-text ol {
    margin: 0 0 12px;
    padding-left: 22px;
}

.category-seo-text li {
    margin-bottom: 6px;
}

.category-seo-text a {
    color: var(--main-blue, #3076d5);
}

.owl-dots {
    margin-top: 30px;
    row-gap: 20px;
}

@media (max-width: 767px) {
    .category-seo-text {
        margin: 6px 0 30px;
        padding: 18px 16px;
        font-size: 15px;
    }

    .category-seo-text h2,
    .category-seo-text h3 {
        font-size: 18px;
    }

    .product-content .pif-lg {
        border: none;
    }
}

@media (min-width: 1025px) {
    .owl-carousel .owl-nav {
        margin: 0;
    }

    .owl-carousel .owl-nav.disabled {
        display: none;
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        margin: 0;
        padding: 0;
        transform: translateY(-50%);
        border: 1px solid #e2e6ee;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 2px 8px rgba(17, 26, 32, 0.1);
        font-size: 0;
        line-height: 0;
        color: transparent;
        transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: 6px;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 6px;
    }

    .owl-carousel .owl-nav button.owl-prev::before,
    .owl-carousel .owl-nav button.owl-next::before {
        content: "";
        width: 9px;
        height: 15px;
        background-color: #2f2f2f;
        transition: background-color 0.2s;
    }

    .owl-carousel .owl-nav button.owl-prev::before {
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 1.5L2 9l7.5 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 1.5L2 9l7.5 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .owl-carousel .owl-nav button.owl-next::before {
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 1.5L9 9l-7.5 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 1.5L9 9l-7.5 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .owl-carousel .owl-nav button.owl-prev:hover,
    .owl-carousel .owl-nav button.owl-next:hover {
        border-color: var(--main-blue, #1a63d8);
        background: var(--main-blue, #1a63d8);
        box-shadow: 0 4px 14px rgba(26, 99, 216, 0.3);
    }

    .owl-carousel .owl-nav button.owl-prev:hover::before,
    .owl-carousel .owl-nav button.owl-next:hover::before {
        background-color: #fff;
    }

    .subcat-nav__slider.owl-carousel .owl-nav button.owl-prev {
        left: -6px;
    }

    .subcat-nav__slider.owl-carousel .owl-nav button.owl-next {
        right: -6px;
    }
}

@media (max-width: 1024px) {
    .owl-carousel .owl-nav {
        display: none;
    }
}

#home_carousel1 .owl-dots,
#home_carousel2 .owl-dots,
#home_carousel3 .owl-dots,
#home_carousel4 .owl-dots,
#special_carousel1 .owl-dots,
#special_carousel2 .owl-dots,
#similar_products .owl-dots,
#similar_products2 .owl-dots,
#also_buy .owl-dots,
#viewed_products .owl-dots,
#lkf_content .owl-dots,
#def_content .owl-dots,
#aromas_content .owl-dots {
    display: flex;
    column-gap: 0;
    width: 140px;
    height: 4px;
    margin: 18px auto 0;
    padding: 0;
    border-radius: 4px;
    background: #e8ebf0;
    overflow: hidden;
}

#home_carousel1 .owl-dots .owl-dot,
#home_carousel2 .owl-dots .owl-dot,
#home_carousel3 .owl-dots .owl-dot,
#home_carousel4 .owl-dots .owl-dot,
#special_carousel1 .owl-dots .owl-dot,
#special_carousel2 .owl-dots .owl-dot,
#similar_products .owl-dots .owl-dot,
#similar_products2 .owl-dots .owl-dot,
#also_buy .owl-dots .owl-dot,
#viewed_products .owl-dots .owl-dot,
#lkf_content .owl-dots .owl-dot,
#def_content .owl-dots .owl-dot,
#aromas_content .owl-dots .owl-dot {
    flex: 1 1 auto;
    width: auto;
    height: 100%;
    margin: 0;
    border-radius: 0;
    background: transparent;
    transition: background-color .2s;
}

#home_carousel1 .owl-dots .owl-dot.active,
#home_carousel2 .owl-dots .owl-dot.active,
#home_carousel3 .owl-dots .owl-dot.active,
#home_carousel4 .owl-dots .owl-dot.active,
#special_carousel1 .owl-dots .owl-dot.active,
#special_carousel2 .owl-dots .owl-dot.active,
#similar_products .owl-dots .owl-dot.active,
#similar_products2 .owl-dots .owl-dot.active,
#also_buy .owl-dots .owl-dot.active,
#viewed_products .owl-dots .owl-dot.active,
#lkf_content .owl-dots .owl-dot.active,
#def_content .owl-dots .owl-dot.active,
#aromas_content .owl-dots .owl-dot.active {
    background: var(--main-blue, #3076d5);
}

#home_carousel1 .owl-dots .owl-dot span,
#home_carousel2 .owl-dots .owl-dot span,
#home_carousel3 .owl-dots .owl-dot span,
#home_carousel4 .owl-dots .owl-dot span,
#special_carousel1 .owl-dots .owl-dot span,
#special_carousel2 .owl-dots .owl-dot span,
#similar_products .owl-dots .owl-dot span,
#similar_products2 .owl-dots .owl-dot span,
#also_buy .owl-dots .owl-dot span,
#viewed_products .owl-dots .owl-dot span,
#lkf_content .owl-dots .owl-dot span,
#def_content .owl-dots .owl-dot span,
#aromas_content .owl-dots .owl-dot span {
    display: none;
}

.checkout-cart-items .cart-item {
    border: none !important;
    border-bottom: 2px solid #f1f1f1 !important;
    border-radius: 0 !important;
    background: none !important;
    margin-bottom: 0 !important;
    justify-content: flex-start !important;
}

.checkout-cart-items .cart-item__right {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
}

.checkout-cart-items .cart-item:last-child {
    border-bottom: none !important;
}

.checkout-cart-items .cart-item__title,
.checkout-cart-items .cart-item__title a {
    padding-right: 0 !important;
}

.checkout-cart-items .product-one__priceBuy {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    column-gap: 14px;
    row-gap: 8px;
    margin-top: 10px !important;
    width: auto !important;
}

.checkout-cart-items .product-one__price.f-2 {
    order: 1;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

.checkout-cart-items .product-one__quantity {
    margin-top: 0 !important;
}

.checkout-cart-items .product-one__price.f-1 {
    order: 2;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

.checkout-cart-items .poq-likes {
    order: 3;
    flex: 0 0 100% !important;
    width: 100%;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    justify-content: flex-start !important;
    margin: 4px 0 0 !important;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.checkout-cart-items .poq-likes a {
    position: static !important;
    width: auto !important;
    height: auto !important;
    column-gap: 8px;
    font-size: 14px;
    color: #6b7280;
}

.checkout-cart-items .poq-likes a img {
    width: 18px !important;
    height: 18px !important;
}

@media (max-width: 1024px) {
    .checkout-cart-items .cart-item {
        column-gap: 16px !important;
        align-items: flex-start !important;
    }
}

@media (min-width: 1481px) {
    .cart-flex__cart .cart-left {
        width: 66% !important;
    }

    .cart-flex__cart .cart-right {
        width: 30% !important;
    }
}

@media (max-width: 1024px) {
    .checkout-sticky-actions {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 900;
        padding: 8px 22px;
    }
    .checkout-sticky-actions::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100vw;
        right: -100vw;
        background: #fff;
        box-shadow: 0 -3px 14px rgba(0, 0, 0, 0.12);
        z-index: -1;
    }
    .checkout-sticky-actions.is-inline {
        position: static;
        left: auto;
        right: auto;
        bottom: auto;
        z-index: auto;
        padding: 0 !important;
    }
    .checkout-sticky-actions.is-inline::before {
        display: none;
    }
    .checkout-sticky-actions .checkout-continue-btn {
        margin: 0;
        padding: 11px 14px;
        font-size: 15px;
    }
    .checkout-sticky-actions .cri-one--order {
        position: static;
        padding: 0 !important;
    }
    .checkout-sticky-actions .cri-one--order::before {
        display: none;
    }
    body:has(.checkout-sticky-actions) {
        padding-bottom: 120px;
    }
}

/* Прелоадер на кнопці «Купити», поки товар додається в кошик */
.add-to-cart.is-loading {
    position: relative;
    pointer-events: none;
}
.add-to-cart.is-loading > * {
    visibility: hidden;
}
.add-to-cart.is-loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: add-to-cart-spin .7s linear infinite;
}
@keyframes add-to-cart-spin {
    to { transform: rotate(360deg); }
}

/* Каталог на телефонах: дві компактні картки в ряд (раніше ≤400px була одна) */
@media (max-width: 480px) {
    .cg .category-grid:not(.priceview) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    .cg .category-grid:not(.priceview) .product-one__item {
        padding: 10px;
        border-radius: 12px;
    }
    .cg .category-grid:not(.priceview) .product-one__likeButton {
        top: 6px;
        right: 6px;
    }
    .cg .category-grid:not(.priceview) .product-one__name {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        min-height: calc(1.3em * 3);
        margin: 8px 0 6px;
        font-size: 13px;
        line-height: 1.3;
    }
    .cg .category-grid:not(.priceview) .product-one__code {
        font-size: 11px;
    }
    .cg .category-grid:not(.priceview) .product-one__priceTitle {
        display: none;
    }
    .cg .category-grid:not(.priceview) .product-one__priceValue {
        font-size: 17px;
    }
    .cg .category-grid:not(.priceview) .product-one__cartButton {
        height: 38px;
        font-size: 14px;
    }
}

/* Кнопки «Оформити замовлення» (кошик, бічний кошик, оформлення, вікно після додавання) — зелені, як «Купити» в картці товару */
body .cri-one--order a,
body .cri-one--order button,
a.cd-checkout,
.cart-swal__btn.cart-swal__btn--primary {
    background: #1a9d5a;
    color: #fff;
}
body .cri-one--order a:hover,
body .cri-one--order button:hover,
a.cd-checkout:hover,
.cart-swal__btn.cart-swal__btn--primary:hover {
    background: #15864b;
    color: #fff;
}

/* Оформлення замовлення: блок товарів без заголовка «Ваше замовлення» і без зовнішньої рамки — лише рядок «Товари в замовленні» */
body .checkout-cart:not(.checkout-cart--no-toggle) {
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
}
body .checkout-cart:not(.checkout-cart--no-toggle) > .cfc-title {
    display: none;
}

/* Оформлення замовлення на мобільному: заголовки блоків («Отримувач», «Доставка», оплата) — по лівому краю */
@media (max-width: 1024px) {
    .checkout-flex .cfc-title {
        align-items: flex-start;
        text-align: left;
        font-size: 18px;
        font-weight: 700;
        padding: 0 0 10px 0;
    }
}

/* Оформлення замовлення: спокійніші обводки — обраний варіант доставки/оплати і поле у фокусі без яскравої рамки */
.checkout-flex .shipping-methods a.active,
.checkout-flex .shipping-methods a.active:hover,
.checkout-flex .payment-options input[type="radio"]:checked + .payment-option {
    border-color: #cfdcf0;
    box-shadow: none;
}
.checkout-flex .checkout-form-shipping .sf-city {
    margin-bottom: 20px;
}
.checkout-flex .checkout-form-shipping .sf-city label {
    max-width: 400px;
}
.checkout-flex .checkout-form-shipping .sf-city input,
.checkout-flex .shipping-fields .sf-courier input {
    height: 44px;
    padding: 0 12px;
    border: 1px solid #dcdfe4;
    border-radius: 4px;
    background: #fff;
    font-size: 15px;
}
.checkout-flex .shipping-methods {
    display: block;
    padding: 8px 0;
    border: 1px solid #e3e6eb;
    border-radius: 2px;
    background: #fff;
}
.checkout-flex .shipping-methods > a,
.checkout-flex .shipping-methods > a:hover,
.checkout-flex .shipping-methods > a.active,
.checkout-flex .shipping-methods > a.active:hover {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    grid-template-areas: "ic title price";
    align-items: center;
    column-gap: 12px;
    min-height: 62px;
    padding: 12px 20px 12px 60px;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.checkout-flex .shipping-methods > a::before {
    left: 20px;
    width: 22px;
    height: 22px;
    border: 1px solid #c9ced8;
}
.checkout-flex .shipping-methods > a.active::before {
    border-color: #c9ced8;
    box-shadow: inset 0 0 0 5px #fff, inset 0 0 0 11px var(--main-blue, #3076d5);
}
.checkout-flex .shipping-methods .sm-ic {
    grid-area: ic;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
}
.checkout-flex .shipping-methods .sm-ic img {
    width: 30px;
    border-radius: 0;
}
.checkout-flex .shipping-methods .sm-ic--sm img {
    width: 20px;
}
.checkout-flex .shipping-methods .sm-ic svg {
    width: 26px;
    height: 26px;
}
.checkout-flex .shipping-methods .sm-title {
    grid-area: title;
    font-size: 16px;
    line-height: 1.3;
    color: #171a20;
}
.checkout-flex .shipping-methods .sm-price {
    grid-area: price;
    font-size: 15px;
    line-height: 1.3;
    color: #8a909a;
    text-align: right;
}
.checkout-flex .shipping-methods .sm-price--free {
    color: #1a9d5a;
}
.checkout-flex .shipping-methods .shipping-fields {
    padding: 0 20px 14px 60px;
}
.checkout-flex .shipping-methods .shipping-fields .checkout-form-item {
    margin: 0;
}
.checkout-flex .shipping-fields [hidden] {
    display: none !important;
}
.checkout-flex .sf-department .select2-container {
    max-width: 400px;
}
.checkout-flex .sf-department .select2-container .select2-selection--single,
.checkout-flex .sf-department select.checkout-select {
    height: 46px;
    border: 1px solid #dcdfe4;
    border-radius: 4px;
    background: #fff;
}
.checkout-flex .sf-department select.checkout-select {
    width: 100%;
    max-width: 400px;
    padding: 0 14px;
    color: #8a909a;
    font-size: 15px;
}
.checkout-flex .sf-department .select2-selection__rendered {
    line-height: 44px !important;
    padding-left: 14px !important;
    padding-right: 40px !important;
    font-size: 15px;
}
.checkout-flex .sf-department .select2-selection__clear {
    display: none !important;
}
.checkout-flex .sf-department .select2-selection__arrow {
    top: 50% !important;
    right: 14px !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 1.5px solid #8a909a;
    border-bottom: 1.5px solid #8a909a;
    transform: translateY(-50%) rotate(-45deg);
}
.checkout-flex .sf-department .select2-selection__arrow b {
    display: none;
}
.checkout-flex .sf-department.has-choice label {
    display: none;
}
.checkout-flex .sf-department__chosen {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 20px;
    background: #f5f6f8;
}
.checkout-flex .sf-department__name {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: #171a20;
}
.checkout-flex .sf-department__change {
    flex: 0 0 auto;
    height: 42px;
    padding: 0 20px;
    border: 1px solid #dcdfe4;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: #171a20;
    cursor: pointer;
}
.checkout-flex .sf-department__change:hover {
    border-color: #b9bfc8;
}
.checkout-flex .sf-courier__grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 14px;
    max-width: 600px;
}
.checkout-flex .sf-courier label > span {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: #374151;
}
.checkout-flex .sf-courier sup {
    top: 0;
    font-size: 14px;
}
.checkout-flex .sf-pickup {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 20px;
    background: #f5f6f8;
    font-size: 14px;
    line-height: 1.45;
    color: #374151;
}
.checkout-flex .shipping-methods .sf-pickup__map,
.checkout-flex .shipping-methods .sf-pickup__map:hover {
    display: inline;
    align-self: flex-start;
    margin-top: 2px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    font-size: 14px;
    color: var(--main-blue, #3076d5);
    font-weight: 500;
    text-decoration: underline;
}
.checkout-flex .shipping-methods .sf-pickup__map::before {
    content: none;
}
@media (max-width: 600px) {
    .checkout-flex .checkout-form-shipping .sf-city label {
        max-width: none;
    }
    .checkout-flex .shipping-methods > a,
    .checkout-flex .shipping-methods > a:hover,
    .checkout-flex .shipping-methods > a.active,
    .checkout-flex .shipping-methods > a.active:hover {
        grid-template-columns: 28px minmax(0, 1fr);
        grid-template-areas: "ic title" "ic price";
        row-gap: 3px;
        padding: 12px 14px 12px 52px;
    }
    .checkout-flex .shipping-methods > a::before {
        left: 16px;
    }
    .checkout-flex .shipping-methods .sm-price {
        font-size: 14px;
        text-align: left;
    }
    .checkout-flex .shipping-methods .shipping-fields {
        padding: 0 14px 12px;
    }
    .checkout-flex .sf-department__chosen {
        padding: 12px 14px;
    }
    .checkout-flex .sf-courier__grid {
        grid-template-columns: 1fr;
    }
}
.checkout-flex input:focus,
.checkout-flex input:focus-visible,
.checkout-flex select:focus,
.checkout-flex select:focus-visible,
.checkout-flex textarea:focus,
.checkout-flex textarea:focus-visible {
    outline: none;
    box-shadow: 0 0 0 1px #cfdcf0;
}

/* Кнопка оформлення на мобільному: «назва | сума» з рискою, як у бічному кошику */
.cri-one--order span.has-total {
    display: inline-flex;
    align-items: center;
    gap: 14px;
}
.cri-one--order span.has-total b {
    font-weight: 800;
    white-space: nowrap;
}
.cri-one--order .order-sep {
    flex: 0 0 1px;
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, 0.6);
}

/* Оформлення замовлення: пошук відділення — прямо в самому полі, а не окремим рядком у списку */
.select2-dropdown { overflow: visible; }
.select2-dropdown .select2-results { border-radius: 12px; overflow: hidden; }
.select2-search--dropdown { position: absolute; left: -1px; right: -1px; padding: 0; z-index: 2; }
.select2-dropdown--below .select2-search--dropdown { top: -56px; }
.select2-dropdown--above { margin-top: -6px; }
.select2-dropdown--above .select2-search--dropdown { bottom: -56px; }
.select2-container--default .select2-search--dropdown .select2-search__field {
    width: 100%; height: 50px; box-sizing: border-box; padding: 0 14px;
    border: 1px solid #cfdcf0; border-radius: 12px; background: #fff; font-size: 16px;
}

/* Оформлення замовлення: способи оплати — компактні рядки з перемикачем, як у службах доставки */
.checkout-flex .payment-options {
    display: flex;
    flex-direction: column;
    gap: 2px;
    border: none;
    border-radius: 0;
    overflow: visible;
}
.checkout-flex .payment-options .payment-option {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 10px 8px;
    border: none;
    border-radius: 10px;
    background: none;
    box-shadow: none;
    cursor: pointer;
}
.checkout-flex .payment-options .payment-option ~ .payment-option {
    border-top: none;
}
.checkout-flex .payment-options .payment-option::before {
    content: "";
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 2px solid #c9ced8;
    border-radius: 50%;
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.checkout-flex .payment-options .payment-option svg,
.checkout-flex .payment-options input[type="radio"]:checked + .payment-option svg {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 8px;
    background: #eef3fb;
    color: var(--main-blue, #3076d5);
}
.checkout-flex .payment-options .payment-option__body::before {
    display: none;
}
.checkout-flex .payment-options .payment-option__title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}
.checkout-flex .payment-options .payment-option__desc {
    margin-top: 2px;
    font-size: 12.5px;
    line-height: 1.35;
}
.checkout-flex .payment-options input[type="radio"]:checked + .payment-option {
    background: #f3f8ff;
    box-shadow: none;
}
.checkout-flex .payment-options input[type="radio"]:checked + .payment-option::before {
    border-color: var(--main-blue, #3076d5);
    box-shadow: inset 0 0 0 4px var(--main-blue, #3076d5);
}

/* назва й сума на кнопці оформлення не переносяться на другий рядок */
.cri-one--order span.has-total {
    gap: 10px;
    white-space: nowrap;
}

/* Оформлення замовлення на мобільному: без футера і без кошика в шапці — нічого не відволікає від форми */
@media (max-width: 1024px) {
    body:has(form#checkout) footer,
    body:has(form#checkout) .header-mid__cart {
        display: none !important;
    }
    /* футера немає, кнопка замовлення внизу стає звичайною — великий нижній відступ не потрібен */
    body:has(form#checkout) {
        padding-bottom: 0;
    }
    body:has(form#checkout) main {
        padding-bottom: 16px;
    }
}

/* Пошук: рядок «Показати всі результати» над списком; на мобільному рядок товару натискається весь, тож окрема кнопка «Купити» не потрібна */
#results .result-all {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 6px 0 4px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #eef3fb;
    color: var(--main-blue, #3076d5);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}
#results .result-all svg {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
}
@media (max-width: 1024px) {
    body.msearch-open #results .buy-btn {
        display: none;
    }
}

/* ============ Пошук: поле з рамкою, мікрофон і кнопка «Знайти» (як у Comfy) ============ */
.search-voice {
    display: none;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    padding: 0;
    border: none;
    background: none;
    color: var(--main-blue, #3076d5);
    cursor: pointer;
}
.search-voice.is-ready {
    display: flex;
}
.search-voice svg {
    width: 22px;
    height: 22px;
}
.search-voice.is-listening {
    color: #e53935;
    animation: searchVoicePulse 1s ease-in-out infinite;
}
@keyframes searchVoicePulse {
    50% { opacity: .45; }
}
.header-mid__searchInput:focus,
.header-mid__searchInput:focus-visible {
    outline: none;
}

@media (min-width: 1025px) {
    .header-mid__search {
        display: flex;
        align-items: stretch;
        height: 56px;
        border: 2px solid var(--main-blue, #3076d5);
        border-radius: 10px;
        background: #fff;
    }
    .header-mid__search::after {
        content: none;
    }
    .header-mid__searchInput {
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
        height: auto;
        background: transparent;
        border-radius: 8px 0 0 8px;
        padding: 0 18px;
        font-size: 17px;
    }
    .header-mid__search .button-search {
        position: static;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 24px;
        background: var(--main-blue, #3076d5);
        border-radius: 0 7px 7px 0;
        color: #fff;
        font-size: 17px;
        font-weight: 700;
        text-decoration: none;
        opacity: 1;
    }
    .header-mid__search .button-search img {
        width: 22px;
        height: 22px;
        filter: brightness(0) invert(1);
    }
}

@media (max-width: 1024px) {
    .button-search__label {
        display: none;
    }
    .header-mid__search {
        background: #fff;
        border: 2px solid var(--main-blue, #3076d5);
        flex-direction: row;
        row-gap: 0;
        align-items: center;
        padding: 0 0 0 14px;
        overflow: hidden;
    }
    .header-mid__searchInput {
        height: 42px;
    }
    .header-mid__search .search-voice {
        flex-basis: 40px;
        width: 40px;
    }
    .header-mid__search .button-search {
        position: static;
        align-self: stretch;
        width: 44px !important;
        height: auto !important;
        flex: 0 0 44px !important;
        background: var(--main-blue, #3076d5) !important;
        border-radius: 0;
        opacity: 1 !important;
    }
    .header-mid__search .button-search img {
        opacity: 1 !important;
        filter: brightness(0) invert(1);
    }
    /* Повноекранний пошук: мікрофон праворуч у полі, перед хрестиком */
    body.msearch-open .header-mid__search {
        border: none !important;
    }
    body.msearch-open .header-mid__searchInput {
        padding-right: 44px !important;
    }
    body.msearch-open .header-mid__search .search-voice.is-ready {
        position: absolute;
        top: 13px;
        right: 54px;
        height: 40px;
        z-index: 4;
    }
}

/* Віконце голосового пошуку */
.voice-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 7000;
    background: rgba(17, 26, 32, .45);
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.voice-modal.open {
    display: flex;
}
.voice-modal__box {
    position: relative;
    width: 100%;
    max-width: 360px;
    background: #fff;
    border-radius: 14px;
    padding: 40px 24px 32px;
    text-align: center;
    box-shadow: 0 20px 44px rgba(17, 26, 32, .2);
}
.voice-modal__close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    font-size: 30px;
    line-height: 1;
    color: #6b7280;
    cursor: pointer;
}
.voice-modal__mic {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #e6e8ec;
    background: #fff;
    color: #9aa1ab;
    cursor: pointer;
    margin-bottom: 18px;
}
.voice-modal__mic svg {
    width: 34px;
    height: 34px;
}
.voice-modal.is-listening .voice-modal__mic {
    color: var(--main-blue, #3076d5);
    border-color: #cfe0f7;
    animation: voiceModalPulse 1.4s ease-out infinite;
}
@keyframes voiceModalPulse {
    0% { box-shadow: 0 0 0 0 rgba(48, 118, 213, .35); }
    100% { box-shadow: 0 0 0 18px rgba(48, 118, 213, 0); }
}
.voice-modal__title {
    font-size: 20px;
    font-weight: 600;
    color: #171a20;
}
.voice-modal__text {
    margin-top: 8px;
    min-height: 20px;
    font-size: 15px;
    line-height: 1.4;
    color: #6b7280;
}
.voice-modal.has-text .voice-modal__text {
    color: #171a20;
    font-size: 17px;
}

/* Пошук: поки чекаємо відповідь, у синій кнопці крутиться індикатор замість лупи */
.header-mid__search .button-search {
    position: relative;
    top: auto;
    right: auto;
}
.header-mid__search.is-loading .button-search img {
    visibility: hidden;
}
.header-mid__search.is-loading .button-search::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border: 2px solid rgba(255, 255, 255, .4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: searchSpin .7s linear infinite;
}
@keyframes searchSpin {
    to { transform: rotate(360deg); }
}
@media (max-width: 1024px) {
    .header-mid__search.is-loading .button-search::after {
        right: 50%;
        margin-right: -10px;
    }
    /* Повноекранний пошук: синьої кнопки немає, крутимо на місці лупи в полі */
    body.msearch-open .header-mid__search.is-loading .header-mid__searchInput {
        background-image: none !important;
    }
    body.msearch-open .header-mid__search.is-loading::before {
        content: "";
        position: absolute;
        top: 24px;
        left: 26px;
        z-index: 5;
        width: 18px;
        height: 18px;
        border: 2px solid #cfd5de;
        border-top-color: var(--main-blue, #3076d5);
        border-radius: 50%;
        animation: searchSpin .7s linear infinite;
    }
}

/* Вікно «Терміни доставки»: рівні відступи, ціна не впирається в край */
.shipping-swal .pif-block {
    margin: 0;
    padding: 30px 32px 32px;
}
.shipping-swal .pif-block-content {
    padding: 28px 0 0;
}
.shipping-swal .pif-shipping-one {
    gap: 20px;
    margin-bottom: 24px;
}
.shipping-swal .pif-shipping-one:last-child {
    margin-bottom: 0;
}
.shipping-swal .pso-name {
    margin-left: 18px;
}
.shipping-swal .pso-cost {
    flex-shrink: 0;
    white-space: nowrap;
}
/* Телефон: логотип ліворуч, праворуч назва, дата і ціна одним блоком */
@media (max-width: 600px) {
    .shipping-swal .pif-block {
        padding: 24px 18px 22px;
    }
    .shipping-swal .pif-block-title {
        font-size: 18px;
        padding-right: 28px;
        padding-left: 28px;
    }
    .shipping-swal .pif-block-content {
        padding-top: 20px;
    }
    .shipping-swal .pif-shipping-one {
        display: grid;
        grid-template-columns: 40px 1fr;
        column-gap: 14px;
        row-gap: 4px;
        align-items: start;
        margin-bottom: 18px;
        padding-bottom: 18px;
        border-bottom: 1px solid #eef0f3;
    }
    .shipping-swal .pif-shipping-one:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
    .shipping-swal .pif-so-left {
        display: contents;
    }
    .shipping-swal .pso-logo {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 40px;
        margin-top: 2px;
    }
    .shipping-swal .pso-logo img {
        width: 34px;
    }
    .shipping-swal .pso-logo.up img {
        width: 24px;
    }
    .shipping-swal .pso-name {
        grid-column: 2;
        margin: 0;
        text-align: left;
    }
    .shipping-swal .pso-name1 {
        font-size: 16px;
        line-height: 1.3;
    }
    .shipping-swal .pso-name2 {
        margin-top: 2px;
        font-size: 14px;
    }
    .shipping-swal .pso-name2 span {
        white-space: nowrap;
    }
    .shipping-swal .pso-cost {
        grid-column: 2;
        margin: 0;
        text-align: left;
        font-size: 16px;
        font-weight: 600;
        color: #171a20;
    }
}

/* ============ Мобільний каталог: рівні відкриваються окремими екранами (як у dnipro-m.ua) ============ */
.mega-menu-mobile {
    display: flex !important;
    flex-direction: column;
    overflow: hidden !important;
}
.mega-menu-mobile__head {
    flex: 0 0 auto;
    justify-content: flex-start;
    gap: 8px;
}
.mega-menu-mobile__title {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mega-menu-mobile__back {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    margin-left: -8px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: none;
    color: #6b7280;
    cursor: pointer;
}
.mega-menu-mobile__back[hidden] {
    display: none;
}
.mega-menu-mobile__back svg {
    width: 22px;
    height: 22px;
}
.mega-menu-mobile .site-menu-mobile {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    touch-action: pan-y;
    overscroll-behavior: contain;
}
.mega-menu-mobile .site-menu-mobile.has-open,
.mega-menu-mobile .site-menu-mobile-children.has-open {
    overflow: hidden;
}
.mega-menu-mobile .site-menu-mobile-children {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding-left: 0;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    touch-action: pan-y;
    overscroll-behavior: contain;
    transform: translateX(100%);
    visibility: hidden;
    transition: transform .25s ease, visibility 0s linear .25s;
}
.mega-menu-mobile .site-menu-mobile-children.open {
    transform: none;
    visibility: visible;
    transition: transform .25s ease;
}
.mega-menu-mobile .site-menu-mobile-children > .site-menu-mobile-part {
    display: block;
}
.mega-menu-mobile .site-menu-mobile a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    padding: 14px 18px;
    font-size: 16px;
    font-weight: 500;
    color: #2f2f2f;
    background: #fff;
    border-bottom: 1px solid #f0f1f3;
    box-shadow: none;
}
.mega-menu-mobile .site-menu-mobile a.active {
    background: #fff;
    color: #2f2f2f;
    box-shadow: none;
}
.mega-menu-mobile .site-menu-mobile a .mm-name {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.3;
}
/* Місце під іконку розділу: 26×26, іконку виводить бекенд із поля «Іконка» категорії */
.mega-menu-mobile .mm-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
}
.mega-menu-mobile .site-menu-mobile a .mm-ico img {
    width: 26px;
    height: 26px;
    margin: 0;
    object-fit: contain;
}
.mega-menu-mobile .site-menu-mobile a .site-menu-children_icon {
    display: flex;
    flex: 0 0 auto;
}
.mega-menu-mobile .site-menu-mobile a .site-menu-children_icon img {
    width: 14px;
    height: 14px;
    margin: 0;
    opacity: .45;
    transform: none;
}
.mega-menu-mobile .site-menu-mobile a.parent {
    gap: 10px;
    color: var(--main-blue, #3076d5);
}
.mega-menu-mobile .site-menu-mobile a.parent svg {
    width: 20px;
    margin: 0;
}

/* Мобільна шапка: підписи «Меню» і «Кошик» під іконками */
.header-mid__burgerLabel {
    display: none;
}
@media (max-width: 1024px) {
    .header-mid__burger {
        flex-direction: column;
        text-decoration: none;
        gap: 2px;
        height: auto;
    }
    .header-mid__burger svg {
        width: 24px;
        height: 24px;
    }
    .openMobileblock .header-mid__burgerLabel,
    .header-mid__cartLink .hm-action__label {
        display: block;
        font-size: 11px;
        line-height: 1.1;
        font-weight: 500;
        color: #1f2a44;
        white-space: nowrap;
    }
    .header-mid__cartLink {
        flex-direction: column;
        gap: 2px;
        height: auto !important;
    }
    .header-mid__cartLink .hm-action__ico img {
        width: 24px;
        height: 24px;
    }
}

/* Головна, телефон: кнопка «Каталог товарів» одразу під шапкою (як на eva.ua) */
.home-catalog-btn {
    display: none;
}
@media (max-width: 1024px) {
    .home-catalog-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        height: 50px;
        margin: 0 0 14px;
        border-radius: 14px;
        background: var(--main-blue, #3076d5);
        color: #fff;
        font-size: 17px;
        font-weight: 600;
        text-decoration: none;
    }
    .home-catalog-btn svg {
        width: 22px;
        height: 22px;
    }
}

/* Менше синього на телефоні: каталог графітовий, рамка пошуку сіра (синіми лишаються кнопки дій) */
@media (max-width: 1024px) {
    .home-catalog-btn {
        background: #23272f;
    }
    .header-mid__search {
        border-color: #d5d9df;
    }
    .hero .autopicker {
        background: #f3f4f6;
    }
}

/* Меню каталогу на комп'ютері: іконка розділу зліва від назви (лише коли вона є в адмінці) */
.site-menu .sm-name {
    flex: 1 1 auto;
    min-width: 0;
}
.site-menu .sm-ico {
    display: flex;
    align-self: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    margin-right: 12px;
}
.site-menu > .site-menu-part > .site-menu-items > div > a .sm-ico img {
    width: 26px;
    height: 26px;
    margin: 0;
    opacity: 1;
    object-fit: contain;
}

/* Мобільний каталог як у dnipro-m: іконка розділу в шапці підрівня, без ліній між пунктами */
.mega-menu-mobile__ico {
    display: flex;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}
.mega-menu-mobile__ico[hidden] {
    display: none;
}
.mega-menu-mobile__ico img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.mega-menu-mobile .site-menu-mobile a {
    border-bottom: none;
}

/* Сторінка акцій без товарів: компактний блок для телефона */
@media (max-width: 767px) {
    .no-products-message.ntt {
        margin-top: 16px !important;
        padding: 24px 18px !important;
        border-radius: 16px;
    }
    .no-products-message.ntt .npm-image {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .no-products-message.ntt .npm-image > img {
        width: 72px !important;
        height: 72px !important;
        margin: 0 0 14px !important;
        opacity: .55;
    }
    .no-products-message.ntt .order-id {
        margin: 0 0 8px !important;
        font-size: 19px !important;
        line-height: 1.3;
        font-weight: 600;
        color: #171a20 !important;
        text-align: center;
    }
    .no-products-message.ntt .order-text,
    .no-products-message.ntt .order-text p {
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 1.45;
        color: #5b616b !important;
        text-align: center;
    }
    .no-products-message.ntt .npm-btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        height: 48px;
        margin: 20px 0 0 !important;
        padding: 0 16px !important;
        font-size: 16px !important;
        white-space: nowrap;
    }
    .no-products-message.ntt .npm-btn svg {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
    }
    .no-products-message.ntt .more-order-text {
        width: 100% !important;
        margin-top: 20px !important;
        font-size: 14px !important;
        line-height: 1.45;
        color: #5b616b !important;
    }
    .no-products-message.ntt .htm__content {
        justify-content: center;
        gap: 14px;
        margin-top: 12px;
    }
    .no-products-message.ntt .htm__item img {
        width: 40px !important;
        height: 40px !important;
    }
}

/* Набір товарів на сторінці товару: картки з прапорцями (звичайні галочки), відсутні товари сірі й не обираються */
.pif-set {
    margin: 18px 0;
}
.pif-set h3 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 600;
    color: #171a20;
}
.pif-set-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    padding: 10px 12px;
    border: 1px solid #e6e8ec;
    border-radius: 12px;
    background: #fff;
}
.pif-set-item input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    margin: 0;
    border: 2px solid #c5cad3;
    border-radius: 6px;
    background: #fff center / 14px 14px no-repeat;
    cursor: pointer;
    transition: background-color .15s, border-color .15s;
}
.pif-set-item input[type="checkbox"]:checked {
    border-color: var(--main-blue, #3076d5);
    background-color: var(--main-blue, #3076d5);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}
.pif-set-item input[type="checkbox"]:focus-visible {
    outline: 2px solid var(--main-blue, #3076d5);
    outline-offset: 2px;
}
.pif-set-item > a {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 1 auto;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}
.pif-set-item > a img {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    object-fit: contain;
    border-radius: 8px;
    background: #f6f7f9;
}
.pif-set-item-tp {
    flex: 1 1 auto;
    min-width: 0;
}
.pif-set-item-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.35;
    color: #2f2f2f;
}
.pif-set-item-price {
    margin-top: 4px;
    font-size: 15px;
    font-weight: 700;
    color: #171a20;
}
/* Немає в наявності: сіре й не обирається */
.pif-set-item.disabled {
    background: #f6f7f9;
}
.pif-set-item.disabled > a {
    opacity: .55;
}
.pif-set-item.disabled input[type="checkbox"] {
    border-color: #dfe2e7;
    background-color: #eef0f3;
    pointer-events: none;
    cursor: not-allowed;
    transition: none;
}
.pif-set-item.disabled .pif-set-item-price::after {
    content: " · Немає в наявності";
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
}

/* Набір: одна сіра панель, щоб не зливатися з картками «Доставка/Оплата/Гарантія» нижче */
.pif-set {
    margin: 16px 0 24px;
    padding: 14px;
    border-radius: 14px;
    background: #f2f4f7;
}
.pif-set h3 {
    margin: 0 0 10px 2px;
}
.pif-set-item {
    margin-bottom: 6px;
    border-color: transparent;
}
.pif-set-item:last-child {
    margin-bottom: 0;
}
.pif-set-item.disabled {
    background: #e9ecf0;
}

/* Що це в наборі: щітка водія / пасажира / задня / адаптер */
.pif-set-item-role {
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--main-blue, #3076d5);
}

/* Підказка під заголовком набору — простими словами */
.pif-set h3::after {
    content: "Позначене галочкою — купуєте. Якийсь товар не потрібен? Натисніть на його галочку, щоб прибрати її, — ціна зменшиться сама.";
    display: block;
    margin-top: 6px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
    color: #4b5260;
}

/* Заявка «Не знайшли щітки на своє авто?» на сторінці щітки */
.fit-request {
    margin-top: 16px;
    padding: 18px;
    border-radius: 14px;
    background: #f2f4f7;
}
.fit-request__title {
    font-size: 17px;
    font-weight: 600;
    color: #171a20;
}
.fit-request__text {
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.45;
    color: #4b5260;
}
.fit-request__form {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 10px;
    align-items: end;
    margin-top: 14px;
}
.fit-request__field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    margin: 0;
}
.fit-request__label {
    font-size: 14px;
    color: #4b5260;
}
.fit-request__field input {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid #d5d9df;
    border-radius: 10px;
    background: #fff;
    font: inherit;
    font-size: 16px;
    color: #171a20;
}
.fit-request__field input:focus {
    outline: none;
    border-color: var(--main-blue, #3076d5);
}
.fit-request__field.is-error input {
    border-color: #e53935;
}
.fit-request__error {
    font-size: 13px;
    color: #e53935;
}
.fit-request__error:empty {
    display: none;
}
.fit-request__btn {
    height: 48px;
    padding: 0 22px;
    border: none;
    border-radius: 10px;
    background: var(--main-blue, #3076d5);
    color: #fff;
    font: inherit;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}
.fit-request__done {
    margin-top: 12px;
    padding: 14px;
    border-radius: 10px;
    background: #e8f6ee;
    font-size: 15px;
    line-height: 1.45;
    color: #1d5e3a;
}
.fit-request__done b {
    display: block;
    margin-bottom: 2px;
}
@media (max-width: 767px) {
    .fit-request__form {
        grid-template-columns: 1fr;
    }
    .fit-request__btn {
        width: 100%;
    }
}

/* «Доставка / Оплата / Гарантія» — одна плашка з лініями між рядками */
main .product-content .pif-features {
    gap: 0;
    border: 1px solid var(--pp-line, #e6e8ec);
    border-radius: 12px;
    background: #fbfcfd;
    overflow: hidden;
}
main .product-content .pif-feature {
    padding: 12px 14px;
    border: none;
    border-radius: 0;
    background: transparent;
}
main .product-content .pif-feature + .pif-feature {
    border-top: 1px solid var(--pp-line, #e6e8ec);
}
main .product-content a.pif-feature:hover {
    border-color: var(--pp-line, #e6e8ec);
    background: #f4f7fc;
}
main .product-content .pif-dp + .pif-feature {
    border-top: 1px solid var(--pp-line, #e6e8ec);
}
main .product-content .pif-dp__head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    cursor: pointer;
    list-style: none;
    user-select: none;
}
main .product-content .pif-dp__head::-webkit-details-marker {
    display: none;
}
main .product-content .pif-dp__head:hover {
    background: #f4f7fc;
}
main .product-content .pif-dp__arr {
    display: flex;
    flex: 0 0 auto;
    margin-left: auto;
    color: #9099a3;
    transition: transform .2s ease;
}
main .product-content .pif-dp__arr svg {
    width: 20px;
    height: 20px;
}
main .product-content .pif-dp[open] .pif-dp__arr {
    transform: rotate(180deg);
}
main .product-content .pif-dp__body {
    padding: 4px 14px 8px;
    border-top: 1px solid var(--pp-line, #e6e8ec);
    background: #fff;
}
main .product-content .pif-dp__title {
    padding: 12px 0 4px;
    font-size: 16px;
    font-weight: 600;
    color: var(--pp-dark, #171a20);
}
main .product-content .pif-dp__row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
}
main .product-content .pif-dp__ic {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    color: var(--pp-gray, #6b7280);
}
main .product-content .pif-dp__ic svg {
    width: 22px;
    height: 22px;
}
main .product-content .pif-dp__ic img {
    width: 26px;
    height: auto;
}
main .product-content .pif-dp__ic--sm img {
    width: 22px;
}
main .product-content .pif-dp__txt {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
main .product-content .pif-dp__txt b {
    font-size: 14px;
    font-weight: 600;
    color: var(--pp-dark, #171a20);
}
main .product-content .pif-dp__txt small {
    font-size: 13px;
    line-height: 1.4;
    color: var(--pp-gray, #6b7280);
}
main .product-content .pif-dp__map {
    align-self: flex-start;
    margin-top: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    background: #eef4ff;
    color: var(--pp-blue, #3076d5);
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
}
main .product-content .pif-dp__cost {
    flex: 0 0 auto;
    margin-left: auto;
    padding-top: 1px;
    font-size: 14px;
    font-weight: 600;
    color: var(--pp-dark, #171a20);
    white-space: nowrap;
}
main .product-content .pif-dp__cost--free {
    color: var(--pp-green, #1a9d5a);
}
main .product-content .pif-dp__sep {
    margin: 6px 0;
    border-top: 1px solid var(--pp-line, #e6e8ec);
}

/* Кнопка «Підібрати щітки» в категоріях щіток і вікно з формою заявки */
.fit-float-btn {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 900;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 0 20px 0 16px;
    border: none;
    border-radius: 24px;
    background: #23272f;
    color: #fff;
    font: inherit;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 8px 24px rgba(17, 26, 32, .25);
    cursor: pointer;
}
.fit-float-btn svg {
    width: 22px;
    height: 22px;
}
.fit-modal {
    position: fixed;
    inset: 0;
    z-index: 7000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(17, 26, 32, .45);
}
.fit-modal[hidden] {
    display: none;
}
.fit-modal__box {
    position: relative;
    width: 100%;
    max-width: 460px;
    margin: 0;
    padding: 26px 22px 22px;
    background: #fff;
    box-shadow: 0 20px 44px rgba(17, 26, 32, .2);
}
.fit-modal__box .fit-request__title {
    padding-right: 32px;
    font-size: 19px;
}
.fit-modal__box .fit-request__form {
    grid-template-columns: 1fr;
}
.fit-modal__box .fit-request__btn {
    width: 100%;
}
.fit-modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    font-size: 30px;
    line-height: 1;
    color: #6b7280;
    cursor: pointer;
}
body.fit-modal-open {
    overflow: hidden;
}
@media (max-width: 1024px) {
    /* над нижньою панеллю навігації */
    .fit-float-btn {
        right: 14px;
        bottom: calc(86px + env(safe-area-inset-bottom));
        height: 44px;
        padding: 0 16px 0 13px;
        font-size: 15px;
    }
    .fit-modal {
        align-items: flex-end;
        padding: 0;
    }
    .fit-modal__box {
        max-width: none;
        border-radius: 18px 18px 0 0;
        padding-bottom: calc(22px + env(safe-area-inset-bottom));
    }
}

/* Чекаут: «По батькові» показуємо лише для Укрпошти */
.checkout-form-item.js-fathername[hidden] { display: none !important; }

/* Картка товару: перемикач варіантів (аромат, колір, марка авто…) над доставкою */
main .product-content .pif-variants {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 16px 0 16px;
}
main .product-content .pif-variants__name {
    margin-bottom: 8px;
    font-size: 14px;
    color: #6b7280;
}
main .product-content .pif-variants__name b {
    color: #171a20;
    font-weight: 600;
}
main .product-content .pif-variants__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
main .product-content .pif-variant {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 6px 12px;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    background: #fff;
    color: #171a20;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    transition: border-color .15s, background .15s;
}
main .product-content a.pif-variant:hover {
    border-color: #3076d5;
    background: #f4f7fc;
}
main .product-content .pif-variant.is-active {
    border: 2px solid #3076d5;
    padding: 5px 11px;
    font-weight: 600;
    cursor: default;
}
main .product-content .pif-variant.is-out {
    color: #8a8f98;
    background: #fbfcfd;
    border-style: dashed;
}
/* перемикач варіантів з фото: плитки з мініатюрою і підписом */
main .product-content .pif-variants__row--img .pif-variant {
    flex-direction: column;
    justify-content: flex-start;
    width: 92px;
    padding: 6px;
    gap: 4px;
    text-align: center;
}
main .product-content .pif-variants__row--img .pif-variant.is-active {
    padding: 5px;
}
main .product-content .pif-variants__row--img .pif-variant img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}
main .product-content .pif-variants__row--img .pif-variant.is-out img {
    opacity: .45;
}
main .product-content .pif-variants__row--img .pif-variant__label {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.25;
}
/* перемикач з фото — горталка в один рядок */
main .product-content .pif-variants__scroller {
    position: relative;
}
main .product-content .pif-variants__row--img .pif-variants__list {
    position: relative;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    padding: 2px;
}
main .product-content .pif-variants__row--img .pif-variants__list::-webkit-scrollbar {
    display: none;
}
main .product-content .pif-variants__row--img .pif-variant {
    flex: 0 0 92px;
    scroll-snap-align: start;
}
main .product-content .pif-variants__arr {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #e6e8ec;
    border-radius: 50%;
    background: #fff;
    color: #171a20;
    box-shadow: 0 2px 8px rgba(23, 26, 32, .12);
    transform: translateY(-50%);
    cursor: pointer;
}
main .product-content .pif-variants__arr:hover {
    border-color: #3076d5;
    color: #3076d5;
}
main .product-content .pif-variants__arr--prev { left: -12px; }
main .product-content .pif-variants__arr--next { right: -12px; }
main .product-content .pif-variants__arr[hidden] { display: none; }
@media (max-width: 768px) {
    main .product-content .pif-variants__arr { display: none; }
}
/* блок «Інші варіанти» (ковпаки): решта комбінацій рядками — фото, колір, емблема, стрілка */
main .product-content .pif-vlist {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px;
    border-radius: 14px;
    background: #f3f5f8;
}
main .product-content .pif-vlist__title {
    margin-bottom: 2px;
    font-size: 17px;
    font-weight: 700;
    color: #171a20;
}
main .product-content .pif-vlist__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px 8px 8px;
    border: 1px solid #e6e8ec;
    border-radius: 12px;
    background: #fff;
    color: #171a20;
    text-decoration: none;
    transition: border-color .15s, box-shadow .15s;
}
main .product-content .pif-vlist__item:hover {
    border-color: #3076d5;
    box-shadow: 0 2px 8px rgba(48, 118, 213, .12);
}
main .product-content .pif-vlist__item img {
    flex: 0 0 100px;
    width: 100px;
    height: 100px;
    object-fit: contain;
}
main .product-content .pif-vlist__text {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    line-height: 1.25;
}
main .product-content .pif-vlist__text b {
    font-size: 15px;
    font-weight: 700;
}
main .product-content .pif-vlist__text span {
    font-size: 13px;
    color: #6b7280;
}
main .product-content .pif-vlist__text small {
    font-size: 12px;
    color: #8a8f98;
}
main .product-content .pif-vlist__arr {
    flex: 0 0 20px;
    color: #3076d5;
}
/* «Рекомендуємо до ковпаків»: чохли для коліс під варіантами, з кнопкою «Додати» */
main .product-content .pif-companions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 16px;
    padding: 14px;
    border: 1px solid #dbe7fb;
    border-radius: 14px;
    background: #f4f8ff;
}
main .product-content .pif-companion {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 10px 8px 8px;
    border: 1px solid #e6e8ec;
    border-radius: 12px;
    background: #fff;
}
main .product-content .pif-companion__img {
    flex: 0 0 56px;
}
main .product-content .pif-companion__img img {
    display: block;
    width: 56px;
    height: 56px;
    object-fit: contain;
}
main .product-content .pif-companion__name {
    flex: 1 1 auto;
    min-width: 0;
    color: #171a20;
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
main .product-content .pif-companion__name:hover {
    color: #3076d5;
}
main .product-content .pif-companion__price {
    flex: 0 0 auto;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}
main .product-content .pif-companion__price s {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #8a8f98;
}
main .product-content .pif-companion__add {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 10px;
    background: #1fa35c;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
main .product-content .pif-companion__add:hover {
    background: #188a4d;
    color: #fff;
}
/* «В кошику»: фон дає загальне .add-to-cart.in-cart (зелений, !important) — текст білий */
main .product-content .pif-companion__add.in-cart {
    color: #fff;
}
@media (max-width: 480px) {
    main .product-content .pif-companion {
        flex-wrap: wrap;
    }
    main .product-content .pif-companion__name {
        flex-basis: calc(100% - 68px);
    }
    main .product-content .pif-companion__price {
        margin-left: 68px;
    }
    main .product-content .pif-companion__add {
        margin-left: auto;
    }
}
/* кружечок з емблемою: центр фото ковпака, збільшений (емблема ≈ 24% ширини фото) */
main .product-content .pif-vlist__emb {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border: 1px solid #e6e8ec;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 417%;
}
main .product-content .pif-vlist__item.is-out .pif-vlist__emb {
    opacity: .45;
}
main .product-content .pif-vlist__item.is-out img {
    opacity: .45;
}
main .product-content .pif-vlist__item.is-out b {
    color: #8a8f98;
}
/* на ПК — картки варіантів у ряд (скільки влізе), на телефоні — список */
@media (min-width: 769px) {
    main .product-content .pif-vlist {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }
    main .product-content .pif-vlist__title {
        grid-column: 1 / -1;
    }
    main .product-content .pif-vlist__item {
        gap: 10px;
    }
    main .product-content .pif-vlist__arr {
        display: none;
    }
}
/* перемикач варіантів списком з пошуком (кольори фарб) */
main .product-content .pif-vselect {
    position: relative;
}
main .product-content .pif-vselect__btn {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 46px;
    padding: 8px 14px;
    border: 1px solid #e6e8ec;
    border-radius: 10px;
    background: #fff;
    color: #171a20;
    font-size: 15px;
    text-align: left;
    cursor: pointer;
}
main .product-content .pif-vselect__btn:hover,
main .product-content .pif-vselect.is-open .pif-vselect__btn {
    border-color: #3076d5;
}
main .product-content .pif-vselect__current {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
}
main .product-content .pif-vselect__count {
    color: #6b7280;
    font-size: 13px;
    white-space: nowrap;
}
main .product-content .pif-vselect__arr {
    flex: 0 0 auto;
    transition: transform .15s;
}
main .product-content .pif-vselect.is-open .pif-vselect__arr {
    transform: rotate(180deg);
}
main .product-content .pif-vselect__dot {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid rgba(23, 26, 32, .15);
}
main .product-content .pif-vselect__panel {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 20;
    padding: 10px;
    border: 1px solid #e6e8ec;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(23, 26, 32, .14);
}
main .product-content .pif-vselect__panel[hidden] {
    display: none;
}
main .product-content .pif-vselect__search {
    width: 100%;
    height: 42px;
    margin-bottom: 8px;
    padding: 0 12px;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    font-size: 15px;
    outline: none;
}
main .product-content .pif-vselect__search:focus {
    border-color: #3076d5;
}
main .product-content .pif-vselect__list {
    position: relative;
    max-height: 320px;
    overflow-y: auto;
}
main .product-content .pif-vselect__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 8px;
    color: #171a20;
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none;
}
main .product-content .pif-vselect__item[hidden] {
    display: none;
}
main .product-content a.pif-vselect__item:hover {
    background: #f4f7fc;
}
main .product-content .pif-vselect__item.is-active {
    background: #eef4fd;
    font-weight: 600;
}
main .product-content .pif-vselect__item.is-out {
    color: #8a8f98;
}
main .product-content .pif-vselect__item small {
    margin-left: auto;
    font-size: 12px;
    white-space: nowrap;
}
main .product-content .pif-vselect__empty {
    padding: 12px 10px;
    color: #6b7280;
    font-size: 14px;
}
@media (max-width: 768px) {
    main .product-content .pif-vselect__list { max-height: 42vh; }
}
/* iPhone (WebKit): горталка варіантів малювалась поверх плаваючої панелі «Купити» — тримаємо її в окремому шарі нижче */
main .product-content .pif-variants {
    position: relative;
    z-index: 0;
    isolation: isolate;
}
/* Характеристики: значення з фільтром у категорії — посилання в категорію з цим фільтром */
.pif-specs .specs td a.spec-link {
    pointer-events: auto;
    cursor: pointer;
    color: #3076d5 !important;
}
.pif-specs .specs td a.spec-link:hover {
    text-decoration: underline !important;
}

/* Пошук усередині блоку фільтра (index.js → initFilterSearch): поле липне зверху списку при прокрутці */
.cf-search { position: sticky; top: -5px; z-index: 2; margin: 0 0 8px; padding: 4px 0 6px; background: #fff; }
.cf-search input { box-sizing: border-box; width: 100%; height: 38px; padding: 0 12px; border: 1px solid #e3e6ea; border-radius: 8px; background: #fff; font: inherit; font-size: 14px; color: #171a20; }
.cf-search input:focus { outline: none; border-color: #3076d5; }
.cf-search-empty { padding: 6px 0; font-size: 14px; color: #8a919c; }
.cf-search-empty[hidden] { display: none; }

/* Мобільний каталог: підрозділи плитками з фото 2 у ряд, як у dnipro-m.ua (partials/menu-mobile, клас --tiles):
   сірий квадрат без рамки й заокруглень, біле тло фото «зливається» з сірим (mix-blend-mode), під ним назва */
.mega-menu-mobile .site-menu-mobile-items--tiles {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 16px;
    padding: 4px 16px 24px;
}
.mega-menu-mobile .site-menu-mobile-items--tiles > a.parent {
    grid-column: 1 / -1;
    margin: 0 -16px;
}
.mega-menu-mobile .site-menu-mobile-items--tiles > div > a {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 0;
    border-bottom: 0;
    background: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: #222;
}
.mega-menu-mobile .site-menu-mobile-items--tiles .mm-tile-img {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    padding: 8%;
    box-sizing: border-box;
    background: #f2f2f2;
    border-radius: 0;
    /* Safari на iPhone без ізоляції змішує фото (multiply) з усією панеллю, що виїжджає, — плитки «зливались» */
    isolation: isolate;
    overflow: hidden;
    position: relative;
}
/* старіші iPhone без aspect-ratio: квадрат через padding */
@supports not (aspect-ratio: 1 / 1) {
    .mega-menu-mobile .site-menu-mobile-items--tiles .mm-tile-img {
        height: 0;
        padding: 0 0 100%;
    }
    .mega-menu-mobile .site-menu-mobile .site-menu-mobile-items--tiles .mm-tile-img img {
        position: absolute;
        inset: 8%;
        width: 84%;
        height: 84%;
    }
}
.mega-menu-mobile .site-menu-mobile .site-menu-mobile-items--tiles .mm-tile-img img {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: contain;
    mix-blend-mode: multiply;
}
.mega-menu-mobile .site-menu-mobile-items--tiles > div > a .site-menu-children_icon {
    display: none;
}

/* iPhone/iPad: Safari збільшує сторінку, коли в полі шрифт < 16px. Ставимо 16px лише на iOS
   (@supports -webkit-touch-callout є тільки в Safari на iOS) — зуму при натисканні немає, щипком збільшувати можна */
@supports (-webkit-touch-callout: none) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]),
    select,
    textarea {
        font-size: 16px !important;
    }
}

/* assets/css/product-redesign.css */
.product-content{
    --pp-line:#e6e8ec; --pp-dark:#171a20; --pp-gray:#6b7280; --pp-blue:#3076d5; --pp-green:#1a9d5a;
}

.product-content .product-inner-flex{
    display:flex; align-items:flex-start; flex-wrap:nowrap;
    column-gap:40px; row-gap:24px;
}
.product-content .pif-left{
    flex:0 0 46%; max-width:46%; width:auto;
    display:flex; flex-direction:row; column-gap:14px; align-items:flex-start;
    position:sticky; top:20px;
}
.product-content .pif-right{ flex:1 1 auto; width:auto; min-width:0; }

.product-content .pif-sm-slider{
    flex:0 0 86px; order:0; align-self:stretch;
    display:flex; flex-direction:column; align-items:stretch; row-gap:8px;
    max-height:560px;
}
.product-content .pif-sm{
    display:flex; flex-direction:column; row-gap:12px; column-gap:12px;
    justify-content:flex-start; align-items:stretch;
    flex:0 0 86px; order:0; margin-top:0;
    max-height:560px; overflow-y:auto; overflow-x:hidden; padding-right:4px;
    scrollbar-width:thin; scrollbar-color:#cdd5e0 transparent;
}
.product-content .pif-sm-slider .pif-sm{
    flex:1 1 auto; max-height:none; min-height:0;
    overflow-y:auto; padding-right:0;
    scrollbar-width:none;
}
.product-content .pif-sm-slider .pif-sm::-webkit-scrollbar{ width:0; height:0; }
.product-content .pif-sm::-webkit-scrollbar{ width:5px; }
.product-content .pif-sm::-webkit-scrollbar-thumb{ background:#cdd5e0; border-radius:8px; }
.product-content .pif-sm::-webkit-scrollbar-track{ background:transparent; }
.product-content .pif-sm-nav{
    display:none; flex:0 0 auto; width:100%; height:26px;
    align-items:center; justify-content:center;
    border:1px solid var(--pp-line); border-radius:10px; background:#fff;
    color:var(--pp-dark); cursor:pointer; padding:0;
    transition:border-color .15s, color .15s, opacity .15s;
}
.product-content .pif-sm-slider.has-nav .pif-sm-nav{ display:flex; }
.product-content .pif-sm-nav svg{ width:18px; height:18px; }
.product-content .pif-sm-nav:hover:not(:disabled){ border-color:var(--pp-blue); color:var(--pp-blue); }
.product-content .pif-sm-nav:disabled{ opacity:.35; cursor:default; }
.product-content .pif-sm-one{
    height:86px; flex:0 0 86px; margin:0;
    border:1px solid var(--pp-line); border-radius:12px; overflow:hidden; cursor:pointer;
    display:flex; align-items:center; justify-content:center; background:#fff;
    transition:border-color .15s;
}
.product-content .pif-sm-one a{ display:flex; width:100%; height:100%; align-items:center; justify-content:center; }
.product-content .pif-sm-one img{ width:100%; height:100%; object-fit:contain; padding:6px; }
.product-content .pif-sm-one.active,
.product-content .pif-sm-one:hover{ border-color:var(--pp-blue); }

.product-content .pif-lg{
    flex:1 1 auto; margin:0; padding:0;
    border:1px solid var(--pp-line); border-radius:16px; background:#fff; overflow:hidden;
    display:flex;
}
.product-content .pif-lg a{ display:flex; margin:0; width:100%; }
.product-content .pif-lg figure{
    display:flex; align-items:center; justify-content:center;
    width:100%; height:auto; margin:0; overflow:hidden;
}
.product-content .pif-lg img{
    width:100%; height:auto; max-height:560px; aspect-ratio:1/1; object-fit:contain; padding:24px;
}

.product-content .pif-right .pif-title{
    display:block; font-size:26px; line-height:1.25; font-weight:700;
    color:var(--pp-dark); margin:0 0 14px; padding:0;
}
.product-content .pif-right .pif-title h1{ font-size:inherit; font-weight:inherit; line-height:inherit; margin:0; }

.product-content .pif-right .pif-stats{
    display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px;
    margin:0 0 18px; padding:0;
}
.product-content .pif-right .pif-code{
    order:1; background:none; padding:0; height:auto; line-height:1.4;
    font-size:14px; color:var(--pp-gray); border-radius:0;
}
.product-content .pif-right .pif-code span{ color:var(--pp-dark); font-weight:600; }

.product-content .pif-right .pif-rating{ order:2; display:flex; align-items:center; gap:8px; }
.product-content .pif-right .pif-stars{ display:flex; gap:2px; }
.product-content .pif-right .pif-stars img{ width:16px; height:16px; }
.product-content .pif-right .pif-value{ font-weight:700; color:var(--pp-dark); font-size:14px; }
.product-content .pif-right .pif-reviews a{ font-size:14px; color:var(--pp-gray); text-decoration:none; }
.product-content .pif-right .pif-reviews a:hover{ color:var(--pp-blue); }

.product-content .pif-right .pif-status{ order:3; margin-left:auto; }
.product-content .pif-right .pif-status .instock{
    display:inline-flex; align-items:center; gap:7px; background:none; height:auto; padding:0;
    font-size:14px; font-weight:600; color:#1a9d5a;
}
.product-content .pif-right .pif-status .instock img{ width:16px; }
.product-content .pif-right .pif-status .out-of-stock{ color:#c0392b; }

.product-content .pif-status .instock.pre-order{
    gap:6px; padding:5px 12px 5px 8px;
    background:#eafaf1; color:#1a9d5a;
}
.product-content .pif-status .instock.pre-order svg{ width:15px; height:15px; flex:0 0 auto; }

.product-content .pif-right .product-one__priceBuy{
    display:flex; flex-wrap:wrap; gap:12px; box-shadow:none; padding:0; background:none;
}
.product-content .pif-right .product-one__price{ order:1; flex:1 1 100%; padding:0; margin:0; background:none; }

.product-content .pif-right .product-one__preorder-line .product-one__price {
    order: 0;
    flex: unset;
}


.product-content .pif-right .product-one__priceTitle{ display:none; }
.product-content .pif-right .product-one__priceValue{
    font-size:26px; font-weight:800; color:var(--pp-dark); line-height:1;
}
.product-content .pif-right .product-one__priceValue .currency{ font-size:20px; font-weight:700; }

.product-content .pif-right .product-one__price-discount{
    display:inline-flex; align-items:center; gap:5px; margin-left:14px;
    padding:6px 12px; border-radius:10px;
    background:#eef4ff; border:1px solid #d7e3fb;
    font-size:13px; font-weight:600; color:var(--pp-dark);
    line-height:1; white-space:nowrap;
}
.product-content .pif-right .product-one__price-discount span{ color:var(--pp-blue); font-weight:800; }
.product-content .pif-right .product-one__price-discount b{ color:var(--pp-dark); font-weight:700; }
.product-content .pif-right .product-one__price > .product-one__price-container{ align-items:center; }

.product-content .pif-right .product-one__price--last{ order:2; flex:0 0 auto; }
.product-content .pif-right .product-one__quantity.pps{
    display:inline-flex; align-items:center; height:54px; overflow:hidden;
    border:1px solid var(--pp-line); border-radius:12px; background:#fff;
}
.product-content .pif-right .product-one__quantity.pps a{
    width:46px; height:54px; display:flex; align-items:center; justify-content:center;
    font-size:22px; color:var(--pp-dark); text-decoration:none; user-select:none; background:none;
}
.product-content .pif-right .product-one__quantity.pps a:hover{ background:#f4f5f7; }
.product-content .pif-right .product-one__quantity.pps input{
    width:44px; height:54px; border:none; text-align:center; font-size:16px; font-weight:600; background:transparent;
}

.product-content .pif-right .product-one__addToCart{ order:3; flex:1 1 auto; margin:0; max-width: 500px; }
.product-content .pif-right .product-one__cartButton{
    display:flex; align-items:center; justify-content:center; column-gap:10px;
    width:100%; min-width:190px; height:54px; padding:0 20px;
    background:var(--main-blue); color:#fff; border:none; border-radius:12px;
    font-size:17px; font-weight:600; text-decoration:none; transition:background .15s;
}
.product-content .pif-right .product-one__cartButton:hover{ background:#2b2f37; }
.product-content .pif-right .product-one__cartButton img{ width:22px; }
.product-content .pif-right .product-one__cartButton span{ display:inline; }

.product-content .pif-right .product-one__cartButton--green{ background:var(--pp-green); }
.product-content .pif-right .product-one__cartButton--green:hover{ background:#15864b; }

.product-content .pif-right .product-one__preorder-line .product-one__cartButton {
    width: auto;
    cursor: pointer;
}

.product-content .pif-right .poq-likes{ order:4; margin:0; padding:0; background:none; }
.product-content .pif-fav,
.product-content .pif-compare{
    order:5; flex:0 0 auto; width:54px; height:54px; box-sizing:border-box;
    border:1px solid var(--pp-line); border-radius:12px; background:#fff; cursor:pointer;
    display:flex; align-items:center; justify-content:center; color:var(--pp-gray);
    transition:border-color .15s, color .15s; position:static;
}
.product-content .pif-fav img{ width:24px; height:24px; }
.product-content .pif-compare svg{ width:24px; height:24px; }
.product-content .pif-fav:hover,
.product-content .pif-compare:hover{ border-color:var(--pp-blue); color:var(--pp-blue); }

.product-content .pif-right .product-one__priceBuy.sold-out{
    display:block; font-size:18px; font-weight:600; color:#c0392b;
}

.product-content .pif-features{ display:flex; flex-direction:column; gap:8px; margin:18px 0 0; }
.product-content .pif-feature{
    display:flex; align-items:center; gap:12px; padding:10px 12px;
    border:1px solid var(--pp-line); border-radius:11px; background:#fbfcfd;
    text-decoration:none; color:inherit;
}
.product-content a.pif-feature{ transition:border-color .15s, background .15s; }
.product-content a.pif-feature:hover{ border-color:var(--pp-blue); background:#f7faff; }
.product-content .pif-feature__ic{
    flex:0 0 34px; width:34px; height:34px; border-radius:9px;
    background:#eef4ff; color:var(--pp-blue);
    display:flex; align-items:center; justify-content:center;
}
.product-content .pif-feature__ic svg{ width:20px; height:20px; }
.product-content .pif-feature__txt{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.product-content .pif-feature__txt b{ font-size:14px; font-weight:600; color:var(--pp-dark); }
.product-content .pif-feature__txt small{ font-size:12px; line-height:1.35; color:var(--pp-gray); }
.product-content .pif-feature__arr{ margin-left:auto; flex:0 0 auto; color:#c2c7d0; display:flex; }
.product-content .pif-feature__arr svg{ width:18px; height:18px; }

.product-content .pif-right .product-one__preorder-container{
    display:flex; flex-direction:column; gap:0;
    margin:0 0 22px; padding:18px 20px;
    border:1px solid var(--pp-line); border-radius:14px;
    background:#fff; box-shadow:0 1px 3px rgba(17,26,32,.05);
}
.product-content .pif-right .product-one__preorder-container .product-one__preorder-line{
    display:flex; align-items:center; flex-wrap:wrap; gap:16px;
}
/* .product-content .pif-right .product-one__preorder-container .product-one__price{ margin-right:auto; } */
.product-content .pif-right .product-one__preorder-container .product-one__preorder-line + .product-one__preorder-line{
    align-items:flex-start; gap:10px;
    margin-top:14px; padding-top:14px; border-top:1px dashed var(--pp-line);
    font-size:13px; line-height:1.5; color:var(--pp-gray);
}
.product-content .pif-right .product-one__preorder-container .product-one__preorder-line + .product-one__preorder-line strong{
    flex:0 0 18px; display:inline-flex; align-items:center; justify-content:center;
    width:18px; height:18px; border-radius:50%;
    background:#fff3cd; color:#a15c00; font-size:12px; font-weight:700;
}
 
.product-content .pif-right .pif-buy-one-click{
    margin-top:2px; padding:16px;
    border:1px solid var(--pp-line); border-radius:14px; background:#fbfcfd;
    box-shadow:0 1px 3px rgba(17,26,32,.04);
    display:flex; flex-wrap:wrap; align-items:center; column-gap:16px; row-gap:12px;
}
.product-content .pif-oc-form{ display:flex; flex:0 1 auto; gap:10px; min-width:0; }
.product-content .pif-oc-phone{
    display:flex; align-items:center; gap:8px; flex:0 0 230px; width:230px; max-width:100%;
    height:52px; padding:0 14px; background:#fff;
    border:1px solid var(--pp-line); border-radius:12px;
}
.product-content .pif-oc-phone img{ width:18px; opacity:.55; flex:0 0 auto; }
.product-content .pif-oc-phone input{
    border:none; outline:none; background:transparent; width:100%; 
    font-size:15px; color:var(--pp-dark); text-align:left;
}
.product-content .pif-oc-button{ flex:0 0 auto; }
.product-content .pif-oc-button a{
    display:flex; align-items:center; justify-content:center; gap:8px; white-space:nowrap;
    height:52px; padding:0 22px; border-radius:12px; text-decoration:none;
    font-size:15px; font-weight:600;
    background:#fff; color:var(--pp-blue); border:1.5px solid var(--pp-blue);
    transition:background .15s, color .15s;
}
.product-content .pif-oc-button a:hover{ background:var(--pp-blue); color:#fff; }
.product-content .pif-oc-button a:hover img{ filter:brightness(0) invert(1); }
.product-content .pif-oc-button a img{ width:18px; transition:filter .15s; }
.product-content .pif-oc-payment{
    display:flex; align-items:center; gap:16px; flex:0 0 auto; margin-left:auto; padding-left:6px;
}
.product-content .pif-oc-payment img{ height:24px; width:auto; opacity:.9; }
.product-content .pif-oc-payment img.sm{ height:20px; }

.product-content .pif-right .pif-buy-one-click--single{
    display:block; margin:12px 0 0; padding:0;
    border:none; background:none; box-shadow:none;
}
.product-content .pif-oc-btn{
    display:flex; align-items:center; justify-content:center; gap:8px;
    width:100%; height:54px; padding:0 20px;
    border:1.5px solid var(--pp-blue); border-radius:12px; background:#fff;
    color:var(--pp-blue); font-size:16px; font-weight:600; text-decoration:none;
    transition:background .15s, color .15s;
}
.product-content .pif-oc-btn:hover{ background:var(--pp-blue); color:#fff; }
.product-content .pif-oc-btn img{ width:18px; transition:filter .15s; }
.product-content .pif-oc-btn:hover img{ filter:brightness(0) invert(1); }

@media (min-width:1025px){
    .product-content .pif-oc-btn{ width:fit-content; min-width:300px; padding:0 40px; }
}

@media (max-width:600px){
    .product-content .pif-right .pif-buy-one-click{ padding:0; }
    .product-content .pif-oc-form{ flex:1 1 100%; flex-wrap:wrap; }
    .product-content .pif-oc-phone{ flex:1 1 100%; width:100%; }
    .product-content .pif-oc-button{ flex:1 1 100%; }
    .product-content .pif-oc-button a{ width:100%; }
    .product-content .pif-oc-payment{ margin:2px auto 0; padding-left:0; }
    .product-content .pif-right .product-one__preorder-container{ padding:14px; }
    .product-content .pif-right .product-one__preorder-container .product-one__preorder-line{ gap:10px; }
    .product-content .pif-right .product-one__preorder-container .product-one__price{ flex:1 1 100%; margin-right:0; }
    .product-content .pif-right .product-one__preorder-container .product-one__preorder-line .product-one__cartButton{ width:auto; flex:1 1 auto; }
    .product-content .pif-right .product-one__preorder-container .pif-fav{ flex:0 0 54px; width:54px; height:54px; }
}

.product-content table.specs{ width:100%; border-collapse:collapse; }
.product-content table.specs tr{ border-bottom:1px solid var(--pp-line); }
.product-content table.specs td{ padding:12px 8px; font-size:14.5px; vertical-align:top; border:none; }
.product-content table.specs td:first-child{ color:var(--pp-gray); width:46%; }
.product-content table.specs td:last-child{ color:var(--pp-dark); font-weight:500; }
.product-content table.specs td a{ color:inherit; text-decoration:none; }

.product-content .pif-mobile .pif-title{ font-size:21px; font-weight:700; line-height:1.3; margin:0 0 12px; }

@media (max-width:1200px){
    .product-content .product-inner-flex{ column-gap:28px; }
    .product-content .pif-left{ flex-basis:44%; max-width:44%; }
    .product-content .pif-sm-slider{ flex-basis:76px; }
    .product-content .pif-sm{ flex-basis:76px; }
    .product-content .pif-sm-one{ width:76px; height:76px; flex:0 0 76px; }
}

@media (max-width:900px){
    .product-content .pif-right .product-one__priceValue{ font-size:30px; }
}

@media (max-width:1024px){
    .product-content .product-inner-flex{ flex-direction:column; column-gap:0; }
    .product-content .pif-left{ display:none; }
    .product-content .pif-right{ flex:1 1 100%; width:100%; }
    .product-content .pif-right .pif-title,
    .product-content .pif-right .pif-stats{ display:none; }
    .product-content .pif-right .pif-buy{ margin-top:4px; }
    .product-content .pif-right .product-one__cartButton{ min-width:0; }
}

@media (max-width:600px){
    .product-content .pif-right .product-one__addToCart{ order:6; flex:1 1 100%; }
    .product-content .pif-right .product-one__quantity.pps{ height:50px; }
    .product-content .pif-right .product-one__quantity.pps a,
    .product-content .pif-right .product-one__quantity.pps input{ height:50px; }
    .product-content .pif-fav,
    .product-content .pif-compare{ width:50px; height:50px; }
    .product-content .pif-right .product-one__priceValue{ font-size:27px; }
    .product-content .pif-feature{ padding:10px 12px; gap:11px; }
    
    .product-one__notify-buttons .pif-fav{
        width: 54px;
        height: 54px;
        margin-top: 10px;
    }
}

.pd-description__empty{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    min-height:120px;
    padding:24px;
    color:#8a94a6;
    font-size:16px;
    line-height:1.5;
}

.pd-description__empty span{
    max-width:520px;
}

.review-empty{
    display:flex;
    flex-direction:column;
    gap:6px;
    margin-top:16px;
    padding:18px 20px;
    border:1px dashed #c7d4ea;
    border-radius:12px;
    background:#f6f9ff;
}

.review-empty__title{
    font-size:17px;
    font-weight:600;
    color:#1a1d24;
}

.review-empty__text{
    font-size:15px;
    line-height:1.5;
    color:#5a6472;
    max-width:640px;
}

main.kovpak .similar-kolpak.second{
    display: none;
}

.pif-title h1{
    font-size: 24px;
}

@media (max-width: 1480px) {
    main.kovpak .similar-kolpak.first{
        display: none;
    }
    main.kovpak .similar-kolpak.second{
        display: block;
    }
}

.product-content .pif-lg { position: relative; }
.product-content .pif-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid var(--pp-line);
    background: rgba(255, 255, 255, .92);
    color: var(--pp-dark);
    cursor: pointer;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-shadow: 0 2px 8px rgba(17, 26, 32, .1);
    transition: background .15s, border-color .15s, color .15s;
}
.product-content .pif-nav svg { width: 22px; height: 22px; }
.product-content .pif-nav--prev { left: 12px; }
.product-content .pif-nav--next { right: 12px; }
.product-content .pif-nav:hover {
    background: #fff;
    border-color: var(--pp-blue);
    color: var(--pp-blue);
}
@media (max-width: 768px) {
    .product-content .pif-nav { width: 38px; height: 38px; }
    .product-content .pif-nav svg { width: 20px; height: 20px; }
    .product-content .pif-nav--prev { left: 8px; }
    .product-content .pif-nav--next { right: 8px; }
}

.product-content .pif-right .product-one__quantity.pps a.disabled {
    opacity: .3;
    pointer-events: none;
    cursor: default;
}

.pif-same-carousel.viewed-carousel {
    display: block;
}

.oc-modal-popup{ width:auto; max-width:400px; padding:24px 22px 22px; border-radius:16px; }
.oc-modal-popup .swal2-title{ font-size:20px; font-weight:700; color:var(--pp-dark, #171a20); padding:0 0 14px; }
.oc-modal-popup .swal2-html-container{ margin:0; }
.oc-modal__phone{ display:flex; }
.oc-modal__input{
    width:100%; height:52px; padding:0 16px; box-sizing:border-box;
    border:1px solid #e6e8ec; border-radius:12px; background:#fff;
    font-size:16px; color:#171a20; outline:none; transition:border-color .15s;
}
.oc-modal__input:focus{ border-color:#3076d5; }
.oc-modal__note{ margin-top:10px; font-size:13px; line-height:1.45; color:#6b7280; text-align:left; }
.oc-modal-popup .swal2-actions{ gap:10px; margin-top:20px; width:100%; }
.oc-modal__btn{
    flex:1 1 auto; height:50px; padding:0 18px; border-radius:12px;
    font-size:15px; font-weight:600; cursor:pointer; border:1.5px solid transparent;
    transition:background .15s, color .15s, border-color .15s;
}
.oc-modal__btn--primary{ background:#3076d5; color:#fff; }
.oc-modal__btn--primary:hover{ background:#2662b8; }
.oc-modal__btn--ghost{ background:#fff; color:#6b7280; border-color:#e6e8ec; }
.oc-modal__btn--ghost:hover{ border-color:#c2c7d0; color:#171a20; }

/* скелетон на місці фото, поки воно не підвантажилось */
.product-one__image figure.is-skeleton{
    border-radius:10px;
    background:linear-gradient(90deg, #f1f3f6 25%, #e7eaef 37%, #f1f3f6 63%);
    background-size:400% 100%;
    animation:pp-skeleton 1.4s ease infinite;
}
.product-one__image figure.is-skeleton img{ opacity:0; }
@keyframes pp-skeleton{ 0%{ background-position:100% 50%; } 100%{ background-position:0 50%; } }

.pif-specs-brief{ display:none; }
.sticky-buy{ display:none; }
@media (max-width:1024px){
    .sticky-buy{
        display:flex; align-items:center; gap:14px;
        position:fixed; left:10px; right:10px; bottom:0; z-index:940;
        padding:8px 8px 8px 16px; box-sizing:border-box;
        background:#fff; border:1px solid #eef0f3; border-radius:18px;
        box-shadow:0 6px 24px rgba(17,26,32,.16);
        transform:translateY(200%); transition:transform .28s ease;
    }
    .sticky-buy.is-visible{ transform:translateY(0); }
    .sticky-buy__price{ flex:0 0 auto; font-size:20px; font-weight:800; color:var(--pp-dark); white-space:nowrap; line-height:1; }
    .sticky-buy__price span{ font-size:14px; font-weight:700; color:var(--pp-gray); }
    .sticky-buy__old{ margin-bottom:4px; font-size:12px; font-weight:500; color:var(--pp-gray); text-decoration:line-through; }
    .sticky-buy__old b{ display:inline-block; margin-left:4px; padding:2px 6px; border-radius:6px; background:#fde8e8; color:#e02424; font-weight:700; text-decoration:none; }
    .sticky-buy:has(.sticky-buy__old) .sticky-buy__price{ color:#e02424; }
    .sticky-buy__btn{ flex:1 1 auto; min-width:0; height:50px; border-radius:14px; }
    .sticky-buy .sticky-buy__btn{ background:#1a9d5a; }
    .sticky-buy .sticky-buy__btn:active{ background:#15864b; }

    /* Мобільна картка: фото → назва → ціна; «Купити» живе в плаваючій панелі */
    /* однаковий вигляд для всіх категорій: фото без рамки й зайвих відступів, точки під фото */
    .product-content .product-inner-flex{ row-gap:12px; }
    .product-content .pif-mobile-carousel{
        margin-bottom:10px; padding-bottom:20px; border:none; border-radius:0;
        min-height:clamp(220px, 66vw, 320px);
    }
    .product-content .pif-mobile-carousel .pif-lg{ padding:0; border:none; border-radius:0; }
    /* до запуску слайдера показуємо перше фото, щоб сторінка не стрибала */
    .product-content .pif-mobile-carousel .owl-carousel:not(.owl-loaded){ display:block; }
    .product-content .pif-mobile-carousel .owl-carousel:not(.owl-loaded) > .pif-lg:not(:first-child){ display:none; }
    .product-content .pif-mobile .pif-title{ margin:0; }
    .product-content .pif-mobile .pif-title h1{ margin:0; font-size:20px; }
    /* рейтинг, код товару і наявність — один компактний рядок без плашок над назвою */
    .product-content .pif-mobile .pif-stats{ flex-wrap:wrap; justify-content:flex-start; gap:4px 14px; margin:0 0 8px; }
    .product-content .pif-mobile .pif-rating{ order:-1; }
    .product-content .pif-mobile .pif-code{
        background:none; padding:0; height:auto; line-height:1.4; border-radius:0;
        font-size:13px; color:var(--pp-gray);
    }
    .product-content .pif-mobile .pif-code span{ color:var(--pp-dark); font-weight:600; }
    .product-content .pif-mobile .pif-status .instock:not(.pre-order){
        display:inline-flex; align-items:center; column-gap:4px; background:none; padding:0; height:auto;
        font-size:13px; line-height:1.4; font-weight:600; color:#1a9d5a;
    }
    .product-content .pif-mobile .pif-status .instock:not(.pre-order) img{ display:none; }
    .product-content .pif-mobile .pif-status .instock:not(.pre-order)::before{ content:"✓"; }
    .product-content .pif-mobile .pif-status .instock.out-of-stock{ color:#c0392b; }
    .product-content .pif-mobile .pif-status .instock.out-of-stock::before{ content:"✕"; }
    .product-content .pif-mobile-carousel .owl-dots{ column-gap:6px; bottom:4px; }
    .product-content .pif-mobile-carousel .owl-dots .owl-dot{ width:6px; height:6px; background:#d5d9e0; transition:width .2s, background .2s; }
    .product-content .pif-mobile-carousel .owl-dots .owl-dot.active{ width:16px; background:var(--main-blue, #3076d5); }
    .product-content .pif-mobile-carousel .pif-lg img{
        aspect-ratio:auto; height:clamp(220px, 66vw, 320px); max-height:none; padding:10px 16px;
    }
    main.has-sticky-buy .product-content .pif-right .product-one__addToCart{ display:none; }
    /* ціна, кількість і велика «Купити» лишаються тільки в плаваючій панелі; кількість змінюють у кошику */
    main.has-sticky-buy .product-content .product-inner-flex{ position:relative; }
    main.has-sticky-buy .product-content .pif-right .pif-buy{ margin-top:0; }
    main.has-sticky-buy .product-content .pif-right .product-one__priceBuy{ display:block; }
    main.has-sticky-buy .product-content .pif-right .product-one__priceBuy > .product-one__price{ display:none; }
    /* «обране» — компактна кругла кнопка в кутку фото */
    main.has-sticky-buy .product-content .pif-right .poq-likes{ position:absolute; top:8px; right:0; z-index:5; }
    main.has-sticky-buy .product-content .pif-right .poq-likes .pif-fav{
        width:40px; height:40px; border:none; border-radius:50%; background:#fff;
        box-shadow:0 2px 10px rgba(17,26,32,.14);
    }
    main.has-sticky-buy .product-content .pif-right .poq-likes .pif-fav img{ width:20px; }
    body:has(#stickyBuy){ padding-bottom:140px; }

    /* короткі характеристики перед блоком доставки */
    .product-content .pif-specs-brief{ display:block; margin:4px 0 14px; padding-top:14px; border-top:1px solid var(--pp-line, #e6e8ec); }
    .product-content .pif-specs-brief__head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
    .product-content .pif-specs-brief__head b{ font-size:16px; font-weight:700; color:var(--pp-dark); }
    .product-content .pif-specs-brief__all{
        display:inline-flex; align-items:center; gap:2px; padding:5px 6px 5px 10px; border-radius:8px;
        background:#f1f3f6; color:var(--pp-dark); font-size:13px; text-decoration:none; white-space:nowrap;
    }
    .product-content .pif-specs-brief__all svg{ width:16px; height:16px; }
    .product-content .pif-specs-brief__list{ font-size:13px; line-height:1.7; color:var(--pp-gray); }
    .product-content .pif-specs-brief__list b{ color:var(--pp-dark); font-weight:600; }
    .product-content .pif-specs-brief__list span + span::before{ content:"•"; margin:0 7px; color:var(--pp-dark); }
    .product-content .pif-new-t{ scroll-margin-top:80px; }

    /* вкладки «Характеристики / Опис / Відгуки» — в один рядок, без іконок */
    .product-content .pif-nt-titles{ flex-direction:row; }
    .product-content .pif-nt-titles a{
        flex:1 1 auto; min-width:0; justify-content:center; padding:12px 6px;
        font-size:13px; text-align:center; white-space:nowrap;
    }
    .product-content .pif-nt-titles a svg{ display:none; }
    /* вкладки виглядають як кнопки: активна — сіра заливка, решта — білі з рамкою */
    .product-content .pif-nt-titles{
        gap:6px; padding:10px 10px 0; margin:0; border:none; border-radius:0; background:none; overflow:visible;
    }
    .product-content .pif-nt-titles a{
        padding:10px 6px; border:1px solid var(--pp-line, #e6e8ec); border-radius:10px;
        background:#fff; color:var(--pp-gray, #6b7280); font-weight:600;
    }
    .product-content .pif-nt-titles a.active{
        border-color:#e4e7ec; background:#e4e7ec; color:var(--pp-dark, #171a20);
    }
}

/* Окрема щітка: «Підходить для авто» — марки згорнуті, всередині авто з посиланням на набір */
/* «Підходить для авто» (окрема щітка): пошук + марки плашками, моделі обраної марки нижче */
.wiper-fit { margin: 24px 0; }
.wiper-fit__hint { margin: 4px 0 12px; font-size: 14px; line-height: 1.45; color: #6b7280; }
.wiper-fit__search { position: relative; margin: 0 0 12px; }
.wiper-fit__search svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #9aa1ab; pointer-events: none; }
.wiper-fit__search input { box-sizing: border-box; width: 100%; height: 42px; padding: 0 12px 0 38px; border: 1px solid #e6e8ec; border-radius: 10px; background: #fff; font: inherit; font-size: 15px; color: #171a20; }
.wiper-fit__search input:focus { outline: none; border-color: #3076d5; }
.wiper-fit__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.wiper-fit__chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid #e6e8ec; border-radius: 999px; background: #fff; color: #171a20; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.wiper-fit__chip small { color: #9aa1ab; font-size: 12px; font-weight: 500; }
.wiper-fit__chip:hover { border-color: #3076d5; }
.wiper-fit__chip.is-active { border-color: #3076d5; background: #3076d5; color: #fff; }
.wiper-fit__chip.is-active small { color: rgba(255, 255, 255, .8); }
.wiper-fit__chip--more { border-style: dashed; color: #3076d5; font-weight: 500; }
.wiper-fit__chip.is-extra { display: none; }
.wiper-fit.is-all .wiper-fit__chip.is-extra { display: inline-flex; }
.wiper-fit.is-searching .wiper-fit__chips { display: none; }
.wiper-fit__models { margin-top: 12px; border: 1px solid #e6e8ec; border-radius: 10px; background: #fff; }
.wiper-fit__models[hidden] { display: none; }
.wiper-fit__models-title { padding: 10px 14px; border-bottom: 1px solid #eef0f3; font-weight: 600; color: #171a20; }
.wiper-fit__models ul { margin: 0; padding: 4px 14px 8px; list-style: none; max-height: 300px; overflow-y: auto; }
.wiper-fit__models li { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 8px; padding: 7px 0; border-bottom: 1px dashed #eef0f3; font-size: 14px; }
.wiper-fit__models li[hidden] { display: none; }
.wiper-fit__models li:last-child { border-bottom: 0; }
.wiper-fit__models li a { color: #3076d5; text-decoration: none; }
.wiper-fit__models li a:hover { text-decoration: underline; }
.wiper-fit__empty { margin-top: 10px; font-size: 14px; color: #6b7280; }
.wiper-fit__empty[hidden] { display: none; }
.wiper-fit__role { font-size: 12px; color: #6b7280; white-space: nowrap; }