.main {
    overflow: hidden;
}
.m-page {
    display: flex;
    flex-direction: column;
}
.hero {
    padding-top: 218px;
    padding-bottom: 214px;
    order: 0;
}

.hero-row {
    display: flex;
    align-items: stretch;
    gap: 20px;
}
.hero-banner {
    border-radius: 20px;
}
.hero-banner_slide {
    padding-top: 75px;
    padding-bottom: 75px;
    padding: 45px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    height: auto;
    user-select: none;
}
.hero-banner__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    pointer-events: none;
}
.hero-box {
    max-width: 497px;
    position: relative;
}
.hero-box_top {
    display: inline-flex;
    gap: 5px;
    border-radius: 11px;
    background-color: #EF245D;
    padding: 7px 9px;
}
.hero-box_top img {
    width: 15px;
    height: auto;
    flex-shrink: 0;
}
.hero-box_top span {
    display: block;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    font-weight: 700;
    line-height: 133%;
}
.hero__title {
    color: #191C21;
    font-size: 50px;
    font-weight: 800;
    line-height: 65px;
    margin-top: 7px;
    margin-bottom: 7px;
    letter-spacing: 1px;
}
h2.hero__title {
    color: #343E4A;
}
.hero__text {
    color: rgb(52, 62, 74, 0.8);
    font-size: 15px;
    font-weight: 500;
    line-height: 140%;
}
.hero-btns {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.hero__buy {
    padding: 18px 23px;
    gap: 10px;
}
.hero__show {
    padding: 18px 23px;
    box-shadow: 0 11px 18px 0 rgba(8, 37, 67, 0.06);
}
.hero-discount {
    position: absolute;
    top: -35px;
    right: -267px;
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background: linear-gradient(180deg, #49207E 0%, #21257E 100%);
    box-shadow: 247px 308px 110px 0 rgba(13, 8, 89, 0.00), 158px 197px 101px 0 rgba(13, 8, 89, 0.03), 89px 111px 85px 0 rgba(13, 8, 89, 0.10), 39px 49px 63px 0 rgba(13, 8, 89, 0.17), 10px 12px 35px 0 rgba(13, 8, 89, 0.20);
    padding: 8px;
}
.hero-discount_inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px dashed rgba(255, 255, 255, 0.3);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 16px;
}
.hero__oldprice {
    color: rgba(255, 255, 255, 0.6);
    font-size: 19px;
    font-weight: 500;
    line-height: 121%;
    text-decoration-line: line-through;
}
.hero__newprice {
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 700;
    line-height: 121%;
}
.hero-discount__text {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    line-height: 121%;
}
.hero-nav {
    position: absolute;
    left: 43px;
    bottom: 22px;
    right: 22px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hero-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
}
.hero-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    border-color: #FFFFFF;
    opacity: 1;
}
.hero-nav_items {
    display: flex;
    align-items: center;
    gap: 10px;
}
.hero-nav__item {
    width: 53px;
    height: 53px;
    flex-shrink: 0;
    background-color: #FFFFFF;
    border-radius: 13px;
    box-shadow: 0 11px 18px 0 rgba(8, 37, 67, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
}
.hero-nav__item.swiper-button-disabled {
    pointer-events: none;
    background-color: #E7EDF3;
}
.hero-nav__item:hover {
    background-color: #20247A;
}
.hero-nav__item svg {
    transition: .3s;
}
.hero-nav__item.swiper-button-disabled svg {
    opacity: 0.4;
}
.hero-nav__item.swiper-button-disabled svg path {
    stroke: #92969A;
}
.hero-nav__item svg path {
    transition: .3s;
}
.hero-nav__item:hover svg path {
    stroke: #FFFFFF;
}
.hero-r {
    width: 360px;
    flex-shrink: 0;
    border-radius: 20px;
    border: 3px solid #BACFE3;
    background-color: #FFFFFF;
    user-select: none;
}
.hero-product {
    padding: 12px;
    display: flex;
    flex-direction: column;
}
.hero-product__pic {
    display: block;
    width: 286px;
    height: 272px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.hero-product__pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-product_tags {
    position: absolute;
    top: 0;
    left: -22px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
.hero-product__tag {
    
    padding: 7px 9px;
    border-radius: 11px;
    background-color: #19D8C4;
    color: rgba(52, 62, 74, 0.8);
    font-size: 12px;
    font-weight: 700;
    line-height: 133%;
}
.hero-product_attr {
    position: absolute;
    bottom: -12px;
    left: -22px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    border-radius: 8px;
    border: 1px solid rgba(186, 207, 227, 0.50);
    background-color: #FFFFFF;
    padding: 3px 6px 3px 4px;
}
.hero-product_attr img {
    width: 14px;
    height: auto;
    flex-shrink: 0;
}
.hero-product_attr span {
    color: #20517A;
    font-size: 11px;
    font-weight: 700;
    line-height: 150%;
}
.hero-product__title {
    display: block;
    margin-top: 24px;
    color: #2F3437;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    line-height: 141%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 9px;
}
.hero-product__title:hover {
    color: #20517A;
}
.hero-product_info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 9px;
}
.hero-product_rating {
    padding: 5px 7px;
    display: flex;
    align-items: center;
    gap: 2px;
    border-radius: 8px;
    background: #FAF7F3;
}
.hero-product_rating img {
    width: 17px;
    height: auto;
    flex-shrink: 0;
}
.hero-product_rating span {
    color: #343E4A;
    font-size: 12px;
    font-weight: 700;
    line-height: 133%;
}
.hero-product_reviews {
    display: flex;
    align-items: center;
    gap: 5px;
}
.hero-product_reviews img {
    width: 14px;
    height: auto;
    flex-shrink: 0;
}
.hero-product_reviews span {
    display: block;
    border-bottom: 1px solid rgba(33, 82, 124, 0.30);
    color: #20517A;
    font-size: 12px;
    font-weight: 500;
    line-height: 133%;
    transition: .3s;
}
.hero-product_reviews:hover span {
    border-color: #20517A;
}
.hero-product_bottom {
    margin-top: auto;
    border-radius: 13px;
    background-color: #F3F4F5;
    padding: 9px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.hero-product_prices {
    display: flex;
    align-items: center;
    gap: 8px;
}
.hero-product__oldprice {
    color: #343E4A;
    font-size: 13px;
    font-weight: 600;
    line-height: 138%;
    opacity: 0.4;
    position: relative;
}
.hero-product__oldprice::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
	width: 100%;
	height: 0;
	border-bottom: 1px solid #343E4A;
	transform: rotate(-15deg) translateY(-50%);
}
.hero-product__newprice {
    color: #20247A;
    font-size: 19px;
    font-weight: 600;
    line-height: 147%;
}
.hero-product__percent {
    padding: 4px 5px;
    border-radius: 9px;
    background: linear-gradient(180deg, #49207E 0%, #21257E 100%);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    line-height: 133%;
}
.hero-product__btn {
    padding: 12px 20px;
    gap: 8px;
}
.hero-product_nav {
    position: absolute;
    top: 17px;
    right: 17px;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 10px;
}


.hero-banners {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-top: 31px;
}
.hero-marketing {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 28px 25px;
	user-select: none;
}
.hero-marketing__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.hero-marketing__tag {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 7px;
    background-color: #49207A;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    line-height: 133%;
}
.hero-marketing__title {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}
.hero-marketing__text {
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    line-height: 140%;
    margin-top: 2px;
}
.hero-marketing__btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 7px;
    padding: 6px 12px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 11px 18px 0 rgba(8, 37, 67, 0.06);
    color: #20247A;
    font-size: 13px;
    font-weight: 600;
    line-height: 138%;
    transition: .3s;
}
.hero-marketing__btn:hover {
    background-color: #20247A;
    color: #FFFFFF;
}
.hero-marketing__btn svg path {
    transition: .3s;
}
.hero-marketing__btn:hover svg path {
    stroke: #FFFFFF;
}

.hero-info {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    margin-top: 20px;
}
.hero-info_box {
    padding: 25px;
    border-radius: 15px;
    background-color: #EFF5FB;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.hero-info_box::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjI2IiBoZWlnaHQ9IjE4NiIgdmlld0JveD0iMCAwIDIyNiAxODYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuMyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzI0Ljg1OCAtMTI0LjA1OEMyOTcuMTg3IC0xMzUuNDYzIDI2Ni44NDggLTE0MS44MzIgMjM1IC0xNDEuODMyQzIwMy4xNTIgLTE0MS44MzIgMTcyLjgxMyAtMTM1LjUyMSAxNDUuMTQyIC0xMjQuMDU4QzExNi40MjcgLTExMi4xODkgOTAuNTU0MiAtOTQuNzYyNyA2OC44NTgzIC03My4xMDk2QzQ3LjIyMDQgLTUxLjUxNDUgMjkuNzU5MyAtMjUuNjkzIDE3LjgwOTIgMy4wMjMzNkM2LjM4MTE0IDMwLjYzOTcgMCA2MC45MTkyIDAgOTIuNzA0QzAgMTI0LjQ4OSA2LjMyMzEzIDE1NC43NjggMTcuODA5MiAxODIuMzg1QzI5LjcwMTMgMjExLjA0MyA0Ny4xNjI0IDIzNi44NjUgNjguODU4MyAyNTguNTE4QzkwLjQ5NjIgMjgwLjExMyAxMTYuMzY5IDI5Ny41MzkgMTQ1LjE0MiAzMDkuNDY2QzE3Mi44MTMgMzIwLjg3MSAyMDMuMTUyIDMyNy4yNCAyMzUgMzI3LjI0QzI2Ni44NDggMzI3LjI0IDI5Ny4xODcgMzIwLjkyOSAzMjQuODU4IDMwOS40NjZDMzUzLjU3MyAyOTcuNTk3IDM3OS40NDYgMjgwLjE3MSA0MDEuMTQyIDI1OC41MThDNDIyLjc4IDIzNi44NjUgNDQwLjI0MSAyMTEuMTAxIDQ1Mi4xOTEgMTgyLjM4NUM0NjMuNjE5IDE1NC43NjggNDcwIDEyNC40ODkgNDcwIDkyLjcwNEM0NzAgNjAuOTE5MiA0NjMuNjc3IDMwLjYzOTcgNDUyLjE5MSAzLjAyMzM2QzQ0MC4yOTkgLTI1LjYzNTEgNDIyLjgzOCAtNTEuNDU2NiA0MDEuMTQyIC03My4xMDk2QzM3OS40NDYgLTk0Ljc2MjcgMzUzLjYzMSAtMTEyLjEzMSAzMjQuODU4IC0xMjQuMDU4Wk0zMTEuNjkgLTkyLjI3MzJDMzM2LjIyOCAtODIuMTQxNCAzNTguMzMgLTY3LjI2MjIgMzc2Ljc3NyAtNDguODUxM0MzOTUuMjI1IC0zMC40NDA0IDQxMC4xMzMgLTguMzgyMTEgNDIwLjI4NSAxNi4xMDc4QzQzMC4wODkgMzkuNjcxNCA0MzUuNDg0IDY1LjU1MDggNDM1LjQ4NCA5Mi41ODgyQzQzNS40ODQgMTE5LjYyNiA0MzAuMDg5IDE0NS41MDUgNDIwLjI4NSAxNjkuMDY5QzQxMC4xMzMgMTkzLjU1OCAzOTUuMjI1IDIxNS42MTcgMzc2Ljc3NyAyMzQuMDI4QzM1OC4zMyAyNTIuNDM5IDMzNi4yMjggMjY3LjMxOCAzMTEuNjkgMjc3LjQ0OUMyODguMDc5IDI4Ny4yMzQgMjYyLjE0OSAyOTIuNjE4IDIzNS4wNTggMjkyLjYxOEMyMDcuOTY3IDI5Mi42MTggMTgyLjAzNyAyODcuMjM0IDE1OC40MjYgMjc3LjQ0OUMxMzMuODg4IDI2Ny4zMTggMTExLjc4NiAyNTIuNDM5IDkzLjMzODcgMjM0LjAyOEM3NC44OTE0IDIxNS42MTcgNTkuOTgyNyAxOTMuNTU4IDQ5LjgzMDkgMTY5LjA2OUM0MC4wMjcyIDE0NS41MDUgMzQuNjMyMiAxMTkuNjI2IDM0LjYzMjIgOTIuNTg4MkMzNC42MzIyIDY1LjU1MDggNDAuMDI3MiAzOS42NzE0IDQ5LjgzMDkgMTYuMTA3OEM1OS45ODI3IC04LjM4MjExIDc0Ljg5MTQgLTMwLjQ0MDQgOTMuMzM4NyAtNDguODUxM0MxMTEuNzg2IC02Ny4yNjIyIDEzMy44ODggLTgyLjE0MTQgMTU4LjQyNiAtOTIuMjczMkMxODIuMDM3IC0xMDIuMDU4IDIwNy45NjcgLTEwNy40NDIgMjM1LjA1OCAtMTA3LjQ0MkMyNjIuMTQ5IC0xMDcuNDQyIDI4OC4wNzkgLTEwMi4wNTggMzExLjY5IC05Mi4yNzMyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOTAuMzQyIC00MC43NDU5QzI3My4zNDUgLTQ3LjgwOTIgMjU0LjY2NiAtNTEuNjg4MiAyMzUuMDU4IC01MS42ODgyQzIxNS40NTEgLTUxLjY4ODIgMTk2Ljc3MiAtNDcuODA5MiAxNzkuNzc1IC00MC43NDU5QzE2Mi4wODEgLTMzLjQ1MTEgMTQ2LjE4NyAtMjIuNzQwMyAxMzIuODQ0IC05LjQyNDI4QzExOS41MDIgMy44OTE3NSAxMDguNzcgMTkuNzU1MiAxMDEuNDYxIDM3LjQxMzRDOTQuNDQxMyA1NC4zNzY5IDkwLjQ5NjYgNzMuMDE5NCA5MC40OTY2IDkyLjU4ODJDOTAuNDk2NiAxMTIuMTU3IDk0LjM4MzMgMTMwLjc5OSAxMDEuNDYxIDE0Ny43NjNDMTA4Ljc3IDE2NS40MjEgMTE5LjUwMiAxODEuMjg1IDEzMi44NDQgMTk0LjYwMUMxNDYuMTg3IDIwNy45MTcgMTYyLjA4MSAyMTguNjI3IDE3OS43NzUgMjI1LjkyMkMxOTYuNzcyIDIzMi45ODUgMjE1LjQ1MSAyMzYuODY1IDIzNS4wNTggMjM2Ljg2NUMyNTQuNjY2IDIzNi44NjUgMjczLjM0NSAyMzIuOTg1IDI5MC4zNDIgMjI1LjkyMkMzMDguMDM1IDIxOC42MjcgMzIzLjkzIDIwNy45MTcgMzM3LjI3MyAxOTQuNjAxQzM1MC42MTUgMTgxLjI4NSAzNjEuMzQ3IDE2NS40MjEgMzY4LjY1NiAxNDcuNzYzQzM3NS43MzQgMTMwLjc5OSAzNzkuNjIgMTEyLjE1NyAzNzkuNjIgOTIuNTg4MkMzNzkuNjIgNzMuMDE5NCAzNzUuNzM0IDU0LjM3NjkgMzY4LjY1NiAzNy40MTM0QzM2MS4zNDcgMTkuNzU1MiAzNTAuNjE1IDMuODkxNzUgMzM3LjI3MyAtOS40MjQyOEMzMjMuOTMgLTIyLjc0MDMgMzA4LjAzNSAtMzMuNDUxMSAyOTAuMzQyIC00MC43NDU5Wk0yNzYuODI2IC04LjI2NjM3QzI5MC4yMjYgLTIuNzA4MzcgMzAyLjI5MiA1LjM5NzA0IDMxMi4zMjggMTUuNDEzQzMyMi4zNjQgMjUuNDI5IDMzMC41NDQgMzcuNDcxMyAzMzYuMDU0IDUwLjg0NTJDMzQxLjM5MSA2My42OTgxIDM0NC4zNSA3Ny44MjQ3IDM0NC4zNSA5Mi41ODgyQzM0NC4zNSAxMDcuMzUyIDM0MS4zOTEgMTIxLjQ3OCAzMzYuMDU0IDEzNC4zMzFDMzMwLjQ4NSAxNDcuNzA1IDMyMi4zNjQgMTU5Ljc0NyAzMTIuMzI4IDE2OS43NjNDMzAyLjI5MiAxNzkuNzc5IDI5MC4yMjYgMTg3Ljk0MyAyNzYuODI2IDE5My40NDNDMjYzLjk0OCAxOTguNzY5IDI0OS43OTMgMjAxLjcyMiAyMzUgMjAxLjcyMkMyMjAuMjA4IDIwMS43MjIgMjA2LjA1MyAxOTguNzY5IDE5My4xNzUgMTkzLjQ0M0MxNzkuNzc1IDE4Ny44ODUgMTY3LjcwOCAxNzkuNzc5IDE1Ny42NzMgMTY5Ljc2M0MxNDcuNTc5IDE1OS42ODkgMTM5LjQ1NyAxNDcuNzA1IDEzMy45NDYgMTM0LjMzMUMxMjguNjA5IDEyMS40NzggMTI1LjY1MSAxMDcuMzUyIDEyNS42NTEgOTIuNTg4MkMxMjUuNjUxIDc3LjgyNDcgMTI4LjYwOSA2My42OTgxIDEzMy45NDYgNTAuODQ1MkMxMzkuNTE1IDM3LjQ3MTMgMTQ3LjYzNyAyNS40MjkgMTU3LjY3MyAxNS40MTNDMTY3Ljc2NiA1LjMzOTE1IDE3OS43NzUgLTIuNzY2MjcgMTkzLjE3NSAtOC4yNjYzN0MyMDYuMDUzIC0xMy41OTI4IDIyMC4yMDggLTE2LjU0NTUgMjM1IC0xNi41NDU1QzI0OS43OTMgLTE2LjU0NTUgMjYzLjk0OCAtMTMuNTkyOCAyNzYuODI2IC04LjI2NjM3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNTYuNDYzIDQwLjk0NTFDMjQ5Ljg1IDM4LjIyNCAyNDIuNjU3IDM2LjcxODggMjM1LjA1NyAzNi43MTg4QzIyNy40NTggMzYuNzE4OCAyMjAuMjA3IDM4LjIyNCAyMTMuNjUyIDQwLjk0NTFDMjA2LjgwNiA0My43ODIgMjAwLjY1NyA0Ny45NTA1IDE5NS40OTQgNTMuMTAzM0MxOTAuMzMxIDU4LjI1NiAxODYuMTU1IDY0LjM5MjkgMTgzLjMxMiA3MS4yMjQ2QzE4MC41ODYgNzcuODI0OCAxNzkuMDc3IDg1LjAwMzkgMTc5LjA3NyA5Mi41ODgyQzE3OS4wNzcgMTAwLjE3MyAxODAuNTg2IDEwNy4zNTIgMTgzLjMxMiAxMTMuODk0QzE4Ni4xNTUgMTIwLjcyNiAxOTAuMzMxIDEyNi44NjMgMTk1LjQ5NCAxMzIuMDE1TDE5Ni4wMTYgMTMyLjUzNkMyMDEuMDYzIDEzNy41MTUgMjA3LjAzOCAxNDEuNTEgMjEzLjY1MiAxNDQuMjMxQzIyMC4yNjUgMTQ2Ljk1MiAyMjcuNDU4IDE0OC40NTggMjM1LjA1NyAxNDguNDU4QzI0Mi42NTcgMTQ4LjQ1OCAyNDkuOTA4IDE0Ni45NTIgMjU2LjQ2MyAxNDQuMjMxQzI2My4wNzYgMTQxLjUxIDI2OS4wNTEgMTM3LjUxNSAyNzQuMDk4IDEzMi41OTRMMjc0LjYyIDEzMi4wMTVDMjc5Ljc4MyAxMjYuODYzIDI4My45NiAxMjAuNzI2IDI4Ni44MDMgMTEzLjg5NEMyODkuNTI5IDEwNy4zNTIgMjkxLjAzNyAxMDAuMTE1IDI5MS4wMzcgOTIuNTg4MkMyOTEuMDM3IDg1LjA2MTggMjg5LjUyOSA3Ny43NjY5IDI4Ni44MDMgNzEuMjI0NkMyODMuOTYgNjQuMzkyOSAyNzkuNzgzIDU4LjI1NiAyNzQuNjIgNTMuMTAzM0MyNjkuNDU4IDQ3Ljk1MDUgMjYzLjMwOCA0My43ODIgMjU2LjQ2MyA0MC45NDUxWk0yNDMuMjM3IDcyLjczQzI0NS45MDUgNzMuODMgMjQ4LjI4NCA3NS40NTEgMjUwLjI1NiA3Ny40MTk1QzI1Mi4yMjggNzkuMzg4IDI1My44NTMgODEuNzYxNyAyNTQuODk3IDg0LjQyNDlDMjU1Ljk0MSA4Ni45NzIzIDI1Ni41MjEgODkuNzUxMyAyNTYuNTIxIDkyLjY0NjFDMjU2LjUyMSA5NS41NDA5IDI1NS45NDEgOTguMzE5OSAyNTQuODk3IDEwMC44NjdDMjUzLjc5NSAxMDMuNTMxIDI1Mi4yMjggMTA1LjkwNCAyNTAuMjU2IDEwNy44NzNMMjQ4Ljk4IDEwOS4xNDZMMjQ4Ljg2NCAxMDkuMDMxQzI0Ny4xODIgMTEwLjQyIDI0NS4yNjcgMTExLjYzNiAyNDMuMTc5IDExMi40NDZDMjQwLjYyNiAxMTMuNDg5IDIzNy44NDIgMTE0LjA2OCAyMzQuOTQxIDExNC4wNjhDMjMyLjA0MSAxMTQuMDY4IDIyOS4yNTYgMTEzLjQ4OSAyMjYuNzA0IDExMi40NDZDMjI0LjYxNiAxMTEuNTc4IDIyMi43MDEgMTEwLjQyIDIyMS4wMTkgMTA5LjAzMUwyMjAuOTAzIDEwOS4xNDZMMjE5LjYyNyAxMDcuODczQzIxNy42NTQgMTA1LjkwNCAyMTYuMDg4IDEwMy41MzEgMjE0Ljk4NiAxMDAuODY3QzIxMy45NDIgOTguMzE5OSAyMTMuMzYyIDk1LjU0MDkgMjEzLjM2MiA5Mi42NDYxQzIxMy4zNjIgODkuNzUxMyAyMTMuOTQyIDg2Ljk3MjMgMjE0Ljk4NiA4NC40MjQ5QzIxNi4wODggODEuNzYxNyAyMTcuNzEyIDc5LjM4OCAyMTkuNjg1IDc3LjQxOTVDMjIxLjY1NyA3NS40NTEgMjI0LjAzNSA3My44MyAyMjYuNzA0IDcyLjc4NzhDMjI5LjI1NiA3MS43NDU3IDIzMi4wNDEgNzEuMTY2OCAyMzQuOTQxIDcxLjE2NjhDMjM3Ljg0MiA3MS4xNjY4IDI0MC42MjYgNzEuNzQ1NyAyNDMuMTc5IDcyLjc4NzhMMjQzLjIzNyA3Mi43M1oiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.hero-info_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hero-info__tag {
    padding: 7px 10px;
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.03);
    color: #0B54A0;
    font-size: 12px;
    font-weight: 600;
    line-height: 133%;
}
.hero-info__icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-info__icon img {
    width: 16px;
    height: auto;
    max-height: 100%;
}
.hero-info__title {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #20247A;
    font-family: "Nunito", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 150%;
}
.hero-info__title span {
    font-size: 26px;
}
.hero-info__text {
    color: #343E4A;
    font-size: 14px;
    line-height: 143%;
}


.hero-hits {
    padding-top: 30px;
    padding-bottom: 27px;
    background-color: #EFF5FB;
    order: 2;
    z-index: 2;
}

.hero-popular {
    padding-top: 184px;
    padding-bottom: 60px;
    order: 3;
    position: relative;
    z-index: 1;
}
.hero-popular_grid {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(6, 1fr);
    grid-gap: 10px;
    grid-template-areas: 
    "big big big big big medium medium medium medium large large large"
    "big big big big big medium medium medium medium large large large"
    "big big big big big small small small2 small2 large large large"
    "big big big big big small small small2 small2 large large large"
    "big big big big big medium2 medium2 medium2 medium2 large large large"
    "big big big big big medium2 medium2 medium2 medium2 large large large";
}
.hero-popular_box._big {
    grid-area: big;
    background-color: #0B54A0;
    color: #FFFFFF;
    padding: 40px;
    padding-bottom: 57px;
}
.hero-popular_box._big::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: #20247A;
    background: linear-gradient(62deg,rgba(32, 36, 122, 1) 0%, rgba(11, 88, 254, 1) 52%, rgba(23, 187, 238, 1) 100%);
    z-index: -2;
}
.hero-popular_box._medium-top {
    grid-area: medium;
    background-color: #E4F4DE;
}
.hero-popular_box._small {
    overflow: hidden;
}
.hero-popular_box._small::before {
    content: '';
    position: absolute;
    top: 55px;
    left: 7px;
    width: 358px;
    height: 359px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzU4IiBoZWlnaHQ9IjM1OSIgdmlld0JveD0iMCAwIDM1OCAzNTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQ3LjQ0NSAxNC40Mjc5QzIyNi4zNjggNS43NDAzMyAyMDMuMjU4IDAuODg5NDA0IDE3OSAwLjg4OTQwNEMxNTQuNzQyIDAuODg5NDA0IDEzMS42MzIgNS42OTYyMyAxMTAuNTU1IDE0LjQyNzlDODguNjgyNSAyMy40NjgzIDY4Ljk3NTMgMzYuNzQyMiA1Mi40NDk1IDUzLjIzNTNDMzUuOTY3OSA2OS42ODQ0IDIyLjY2NzcgODkuMzUyNyAxMy41NjUzIDExMS4yMjZDNC44NjA1MyAxMzIuMjYxIDAgMTU1LjMyNSAwIDE3OS41MzZDMCAyMDMuNzQ2IDQuODE2MzQgMjI2LjgxIDEzLjU2NTMgMjQ3Ljg0NkMyMi42MjM1IDI2OS42NzUgMzUuOTIzNyAyODkuMzQzIDUyLjQ0OTUgMzA1LjgzN0M2OC45MzExIDMyMi4yODYgODguNjM4NCAzMzUuNTU5IDExMC41NTUgMzQ0LjY0NEMxMzEuNjMyIDM1My4zMzIgMTU0Ljc0MiAzNTguMTgyIDE3OSAzNTguMTgyQzIwMy4yNTggMzU4LjE4MiAyMjYuMzY4IDM1My4zNzYgMjQ3LjQ0NSAzNDQuNjQ0QzI2OS4zMTcgMzM1LjYwNCAyODkuMDI1IDMyMi4zMyAzMDUuNTUgMzA1LjgzN0MzMjIuMDMyIDI4OS4zNDMgMzM1LjMzMiAyNjkuNzE5IDM0NC40MzUgMjQ3Ljg0NkMzNTMuMTM5IDIyNi44MSAzNTggMjAzLjc0NiAzNTggMTc5LjUzNkMzNTggMTU1LjMyNSAzNTMuMTg0IDEzMi4yNjEgMzQ0LjQzNSAxMTEuMjI2QzMzNS4zNzYgODkuMzk2OCAzMjIuMDc2IDY5LjcyODUgMzA1LjU1IDUzLjIzNTNDMjg5LjAyNSAzNi43NDIyIDI2OS4zNjIgMjMuNTEyNCAyNDcuNDQ1IDE0LjQyNzlaTTIzNy40MTUgMzguNjM4NUMyNTYuMTA2IDQ2LjM1NTkgMjcyLjk0MSA1Ny42ODk0IDI4Ni45OTIgNzEuNzEzQzMwMS4wNDMgODUuNzM2NiAzMTIuMzk5IDEwMi41MzggMzIwLjEzMiAxMjEuMTkyQzMyNy42IDEzOS4xNDEgMzMxLjcwOSAxNTguODUzIDMzMS43MDkgMTc5LjQ0OEMzMzEuNzA5IDIwMC4wNDIgMzI3LjYgMjE5Ljc1NSAzMjAuMTMyIDIzNy43MDNDMzEyLjM5OSAyNTYuMzU3IDMwMS4wNDMgMjczLjE1OSAyODYuOTkyIDI4Ny4xODJDMjcyLjk0MSAzMDEuMjA2IDI1Ni4xMDYgMzEyLjU0IDIzNy40MTUgMzIwLjI1N0MyMTkuNDMxIDMyNy43MSAxOTkuNjc5IDMzMS44MTEgMTc5LjA0NCAzMzEuODExQzE1OC40MDkgMzMxLjgxMSAxMzguNjU4IDMyNy43MSAxMjAuNjc0IDMyMC4yNTdDMTAxLjk4MyAzMTIuNTQgODUuMTQ3NiAzMDEuMjA2IDcxLjA5NjMgMjg3LjE4MkM1Ny4wNDQ5IDI3My4xNTkgNDUuNjg5IDI1Ni4zNTcgMzcuOTU2MyAyMzcuNzAzQzMwLjQ4ODggMjE5Ljc1NSAyNi4zNzk0IDIwMC4wNDIgMjYuMzc5NCAxNzkuNDQ4QzI2LjM3OTQgMTU4Ljg1MyAzMC40ODg4IDEzOS4xNDEgMzcuOTU2MyAxMjEuMTkyQzQ1LjY4OSAxMDIuNTM4IDU3LjA0NDkgODUuNzM2NiA3MS4wOTYzIDcxLjcxM0M4NS4xNDc2IDU3LjY4OTQgMTAxLjk4MyA0Ni4zNTU5IDEyMC42NzQgMzguNjM4NUMxMzguNjU4IDMxLjE4NTcgMTU4LjQwOSAyNy4wODQ0IDE3OS4wNDQgMjcuMDg0NEMxOTkuNjc5IDI3LjA4NDQgMjE5LjQzMSAzMS4xODU3IDIzNy40MTUgMzguNjM4NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjIxLjE1NCA3Ny44ODdDMjA4LjIwOCA3Mi41MDY5IDE5My45OCA2OS41NTIyIDE3OS4wNDQgNjkuNTUyMkMxNjQuMTA5IDY5LjU1MjIgMTQ5Ljg4MSA3Mi41MDY5IDEzNi45MzUgNzcuODg3QzEyMy40NTggODMuNDQzNSAxMTEuMzUxIDkxLjYwMTkgMTAxLjE4OCAxMDEuNzQ1QzkxLjAyNDcgMTExLjg4OCA4Mi44NTAyIDEyMy45NzEgNzcuMjgyNyAxMzcuNDIxQzcxLjkzNjEgMTUwLjM0MiA2OC45MzE0IDE2NC41NDIgNjguOTMxNCAxNzkuNDQ4QzY4LjkzMTQgMTk0LjM1MyA3MS44OTE5IDIwOC41NTMgNzcuMjgyNyAyMjEuNDc1QzgyLjg1MDIgMjM0LjkyNSA5MS4wMjQ3IDI0Ny4wMDggMTAxLjE4OCAyNTcuMTUxQzExMS4zNTEgMjY3LjI5NCAxMjMuNDU4IDI3NS40NTIgMTM2LjkzNSAyODEuMDA5QzE0OS44ODEgMjg2LjM4OSAxNjQuMTA5IDI4OS4zNDMgMTc5LjA0NCAyODkuMzQzQzE5My45OCAyODkuMzQzIDIwOC4yMDggMjg2LjM4OSAyMjEuMTU0IDI4MS4wMDlDMjM0LjYzMSAyNzUuNDUyIDI0Ni43MzggMjY3LjI5NCAyNTYuOTAxIDI1Ny4xNTFDMjY3LjA2NCAyNDcuMDA4IDI3NS4yMzkgMjM0LjkyNSAyODAuODA2IDIyMS40NzVDMjg2LjE5NyAyMDguNTUzIDI4OS4xNTggMTk0LjM1MyAyODkuMTU4IDE3OS40NDhDMjg5LjE1OCAxNjQuNTQyIDI4Ni4xOTcgMTUwLjM0MiAyODAuODA2IDEzNy40MjFDMjc1LjIzOSAxMjMuOTcxIDI2Ny4wNjQgMTExLjg4OCAyNTYuOTAxIDEwMS43NDVDMjQ2LjczOCA5MS42MDE5IDIzNC42MzEgODMuNDQzNSAyMjEuMTU0IDc3Ljg4N1pNMjEwLjg1OSAxMDIuNjI3QzIyMS4wNjYgMTA2Ljg2IDIzMC4yNTcgMTEzLjAzNCAyMzcuOTAxIDEyMC42NjNDMjQ1LjU0NSAxMjguMjkzIDI1MS43NzYgMTM3LjQ2NSAyNTUuOTczIDE0Ny42NTJDMjYwLjAzOSAxNTcuNDQyIDI2Mi4yOTIgMTY4LjIwMyAyNjIuMjkyIDE3OS40NDhDMjYyLjI5MiAxOTAuNjkzIDI2MC4wMzkgMjAxLjQ1MyAyNTUuOTczIDIxMS4yNDRDMjUxLjczMSAyMjEuNDMgMjQ1LjU0NSAyMzAuNjAzIDIzNy45MDEgMjM4LjIzMkMyMzAuMjU3IDI0NS44NjIgMjIxLjA2NiAyNTIuMDggMjEwLjg1OSAyNTYuMjY5QzIwMS4wNDkgMjYwLjMyNiAxOTAuMjY4IDI2Mi41NzUgMTc5IDI2Mi41NzVDMTY3LjczMyAyNjIuNTc1IDE1Ni45NTEgMjYwLjMyNiAxNDcuMTQyIDI1Ni4yNjlDMTM2LjkzNSAyNTIuMDM1IDEyNy43NDQgMjQ1Ljg2MiAxMjAuMSAyMzguMjMyQzExMi40MTEgMjMwLjU1OSAxMDYuMjI1IDIyMS40MyAxMDIuMDI3IDIxMS4yNDRDOTcuOTYyIDIwMS40NTMgOTUuNzA4NSAxOTAuNjkzIDk1LjcwODUgMTc5LjQ0OEM5NS43MDg1IDE2OC4yMDMgOTcuOTYyIDE1Ny40NDIgMTAyLjAyNyAxNDcuNjUyQzEwNi4yNjkgMTM3LjQ2NSAxMTIuNDU1IDEyOC4yOTMgMTIwLjEgMTIwLjY2M0MxMjcuNzg4IDExMi45OSAxMzYuOTM1IDEwNi44MTYgMTQ3LjE0MiAxMDIuNjI3QzE1Ni45NTEgOTguNTY5NiAxNjcuNzMzIDk2LjMyMDYgMTc5IDk2LjMyMDZDMTkwLjI2OCA5Ni4zMjA2IDIwMS4wNDkgOTguNTY5NiAyMTAuODU5IDEwMi42MjdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE5NS4zNDggMTQwLjExMUMxOTAuMzExIDEzOC4wMzggMTg0LjgzMiAxMzYuODkyIDE3OS4wNDMgMTM2Ljg5MkMxNzMuMjU1IDEzNi44OTIgMTY3LjczMiAxMzguMDM4IDE2Mi43MzkgMTQwLjExMUMxNTcuNTI1IDE0Mi4yNzIgMTUyLjg0MSAxNDUuNDQ3IDE0OC45MDggMTQ5LjM3MkMxNDQuOTc2IDE1My4yOTcgMTQxLjc5NCAxNTcuOTcxIDEzOS42MjkgMTYzLjE3NUMxMzcuNTUyIDE2OC4yMDIgMTM2LjQwMyAxNzMuNjcxIDEzNi40MDMgMTc5LjQ0OEMxMzYuNDAzIDE4NS4yMjUgMTM3LjU1MiAxOTAuNjkzIDEzOS42MjkgMTk1LjY3NkMxNDEuNzk0IDIwMC44OCAxNDQuOTc2IDIwNS41NTUgMTQ4LjkwOCAyMDkuNDc5TDE0OS4zMDYgMjA5Ljg3NkMxNTMuMTUgMjEzLjY2OSAxNTcuNzAxIDIxNi43MTIgMTYyLjczOSAyMTguNzg0QzE2Ny43NzYgMjIwLjg1NyAxNzMuMjU1IDIyMi4wMDQgMTc5LjA0MyAyMjIuMDA0QzE4NC44MzIgMjIyLjAwNCAxOTAuMzU1IDIyMC44NTcgMTk1LjM0OCAyMTguNzg0QzIwMC4zODYgMjE2LjcxMiAyMDQuOTM3IDIxMy42NjkgMjA4Ljc4MSAyMDkuOTJMMjA5LjE3OSAyMDkuNDc5QzIxMy4xMTEgMjA1LjU1NSAyMTYuMjkzIDIwMC44OCAyMTguNDU4IDE5NS42NzZDMjIwLjUzNSAxOTAuNjkzIDIyMS42ODQgMTg1LjE4MSAyMjEuNjg0IDE3OS40NDhDMjIxLjY4NCAxNzMuNzE1IDIyMC41MzUgMTY4LjE1OCAyMTguNDU4IDE2My4xNzVDMjE2LjI5MyAxNTcuOTcxIDIxMy4xMTEgMTUzLjI5NyAyMDkuMTc5IDE0OS4zNzJDMjA1LjI0NiAxNDUuNDQ3IDIwMC41NjIgMTQyLjI3MiAxOTUuMzQ4IDE0MC4xMTFaTTE4NS4yNzQgMTY0LjMyMkMxODcuMzA2IDE2NS4xNiAxODkuMTE4IDE2Ni4zOTQgMTkwLjYyIDE2Ny44OTRDMTkyLjEyMyAxNjkuMzkzIDE5My4zNiAxNzEuMjAxIDE5NC4xNTUgMTczLjIzQzE5NC45NTEgMTc1LjE3IDE5NS4zOTIgMTc3LjI4NyAxOTUuMzkyIDE3OS40OTJDMTk1LjM5MiAxODEuNjk3IDE5NC45NTEgMTgzLjgxNCAxOTQuMTU1IDE4NS43NTRDMTkzLjMxNiAxODcuNzgzIDE5Mi4xMjMgMTg5LjU5MSAxOTAuNjIgMTkxLjA5TDE4OS42NDggMTkyLjA2TDE4OS41NiAxOTEuOTcyQzE4OC4yNzggMTkzLjAzIDE4Ni44MiAxOTMuOTU2IDE4NS4yMyAxOTQuNTc0QzE4My4yODUgMTk1LjM2OCAxODEuMTY0IDE5NS44MDkgMTc4Ljk1NSAxOTUuODA5QzE3Ni43NDYgMTk1LjgwOSAxNzQuNjI1IDE5NS4zNjggMTcyLjY4MSAxOTQuNTc0QzE3MS4wOSAxOTMuOTEyIDE2OS42MzIgMTkzLjAzIDE2OC4zNSAxOTEuOTcyTDE2OC4yNjIgMTkyLjA2TDE2Ny4yOSAxOTEuMDlDMTY1Ljc4NyAxODkuNTkxIDE2NC41OTQgMTg3Ljc4MyAxNjMuNzU1IDE4NS43NTRDMTYyLjk1OSAxODMuODE0IDE2Mi41MTggMTgxLjY5NyAxNjIuNTE4IDE3OS40OTJDMTYyLjUxOCAxNzcuMjg3IDE2Mi45NTkgMTc1LjE3IDE2My43NTUgMTczLjIzQzE2NC41OTQgMTcxLjIwMSAxNjUuODMyIDE2OS4zOTMgMTY3LjMzNCAxNjcuODk0QzE2OC44MzYgMTY2LjM5NCAxNzAuNjQ4IDE2NS4xNiAxNzIuNjgxIDE2NC4zNjZDMTc0LjYyNSAxNjMuNTcyIDE3Ni43NDYgMTYzLjEzMSAxNzguOTU1IDE2My4xMzFDMTgxLjE2NCAxNjMuMTMxIDE4My4yODUgMTYzLjU3MiAxODUuMjMgMTY0LjM2NkwxODUuMjc0IDE2NC4zMjJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 0;
    z-index: -2;
}
.hero-popular_box._small-left {
    grid-area: small;
    background-color: #E9DFF6;
    z-index: 2;
}
.hero-popular_box._small-right {
    grid-area: small2;
    background-color: #D8EFEF;
    z-index: 2;
}
.hero-popular_box._medium-bottom {
    grid-area: medium2;
    background-color: #E7EDF3;
}
.hero-popular_box._large {
    grid-area: large;
    background-color: #FFFFFF;
    padding: 17px;
    border: 3px solid #BACFE3;
    z-index: 3;
}
.hero-popular_box {
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.hero-popular_box._medium::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -61px;
    transform: translateY(-50%);
    width: 358px;
    height: 359px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzU4IiBoZWlnaHQ9IjM1OSIgdmlld0JveD0iMCAwIDM1OCAzNTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQ3LjQ0NSAxNC40Mjc5QzIyNi4zNjggNS43NDAzMyAyMDMuMjU4IDAuODg5NDA0IDE3OSAwLjg4OTQwNEMxNTQuNzQyIDAuODg5NDA0IDEzMS42MzIgNS42OTYyMyAxMTAuNTU1IDE0LjQyNzlDODguNjgyNSAyMy40NjgzIDY4Ljk3NTMgMzYuNzQyMiA1Mi40NDk1IDUzLjIzNTNDMzUuOTY3OSA2OS42ODQ0IDIyLjY2NzcgODkuMzUyNyAxMy41NjUzIDExMS4yMjZDNC44NjA1MyAxMzIuMjYxIDAgMTU1LjMyNSAwIDE3OS41MzZDMCAyMDMuNzQ2IDQuODE2MzQgMjI2LjgxIDEzLjU2NTMgMjQ3Ljg0NkMyMi42MjM1IDI2OS42NzUgMzUuOTIzNyAyODkuMzQzIDUyLjQ0OTUgMzA1LjgzN0M2OC45MzExIDMyMi4yODYgODguNjM4NCAzMzUuNTU5IDExMC41NTUgMzQ0LjY0NEMxMzEuNjMyIDM1My4zMzIgMTU0Ljc0MiAzNTguMTgyIDE3OSAzNTguMTgyQzIwMy4yNTggMzU4LjE4MiAyMjYuMzY4IDM1My4zNzYgMjQ3LjQ0NSAzNDQuNjQ0QzI2OS4zMTcgMzM1LjYwNCAyODkuMDI1IDMyMi4zMyAzMDUuNTUgMzA1LjgzN0MzMjIuMDMyIDI4OS4zNDMgMzM1LjMzMiAyNjkuNzE5IDM0NC40MzUgMjQ3Ljg0NkMzNTMuMTM5IDIyNi44MSAzNTggMjAzLjc0NiAzNTggMTc5LjUzNkMzNTggMTU1LjMyNSAzNTMuMTg0IDEzMi4yNjEgMzQ0LjQzNSAxMTEuMjI2QzMzNS4zNzYgODkuMzk2OCAzMjIuMDc2IDY5LjcyODUgMzA1LjU1IDUzLjIzNTNDMjg5LjAyNSAzNi43NDIyIDI2OS4zNjIgMjMuNTEyNCAyNDcuNDQ1IDE0LjQyNzlaTTIzNy40MTUgMzguNjM4NUMyNTYuMTA2IDQ2LjM1NTkgMjcyLjk0MSA1Ny42ODk0IDI4Ni45OTIgNzEuNzEzQzMwMS4wNDMgODUuNzM2NiAzMTIuMzk5IDEwMi41MzggMzIwLjEzMiAxMjEuMTkyQzMyNy42IDEzOS4xNDEgMzMxLjcwOSAxNTguODUzIDMzMS43MDkgMTc5LjQ0OEMzMzEuNzA5IDIwMC4wNDIgMzI3LjYgMjE5Ljc1NSAzMjAuMTMyIDIzNy43MDNDMzEyLjM5OSAyNTYuMzU3IDMwMS4wNDMgMjczLjE1OSAyODYuOTkyIDI4Ny4xODJDMjcyLjk0MSAzMDEuMjA2IDI1Ni4xMDYgMzEyLjU0IDIzNy40MTUgMzIwLjI1N0MyMTkuNDMxIDMyNy43MSAxOTkuNjc5IDMzMS44MTEgMTc5LjA0NCAzMzEuODExQzE1OC40MDkgMzMxLjgxMSAxMzguNjU4IDMyNy43MSAxMjAuNjc0IDMyMC4yNTdDMTAxLjk4MyAzMTIuNTQgODUuMTQ3NiAzMDEuMjA2IDcxLjA5NjMgMjg3LjE4MkM1Ny4wNDQ5IDI3My4xNTkgNDUuNjg5IDI1Ni4zNTcgMzcuOTU2MyAyMzcuNzAzQzMwLjQ4ODggMjE5Ljc1NSAyNi4zNzk0IDIwMC4wNDIgMjYuMzc5NCAxNzkuNDQ4QzI2LjM3OTQgMTU4Ljg1MyAzMC40ODg4IDEzOS4xNDEgMzcuOTU2MyAxMjEuMTkyQzQ1LjY4OSAxMDIuNTM4IDU3LjA0NDkgODUuNzM2NiA3MS4wOTYzIDcxLjcxM0M4NS4xNDc2IDU3LjY4OTQgMTAxLjk4MyA0Ni4zNTU5IDEyMC42NzQgMzguNjM4NUMxMzguNjU4IDMxLjE4NTcgMTU4LjQwOSAyNy4wODQ0IDE3OS4wNDQgMjcuMDg0NEMxOTkuNjc5IDI3LjA4NDQgMjE5LjQzMSAzMS4xODU3IDIzNy40MTUgMzguNjM4NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjIxLjE1NCA3Ny44ODdDMjA4LjIwOCA3Mi41MDY5IDE5My45OCA2OS41NTIyIDE3OS4wNDQgNjkuNTUyMkMxNjQuMTA5IDY5LjU1MjIgMTQ5Ljg4MSA3Mi41MDY5IDEzNi45MzUgNzcuODg3QzEyMy40NTggODMuNDQzNSAxMTEuMzUxIDkxLjYwMTkgMTAxLjE4OCAxMDEuNzQ1QzkxLjAyNDcgMTExLjg4OCA4Mi44NTAyIDEyMy45NzEgNzcuMjgyNyAxMzcuNDIxQzcxLjkzNjEgMTUwLjM0MiA2OC45MzE0IDE2NC41NDIgNjguOTMxNCAxNzkuNDQ4QzY4LjkzMTQgMTk0LjM1MyA3MS44OTE5IDIwOC41NTMgNzcuMjgyNyAyMjEuNDc1QzgyLjg1MDIgMjM0LjkyNSA5MS4wMjQ3IDI0Ny4wMDggMTAxLjE4OCAyNTcuMTUxQzExMS4zNTEgMjY3LjI5NCAxMjMuNDU4IDI3NS40NTIgMTM2LjkzNSAyODEuMDA5QzE0OS44ODEgMjg2LjM4OSAxNjQuMTA5IDI4OS4zNDMgMTc5LjA0NCAyODkuMzQzQzE5My45OCAyODkuMzQzIDIwOC4yMDggMjg2LjM4OSAyMjEuMTU0IDI4MS4wMDlDMjM0LjYzMSAyNzUuNDUyIDI0Ni43MzggMjY3LjI5NCAyNTYuOTAxIDI1Ny4xNTFDMjY3LjA2NCAyNDcuMDA4IDI3NS4yMzkgMjM0LjkyNSAyODAuODA2IDIyMS40NzVDMjg2LjE5NyAyMDguNTUzIDI4OS4xNTggMTk0LjM1MyAyODkuMTU4IDE3OS40NDhDMjg5LjE1OCAxNjQuNTQyIDI4Ni4xOTcgMTUwLjM0MiAyODAuODA2IDEzNy40MjFDMjc1LjIzOSAxMjMuOTcxIDI2Ny4wNjQgMTExLjg4OCAyNTYuOTAxIDEwMS43NDVDMjQ2LjczOCA5MS42MDE5IDIzNC42MzEgODMuNDQzNSAyMjEuMTU0IDc3Ljg4N1pNMjEwLjg1OSAxMDIuNjI3QzIyMS4wNjYgMTA2Ljg2IDIzMC4yNTcgMTEzLjAzNCAyMzcuOTAxIDEyMC42NjNDMjQ1LjU0NSAxMjguMjkzIDI1MS43NzYgMTM3LjQ2NSAyNTUuOTczIDE0Ny42NTJDMjYwLjAzOSAxNTcuNDQyIDI2Mi4yOTIgMTY4LjIwMyAyNjIuMjkyIDE3OS40NDhDMjYyLjI5MiAxOTAuNjkzIDI2MC4wMzkgMjAxLjQ1MyAyNTUuOTczIDIxMS4yNDRDMjUxLjczMSAyMjEuNDMgMjQ1LjU0NSAyMzAuNjAzIDIzNy45MDEgMjM4LjIzMkMyMzAuMjU3IDI0NS44NjIgMjIxLjA2NiAyNTIuMDggMjEwLjg1OSAyNTYuMjY5QzIwMS4wNDkgMjYwLjMyNiAxOTAuMjY4IDI2Mi41NzUgMTc5IDI2Mi41NzVDMTY3LjczMyAyNjIuNTc1IDE1Ni45NTEgMjYwLjMyNiAxNDcuMTQyIDI1Ni4yNjlDMTM2LjkzNSAyNTIuMDM1IDEyNy43NDQgMjQ1Ljg2MiAxMjAuMSAyMzguMjMyQzExMi40MTEgMjMwLjU1OSAxMDYuMjI1IDIyMS40MyAxMDIuMDI3IDIxMS4yNDRDOTcuOTYyIDIwMS40NTMgOTUuNzA4NSAxOTAuNjkzIDk1LjcwODUgMTc5LjQ0OEM5NS43MDg1IDE2OC4yMDMgOTcuOTYyIDE1Ny40NDIgMTAyLjAyNyAxNDcuNjUyQzEwNi4yNjkgMTM3LjQ2NSAxMTIuNDU1IDEyOC4yOTMgMTIwLjEgMTIwLjY2M0MxMjcuNzg4IDExMi45OSAxMzYuOTM1IDEwNi44MTYgMTQ3LjE0MiAxMDIuNjI3QzE1Ni45NTEgOTguNTY5NiAxNjcuNzMzIDk2LjMyMDYgMTc5IDk2LjMyMDZDMTkwLjI2OCA5Ni4zMjA2IDIwMS4wNDkgOTguNTY5NiAyMTAuODU5IDEwMi42MjdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE5NS4zNDggMTQwLjExMUMxOTAuMzExIDEzOC4wMzggMTg0LjgzMiAxMzYuODkyIDE3OS4wNDMgMTM2Ljg5MkMxNzMuMjU1IDEzNi44OTIgMTY3LjczMiAxMzguMDM4IDE2Mi43MzkgMTQwLjExMUMxNTcuNTI1IDE0Mi4yNzIgMTUyLjg0MSAxNDUuNDQ3IDE0OC45MDggMTQ5LjM3MkMxNDQuOTc2IDE1My4yOTcgMTQxLjc5NCAxNTcuOTcxIDEzOS42MjkgMTYzLjE3NUMxMzcuNTUyIDE2OC4yMDIgMTM2LjQwMyAxNzMuNjcxIDEzNi40MDMgMTc5LjQ0OEMxMzYuNDAzIDE4NS4yMjUgMTM3LjU1MiAxOTAuNjkzIDEzOS42MjkgMTk1LjY3NkMxNDEuNzk0IDIwMC44OCAxNDQuOTc2IDIwNS41NTUgMTQ4LjkwOCAyMDkuNDc5TDE0OS4zMDYgMjA5Ljg3NkMxNTMuMTUgMjEzLjY2OSAxNTcuNzAxIDIxNi43MTIgMTYyLjczOSAyMTguNzg0QzE2Ny43NzYgMjIwLjg1NyAxNzMuMjU1IDIyMi4wMDQgMTc5LjA0MyAyMjIuMDA0QzE4NC44MzIgMjIyLjAwNCAxOTAuMzU1IDIyMC44NTcgMTk1LjM0OCAyMTguNzg0QzIwMC4zODYgMjE2LjcxMiAyMDQuOTM3IDIxMy42NjkgMjA4Ljc4MSAyMDkuOTJMMjA5LjE3OSAyMDkuNDc5QzIxMy4xMTEgMjA1LjU1NSAyMTYuMjkzIDIwMC44OCAyMTguNDU4IDE5NS42NzZDMjIwLjUzNSAxOTAuNjkzIDIyMS42ODQgMTg1LjE4MSAyMjEuNjg0IDE3OS40NDhDMjIxLjY4NCAxNzMuNzE1IDIyMC41MzUgMTY4LjE1OCAyMTguNDU4IDE2My4xNzVDMjE2LjI5MyAxNTcuOTcxIDIxMy4xMTEgMTUzLjI5NyAyMDkuMTc5IDE0OS4zNzJDMjA1LjI0NiAxNDUuNDQ3IDIwMC41NjIgMTQyLjI3MiAxOTUuMzQ4IDE0MC4xMTFaTTE4NS4yNzQgMTY0LjMyMkMxODcuMzA2IDE2NS4xNiAxODkuMTE4IDE2Ni4zOTQgMTkwLjYyIDE2Ny44OTRDMTkyLjEyMyAxNjkuMzkzIDE5My4zNiAxNzEuMjAxIDE5NC4xNTUgMTczLjIzQzE5NC45NTEgMTc1LjE3IDE5NS4zOTIgMTc3LjI4NyAxOTUuMzkyIDE3OS40OTJDMTk1LjM5MiAxODEuNjk3IDE5NC45NTEgMTgzLjgxNCAxOTQuMTU1IDE4NS43NTRDMTkzLjMxNiAxODcuNzgzIDE5Mi4xMjMgMTg5LjU5MSAxOTAuNjIgMTkxLjA5TDE4OS42NDggMTkyLjA2TDE4OS41NiAxOTEuOTcyQzE4OC4yNzggMTkzLjAzIDE4Ni44MiAxOTMuOTU2IDE4NS4yMyAxOTQuNTc0QzE4My4yODUgMTk1LjM2OCAxODEuMTY0IDE5NS44MDkgMTc4Ljk1NSAxOTUuODA5QzE3Ni43NDYgMTk1LjgwOSAxNzQuNjI1IDE5NS4zNjggMTcyLjY4MSAxOTQuNTc0QzE3MS4wOSAxOTMuOTEyIDE2OS42MzIgMTkzLjAzIDE2OC4zNSAxOTEuOTcyTDE2OC4yNjIgMTkyLjA2TDE2Ny4yOSAxOTEuMDlDMTY1Ljc4NyAxODkuNTkxIDE2NC41OTQgMTg3Ljc4MyAxNjMuNzU1IDE4NS43NTRDMTYyLjk1OSAxODMuODE0IDE2Mi41MTggMTgxLjY5NyAxNjIuNTE4IDE3OS40OTJDMTYyLjUxOCAxNzcuMjg3IDE2Mi45NTkgMTc1LjE3IDE2My43NTUgMTczLjIzQzE2NC41OTQgMTcxLjIwMSAxNjUuODMyIDE2OS4zOTMgMTY3LjMzNCAxNjcuODk0QzE2OC44MzYgMTY2LjM5NCAxNzAuNjQ4IDE2NS4xNiAxNzIuNjgxIDE2NC4zNjZDMTc0LjYyNSAxNjMuNTcyIDE3Ni43NDYgMTYzLjEzMSAxNzguOTU1IDE2My4xMzFDMTgxLjE2NCAxNjMuMTMxIDE4My4yODUgMTYzLjU3MiAxODUuMjMgMTY0LjM2NkwxODUuMjc0IDE2NC4zMjJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 0;
    z-index: -2;
}
.hero-popular_box._large::before {
    content: '';
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    width: 358px;
    height: 359px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzU4IiBoZWlnaHQ9IjM1OSIgdmlld0JveD0iMCAwIDM1OCAzNTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuMSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQ3LjQ0NSAxNC40Mjc5QzIyNi4zNjggNS43NDAzMyAyMDMuMjU4IDAuODg5NDA0IDE3OSAwLjg4OTQwNEMxNTQuNzQyIDAuODg5NDA0IDEzMS42MzIgNS42OTYyMyAxMTAuNTU1IDE0LjQyNzlDODguNjgyNSAyMy40NjgzIDY4Ljk3NTMgMzYuNzQyMiA1Mi40NDk1IDUzLjIzNTNDMzUuOTY3OSA2OS42ODQ0IDIyLjY2NzcgODkuMzUyNyAxMy41NjUzIDExMS4yMjZDNC44NjA1MyAxMzIuMjYxIDAgMTU1LjMyNSAwIDE3OS41MzZDMCAyMDMuNzQ2IDQuODE2MzQgMjI2LjgxIDEzLjU2NTMgMjQ3Ljg0NkMyMi42MjM1IDI2OS42NzUgMzUuOTIzNyAyODkuMzQzIDUyLjQ0OTUgMzA1LjgzN0M2OC45MzExIDMyMi4yODYgODguNjM4NCAzMzUuNTU5IDExMC41NTUgMzQ0LjY0NEMxMzEuNjMyIDM1My4zMzIgMTU0Ljc0MiAzNTguMTgyIDE3OSAzNTguMTgyQzIwMy4yNTggMzU4LjE4MiAyMjYuMzY4IDM1My4zNzYgMjQ3LjQ0NSAzNDQuNjQ0QzI2OS4zMTcgMzM1LjYwNCAyODkuMDI1IDMyMi4zMyAzMDUuNTUgMzA1LjgzN0MzMjIuMDMyIDI4OS4zNDMgMzM1LjMzMiAyNjkuNzE5IDM0NC40MzUgMjQ3Ljg0NkMzNTMuMTM5IDIyNi44MSAzNTggMjAzLjc0NiAzNTggMTc5LjUzNkMzNTggMTU1LjMyNSAzNTMuMTg0IDEzMi4yNjEgMzQ0LjQzNSAxMTEuMjI2QzMzNS4zNzYgODkuMzk2OCAzMjIuMDc2IDY5LjcyODUgMzA1LjU1IDUzLjIzNTNDMjg5LjAyNSAzNi43NDIyIDI2OS4zNjIgMjMuNTEyNCAyNDcuNDQ1IDE0LjQyNzlaTTIzNy40MTUgMzguNjM4NUMyNTYuMTA2IDQ2LjM1NTkgMjcyLjk0MSA1Ny42ODk0IDI4Ni45OTIgNzEuNzEzQzMwMS4wNDMgODUuNzM2NiAzMTIuMzk5IDEwMi41MzggMzIwLjEzMiAxMjEuMTkyQzMyNy42IDEzOS4xNDEgMzMxLjcwOSAxNTguODUzIDMzMS43MDkgMTc5LjQ0OEMzMzEuNzA5IDIwMC4wNDIgMzI3LjYgMjE5Ljc1NSAzMjAuMTMyIDIzNy43MDNDMzEyLjM5OSAyNTYuMzU3IDMwMS4wNDMgMjczLjE1OSAyODYuOTkyIDI4Ny4xODJDMjcyLjk0MSAzMDEuMjA2IDI1Ni4xMDYgMzEyLjU0IDIzNy40MTUgMzIwLjI1N0MyMTkuNDMxIDMyNy43MSAxOTkuNjc5IDMzMS44MTEgMTc5LjA0NCAzMzEuODExQzE1OC40MDkgMzMxLjgxMSAxMzguNjU4IDMyNy43MSAxMjAuNjc0IDMyMC4yNTdDMTAxLjk4MyAzMTIuNTQgODUuMTQ3NiAzMDEuMjA2IDcxLjA5NjMgMjg3LjE4MkM1Ny4wNDQ5IDI3My4xNTkgNDUuNjg5IDI1Ni4zNTcgMzcuOTU2MyAyMzcuNzAzQzMwLjQ4ODggMjE5Ljc1NSAyNi4zNzk0IDIwMC4wNDIgMjYuMzc5NCAxNzkuNDQ4QzI2LjM3OTQgMTU4Ljg1MyAzMC40ODg4IDEzOS4xNDEgMzcuOTU2MyAxMjEuMTkyQzQ1LjY4OSAxMDIuNTM4IDU3LjA0NDkgODUuNzM2NiA3MS4wOTYzIDcxLjcxM0M4NS4xNDc2IDU3LjY4OTQgMTAxLjk4MyA0Ni4zNTU5IDEyMC42NzQgMzguNjM4NUMxMzguNjU4IDMxLjE4NTcgMTU4LjQwOSAyNy4wODQ0IDE3OS4wNDQgMjcuMDg0NEMxOTkuNjc5IDI3LjA4NDQgMjE5LjQzMSAzMS4xODU3IDIzNy40MTUgMzguNjM4NVoiIGZpbGw9IiNCQUNGRTMiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMjEuMTU1IDc3Ljg4N0MyMDguMjA4IDcyLjUwNjkgMTkzLjk4IDY5LjU1MjIgMTc5LjA0NSA2OS41NTIyQzE2NC4xMSA2OS41NTIyIDE0OS44ODIgNzIuNTA2OSAxMzYuOTM1IDc3Ljg4N0MxMjMuNDU4IDgzLjQ0MzUgMTExLjM1MSA5MS42MDE5IDEwMS4xODggMTAxLjc0NUM5MS4wMjQ5IDExMS44ODggODIuODUwNCAxMjMuOTcxIDc3LjI4MjkgMTM3LjQyMUM3MS45MzYzIDE1MC4zNDIgNjguOTMxNiAxNjQuNTQyIDY4LjkzMTYgMTc5LjQ0OEM2OC45MzE2IDE5NC4zNTMgNzEuODkyMSAyMDguNTUzIDc3LjI4MjkgMjIxLjQ3NUM4Mi44NTA0IDIzNC45MjUgOTEuMDI0OSAyNDcuMDA4IDEwMS4xODggMjU3LjE1MUMxMTEuMzUxIDI2Ny4yOTQgMTIzLjQ1OCAyNzUuNDUyIDEzNi45MzUgMjgxLjAwOUMxNDkuODgyIDI4Ni4zODkgMTY0LjExIDI4OS4zNDMgMTc5LjA0NSAyODkuMzQzQzE5My45OCAyODkuMzQzIDIwOC4yMDggMjg2LjM4OSAyMjEuMTU1IDI4MS4wMDlDMjM0LjYzMSAyNzUuNDUyIDI0Ni43MzkgMjY3LjI5NCAyNTYuOTAyIDI1Ny4xNTFDMjY3LjA2NCAyNDcuMDA4IDI3NS4yMzkgMjM0LjkyNSAyODAuODA2IDIyMS40NzVDMjg2LjE5NyAyMDguNTUzIDI4OS4xNTggMTk0LjM1MyAyODkuMTU4IDE3OS40NDhDMjg5LjE1OCAxNjQuNTQyIDI4Ni4xOTcgMTUwLjM0MiAyODAuODA2IDEzNy40MjFDMjc1LjIzOSAxMjMuOTcxIDI2Ny4wNjQgMTExLjg4OCAyNTYuOTAyIDEwMS43NDVDMjQ2LjczOSA5MS42MDE5IDIzNC42MzEgODMuNDQzNSAyMjEuMTU1IDc3Ljg4N1pNMjEwLjg1OSAxMDIuNjI3QzIyMS4wNjYgMTA2Ljg2IDIzMC4yNTcgMTEzLjAzNCAyMzcuOTAxIDEyMC42NjNDMjQ1LjU0NiAxMjguMjkzIDI1MS43NzYgMTM3LjQ2NSAyNTUuOTc0IDE0Ny42NTJDMjYwLjAzOSAxNTcuNDQyIDI2Mi4yOTIgMTY4LjIwMyAyNjIuMjkyIDE3OS40NDhDMjYyLjI5MiAxOTAuNjkzIDI2MC4wMzkgMjAxLjQ1MyAyNTUuOTc0IDIxMS4yNDRDMjUxLjczMiAyMjEuNDMgMjQ1LjU0NiAyMzAuNjAzIDIzNy45MDEgMjM4LjIzMkMyMzAuMjU3IDI0NS44NjIgMjIxLjA2NiAyNTIuMDggMjEwLjg1OSAyNTYuMjY5QzIwMS4wNSAyNjAuMzI2IDE5MC4yNjggMjYyLjU3NSAxNzkuMDAxIDI2Mi41NzVDMTY3LjczMyAyNjIuNTc1IDE1Ni45NTEgMjYwLjMyNiAxNDcuMTQyIDI1Ni4yNjlDMTM2LjkzNSAyNTIuMDM1IDEyNy43NDQgMjQ1Ljg2MiAxMjAuMSAyMzguMjMyQzExMi40MTEgMjMwLjU1OSAxMDYuMjI1IDIyMS40MyAxMDIuMDI3IDIxMS4yNDRDOTcuOTYyMiAyMDEuNDUzIDk1LjcwODcgMTkwLjY5MyA5NS43MDg3IDE3OS40NDhDOTUuNzA4NyAxNjguMjAzIDk3Ljk2MjIgMTU3LjQ0MiAxMDIuMDI3IDE0Ny42NTJDMTA2LjI2OSAxMzcuNDY1IDExMi40NTUgMTI4LjI5MyAxMjAuMSAxMjAuNjYzQzEyNy43ODggMTEyLjk5IDEzNi45MzUgMTA2LjgxNiAxNDcuMTQyIDEwMi42MjdDMTU2Ljk1MSA5OC41Njk2IDE2Ny43MzMgOTYuMzIwNiAxNzkuMDAxIDk2LjMyMDZDMTkwLjI2OCA5Ni4zMjA2IDIwMS4wNSA5OC41Njk2IDIxMC44NTkgMTAyLjYyN1oiIGZpbGw9IiNCQUNGRTMiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTUuMzQ4IDE0MC4xMTFDMTkwLjMxMSAxMzguMDM4IDE4NC44MzIgMTM2Ljg5MiAxNzkuMDQzIDEzNi44OTJDMTczLjI1NSAxMzYuODkyIDE2Ny43MzIgMTM4LjAzOCAxNjIuNzM5IDE0MC4xMTFDMTU3LjUyNSAxNDIuMjcyIDE1Mi44NDEgMTQ1LjQ0NyAxNDguOTA4IDE0OS4zNzJDMTQ0Ljk3NiAxNTMuMjk3IDE0MS43OTQgMTU3Ljk3MSAxMzkuNjI5IDE2My4xNzVDMTM3LjU1MiAxNjguMjAyIDEzNi40MDMgMTczLjY3MSAxMzYuNDAzIDE3OS40NDhDMTM2LjQwMyAxODUuMjI1IDEzNy41NTIgMTkwLjY5MyAxMzkuNjI5IDE5NS42NzZDMTQxLjc5NCAyMDAuODggMTQ0Ljk3NiAyMDUuNTU1IDE0OC45MDggMjA5LjQ3OUwxNDkuMzA2IDIwOS44NzZDMTUzLjE1IDIxMy42NjkgMTU3LjcwMSAyMTYuNzEyIDE2Mi43MzkgMjE4Ljc4NEMxNjcuNzc2IDIyMC44NTcgMTczLjI1NSAyMjIuMDA0IDE3OS4wNDMgMjIyLjAwNEMxODQuODMyIDIyMi4wMDQgMTkwLjM1NSAyMjAuODU3IDE5NS4zNDggMjE4Ljc4NEMyMDAuMzg2IDIxNi43MTIgMjA0LjkzNyAyMTMuNjY5IDIwOC43ODEgMjA5LjkyTDIwOS4xNzkgMjA5LjQ3OUMyMTMuMTExIDIwNS41NTUgMjE2LjI5MyAyMDAuODggMjE4LjQ1OCAxOTUuNjc2QzIyMC41MzUgMTkwLjY5MyAyMjEuNjg0IDE4NS4xODEgMjIxLjY4NCAxNzkuNDQ4QzIyMS42ODQgMTczLjcxNSAyMjAuNTM1IDE2OC4xNTggMjE4LjQ1OCAxNjMuMTc1QzIxNi4yOTMgMTU3Ljk3MSAyMTMuMTExIDE1My4yOTcgMjA5LjE3OSAxNDkuMzcyQzIwNS4yNDYgMTQ1LjQ0NyAyMDAuNTYyIDE0Mi4yNzIgMTk1LjM0OCAxNDAuMTExWk0xODUuMjc0IDE2NC4zMjJDMTg3LjMwNiAxNjUuMTYgMTg5LjExOCAxNjYuMzk0IDE5MC42MiAxNjcuODk0QzE5Mi4xMjMgMTY5LjM5MyAxOTMuMzYgMTcxLjIwMSAxOTQuMTU1IDE3My4yM0MxOTQuOTUxIDE3NS4xNyAxOTUuMzkyIDE3Ny4yODcgMTk1LjM5MiAxNzkuNDkyQzE5NS4zOTIgMTgxLjY5NyAxOTQuOTUxIDE4My44MTQgMTk0LjE1NSAxODUuNzU0QzE5My4zMTYgMTg3Ljc4MyAxOTIuMTIzIDE4OS41OTEgMTkwLjYyIDE5MS4wOUwxODkuNjQ4IDE5Mi4wNkwxODkuNTYgMTkxLjk3MkMxODguMjc4IDE5My4wMyAxODYuODIgMTkzLjk1NiAxODUuMjMgMTk0LjU3NEMxODMuMjg1IDE5NS4zNjggMTgxLjE2NCAxOTUuODA5IDE3OC45NTUgMTk1LjgwOUMxNzYuNzQ2IDE5NS44MDkgMTc0LjYyNSAxOTUuMzY4IDE3Mi42ODEgMTk0LjU3NEMxNzEuMDkgMTkzLjkxMiAxNjkuNjMyIDE5My4wMyAxNjguMzUgMTkxLjk3MkwxNjguMjYyIDE5Mi4wNkwxNjcuMjkgMTkxLjA5QzE2NS43ODcgMTg5LjU5MSAxNjQuNTk0IDE4Ny43ODMgMTYzLjc1NSAxODUuNzU0QzE2Mi45NTkgMTgzLjgxNCAxNjIuNTE4IDE4MS42OTcgMTYyLjUxOCAxNzkuNDkyQzE2Mi41MTggMTc3LjI4NyAxNjIuOTU5IDE3NS4xNyAxNjMuNzU1IDE3My4yM0MxNjQuNTk0IDE3MS4yMDEgMTY1LjgzMiAxNjkuMzkzIDE2Ny4zMzQgMTY3Ljg5NEMxNjguODM2IDE2Ni4zOTQgMTcwLjY0OCAxNjUuMTYgMTcyLjY4MSAxNjQuMzY2QzE3NC42MjUgMTYzLjU3MiAxNzYuNzQ2IDE2My4xMzEgMTc4Ljk1NSAxNjMuMTMxQzE4MS4xNjQgMTYzLjEzMSAxODMuMjg1IDE2My41NzIgMTg1LjIzIDE2NC4zNjZMMTg1LjI3NCAxNjQuMzIyWiIgZmlsbD0iI0JBQ0ZFMyIvPgo8L2c+Cjwvc3ZnPgo=);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 0;
    z-index: -2;
}
.hero-popular__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    border-radius: 20px;
}
.hero-popular_top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.hero-popular__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #FFFFFF;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.03);
}
.hero-popular_box._large .hero-popular__icon {
    box-shadow: 0 11px 18px 0 rgba(8, 37, 67, 0.06);
}
.hero-popular__icon img {
    width: 18px;
    height: auto;
}

