/* Общее */

@property --color-gradient-start {
    syntax: "<color>";
    inherits: false;
    initial-value: #157ACB;
}

@property --color-gradient-end {
    syntax: "<color>";
    inherits: false;
    initial-value: #EC1E1E;
}

.ui-btn--primary, .btn-primary, .comments__form-btn, .brands__search-btn, .details__comments-form-btn, .reviews__form-btn, .button-group button {
    background-image: linear-gradient(90deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
    transition: --color-gradient-start 1s, --color-gradient-end 1s;
}

.ui-btn--primary:hover {
    --color-gradient-start: #EC1E1E;
    --color-gradient-end: #157ACB;
}

.ui-btn, .btn, .comments__form-close, .comments__form-btn, .brands__search-btn, .details__comments-form-close, .details__comments-form-btn, .reviews__item-details-close, .reviews__form-close, .reviews__form-btn, .categories-aside__close, .ui-code__btn, .button-group button {
    border: none
}

.ui-btn-transparent {
    background: transparent;
    border: 1px solid wheat;
    color: wheat;
    transition: .4s ease;
}

.ui-btn-transparent:hover {
    color: white;
    border: 1px solid white;
}

.fade-in {
    opacity: 0;
    transform:  translateY(10%);
    transition: 1s ease
}

@media (min-width: 1199px) {
    .container-sm {
        padding: 0 12.5rem
    }
}
    
/* Шапка */

.is-header-v6 .header {
    min-height: unset;
    background: white;
}

.is-header-v6 .header__group--info_call {
    color: white;
    max-width: 100%;
    margin: .4rem 0;
    padding: 0 .4rem;
}

.is-header-v6 .header__row--01::before{
    background: var(--theme-primary-color);
}
.is-header-v6 .header__row--02 {
    background: white;
    padding: 2.8rem 0;
    align-items: center;
    position: fixed;
    transition: .4s ease;
    width: 100%;
    max-width: 147rem
}

.is-header-v6 .header__row--02.is-fixed {
    background: white;
}

.is-header-v6 .header__row--01 .header__call-btn, .is-header-v6 .header__row--01 .header__call-offcanvas {
    display: none
}

.is-header-v6 .header__row--01 .header__info-link:hover, .is-header-v6 .header__row--01 .header__nav-link:hover {
    color: white;
    opacity: .9
}

.is-header-v6 .header__row--03 {
    display: none
}

.header__group--acc_action_cart > * {
    margin: 0;
}

.is-header-v2 .header__logo, .is-header-v4 .header__logo, .is-header-v5 .header__logo, .is-header-v6 .header__logo {
    -ms-flex: 0 0 192px;
    flex: 0 0 19.2rem;
}

.header__call-btn {
font-size: 1.8rem;
font-weight: 700;
}

.header__group {
height: 4.6rem;
padding-right: 7rem
}

.header__messangers {
    display: flex;
    gap: 1rem;
    margin-right: 1rem
}

.header__messangers .header__messangers__item:hover {
    border: 1px solid #343434;
}

.header__row--02 .header__messangers .header__messangers__item {
    padding: 1rem;
    border: 1px solid rgba(52, 52, 52, 0.1);
    border-radius: 5px;
    transition: .4s ease;
    background: white;
}

.header__row--02 .header__messangers .header__messangers__item svg {
    max-width: 3.6rem;
    max-height: 3.6rem
}

.header__call {
    border: 1px solid rgba(52, 52, 52, 0.1);
    padding: 1rem 1.8rem;
    transition: .4s ease;
    background: white;
    border-radius: 5px
}

.header__call:hover {
    border: 1px solid #343434;
}

.header__call-menu {
    font-size: 1.8rem
}

.header__nav-social-menu .header__nav-social-link svg {
    width: 4rem;
    height: 4rem
}

.header__nav {
    padding: 1rem 0
}

.is-header-v6 .header__row--03 .header__info-link:hover, .is-header-v6 .header__row--03 .header__nav-link:hover {
    color: var(--theme-primary-color);
    opacity: .9
}



@media (min-width: 1199px) {
    .header__mobile  {
        width: 100%;
        padding: 1rem
    }
    .priority-nav {
        min-width: auto;
    }
    .header__info {
        font-size: 1.8rem
    }
    .header__row:before {
        backdrop-filter: blur(10px);
    }
    .header__nav-btn {
        position: relative
    }
}

@media (max-width: 1199px) {
    .header__group {
        padding-right: 0
    }
    .header__group > * {
        margin: 0
    }
    .header__messangers {
        margin-right: 1rem
    }
    .header__mobile .header__call {
        width: 3.6rem;
        height: 3.6rem;
        background: linear-gradient(90deg, #157ACB 0%, #EC1E1E 100%);
        padding: 0;
        border-radius: 50%;
        margin: 0;
    }
    .header__call-btn {
        position: relative;
        color: white;
        width: 3.6rem;
        height: 3.6rem;
    }
    .header__nav-group--acc_action_cart {
        display:  none;
    }
}

@media (max-width: 475px) {
    .header__logo img, .header__logo svg{
        max-width: 10.2rem
    }
    .is-header-v6 .header__logo {
        margin: 0
    }
}

.is-header-v6 .header__row--01 .header__email {
    color: white;
    transition: .4s ease
}

.is-header-v6 .header__row--01 .header__email:hover {
    opacity: .9
}

.is-header-v6 .header__row--01 .header__call {
    border: 1px solid rgba(255,255,255,1)
}

.is-header-v6 .header__row--01 .header__call:hover {
    border: 1px solid rgba(255,255,255, 0.5)
}


.header__mobile  {
    background: white;
    position: fixed;
    width: 100%;
    padding: 1rem 2rem;
    transition: .4s ease;
    top: 0;
    left: 0;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25)
}

.header__mobile.is-fixed {
    background: white;
}

.header__mobile .header__search {
    display: none;
}

.header__mobile .header__messangers__item svg {
    max-width: 3.6rem;
    max-height: 3.6rem
}

.header__mobile .header__call

.header__mobile .header__group > * {
    margin: 0
}

/* Главная */

.page-homepage .main {
    position: relative;
    bottom: 10rem
}


/* Главная - 1 блок */

.hero {
    background: url('/catalog/view/theme/prostore/images/hero-bg-new.webp');
    height: 90svh;
    display: flex;
    align-items: center;
    background-position: 100%;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
    background-size: cover;
}

.hero__box {
    max-width: 55%;
    margin-top: 16rem;
}

.hero__title {
    font-size: clamp(3.8rem, 6.0867rem + -4.7702vw, 0.3625rem);
    color: wheat
}

@media (max-width: 1680px) {
    .hero {
        background-position: center
    }
}

@media (max-width: 767px) {
    .hero {
        align-items: start;
        padding-bottom: 4.4rem;
        background: url('/catalog/view/theme/prostore/images/hero-bg-new-mobile.webp');
        background-size: cover;
        height: 79rem;
        background-position: center;
    }
    .hero__box {
        max-width: 100%;
        padding: 2.4rem;
        border-radius: 5px;
        margin-top: 24rem;
        background: white;
        /* color: black; */
    }
    .hero__title {
        font-size: 2.6rem;
        color: black
    }
}

@media (max-width: 475px) {
    .hero__title {
        font-size: 2.4rem
    }
}

/* Главная - Бренды */

.brands-featured {
    padding-top: 6rem;
    padding-bottom: 6rem;
    margin: 0
}

.brands-featured__title, .products-featured__title {
    position: relative;
    font-size: 3.6rem;
    font-weight: 700;
    text-transform: uppercase;
    max-width: 50%;
    z-index: 3;
}

.brands-featured__all a {
    font-size: 2.4rem;
    text-transform: uppercase;
    color: #F45729;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0;
}

.brands-featured__all a:hover {
    color: #F45729
}

.brands-featured__all a:hover svg {
    transition: .4s ease
}

.brands-featured__all a:hover svg {
    transform: translateX(.6rem)
}

.brands-featured__item {
    background: white;
    border-radius: 5px  
}

@media (max-width: 1199px) {
    .brands-featured__title, .products-featured__title {
        max-width: 75%
    }
}

@media (max-width: 767px) {
    .brands-featured__title, .products-featured__title {
        font-size: 2.4rem
    }
}

@media (max-width: 475px) {
    .brands-featured__title, .products-featured__title {
        max-width: 100%;
        font-size: 1.8rem
    }
    .brands-featured__all a {
        font-size: 1.8rem
    }
}

/* Главная - преимущества */

.features {
    padding-bottom: 4rem;
    background: url('/catalog/view/theme/prostore/images/features-bg.webp');
    background-size: cover;
}

.features .row {
    margin-bottom: 7rem
}

.marquee {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.features__title {
  display: flex;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  font-size: 9.6rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2.4rem
}

.marquee__text {
  display: inline-block;
  padding-right: 2rem; /* spacing between repeats */
  animation: scrollText 12s linear infinite;
}

@keyframes scrollText {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.features__box {
    position: relative
}

.features__box__pins {
    position: absolute;
    left: 54%;
    transform: translate(-54%, 0);
    z-index: 1;
    top: 15%;
}

.features__box__pins path {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.features .container-sm {
    margin-top: 36rem
}

.features__planet {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature__item {
    display: flex;
    padding: 2.4rem 2.4rem 3.6rem 2.4rem;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 42px;
    border-radius: 24px;
    background: #F7F7FB;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
    height: 100%
}

.feature__item h4 {
    font-size: 2.4rem
}

.feature__item img {
    max-width: 20rem
}

.feature__item-gradient {
    text-align: left;
    background-image: url('/catalog/view/theme/prostore/images/subtract.svg');
    background-position: center;
    background-color:transparent;
    align-items: start;
    justify-content: start;
    gap: 0;
    padding: 6rem 2.4rem 4rem;
    background-size: cover;
    position: relative
}

.feature__item-gradient .feature__item__img-box {
    background: white;
    border-radius: 50%;
    position: absolute;
    top: -5rem;
    left: 50%;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.20);
    transform: translate(-50%, 0);
    width: 91px;
    height: 91px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature__item-gradient .feature__item__img-box img {
    will-change: transform;
    animation: up-down 1s infinite linear alternate
}

@keyframes up-down {
    0% {
        transform: translateY(0px)
    }
    100% {
        transform: translateY(-5px)
    }
}

.feature__item-gradient h4 {
    color: white;
    font-size: 3.8rem;
    font-weight: 900;
    padding-bottom: 1.2rem;
    text-transform: uppercase;
    border-bottom: 1px solid white
}

.feature__item-gradient p {
    color: white;
    font-size: 1.6rem;
    padding-top: 1.6rem;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .feature__item-gradient h4 {
        font-size: 2.8rem
    }
    .feature__item-gradient {
        padding: 7rem 2.4rem 4rem;
    }
}


@media (max-width: 767px) {
    .features__title {
        font-size:  4.6rem
    }
    .features .container-sm {
        margin-top: 28rem
    }
    .features__box__pins {
        max-width: 18rem;
        max-height: 18rem;
    }
}

@media (max-width: 475px) {
    .features__title {
        font-size:  2.6rem
    }
    .feature__item-gradient h4 {
        font-size: 2.6rem
    }
    .features__box__pins {
        top: 5%
    }
    .features .container-sm {
        margin-top: 20rem
    }
}


/* Товары в табах */

.products-featured__filter button {
    font-size: 2.4rem;
    padding: 3.2rem 1.8rem;
    background: none;
    color: #F45729;
    border: 1px solid #F45729;
    transition: .4s ease
}

.products-featured__filter button:hover {
    opacity: .8;
    background: none;
    color: #F45729
}

.products-featured__filter button.is-active {
    background: #F45729;
    color: white
}

@media (max-width: 991px) {
    .products-featured__filter button {
        font-size: 1.8rem;
        padding: 1.8rem
    }
}

.static-form {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.static-form h2 {
    font-size: 3.6rem;
    font-weight: 700;
    text-transform: uppercase;
    max-width: 100%;
    margin-bottom: 2.4rem
}

.static-form__box {
    padding: 6rem 10rem;
    background: white;
    border-radius: 2.4rem
}

.static-form__box p {
    font-size: 1.8rem
}

.static-form__box p:nth-child(3) {
    margin-bottom: 3.6rem
}

.static-form__icon {
    display: flex;
    gap: 2.4rem;
    align-items: center;
    margin-bottom: 2.4rem
}

.static-form__icon a, .static-form__icon p {
    color: var(--bs-body-color);
    font-size: 2.4rem;
    font-weight: 900;
    margin-bottom: 0
}

.static-form__icon a:hover {
    color: var(--bs-body-color)
}

.static-form .form__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    height: 100%;
}

.static-form .form__box .popup__title {
    align-self: start;
    margin-left: 4rem;
}

.static-form .form__box .data-callback {
    max-width: 85%
}

@media (max-width: 991px) {
    .static-form .form__box .data-callback {
        max-width: 100%
    }
    .static-form__box {
        padding: 4.8rem
    }
}

@media (max-width: 475px) {
    .static-form__box {
        padding: 3.6rem
    }
} 


/* Главная - преимущества с видео */

.features-video {
    padding-top: 6rem;
    padding-bottom: 8rem;
    position: relative
}

.features-video h2 {
    max-width: 50%;
}

.features-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.features-video h2 {
    color: white;
    margin-bottom: 4.8rem
}

.features-video:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #157ACB 0%, #EC1E1E 100%);
    z-index: 2;
    opacity: .8;
    top: 0;
    left: 0;
}

.features-video .col-sm-6 {
    margin-bottom: 2.4rem
}

.features-video-item {
    position: relative;
    display: flex;
    align-items: start;
    gap: 2.4rem;
    color: white;
    z-index: 3;
    max-width: 90%
}

.features-video-item p {
    font-size: 1.8rem
}

@media (max-width: 1199px) {
    .features-video h2 {
        max-width: 75%
    }
    .features-video-item {
        flex-direction: column;
    }
}

@media (max-width: 575px) {
    .features-video h2 {
        font-size: 2.4rem;
        max-width: 100%;
        line-height: 3.2rem;
    }
    .features-video-item {
        max-width: 100%
    }
}

/* Страница о нас */

.article h2, .article p, .article h3, .article h4 {
margin-bottom: 2rem;
}

.article ul {
margin: 0 0 2.5rem !important;
}

.article ul li, .article ol li  {
padding: 0 0 0 2.5rem !important
}

.about__feature__item {
    border: 2px solid var(--theme-primary-color);
    padding: 1.2rem;
    border-radius: 1rem;
    background: white;
}

.about__feature__item h4 {
font-size: 2.4rem;
margin: 0 0 2rem
}

.about__companies {
gap: 2rem;
}

.about__companies img {
max-width: 25%;
object-fit: contain;
aspect-ratio: 1;
padding: 2.5rem;
border: .1rem solid #E6EBFB
}

@media (max-width: 991px) {
.about__companies {
    flex-wrap: wrap;
}
.about__companies img {
    max-width: 40%;
    padding: 1.5rem
    }
.w-75 {
    width: 100% !important
}
}

.delivery__box {
    border: 2px solid var(--theme-primary-color);
    background: white;
    border-radius: 1rem;
    padding: 2.4rem;
    height: 100%
}

.delivery__price-box button {
margin-bottom: 2rem
}

.how-to-order__box {
    border: 2px solid var(--theme-primary-color);
    background: white;
    border-radius: 1rem;
    padding: 2.4rem;
}

/* Слайдер */

.intro__swiper--resizable .intro__item-desc {
text-align: left;
left: 10%
}
@media (max-width:  767px) {
.intro__swiper--resizable .intro__item-desc {
    text-align: center;
    top: 30%;
    left: 0
}
}

/* Скрываем лишнее - категория */

.products__item-price, .products__item-buttons  {
display: none;
}


/* Скрываем лишнее - шапка*/

.header__acc, .header__action, .header__action-btn, .header__cart-btn {
    display: none
}

/* Скрываем лишнее - карточка товара */

.sku__price, .sku__price, .js-button-fast-cart, .ui-found, #button-cart, .ui-add-to-cart {
    display: none
}   

/* Карточка товара */

@media (min-width: 1199px) {
    .breadcrumbs {
        padding: 25.5rem 0 3rem
    }
}
.breadcrumbs {
    padding: 21.5rem 0 3rem
}

.sku__callback {
    width: 100%;
    display: flex;
}

.sku__addto {
    visibility: hidden
}

@media (max-width: 1199px) {
    .sku__desc {
        display: none;
    }
}

@media (max-width: 767px) {
    .sku__callback {
        padding: 1rem 0;
    }
}

/* Производители */

.manufacturer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.4rem;
}

.manufacturer-item {
    display: flex;
    gap: 1.2rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Подвал */

.footer__logo {
max-width: 12rem;
}

.is-footer-v6 .footer {
    background: linear-gradient(90deg, #157ACB 0%, #EC1E1E 100%);
    padding: 0
}

.is-footer-v6 .footer .footer__call-btn {
    transition: .4s ease
}

.is-footer-v6 .footer .footer__call-btn:hover {
    color: white;
    opacity: .8
}

@media (max-width: 1199px) {
    .is-footer-v6 .footer__bottom {
        display: none
    }
}


/* Виджет обратной связи */

.chat__toggle {
    background: linear-gradient(90deg, #157ACB 0%, #EC1E1E 100%);
}