/* CLEARFIX */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
img { display: block; }

/* BASE */
.lp-fullwidth { overflow: hidden; }
.lp-container { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; padding: 0 40px; 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%; }
.lp-desktop {}
.lp-mobile { display: none; }

/* 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; max-width: 170px; width: 100%; }
.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: #ed5aae; }
.lp-btn--pink:hover { background-color: #ff5bb9; }
.lp-btn--pink:active { background-color: #ff5bb9; }
.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; }

/* LINK DECOR */
.lp-linkarrow { position: relative; padding-right: 20px; }
.lp-linkarrow:after { display: inline-block; position: absolute; content: ' '; width: 14px; height: 14px; margin: 0 0 0 6px; background: transparent url('https://static.re-store.ru/promo/special2024/images-new/arrow.svg') top center no-repeat; background-size: 100% auto; right: 0; top: 50%; transform: translate(0,-50%); }
.lp-linkgroup--white .lp-linkarrow:after { display: inline-block; position: absolute; content: ' '; width: 14px; height: 14px; margin: 0 0 0 6px; background: transparent url('https://static.re-store.ru/promo/special2024/images-new/arrow--white.svg') top center no-repeat; background-size: 100% auto; right: 0; top: 50%; transform: translate(0,-50%); }

/* LINKS */
.lp-linkgroup { position: relative; z-index: 1; }
.lp-link { display: inline-block; cursor: pointer; font: 400 16px/24px 'Graphik-Regular-Cy', sans-serif; color: #000; transition: all 0.6s; }
.lp-linkgroup .lp-link { margin-left: 10px; }
.lp-linkgroup .lp-link:first-child { margin-left: 0; }
.lp-linkgroup--white .lp-link { color: #fff; }

/* BILLBOARD */
.lp-billboard { position: relative; margin-bottom: 60px; }
.lp-billboard__cover { }

/* CAT */
.lp-cat-group { margin: 0 auto 80px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; }
.lp-cat { min-height: 574px; width: calc(50% - 10px); border-radius: 8px; overflow: hidden; position: relative; color: #fff; text-decoration: none; }
.lp-cat__cover { height: 100%; }
.lp-cat__cover img { height: 100%; object-fit: cover; -webkit-transition: 0.6s; transition: 0.6s; }
.lp-cat__cover--left img { object-position: bottom center; }
.lp-cat__wrapper { position: absolute; left: 10px; top: 30px; right: 10px; z-index: 1; text-align: center; }
.lp-cat__title { font: 500 38px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; margin-bottom: 24px; position: relative; z-index: 1; }
.lp-cat__descr { max-width: 560px; margin: 0 auto; font: 400 16px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; position: relative; z-index: 1; text-wrap: balance; }
.lp-cat--big { width: 100%; }
.lp-cat--small { width: calc(33.333333333% - 14px); }
.lp-subcategories { max-width: 420px; margin: 0 auto; font: 400 16px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; position: relative; z-index: 1; text-wrap: balance; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px 24px; }
.lp-subcategories a { color: #fff; text-decoration: none; white-space: nowrap; }
.lp-cat--black, .lp-cat--black .lp-subcategories a { color: #000; }
.lp-cat--small .lp-subcategories { max-width: 300px; }

/* TEXT */
.lp-text { max-width: 900px; margin: 80px auto; font: 500 30px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.05px; text-align: center; color: #000; }

/* SECTION */
.lp-section { margin: 80px auto; }
.lp-section__title { font: 500 38px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; margin-bottom: 40px; color: #000; }

/* SLIDER */
.swiper-box { margin: 0 auto; position: relative; }
.swiper-box .lp-slider-special .swiper-slide { width: 254px; }
.swiper-scrollbar-drag { background: #FF5BB9; }
.swiper-box .swiper-scrollbar { background: #fadff0; position: relative; left: initial; bottom: -20px; z-index: 50; height: 4px; width: 100%; margin: 0 0 32px; }
.swiper-box .swiper-button-next, .swiper-box .swiper-button-prev { width: 40px; height: 40px; top: 50%; -webkit-tap-highlight-color: transparent; transform: translate(0,-50%); }
.swiper-box .swiper-button-next:focus, .swiper-box .swiper-button-prev:focus {outline: none; box-shadow: none; }
.swiper-box .swiper-button-next:focus-visible, .swiper-box .swiper-button-prev:focus-visible {outline: none; box-shadow: none; }
.swiper-box .swiper-button-prev { left: initial; top: calc(50% - 25px); right: 20px; background: transparent url('https://static.re-store.ru/promo/rumicom/images/slider-arrow-left.png') center center repeat; background-size: 100% auto; }
.swiper-box .swiper-button-next { left: initial; top: calc(50% + 25px); right: 20px; background: transparent url('https://static.re-store.ru/promo/rumicom/images/slider-arrow-right.png') center center repeat; background-size: 100% auto; }
.swiper-box .swiper-button-next:after, .swiper-box .swiper-button-prev:after { display: none; }
.swiper-box .swiper-button-next:hover, .swiper-box .swiper-button-prev:hover { opacity: .85; }
.swiper-box .swiper-button-disabled { visibility: initial; }

/* SLIDER */
.lp-slider-special {}
.lp-special { min-height: 300px; display: block; color: #fff; position: relative; border-radius: 8px; overflow: hidden; }
.lp-special__bg { height: 100%; width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.lp-special__bg img { height: 100%; object-fit: cover; -webkit-transition: 0.6s; transition: 0.6s; }
.lp-special__img { position: relative; z-index: 1; }
.lp-special__title { font: 500 22px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.77px; position: absolute; left: 24px; bottom: 24px; right: 24px; }
.lp-special--black { color: #000; }

/* BRAND LOGOS */
.swiper-box .lp-slider-brandlogo .swiper-slide { width: auto; }
.lp-slider-brandlogo .swiper-button-prev { left: 20px; top: 50%; right: initial; }
.lp-slider-brandlogo .swiper-button-next { top: 50%; }
.lp-slider-brandlogo .swiper-button-next.swiper-button-disabled,  .lp-slider-brandlogo .swiper-button-prev.swiper-button-disabled { opacity: 0; }
.lp-slider-brandlogo .swiper-button-prev:before, .lp-slider-brandlogo .swiper-button-next:before {
    content: "";
    display: block;
    height: 200px;
    pointer-events: none;
    position: absolute;
    top: -50%;
    width: 140px;
    z-index: -1;
}
.lp-slider-brandlogo .swiper-button-prev:before {
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
    left: -42px;
}
.lp-slider-brandlogo .swiper-button-next:before {
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
    right: -42px;
}

.lp-brandlogo { height: 114px; 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-brandlogo__img {}










@media only screen and (max-width: 1100px) { }

@media only screen and (max-width: 1024px) {
    /* BASE */
    .lp-container { padding: 0 20px; }
    /* CAT */
    .lp-cat__title { font: 500 30px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.05px; margin-bottom: 20px; }
    .lp-subcategories { margin: 0 auto; font: 400 14px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.35px; gap: 12px 20px; }
}

@media only screen and (max-width: 768px) {
    /* BILLBOARD */
    .lp-billboard { margin-bottom: 20px; }
    /* CAT */
    .lp-cat-group { max-width: 450px; margin: 0 auto 70px; -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; }
    .lp-cat { min-height: 500px; width: 100%; }
    .lp-cat__wrapper { left: 40px; right: 40px; }
    .lp-cat--small { width: 100%; }

    /* SECTION */
    .lp-section { margin: 70px auto; }
    .lp-section__title { font: 500 30px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.05px; margin-bottom: 32px; }

    /* SLIDER */
    .lp-slider-special { margin: 0 -20px; padding: 0 20px; }

    /* SLIDER */
    .lp-slider-brandlogo { margin: 0 -20px; padding: 0 20px; }
}

@media only screen and (max-width: 360px) { }