.hero-popular__pic {
    position: absolute;
    z-index: -1;
    border-radius: 20px;
}
.hero-popular_box._big .hero-popular__pic {
    width: 100%;
    left: 0;
    top: -14px;
}
.hero-popular_box._medium-top .hero-popular__pic {
    width: 263px;
    height: auto;
    bottom: 0;
    right: 0;
}
.hero-popular_box._medium-bottom .hero-popular__pic {
    width: 157px;
    height: auto;
    bottom: 0;
    right: 24px;
    border-radius: 0;
}
.hero-popular_box._small .hero-popular__pic {
    height: auto;
    bottom: 0;
    right: 0;
    transition: .3s;
    transform-origin: 100% 100%;
}
.hero-popular_box._small:hover .hero-popular__pic {
    transform: scale(1.02);
}
.hero-popular_box._small-left .hero-popular__pic {
    width: 162px;
}
.hero-popular_box._small-right .hero-popular__pic {
    width: 216px;
}
.hero-popular__link {
    display: flex;
    width: 239px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 26px;
    margin-bottom: 34px;
}
.hero-popular__link:hover {
    transform: scale(1.02);
}
.hero-popular_box._large .hero-popular__pic {
    position: static;
    width: 100%;
    height: auto;
}
.hero-popular_count {
    display: inline-block;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.03);
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 133%;
}
.hero-popular_box._big .hero-popular_count {
    padding: 6px 9px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    background: transparent;
}
.hero-popular_box._medium-top .hero-popular_count {
    color: #5E920A;
}
.hero-popular_box._large .hero-popular_count {
    box-shadow: 0 11px 18px 0 rgba(8, 37, 67, 0.06);
    color: #20517A;
}
.hero-popular_box._small-left .hero-popular_count {
    color: #49207A;
}
.hero-popular_box._small-right .hero-popular_count {
    color: #00A5E6;
}
.hero-popular_box._medium-bottom .hero-popular_count {
    color: #20517A;
}
.hero-popular_box._big .hero-popular_content {
    max-width: 328px;
}
.hero-popular_box._medium-top .hero-popular_content {
    max-width: 197px;
}
.hero-popular_box._medium-bottom .hero-popular_content {
    max-width: 275px;
}
.hero-popular_box._small .hero-popular_content {
    max-width: 80px;
}
.hero-popular_box__title {
    color: #343E4A;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
}
.hero-popular_box._big .hero-popular_box__title {
    color: #FFFFFF;
    font-size: 38px;
    font-weight: 800;
    line-height: 40px;
}
.hero-popular_box._small .hero-popular_box__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}
.hero-popular__text {
    margin-top: 6px;
    color: #343E4A;
    font-size: 13px;
    font-weight: 500;
    line-height: 138%;
}
.hero-popular_box._big .hero-popular__text {
    margin-top: 5px;
    color: rgb(231, 237, 243, 0.7);
    font-size: 15px;
    line-height: 140%;
}
.hero-popular_tags {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 15px;
}
.hero-popular_box._large .hero-popular_tags {
    margin-top: 6px;
}
.hero-popular__tag {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    padding: 7px 15px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    line-height: 138%;
}
.hero-popular__tag:hover {
    background-color: #FFFFFF;
    color: #20517A;
}

