/* CLEARFIX */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
img { display: block; }

/* BASE */
.lp-fullwidth { background-color: #fff; }
.lp-fullwidth--black { background-color: #000; }
.lp-fullwidth--white { background-color: #fff; }
.lp-fullwidth--gray { background-color: #F5F5F5; }
.lp-container { max-width: 1120px; margin: 0 auto; position: relative; padding: 0 10px; box-sizing: border-box; -moz-font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
sub, sup { font-size: 40%; top: -1.2em; }
.lp-container img { max-width: 100%; }

/* BUTTON */
.lp-btn { display: inline-block; font: 500 16px/24px 'Graphik-Medium-Cy', sans-serif; padding: 12px 24px; box-sizing: border-box; color:#fff; text-align: center; cursor: pointer; border-radius: 6px; -webkit-transition: 0.25s; transition: 0.25s; text-decoration: none; }
.lp-btn--blue { background-color: #378BE7; }
.lp-btn--blue:hover { background-color: #327ED1; }
.lp-btn--blue:active { background-color: #2865A7; }
.lp-btn--pink { background-color: #E64C8F; }
.lp-btn--pink:hover { background-color: #B83D72; }
.lp-btn--pink:active { background-color: #93315B; }
.lp-btn--white { background-color: #fff; color: #242424; }
.lp-btn--white:hover { background-color: #fff; opacity: .85; }
.lp-btn--white:active { background-color: #fff; }
.lp-btn--black { background-color: #000; }
.lp-btn--black:hover { background-color: #333; }

/* BILLBOARD */
.lp-billboard { display: block; margin: 0 auto; text-align: center; color: #fff; padding: 0 0; box-sizing: border-box; position: relative; }
.lp-billboard__title { font: 500 80px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -3.6px; position: absolute; left: 0; top: 0; right: 0; margin: 44px; }
.lp-billboard__cover {}

/* ROW */
.lp-row { margin: 20px auto 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 1; }
.lp-col { width: calc(50% - 10px); position: relative; }
.lp-col-100 { width: 100%; }
.lp-row + div.lp-row { margin-top: 20px; }
.lp-row--reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

/* SECTION */
.lp-section { }
.lp-section__wrapper { display: block; }
.lp-section__title { display: block; position: absolute; top: 32px; left:0; right: 0; text-align: center; font: 500 38px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; color: #000; }
.lp-section__cover { border-radius: 8px; overflow: hidden; }
.lp-section__title--white { color: #fff; z-index: 4; }
.lp-section__link { display: block; height: 70px; width: 100%; }

/* SLIDER */
.lp-slider-product { padding-bottom: 0; overflow: hidden; }
.lp-slider-product .swiper-slide { width: 100% !important; }
.lp-slider-product .swiper-button-prev { left: 24px; background: transparent url('https://static.re-store.ru/promo/summer2024/images/slider-arrow-left.png') 0 0 no-repeat; background-size: 100% auto; transform: translate(0,-50%); }
.lp-slider-product .swiper-button-next { right: 24px; background: transparent url('https://static.re-store.ru/promo/summer2024/images/slider-arrow-right.png') 0 0 no-repeat; background-size: 100% auto; transform: translate(0,-50%); }
.lp-slider-product .swiper-button-next, .lp-slider-product .swiper-button-prev { display: block; width: 40px; height: 40px; margin: 0; z-index: 2; }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }
.lp-slider-product .swiper-pagination-bullet { background: #000; opacity: .2; }
.lp-slider-product .swiper-pagination-bullet-active { background: #000; opacity: 1; }
.lp-slider-desktop { display: block; }
.lp-slider-mobile { display: none; }

/* PRODUCT */
.lp-product { display: block; text-align: center; color: #242424; padding: 0 24px; box-sizing: border-box; margin-top: 20px; }
.lp-product__img { height: 312px; max-width: 380px; margin: 30px auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.lp-product__img img { max-height: 100%; width: auto; }
.lp-product__title { font: 500 18px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.18px; }
.lp-product__price { font: 500 18px/26px 'Graphik-Medium-Cy', sans-serif; margin-top: 16px; }
.lp-product__price-old { font: 400 16px/26px 'Graphik-Regular-Cy', sans-serif; color: #676767; text-decoration: line-through; margin-left: 8px; }

/* BANNER */
.lp-banner { display: block; border-radius: 8px; overflow: hidden; }

/* WHY */
.lp-why { margin: 30px auto; }
.lp-why__title { font: 500 38px/99% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; color: #000; text-align: center; }
.lp-why-itemgroup { margin-top: 30px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px; }
.lp-why-item { border-radius: 15px; min-height: 232px; width: calc(16.666666% - 6px); background-color: #F0F0F5; }
.lp-why-item__img { height: 120px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-flex-direction:column; -ms-flex-direction: column; flex-direction:column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: center; }
.lp-why-item__title { font: 400 16px/120% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.16px; color: #242424; margin-top: 15px; text-align: center; }









@media only screen and (max-width: 1100px) {
    /* SLIDER */
    .lp-slider-desktop { display: none; }
    .lp-slider-mobile { display: block; }
    .lp-slider-product { max-width: 440px; margin: 0 auto; padding-bottom: 36px; }
    .lp-slider-product .swiper-button-next, .lp-slider-product .swiper-button-prev { display: none;}
    .lp-slider-product .swiper-container-horizontal>.swiper-pagination-bullets, .lp-slider-product  .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; }
    /* ROW */
    .lp-row { margin: 60px auto 0; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;  gap: 60px;}
    .lp-col { width: 100%; }
    .lp-col-desktop { display: none; }
    .lp-row + div.lp-row { margin-top: 60px; }
    .lp-row--reverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
    /* SECTION */
    .lp-section { }
    .lp-section__title { font: 500 30px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.75px; max-width: 290px; margin: 0 auto; }
    .lp-section__cover { border-radius: 0; }
    .lp-section__link { height: 100px; }
    /* PRODUCT */
    .lp-product { padding: 0 12px; margin-top: 16px; }
    .lp-product__img { height: 235px; margin: 25px auto; }
    .lp-product__img img { }
    .lp-product__title { min-height: 39px; font: 400 16px/120% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.16px; margin: 0 27px; }
    /* BANNER */
    .lp-banner { border-radius: 0; max-width: 720px; margin: 0 auto; }

}

@media only screen and (max-width: 1024px) { }

@media only screen and (max-width: 768px) {
    .lp-container { padding: 0; max-width: 100%; }
    /* BILLBOARD */
    .lp-billboard__title { font: 500 38px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; margin: 38px 20px; }

    /* WHY */
    .lp-why { margin: 60px 10px; }
    .lp-why__title { font: 500 30px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.75px; }
    .lp-why-item { min-height: 213px; width: calc(50% - 3px); }
}

@media only screen and (max-width: 360px) { }