.hero-popular_box._large .hero-popular__tag {
    border: 1px solid rgba(186, 207, 227, 0.45);
    background-color: #FFFFFF;
    padding: 6px 14px;
    color: #20517A;
}
.hero-popular_box._large .hero-popular__tag:hover {
    background-color: #20517A;
    border-color: #20517A;
    color: #FFFFFF;
}
.hero-popular__btn {
    position: absolute;
    right: 25px;
    bottom: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    width: 50px;
    height: 50px;
    box-shadow: 0 11px 18px 0 rgba(8, 37, 67, 0.06);
}
.hero-popular__btn:hover {
    background-color: #19D8C4;
}
.hero-popular__btn svg path {
    transition: .3s;
}
.hero-popular__btn:hover svg path {
    stroke: #20247A;
}
.hero-popular_box._big .hero-popular__btn {
    bottom: 40px;
    right: 40px;
    border-radius: 14px;
    width: 67px;
    height: 67px;
}
.hero-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}
.hero-bottom__btn {
    width: 222px;
    height: 44px;
}


.hero-discounted {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    z-index: 2;
    order: 4;
}
.hero-discounted_slider {
    margin-top: 30px;
}


.hero-cats {
    order: 5;
}
.hero-cats_slider {
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: visible;
}
.hero-cat {
    padding: 19px;
    border-radius: 20px;
    border: 1px solid #E7EDF3;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.hero-cat.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.hero-cat:hover {
    border-color: #20247A;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(32, 36, 122, 1) inset;
    -moz-box-shadow: 0px 0px 0px 1px rgba(32, 36, 122, 1) inset;
    box-shadow: 0px 0px 0px 1px rgba(32, 36, 122, 1) inset;
}
.hero-cat__pic {
    width: 100%;
    aspect-ratio: 1.5;
}
.hero-cat__pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-cat__text {
    margin-top: 18px;
    text-align: center;
    color: #343E4A;
    font-size: 14px;
    font-weight: 600;
    line-height: 143%;
}


.hero-banners_wrapper {
    order: 6;
    padding-top: 30px;
    padding-bottom: 214px;
}
.hero-banners_wrapper .hero-banners {
    margin-top: 0;
}
.hero-banners_wrapper .hero-marketing {
    padding: 28px 25px;
    min-height: 188px;
}
.hero-banners_wrapper .hero-marketing__title,
.hero-banners_wrapper .hero-marketing__text {
    max-width: 328px;
}


.hero-sliders {
    order: 7;
    padding-top: 30px;
    padding-bottom: 30px;
}
.hero-sliders_block + .hero-sliders_block {
    margin-top: 60px;
}
.hero-sliders .hero-bottom {
    margin-top: 28px;
}
.hero-sliders_block + .hero-sliders_block .products-slider {
    margin-top: 37px;
	z-index: 2;
}

.form-block {
    order: 8;
    padding-top: 184px;
    padding-bottom: 60px;
}

.hero-about {
    order: 9;
    padding-top: 83px;
    padding-bottom: 154px;
}
.hero-about_row {
    display: flex;
    align-items: flex-start;
    gap: 49px;
}
.hero-about_content {
    max-width: 723px;
    width: 100%;
}
.hero-about__title {
    max-width: 497px;
    margin-bottom: 20px;
}
.hero-about__text {
    color: #343E4A;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0.03px;
}
.hero-about_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 11px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.hero-about_box {
    border-radius: 14px;
    padding: 14px;
    border: 1px solid #F3F4F5;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 8px;
}
.hero-about_box>img {
    width: 31px;
    height: auto;
    flex-shrink: 0;
}
.hero-about_box__text {
    color: #343E4A;
    font-size: 14px;
    font-weight: 600;
    line-height: 143%;
}
.hero-about__link {
    display: inline-flex;
    padding: 15px 18px;
    font-size: 13px;
    margin-top: 20px;
}
.hero-about__pic {
    position: relative;
}
.hero-about__pic img {
    position: absolute;
    left: 0;
    top: -164.5px;
    width: 909px;
    height: auto;
}


.hero-delivery {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 50px;
    position: relative;
}
.hero-delivery_map {
    width: 800px;
    height: 683px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}
.hero-delivery_content {
    flex-grow: 1;
    padding-top: 18px;
}
.hero-delivery__title {
    max-width: 440px;
}
.hero-delivery_row {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-gap: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.hero-delivery_block {
    padding: 18px 40px 18px 13px;
    border-radius: 14px;
    border: 2px solid #BACFE3;
    background: #FFFFFF;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.hero-delivery_block._big {
    padding: 14px;
    padding-right: 47px;
    border-color: #19D8C4;
}
.hero-delivery__icon {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F3F4F5;
    border-radius: 50%;
}
.hero-delivery__icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}
.hero-delivery_box__title {
    color: #343E4A;
    font-size: 15px;
    font-weight: 700;
    line-height: 140%;
}
.hero-delivery_tag {
    display: inline-block;
    margin-top: 7px;
    padding: 5px 11px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    line-height: 138%;
}
.hero-delivery_tag._green {
    background-color: #EDFAE8;
    color: #5E920A;
}
.hero-delivery_tag._blue {
    background-color: #F4F9FF;
    color: #20517A;
}
.hero-delivery__phone {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #191C21;
    font-size: 14px;
    font-weight: 700;
    line-height: 143%;
    margin-top: 8px;
}
.hero-delivery__phone:hover {
    color: #20247A;
}
.hero-delivery__phone svg {
    width: 17px;
    height: auto;
    flex-shrink: 0;
}
.hero-delivery__phone svg path {
    transition: .3s;
}
.hero-delivery__phone:hover svg path {
    stroke: #20247A;
}
.hero-delivery_list {
    padding-left: 21px;
}
.hero-delivery_list li {
    list-style-type: disc;
    color: #2F3437;
    font-size: 14px;
    line-height: 143%;
}



.hero-sliders2 {
    order: 10;
    padding-bottom: 39px;
}
.hero-brands {
    padding-top: 60px;
    padding-bottom: 30px;
}
.hero-brands_slider {
    overflow: visible;
    height: 318px;
    margin-top: 34px;
}
.hero-brand {
    /* width: 285px!important; */
    height: 150px;
    border-radius: 20px;
    border: 1px solid #E7EDF3;
    background-color: #FFFFFF;
    box-shadow: 0 11px 18px 0 rgba(8, 37, 67, 0.06);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.hero-brand.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.hero-brand img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-views {
    padding-top: 30px;
    padding-bottom: 30px;
}


.hero-blog {
    padding-top: 213px;
    padding-bottom: 57px;
    order: 11;
}
.hero-blog_sliders {
    margin-top: 30px;
    overflow: visible;
}
.hero-blog_slider {
    overflow: visible;
    display: none;
}
.hero-blog_slider.active {
    display: block;
}
.hero-blog_slide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .3s;
}
.hero-blog_slide.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.hero-blog__pic {
    width: 100%;
    aspect-ratio: 1.781;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
}
.hero-blog__pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}
.hero-blog__pic:hover img {
    transform: scale(1.03);
}
.hero-blog_slide__title {
    color: #343E4A;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-top: 15px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hero-blog__text {
    margin-top: 7px;
    color: #92969A;
    font-size: 14px;
    line-height: 143%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.hero-blog__btn {
    width: 182px;
    height: 38px;
    font-size: 13px;
    line-height: 138%;
    margin-top: 10px;
}


.hero-faq {
    order: 12;
    padding-top: 60px;
    padding-bottom: 184px;
    border-top: 1px solid #E7EDF3;
}
.hero-faq_row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    margin-top: 30px;
}
.hero-faq_box {
    position: relative;
}
.hero-faq_top {
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    padding: 2px;
    padding-left: 13px;
    border-radius: 10px;
    background-color: #F3F4F5;
    border: 2px solid #F3F4F5;
}
.hero-faq_top:hover {
    border-color: #BACFE3;
}
.hero-faq_box.active .hero-faq_top {
    border-color: #BACFE3;
    background-color: #FFFFFF;
}
.hero-faq_top p {
    color: #343E4A;
    font-size: 15px;
    font-weight: 700;
    line-height: 140%;
    transition: .3s;
}
.hero-faq_box.active .hero-faq_top p {
    color: #0B54A0;
}
.hero-faq_top span {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    border-radius: 8px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-faq_top span svg {
    transition: .3s;
}
.hero-faq_box.active .hero-faq_top span svg {
    transform: rotate(180deg);
}
.hero-faq_top span svg path {
    transition: .3s;
}
.hero-faq_box.active .hero-faq_top span svg path {
    stroke: #0B54A0;
}
.hero-faq_bottom {
min-height: 64px;
    opacity: 0;
    visibility: hidden;
    padding-top: 10px;
    padding-bottom: 14px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: #FFFFFF;
    transition: .3s;
}
.hero-faq_box.active .hero-faq_bottom {
    opacity: 1;
    visibility: visible;
}
.hero-faq_bottom p {
    color: #343E4A;
    font-size: 14px;
    line-height: 143%;
}


.hero-find {
    order: 13;
    padding-top: 60px;
    padding-bottom: 130px;
    text-align: center;
    z-index: 1;
}
.hero-find::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 1106px;
    height: 1103px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEwNiIgaGVpZ2h0PSIxMTAzIiB2aWV3Qm94PSIwIDAgMTEwNiAxMTAzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBvcGFjaXR5PSIwLjgiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTc2NC4yODMgNDEuNzkyQzY5OS4yMjEgMTQuOTc0MyA2MjcuODg0IDAgNTUzIDBDNDc4LjExNyAwIDQwNi43OCAxNC44MzgyIDM0MS43MTcgNDEuNzkyQzI3NC4xOTkgNjkuNjk4NyAyMTMuMzY1IDExMC42NzQgMTYyLjM1MSAxNjEuNTg3QzExMS40NzQgMjEyLjM2MyA3MC40MTc5IDI3My4wNzcgNDIuMzE5NSAzNDAuNTk4QzE1LjQ0ODggNDA1LjUzMiAwLjQ0NDgyNCA0NzYuNzI4IDAuNDQ0ODI0IDU1MS40NjRDMC40NDQ4MjQgNjI2LjIgMTUuMzEyNCA2OTcuMzk2IDQyLjMxOTUgNzYyLjMzQzcwLjI4MTUgODI5LjcxNCAxMTEuMzM4IDg5MC40MjkgMTYyLjM1MSA5NDEuMzQxQzIxMy4yMjggOTkyLjExOCAyNzQuMDYzIDEwMzMuMDkgMzQxLjcxNyAxMDYxLjE0QzQwNi43OCAxMDg3Ljk1IDQ3OC4xMTcgMTEwMi45MyA1NTMgMTEwMi45M0M2MjcuODg0IDExMDIuOTMgNjk5LjIyMSAxMDg4LjA5IDc2NC4yODMgMTA2MS4xNEM4MzEuODAxIDEwMzMuMjMgODkyLjYzNSA5OTIuMjU0IDk0My42NDkgOTQxLjM0MUM5OTQuNTI2IDg5MC40MjkgMTAzNS41OCA4MjkuODUxIDEwNjMuNjggNzYyLjMzQzEwOTAuNTUgNjk3LjM5NiAxMTA1LjU2IDYyNi4yIDExMDUuNTYgNTUxLjQ2NEMxMTA1LjU2IDQ3Ni43MjggMTA5MC42OSA0MDUuNTMyIDEwNjMuNjggMzQwLjU5OEMxMDM1LjcyIDI3My4yMTQgOTk0LjY2MiAyMTIuNDk5IDk0My42NDkgMTYxLjU4N0M4OTIuNjM1IDExMC42NzQgODMxLjkzOCA2OS44MzQ5IDc2NC4yODMgNDEuNzkyWk03MzMuMzIgMTE2LjUyOEM3OTEuMDE4IDE0MC4zNSA4NDIuOTg2IDE3NS4zMzYgODg2LjM2MSAyMTguNjI1QzkyOS43MzYgMjYxLjkxNSA5NjQuNzkxIDMxMy43OCA5ODguNjYxIDM3MS4zNjRDMTAxMS43MSA0MjYuNzY5IDEwMjQuNCA0ODcuNjE5IDEwMjQuNCA1NTEuMTkyQzEwMjQuNCA2MTQuNzY1IDEwMTEuNzEgNjc1LjYxNSA5ODguNjYxIDczMS4wMkM5NjQuNzkxIDc4OC42MDMgOTI5LjczNiA4NDAuNDY5IDg4Ni4zNjEgODgzLjc1OEM4NDIuOTg2IDkyNy4wNDggNzkxLjAxOCA5NjIuMDMzIDczMy4zMiA5ODUuODU2QzY3Ny44MDYgMTAwOC44NiA2MTYuODM1IDEwMjEuNTIgNTUzLjEzNiAxMDIxLjUyQzQ4OS40MzggMTAyMS41MiA0MjguNDY3IDEwMDguODYgMzcyLjk1MiA5ODUuODU2QzMxNS4yNTUgOTYyLjAzMyAyNjMuMjg3IDkyNy4wNDggMjE5LjkxMiA4ODMuNzU4QzE3Ni41MzcgODQwLjQ2OSAxNDEuNDgyIDc4OC42MDMgMTE3LjYxMiA3MzEuMDJDOTQuNTYwNiA2NzUuNjE1IDgxLjg3NTUgNjE0Ljc2NSA4MS44NzU1IDU1MS4xOTJDODEuODc1NSA0ODcuNjE5IDk0LjU2MDYgNDI2Ljc2OSAxMTcuNjEyIDM3MS4zNjRDMTQxLjQ4MiAzMTMuNzggMTc2LjUzNyAyNjEuOTE1IDIxOS45MTIgMjE4LjYyNUMyNjMuMjg3IDE3NS4zMzYgMzE1LjI1NSAxNDAuMzUgMzcyLjk1MiAxMTYuNTI4QzQyOC40NjcgOTMuNTIxNiA0ODkuNDM4IDgwLjg2MTQgNTUzLjEzNiA4MC44NjE0QzYxNi44MzUgODAuODYxNCA2NzcuODA2IDkzLjUyMTYgNzMzLjMyIDExNi41MjhaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjQ4XzEzNjUzKSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTY4My4xMjYgMjM3LjY4M0M2NDMuMTYxIDIyMS4wNzUgNTk5LjI0IDIxMS45NTQgNTUzLjEzNyAyMTEuOTU0QzUwNy4wMzQgMjExLjk1NCA0NjMuMTE0IDIyMS4wNzUgNDIzLjE0OCAyMzcuNjgzQzM4MS41NDcgMjU0LjgzNSAzNDQuMTczIDI4MC4wMTkgMzEyLjgwMSAzMTEuMzI5QzI4MS40MjkgMzQyLjYzOSAyNTYuMTk1IDM3OS45MzkgMjM5LjAwOSA0MjEuNDU5QzIyMi41MDQgNDYxLjM0NSAyMTMuMjI5IDUwNS4xNzkgMjEzLjIyOSA1NTEuMTkxQzIxMy4yMjkgNTk3LjIwMyAyMjIuMzY4IDY0MS4wMzcgMjM5LjAwOSA2ODAuOTIzQzI1Ni4xOTUgNzIyLjQ0MyAyODEuNDI5IDc1OS43NDMgMzEyLjgwMSA3OTEuMDUzQzM0NC4xNzMgODIyLjM2MyAzODEuNTQ3IDg0Ny41NDcgNDIzLjE0OCA4NjQuNjk5QzQ2My4xMTQgODgxLjMwNyA1MDcuMDM0IDg5MC40MjggNTUzLjEzNyA4OTAuNDI4QzU5OS4yNCA4OTAuNDI4IDY0My4xNjEgODgxLjMwNyA2ODMuMTI2IDg2NC42OTlDNzI0LjcyOCA4NDcuNTQ3IDc2Mi4xMDIgODIyLjM2MyA3OTMuNDc0IDc5MS4wNTNDODI0Ljg0NiA3NTkuNzQzIDg1MC4wOCA3MjIuNDQzIDg2Ny4yNjYgNjgwLjkyM0M4ODMuOTA3IDY0MS4wMzcgODkzLjA0NSA1OTcuMjAzIDg5My4wNDUgNTUxLjE5MUM4OTMuMDQ1IDUwNS4xNzkgODgzLjkwNyA0NjEuMzQ1IDg2Ny4yNjYgNDIxLjQ1OUM4NTAuMDggMzc5LjkzOSA4MjQuODQ2IDM0Mi42MzkgNzkzLjQ3NCAzMTEuMzI5Qzc2Mi4xMDIgMjgwLjAxOSA3MjQuNzI4IDI1NC44MzUgNjgzLjEyNiAyMzcuNjgzWk02NTEuMzQ1IDMxNC4wNTJDNjgyLjg1NCAzMjcuMTIgNzExLjIyNSAzNDYuMTc5IDczNC44MjIgMzY5LjcyOUM3NTguNDE5IDM5My4yOCA3NzcuNjUxIDQyMS41OTUgNzkwLjYwOSA0NTMuMDQxQzgwMy4xNTggNDgzLjI2MiA4MTAuMTE0IDUxNi40NzggODEwLjExNCA1NTEuMTkxQzgxMC4xMTQgNTg1LjkwNCA4MDMuMTU4IDYxOS4xMiA3OTAuNjA5IDY0OS4zNDFDNzc3LjUxNSA2ODAuNzg3IDc1OC40MTkgNzA5LjEwMiA3MzQuODIyIDczMi42NTNDNzExLjIyNSA3NTYuMjAzIDY4Mi44NTQgNzc1LjM5OCA2NTEuMzQ1IDc4OC4zM0M2MjEuMDY0IDgwMC44NTQgNTg3Ljc4MyA4MDcuNzk3IDU1My4wMDEgODA3Ljc5N0M1MTguMjE5IDgwNy43OTcgNDg0LjkzNyA4MDAuODU0IDQ1NC42NTcgNzg4LjMzQzQyMy4xNDggNzc1LjI2MSAzOTQuNzc3IDc1Ni4yMDMgMzcxLjE4IDczMi42NTNDMzQ3LjQ0NyA3MDguOTY2IDMyOC4zNTEgNjgwLjc4NyAzMTUuMzkzIDY0OS4zNDFDMzAyLjg0NCA2MTkuMTIgMjk1Ljg4OCA1ODUuOTA0IDI5NS44ODggNTUxLjE5MUMyOTUuODg4IDUxNi40NzggMzAyLjg0NCA0ODMuMjYyIDMxNS4zOTMgNDUzLjA0MUMzMjguNDg3IDQyMS41OTUgMzQ3LjU4MyAzOTMuMjggMzcxLjE4IDM2OS43MjlDMzk0LjkxNCAzNDYuMDQyIDQyMy4xNDggMzI2Ljk4NCA0NTQuNjU3IDMxNC4wNTJDNDg0LjkzNyAzMDEuNTI4IDUxOC4yMTkgMjk0LjU4NSA1NTMuMDAxIDI5NC41ODVDNTg3Ljc4MyAyOTQuNTg1IDYyMS4wNjQgMzAxLjUyOCA2NTEuMzQ1IDMxNC4wNTJaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMjQ4XzEzNjUzKSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYwMy40NjYgNDI5Ljc2NEM1ODcuOTE2IDQyMy4zNjYgNTcxLjAwMyA0MTkuODI2IDU1My4xMzUgNDE5LjgyNkM1MzUuMjY2IDQxOS44MjYgNTE4LjIxNiA0MjMuMzY2IDUwMi44MDMgNDI5Ljc2NEM0ODYuNzA4IDQzNi40MzQgNDcyLjI1IDQ0Ni4yMzUgNDYwLjExIDQ1OC4zNTFDNDQ3Ljk3IDQ3MC40NjcgNDM4LjE1IDQ4NC44OTYgNDMxLjQ2NiA1MDAuOTZDNDI1LjA1NSA1MTYuNDc5IDQyMS41MDkgNTMzLjM1OSA0MjEuNTA5IDU1MS4xOTJDNDIxLjUwOSA1NjkuMDI1IDQyNS4wNTUgNTg1LjkwNSA0MzEuNDY2IDYwMS4yODhDNDM4LjE1IDYxNy4zNTEgNDQ3Ljk3IDYzMS43ODEgNDYwLjExIDY0My44OTdMNDYxLjMzOCA2NDUuMTIyQzQ3My4yMDQgNjU2LjgyOSA0ODcuMjUzIDY2Ni4yMjIgNTAyLjgwMyA2NzIuNjJDNTE4LjM1MyA2NzkuMDE4IDUzNS4yNjYgNjgyLjU1OCA1NTMuMTM1IDY4Mi41NThDNTcxLjAwMyA2ODIuNTU4IDU4OC4wNTMgNjc5LjAxOCA2MDMuNDY2IDY3Mi42MkM2MTkuMDE2IDY2Ni4yMjIgNjMzLjA2NSA2NTYuODI5IDY0NC45MzIgNjQ1LjI1OEw2NDYuMTU5IDY0My44OTdDNjU4LjI5OSA2MzEuNzgxIDY2OC4xMTkgNjE3LjM1MSA2NzQuODAzIDYwMS4yODhDNjgxLjIxNCA1ODUuOTA1IDY4NC43NiA1NjguODg5IDY4NC43NiA1NTEuMTkyQzY4NC43NiA1MzMuNDk1IDY4MS4yMTQgNTE2LjM0MyA2NzQuODAzIDUwMC45NkM2NjguMTE5IDQ4NC44OTYgNjU4LjI5OSA0NzAuNDY3IDY0Ni4xNTkgNDU4LjM1MUM2MzQuMDIgNDQ2LjIzNSA2MTkuNTYxIDQzNi40MzQgNjAzLjQ2NiA0MjkuNzY0Wk01NzIuMzY3IDUwNC40OTlDNTc4LjY0MSA1MDcuMDg2IDU4NC4yMzQgNTEwLjg5NyA1ODguODcxIDUxNS41MjZDNTkzLjUwOSA1MjAuMTU0IDU5Ny4zMjggNTI1LjczNiA1OTkuNzgzIDUzMS45OThDNjAyLjIzOCA1MzcuOTg3IDYwMy42MDIgNTQ0LjUyMiA2MDMuNjAyIDU1MS4zMjhDNjAzLjYwMiA1NTguMTM1IDYwMi4yMzggNTY0LjY2OSA1OTkuNzgzIDU3MC42NTlDNTk3LjE5MiA1NzYuOTIxIDU5My41MDkgNTgyLjUwMiA1ODguODcxIDU4Ny4xM0w1ODUuODcgNTkwLjEyNUw1ODUuNTk4IDU4OS44NTNDNTgxLjY0MiA1OTMuMTIgNTc3LjE0MSA1OTUuOTc5IDU3Mi4yMyA1OTcuODg1QzU2Ni4yMjkgNjAwLjMzNSA1NTkuNjgyIDYwMS42OTYgNTUyLjg2MiA2MDEuNjk2QzU0Ni4wNDIgNjAxLjY5NiA1MzkuNDk1IDYwMC4zMzUgNTMzLjQ5MyA1OTcuODg1QzUyOC41ODMgNTk1Ljg0MyA1MjQuMDgxIDU5My4xMiA1MjAuMTI2IDU4OS44NTNMNTE5Ljg1MyA1OTAuMTI1TDUxNi44NTIgNTg3LjEzQzUxMi4yMTUgNTgyLjUwMiA1MDguNTMyIDU3Ni45MjEgNTA1Ljk0IDU3MC42NTlDNTAzLjQ4NSA1NjQuNjY5IDUwMi4xMjEgNTU4LjEzNSA1MDIuMTIxIDU1MS4zMjhDNTAyLjEyMSA1NDQuNTIyIDUwMy40ODUgNTM3Ljk4NyA1MDUuOTQgNTMxLjk5OEM1MDguNTMyIDUyNS43MzYgNTEyLjM1MSA1MjAuMTU0IDUxNi45ODkgNTE1LjUyNkM1MjEuNjI2IDUxMC44OTcgNTI3LjIxOSA1MDcuMDg2IDUzMy40OTMgNTA0LjYzNUM1MzkuNDk1IDUwMi4xODUgNTQ2LjA0MiA1MDAuODI0IDU1Mi44NjIgNTAwLjgyNEM1NTkuNjgyIDUwMC44MjQgNTY2LjIyOSA1MDIuMTg1IDU3Mi4yMyA1MDQuNjM1TDU3Mi4zNjcgNTA0LjQ5OVoiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl8yNDhfMTM2NTMpIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8yNDhfMTM2NTMiIHgxPSI1NTMiIHkxPSIwIiB4Mj0iNTUzIiB5Mj0iNTc4LjcxOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzI0OF8xMzY1MyIgeDE9IjU1MyIgeTE9IjAiIHgyPSI1NTMiIHkyPSI1NzguNzE5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfMjQ4XzEzNjUzIiB4MT0iNTUzIiB5MT0iMCIgeDI9IjU1MyIgeTI9IjU3OC43MTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==)!important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 0;
    z-index: -1;
}
.hero-find__title {
    text-align: center;
}
.hero-find__text {
    text-align: center;
    margin-top: 10px;
    color: rgba(52, 62, 74, 0.7);
    font-size: 17px;
    line-height: 141%;
}
.hero-find_search {
    max-width: 1010px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 46px;
}
.hero-find_search>input {
    width: 100%;
}
.hero-find_info {
    max-width: 435px;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 45px;
    margin-left: auto;
    margin-right: auto;
}
.hero-find_info p {
    color: #343E4A;
    text-align: right;
    font-size: 15px;
    line-height: 140%;
    font-weight: 500;
}
.hero-find_info p strong {
    font-weight: 800;
}
.hero-find_info__btn {
    width: 200px;
    height: 57px;
    flex-shrink: 0;
    gap: 10px;
}
.hero-find_info__btn::after {
    opacity: 1;
}
.hero-find_info__btn:hover::after {
    opacity: 0;
}
.search__btn {
    width: 54px;
    height: 50px;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
}


.hero-cats_sliders {
    margin-top: 45px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.hero-cats_slider2 {
    display: flex;
    align-items: center;
    gap: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(250px * 16);
}
.hero-cats_slider2._right {
    -webkit-animation: scrollRight 40s linear infinite;
            animation: scrollRight 40s linear infinite;
}
.hero-cats_slider2._left {
    -webkit-animation: scrollLeft 40s linear infinite;
            animation: scrollLeft 40s linear infinite;
}
@-webkit-keyframes scrollRight {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); }
}

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

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

@keyframes scrollLeft {
    0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}
.hero-cats_item {
    width: 232px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px;
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 11px 18px 0 rgba(8, 37, 67, 0.06);
}
.hero-cats__pic {
    width: 53px;
    height: 53px;
    flex-shrink: 0;
    border-radius: 10px;
    background-color: #E7EDF3;
    overflow: hidden;
    display: flex;
}
.hero-cats__pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-cats_item span {
    display: block;
    color: #343E4A;
    font-size: 14px;
    font-weight: 600;
    line-height: 143%;
}









@media(max-width: 1550px) {
    .hero-r {
        width: 285px;
    }
    .hero-product__pic {
        width: 211px;
        height: 201px;
    }
    .hero-discount {
        right: -167px;
    }
    .hero-product_prices {
        gap: 6px;
    }
    .hero-product_bottom {
        gap: 10px;
    }
    .hero-product__oldprice {
        font-size: 12px;
    }
    .hero-product__newprice {
        font-size: 17px;
    }
    .hero-product__btn {
        padding: 10px;
        font-size: 14px;
    }
    .hero-banner_slide {
        padding: 30px;
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .hero-product {
        padding-top: 20px;
    }
    .hero-btns {
        margin-top: 15px;
    }
    .hero__buy,
    .hero__show {
        padding: 15px 19px;
    }
    .hero-nav {
        bottom: 15px;
    }
    .hero-product__title {
        font-size: 16px;
    }

    .hero-popular_box._large {
        padding: 10px;
    }
    .hero-popular_box._large .hero-popular__tag {
        padding: 6px 12px;
    }
    .hero-popular_box._large::before {
        width: 280px;
        height: 280px;
    }

    .hero-banners_wrapper .hero-marketing__bg {
        object-position: left;
    }

    .hero-delivery_map {
        width: 600px;
        height: 505px;
    }
    .hero-delivery_block {
        padding: 18px 13px;
    }
}
@media(max-width: 1260px) {
    .hero {
        padding-top: 144px;
    }
    .hero-row {
        gap: 14px;
    }
    .hero-box {
        max-width: 455px;
    }
    .hero__title {
        font-size: 44px;
        line-height: 59px;
    }
    .hero-discount {
        right: -147px;
    }
    .hero-nav {
        left: 28px;
        bottom: 18px;
    }
    .hero-nav_items {
        display: none;
    }
    
    
    .hero-info {
        gap: 10px;
    }
    .hero-info_box {
        border-radius: 12px;
        padding: 12px;
    }
    .hero-info__tag {
        font-size: 11px;
    }
    .hero-info__icon {
        width: 29px;
        height: 29px;
    }
    .hero-info__title {
        font-size: 19px;
        margin-bottom: 2px;
    }
    .hero-info__title span {
        font-size: 13px;
    }
    .hero-info__text {
        font-size: 12px;
    }


    .hero-popular {
        padding-top: 0;
    }
    .hero-popular__title {
        display: none;
    }
    .hero-popular_grid {
        width: 100vw;
        margin-top: 0;
        margin-left: -24px;
        padding-left: 24px;
        grid-template-columns: auto auto auto auto 14px;
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
        "big medium medium large ."
        "big small small2 large ."
        "big medium2 medium2 large .";
        overflow: hidden;
        overflow-x: auto;
        padding-top: 184px;
    }
    .hero-popular_box {
        border-radius: 16px;
        padding: 18px;
    }
    .hero-popular_box._large {
        padding: 15px;
    }
    .hero-popular_box._large::before {
        width: 300px;
        height: 300px;
        top: 15px;
    }
    .hero-popular_box._big {
        min-width: 308px;
        padding: 18px;
    }
    .hero-popular_box._big::before {
        border-radius: 16px;
    }
    .hero-popular_box._medium {
        min-width: 442px;
        height: 110px;
    }
    .hero-popular_box._medium::before {
        width: 177px;
        height: 177px;
        right: 25px;
        top: -18px;
        transform: none;
    }
    .hero-popular_box._large {
        min-width: 368px;
    }
    .hero-popular_count {
        padding: 3px 7px;
        font-weight: 500;
    }
    .hero-popular_box._big .hero-popular_count {
        padding: 2px 6px;
    }
    .hero-popular__pic,
    .hero-popular__bg {
        border-radius: 16px;
    }
    .hero-popular_box__title {
        font-size: 17px;
        line-height: 21px;
    }
    .hero-popular_box._big .hero-popular_box__title {
        font-size: 20px;
        line-height: 22px;
    }
    .hero-popular_box._small {
        height: 155px;
    }
    .hero-popular_box._small .hero-popular_box__title {
        font-size: 15px;
        line-height: 19px;
    }
    
    .hero-popular__text {
        display: none;
    }
    .hero-popular_tags {
        margin-top: 12px;
        gap: 4px;
    }
    .hero-popular__tag {
        padding: 5px 8px;
        font-size: 12px;
        line-height: 133%;
    }
    .hero-popular__btn {
        width: 38px;
        height: 38px;
        right: 10px;
        bottom: 10px;
    }
    .hero-popular__btn svg {
        width: 14px;
        height: auto;
    }
    .hero-popular_box._big .hero-popular__btn {
        width: 38px;
        height: 38px;
        border-radius: 11px;
        right: 10px;
        bottom: 10px;
    }
    .hero-popular__link {
        width: 172.42px;
        margin-top: -5px;
        margin-bottom: 22px;
    }
    .hero-popular_box._medium-top .hero-popular__pic {
        width: 151px;
        right: 36px;
        border-radius: 0;
    }
    .hero-popular_box._small-left .hero-popular__pic {
        width: 114px;
    }
    .hero-popular_box._small-right .hero-popular__pic {
        width: 132px;
    }
    .hero-popular_box._medium-bottom .hero-popular__pic {
        width: 107px;
        right: 77px;
        bottom: -35px;
    }
    .hero-popular_box._large .hero-popular__tag {
        padding: 4px 7px;
    }
    .hero-popular_box._medium-top .hero-popular_content {
        max-width: 115px;
    }
    .hero-popular_box._small::before {
        width: 190px;
        height: 190px;
        left: 57px;
        top: 59px;
    }


    .hero-cat {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }


    .hero-about_row {
        gap: 5px;
    }
    .hero-about_text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
    }
    .hero-about_content {
        max-width: 560px;
    }
    .hero-about__pic img {
        width: 518px;
        top: -77px;
    }


    .hero-delivery {
        flex-direction: row-reverse;
        gap: 18px;
    }
    .hero-delivery_content {
        max-width: 570px;
        width: 100%;
        flex-shrink: 0;
    }
    .hero-delivery_map {
        width: auto;
        aspect-ratio: 1.1713;
        height: auto;
        flex-grow: 1;
    }


    .hero-brand {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }


    .hero-blog_slide {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }


    .hero-faq_row {
        grid-template-columns: 1fr;
    }
}

@media(max-width: 991px) {
    .hero {
        padding-bottom: 79px;
    }
    .hero-banner {
        border-radius: 14px;
    }
    .hero-banner_slide {
        padding: 24px;
        padding-bottom: 52px;
        align-items: flex-start;
    }
    .hero-box {
        max-width: 244px;
    }
    .hero-box_top {
        padding: 3px 5px;
        gap: 2px;
        border-radius: 8px;
    }
    .hero-box_top img {
        width: 12px;
    }
    .hero__title {
        font-size: 22px;
        line-height: 28px;
        margin-top: 4px;
        margin-bottom: 4px;
        max-width: 225px;
        letter-spacing: 0.2px;
    }
    .hero__text {
        font-size: 13px;
        line-height: 138%;
    }
    .hero-btns {
        margin-top: 8px;
        gap: 8px;
    }
    .hero__buy,
    .hero__show {
        padding: 0;
        width: 118px;
        height: 42px;
        font-size: 13px;
    }
    .hero__buy {
        gap: 8px;
    }
    a.hero__buy {
        padding: 12px 16px;
        width: auto;
        height: auto;
    }
    .hero-discount {
        top: 49px;
        right: -106px;
        width: 94px;
        height: 94px;
        padding: 5px;
    }
    .hero-discount_inner {
        padding: 12px;
        gap: 6px;
    }
    .hero__oldprice {
        font-size: 11px;
        line-height: 150%;
    }
    .hero__newprice {
        font-size: 16px;
        line-height: 0;
    }
    .hero-discount__text {
        font-size: 10px;
        line-height: 108%;
    }

    .hero-r {
        width: 221px;
        border-radius: 10px;
        border-width: 2px;
    }
    .hero-product {
        padding: 8px;
        padding-top: 35px;
    }
    .hero-product__pic {
        width: 150px;
        height: 143px;
    }
    .hero-product__tag {
        top: -24px;
        left: -26px;
        padding: 3px 5px;
        border-radius: 8px;
        font-size: 12px;
    }
    .hero-product_nav {
        top: 8px;
        right: 8px;
        gap: 6px;
    }
    .hero-product_attr {
        padding: 2px 3px;
        bottom: -4px;
        left: -24px;
    }
    .hero-product_attr svg {
        display: none;
    }
    .hero-product__title {
        margin-top: 4px;
        margin-bottom: 1px;
        font-size: 13px;
        letter-spacing: -0.1px;
    }
    .hero-product_info {
        justify-content: flex-start;
        margin-bottom: 1px;
    }
    .hero-product_rating {
        padding: 3px;
        gap: 2px;
    }
    .hero-product_rating img {
        width: 13px;
    }
    .hero-product_bottom {
        background: transparent;
        padding: 0;
        border-radius: 0;
    }
    .hero-product__btn {
        font-size: 0;
        gap: 0;
        padding: 0;
        width: 47px;
        height: 31px;
        border-radius: 8px;
    }
    .hero-product__newprice {
        font-size: 15px;
    }
    .hero-product__percent {
        padding: 2px 5px;
        font-size: 11px;
        border-radius: 6px;
    }


    .hero-banners {
        margin-top: 20px;
        gap: 14px;
    }
    .hero-marketing {
        padding: 10px;
        border-radius: 14px;
        gap: 0;
    }
    .hero-marketing__tag {
        padding: 2px 4px;
    }
    .hero-marketing__title {
        max-width: 150px;
        font-size: 15px;
        line-height: 19px;
    }
    .hero-marketing__btn {
        padding: 5px 7px;
        font-size: 12px;
        line-height: 133%;
        gap: 3px;
    }
    


    .hero-info {
        display: flex;
        align-items: stretch;
        overflow: hidden;
        overflow-x: auto;
        padding-left: 24px;
        margin-left: -24px;
        width: 100vw;
    }
    .hero-info::after {
        content: '';
        display: block;
        min-width: 14px;
    }
    .hero-info_box {
        min-width: 240px;
    }


    .hero-hits {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .hero-popular {
        padding-bottom: 20px;
    }
    .hero-popular_grid {
        padding-top: 102px;
    }
    
    .hero-discounted {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .hero-discounted_slider {
        margin-top: 18px;
    }

    .hero-cats_slider {
        padding-top: 18px;
        padding-bottom: 19px;
    }
    .hero-cat {
        width: 141px;
        padding: 9px 4px;
        border-radius: 14px;
    }
    .hero-cat__pic {
        padding-left: 5px;
        padding-right: 5px;
    }
    .hero-cat__text {
        font-size: 13px;
        line-height: 138%;
        margin-top: 17px;
    }
    


    .hero-banners_wrapper {
        padding-top: 14px;
        padding-bottom: 97px;
    }
    .hero-banners_wrapper .hero-marketing {
        min-height: 0;
        padding: 21px 10px;
    }
    .hero-banners_wrapper .hero-marketing__title {
        max-width: 120px;
    }
    .hero-banners_wrapper .hero-marketing__bg {
        object-position: 38%;
    }
    

    .hero-sliders {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .hero-sliders_block + .hero-sliders_block {
        margin-top: 30px;
    }
    .hero-sliders_block + .hero-sliders_block .products-slider {
        margin-top: 18px;
    }
    .hero-sliders .hero-bottom {
        margin-top: 18px;
    }
    .hero-bottom__btn {
        width: 182px;
        height: 38px;
    }


    .form-block {
        padding-top: 77px;
        padding-bottom: 15px;
    }

    .hero-about {
        padding-top: 49px;
        padding-bottom: 81px;
    }
    .hero-about_content {
        max-width: 425px;
    }
    .hero-about__title {
        max-width: 262px;
        margin-bottom: 10px;
    }
    .hero-about__text {
        font-size: 13px;
        line-height: 138%;
    }
    .hero-about__link {
        margin-top: 10px;
        font-weight: 500;
    }

    .hero-delivery {
        justify-content: flex-end;
        margin-top: 49px;
    }
    .hero-delivery__title {
        max-width: 238px;
    }
    .hero-delivery_row {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        
    }
    .hero-delivery_content {
        max-width: 410px;
        padding-top: 0;
    }
    .hero-delivery_block {
        padding: 10px;
        flex-direction: column;
        gap: 10px;
    }
    .hero-delivery_block._big {
        padding: 10px;
        flex-direction: row;
    }
    .hero-delivery_list {
        padding-left: 18px;
    }
    .hero-delivery_box__title {
        font-size: 14px;
        line-height: 143%;
    }
    .hero-delivery_tag {
        font-size: 12px;
        line-height: 133%;
    }
    
    .hero-delivery_list li {
        font-size: 12px;
        line-height: 133%;
    }
    .hero-delivery_map {
        position: absolute;
        top: 17px;
        width: 375px;
        left: 428px;
    }

    .hero-brands {
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .hero-brands_slider {
        margin-top: 9px;
        height: 164px;
    }
    .hero-brand {
        border-radius: 10px;
        height: 79px;
    }


    .product-views {
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .hero-sliders2 {
        padding-bottom: 0;
    }


    .hero-blog {
        padding-top: 82px;
        padding-bottom: 20px;
    }
    .hero-blog_sliders {
        margin-top: 20px;
    }
    .hero-blog_slide {
        width: 275px;
    }
    .hero-blog__pic {
        border-radius: 10px;
    }
    .hero-blog_slide__title {
        margin-top: 10px;
        font-size: 15px;
        line-height: 19px;
    }
    .hero-blog__text {
        font-size: 12px;
        line-height: 133%;
        -webkit-line-clamp: 2;
    }
    .hero-blog__btn {
        width: 170px;
        height: 34px;
        border-radius: 8px;
    }


    .hero-faq {
        border: none;
        padding-top: 20px;
        padding-bottom: 82px;
    }
    .hero-faq_row {
        margin-top: 19px;
        grid-row-gap: 9px;
    }
    .hero-faq_top {
        padding: 5px 1px;
        padding-left: 9px;
    }
    .hero-faq_top p {
        font-size: 13px;
        line-height: 138%;
    }
    .hero-faq_top span {
        width: 27px;
        height: 27px;
    }
    .hero-faq_top span svg {
        width: 19px;
        height: auto;
    }
    .hero-faq_bottom {
        padding-left: 11px;
        padding-right: 11px;
        padding-bottom: 13px;
min-height: 51px;
    }
    .hero-faq_bottom p {
        font-size: 13px;
        line-height: 138%;
    }

    .hero-find {
        padding-top: 29px;
        padding-bottom: 85px;
    }
    .hero-find__text {
        font-size: 14px;
        line-height: 143%;
    }
    .hero-find_search {
        margin-top: 20px;
        max-width: 624px;
    }
    .hero-find_search input {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 11px;
        padding-right: 60px;
        border-width: 2px;
    }
    .search__btn {
        width: 48px;
        height: 41px;
    }
    .hero-find_info {
        margin-top: 20px;
        gap: 10px;
        max-width: 333px;
    }
    .hero-find_info p {
        font-size: 12px;
        line-height: 133%;
    }
    .hero-find_info__btn {
        width: 149px;
        height: 40px;
        font-size: 12px;
        gap: 5px;
    }

    .hero-cats_sliders {
        margin-top: 20px;
        gap: 10px;
    }
    .hero-cats_slider2 {
        gap: 10px;
        width: calc(210px * 16);
    }
    .hero-cats_item {
        width: 200px;
    }
    .hero-cats_item span {
        font-size: 12px;
        line-height: 133%;
    }

}

@media(max-width: 767px) {
    .hero {
        padding-top: 116px;
    }
    .hero-r {
        display: none;
    }

    
}
@media(max-width: 580px) {
    .hero {
        padding-bottom: 0;
    }
    .hero-banner_slide {
        padding: 14px;
        padding-bottom: 34px;
    }
    .hero-discount {
        display: none;
    }
    .hero-nav {
        bottom: 14px;
    }
    .hero-pagination {
        justify-content: center;
    }




    .hero-banners {
        display: flex;
        width: 100vw;
        flex-wrap: nowrap;
        gap: 10px;
        overflow: hidden;
        overflow-x: auto;
        margin-left: -14px;
        padding-left: 14px;
        margin-top: 15px;
    }
    .hero-banners::after {
        content: '';
        display: block;
        min-width: 4px;
    }
    .hero-banners_wrapper {
        padding-bottom: 63px;
    }
    .hero-marketing {
        min-width: 280px;
    }

    .hero-discounted {
        padding-top: 49px;
    }

    .hero-cats {
        order: 1;
        padding-top: 20px;
        padding-bottom: 49px;
    }
    .hero-cats_slider {
        padding: 0;
    }

    .hero-bottom__btn {
        width: 100%;
        height: 44px;
    }

    .form-block {
        padding-top: 44px;
    }

    .hero-about_text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    }
    .hero-info {
        padding-left: 14px;
        margin-left: -14px;
        margin-top: 15px;
    }
    .hero-info::after {
        min-width: 4px;
    }

    .hero-about {
        padding-top: 13px;
    }
    .hero-about__link {
        width: 100%;
        padding: 11px;
    }


    
    .hero-delivery {
        flex-direction: column-reverse;
        margin-top: 29px;
    }
    .hero-delivery_map {
        position: relative;
        width: 534px;
        left: 0;
        top: 0;
    }
    .hero-delivery_row {
        grid-template-columns: 251px 251px 4px;
        overflow: hidden;
        overflow-x: auto;
        width: 100vw;
        margin-left: -14px;
        padding-left: 14px;
    }
    .hero-delivery_block {
        flex-direction: row;
    }


    .hero-about {
        padding-bottom: 43px;
    }

    .hero-brands_slider {
        height: 100px;
    }
    .hero-brand {
        height: 47px;
    }


    .hero-blog {
        padding-top: 49px;
    }
    .hero-blog_slide {
        width: 210px;
    }
    .hero-blog__btn {
        margin-top: 9px;
        width: 100%;
    }

    .hero-faq {
        padding-top: 15px;
        padding-bottom: 44px;
    }
    .hero-faq_row {
        margin-top: 20px;
    }
    .hero-faq_top {
        padding: 1px;
        padding-left: 9px;
    }

    .hero-find {
        padding-bottom: 54px;
    }

    
}