.header {
    background-color: var(--red);
    font-family: OpenSans, sans-serif;
    left: 0;
    padding-block: 1.25rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 20;
}
.header__logo {
    left: 50%;
    max-width: 10rem;
    position: absolute;
    top: 1.875rem;
    transform: translate(-50%);
}
.header__logo img {
    height: auto;
    transition: transform 0.45s ease;
    width: 100%;
}
.header__menu,
.menu__btns {
    align-items: center;
    display: flex;
    gap: 1rem;
}
.menu__btns {
    position: relative;
    z-index: 5;
}
.menu__shop-wr {
    flex: 1;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.menu__shop {
    justify-self: center;
    margin-inline: auto;
}
.menu__list {
    display: flex;
    flex-direction: column;
    gap: 1.5625rem;
    width: 100%;
}
.menu-item {
    position: relative;
}
.menu-item.--show-submenu {
    z-index: 3;
}
.menu-item.--show-submenu .sub-menu {
    opacity: 1;
    pointer-events: all;
    transform: translate(0);
    transition-delay: 0s;
    visibility: visible;
}
.menu__link {
    align-items: center;
    color: var(--white);
    display: flex;
    font-size: 1.75rem;
    font-weight: 600;
    gap: 0.375rem;
    justify-content: space-between;
    line-height: 1.2;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.--open .menu__link:after {
    transform: rotate(-180deg);
}
.menu-item-has-children .menu__link:after {
    aspect-ratio: 4/3;
    background-image: url(../assets/img/icons2/arr-fill.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: auto;
    position: relative;
    transform-origin: center;
    transition: transform 0.3s ease;
    width: 1.25rem;
}
.menu__subitem:not(:last-child) {
    margin-bottom: 0.75rem;
}
.menu__sublink {
    font-size: 1.25rem;
    line-height: 1.1;
}
.lng,
.menu__sublink {
    color: var(--white);
    font-weight: 600;
    position: relative;
}
.lng {
    cursor: pointer;
    flex: 0 0 2.5rem;
    font-size: 0.875rem;
    height: auto;
    line-height: 1.2;
    text-align: center;
    width: 2.5rem;
}
.lng__btn {
    aspect-ratio: 1;
    display: grid;
    font-weight: 600;
    height: auto;
    place-items: center;
    position: relative;
    transition: color 0.3s ease;
    width: 100%;
    z-index: 1;
}
.lng__wrapper {
    background-color: var(--red);
    border: 0.125rem solid var(--white);
    border-radius: 1.25rem;
    left: 0;
    min-height: 100%;
    position: absolute;
    top: 0;
    transition: background-color 0.3s ease;
    width: 100%;
    z-index: 0;
}
.lng__list {
    padding-top: 1.875rem;
}
.lng__item {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.--open .lng__item {
    opacity: 1;
}
.lng__link {
    aspect-ratio: 1;
    color: var(--white);
    display: grid;
    height: auto;
    place-items: center;
    width: 100%;
}
.btn-shop,
.lng__link {
    transition: color 0.3s ease;
}
.btn-shop {
    align-items: center;
    background-color: var(--white);
    border: 0.125rem solid var(--white);
    border-radius: 1.25rem;
    color: var(--red);
    display: flex;
    font-family: OpenSans, sans-serif;
    gap: 1rem;
    max-width: max-content;
    min-height: 2.5rem;
    overflow: hidden;
    padding-inline: 1.1875rem 2rem;
    position: relative;
}
.btn-shop:before {
    background-color: var(--red);
    border-radius: 1.25rem;
    content: "";
    height: 100%;
    left: -1.25rem;
    position: absolute;
    top: 0;
    transition:
        width 0.45s ease,
        left 0.45s ease;
    width: 0;
}
.btn-shop__img {
    filter: invert(11%) sepia(92%) saturate(6875%) hue-rotate(344deg) brightness(103%) contrast(104%);
    height: auto;
    position: relative;
    transition:
        filter 0.15s ease 0.2s,
        transform 0.3s ease 0.1s;
    width: 1.5rem;
    z-index: 1;
}
.btn-shop__t {
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.6;
    position: relative;
    text-align: center;
    z-index: 1;
}
.social-menu__link {
    border: 0.125rem solid var(--white);
    border-radius: 50%;
    display: grid;
    max-width: 3.125rem;
    place-items: center;
}
.social-menu__link img {
    height: auto;
    width: 100%;
}
.icon-menu {
    aspect-ratio: 1;
    border: 0.125rem solid var(--white);
    border-radius: 50%;
    display: grid;
    flex: 0 0 2.5rem;
    height: 2.5rem;
    place-items: center;
    position: relative;
    width: 2.5rem;
    z-index: 5;
}
.icon-menu__lines {
    display: block;
    height: 0.9375rem;
    position: relative;
    width: 1.3125rem;
    z-index: 5;
}
.icon-menu__lines span,
.icon-menu__lines:after,
.icon-menu__lines:before {
    background-color: var(--white);
    border-radius: 0.125rem;
    content: "";
    height: 0.125rem;
    position: absolute;
    right: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.icon-menu__lines:before {
    top: 0;
}
.icon-menu__lines:after {
    bottom: 0;
}
.icon-menu__lines span {
    top: calc(50% - 0.0625rem);
}
[data-menu-open] .icon-menu__lines span {
    width: 0;
}
[data-menu-open] .icon-menu__lines:before {
    top: calc(50% - 0.0625rem);
    transform: rotate(-45deg);
}
[data-menu-open] .icon-menu__lines:after {
    bottom: calc(50% - 0.0625rem);
    transform: rotate(45deg);
}
.dwnl-btn:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.page--home {
    font-family: OpenSans, sans-serif;
}
.home-about__body,
.home-banner,
.home-banner__img img,
.home-hero,
.home-slides,
.home-slides__img img {
    height: 100svh;
    max-height: 100svh;
}
.home-hero {
    background-color: var(--red);
    padding-top: 3.75rem;
    position: relative;
    z-index: 2;
}
.home-hero__video {
    inset: 0;
    mask: url(../assets/img/home/mask-hero.webp);
    mask-position: center bottom;
    mask-repeat: no-repeat;
    mask-size: auto 100%;
    -webkit-mask: url(../assets/img/home/mask-hero.webp);
    -webkit-mask-position: center bottom;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: auto 100%;
    position: absolute;
}
.home-hero__video video {
    position: relative;
    z-index: 1;
}
.home-hero__poster {
    inset: 0;
    position: absolute;
    z-index: 0;
}
.home-hero__next {
    aspect-ratio: 1;
    bottom: 2.1875rem;
    left: 50%;
    max-height: max-content;
    max-width: 3.75rem;
    position: absolute;
    transform: translate(-50%);
    z-index: 3;
}
.home-hero__next img,
.home-hero__next svg {
    height: auto;
    width: 100%;
}
.btn-circle:active .btn-circle__fill {
    fill: var(--white);
}
.btn-circle:active .btn-circle__arrow {
    fill: var(--red);
}
.btn-circle:active .btn-circle__stroke {
    stroke: var(--red);
}
.btn-circle__fill {
    fill: transparent;
    transition: fill 0.3s ease;
}
.btn-circle__stroke {
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    transition: stroke 0.3s ease;
}
.btn-circle__arrow {
    fill: #fff;
    transition: fill 0.3s ease;
}
.home-slides {
    background-color: var(--red);
    margin-top: -3.125rem;
    position: relative;
    z-index: 0;
}
.home-slides__slider {
    position: relative;
    z-index: 1;
}
.home-slides__slide {
    position: relative;
}
.home-slides__slide.swiper-slide-active {
    z-index: 50;
}
.home-slides__container {
    bottom: -1.5625rem;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    z-index: 1;
}
.home-slides__img {
    position: relative;
}
.home-slides__link {
    margin-left: 22%;
}
.home-slides__btns {
    display: flex;
    justify-content: space-between;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.home-slides__btn {
    pointer-events: all;
}
.swiper-btn {
    max-width: 2.8125rem;
}
.swiper-btn.swiper-btn-white .swiper-btn__arrow {
    fill: var(--red);
}
.swiper-btn.swiper-btn-white .swiper-btn__fill {
    fill: var(--white);
}
.swiper-btn.swiper-btn-white .swiper-btn__stroke {
    stroke: var(--red);
}
.swiper-btn.swiper-btn-white:active .swiper-btn__fill {
    fill: var(--red);
}
.swiper-btn.swiper-btn-white:active .swiper-btn__arrow,
.swiper-btn:active .swiper-btn__fill {
    fill: var(--white);
}
.swiper-btn:active .swiper-btn__arrow {
    fill: var(--red);
}
.swiper-btn__icon {
    height: auto;
    width: 100%;
}
.swiper-btn__fill {
    fill: var(--red);
    transition: fill 0.3s ease;
}
.swiper-btn__stroke {
    fill: none;
    stroke: var(--white);
    stroke-width: 2;
    transition: stroke 0.3s ease;
}
.swiper-btn__arrow {
    fill: var(--white);
    transition: fill 0.3s ease;
}
.home-prod {
    padding-block: 3.75rem;
}
.home-prod__list {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
}
.home-prod__item,
.home-prod__link {
    position: relative;
}
.home-prod__link {
    width: 100%;
}
.home-prod__link:active img {
    transform: scale(1.05);
}
.home-prod__link:active span:before {
    height: 130%;
    transform: translateY(-5%);
}
.home-prod__link span {
    aspect-ratio: 1;
    bottom: 50%;
    display: block;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 54%);
    width: 93%;
    z-index: -1;
}
.home-prod__link span:before {
    background-color: var(--red);
    border-radius: 8.125rem;
    content: "";
    height: 100%;
    transform-origin: center;
    transition:
        height 0.35s ease,
        transform 0.35s ease;
    width: 100%;
}
.home-prod__link img {
    position: relative;
    transition: transform 0.3s ease;
    z-index: 1;
}
.home-prod__t {
    color: var(--red);
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    padding-top: 1.875rem;
    text-align: center;
    text-transform: uppercase;
}
.home-news {
    padding-bottom: 3.75rem;
}
.home-news__dwnl {
    margin-bottom: 5rem;
}
.home-news__head {
    margin-bottom: 1.875rem;
    text-align: center;
}
.home-news__title {
    color: var(--red);
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 0.625rem;
    text-transform: uppercase;
}
.home-news__subtitle {
    color: var(--gray-acc);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}
.home-news__swiper {
    position: relative;
}
.home-news__slider {
    margin-inline: auto;
    margin-bottom: 1.875rem;
    max-width: 29.5625rem;
    overflow: visible;
}
.home-news__slide-w {
    opacity: 0;
    transition: opacity 0.45s ease;
}
.swiper-slide-active .home-news__slide-w,
.swiper-slide-next .home-news__slide-w,
.swiper-slide-prev .home-news__slide-w {
    opacity: 1;
}
.home-news__img {
    aspect-ratio: 473/351;
    background-color: var(--red);
    border-radius: 1.875rem;
    margin-bottom: 1.5625rem;
    overflow: hidden;
    transition: box-shadow 0.45s ease;
}
.swiper-slide-active .home-news__img {
    box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.5);
}
.home-news__img img {
    aspect-ratio: 473/351;
}
.home-news__txt {
    color: var(--gray-acc);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    margin-inline: auto;
    max-width: 70%;
    text-align: center;
    text-transform: uppercase;
}
.home-news__btn {
    position: absolute;
    top: 39%;
    transform: translateY(-50%);
    z-index: 5;
}
.home-news__btn.swiper-button-prev {
    left: 0;
}
.home-news__btn.swiper-button-next {
    right: 0;
}
.dwnl-btn,
.home-news__link {
    margin-inline: auto;
}
.dwnl-btn {
    background-color: var(--red);
    border-radius: 3.8125rem;
    display: flex;
    flex-direction: column;
    max-width: 28.125rem;
    min-height: 4rem;
    padding-block: 2rem;
    padding-inline: 2.375rem 1.0625rem;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.dwnl-btn span {
    display: block;
}
.dwnl-btn:active:before {
    scale: 1.05;
}
.dwnl-btn:before {
    aspect-ratio: 186/129;
    background-image: url(../assets/img/home/candy-1.webp);
    bottom: 0;
    content: "";
    left: 100%;
    max-width: 11.625rem;
    position: absolute;
    top: unset;
    transform: translate(-100%, 30%);
    transition: scale 0.45s ease;
    width: 100%;
    z-index: 1;
}
.dwnl-btn__t {
    color: var(--white);
    flex: 1;
    font-size: 2rem;
    font-weight: 700;
}
.dwnl-btn__pdf {
    color: var(--white);
    font-size: 4.6875rem;
    font-weight: 300;
    margin-right: 1.125rem;
}
.dwnl-btn .btn-circle {
    display: none;
}
.home-banner,
.home-banner__slider {
    position: relative;
    z-index: 1;
}
.home-banner__slide {
    position: relative;
}
.home-banner__slide.swiper-slide-active {
    z-index: 50;
}
.home-banner__img {
    position: relative;
}
.home-banner__container {
    bottom: -1.5625rem;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    z-index: 0;
}
.home-banner__link {
    margin-left: auto;
}
.home-banner__btns {
    display: flex;
    justify-content: space-between;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.home-banner__btn {
    pointer-events: all;
}
.home-banner__btn svg .swiper-btn__fill {
    fill: transparent;
}
.home-marquee {
    padding-block: 3.75rem 6.25rem;
    position: relative;
    z-index: 0;
}
.home-marquee__wrapper {
    margin-bottom: 5rem;
}
.home-marquee__body {
    margin-bottom: 2.5rem;
}
.home-marquee__item {
    display: flex;
    flex-direction: column;
    margin-right: 1.25rem;
    max-width: 16.25rem;
    user-select: none;
}
.home-marquee__item img {
    object-position: bottom;
}
.home-marquee__img {
    flex: 1;
    margin-bottom: 1.5625rem;
    position: relative;
}
.home-marquee__txt {
    color: var(--gray-acc);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    min-height: 2.5rem;
    text-align: center;
}
.home-marquee__nav {
    align-items: center;
    display: flex;
    gap: 1.25rem;
    justify-content: center;
}
.home-about {
    margin-bottom: 3.125rem;
}
.home-about__body {
    background-color: var(--red);
    min-height: 31.25rem;
    position: relative;
}
.home-about__head {
    left: 0;
    padding-block: 3.75rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
}
.home-about__title {
    color: var(--white);
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 3.125rem;
    text-align: center;
    text-transform: uppercase;
}
.home-about__play {
    aspect-ratio: 1;
    border: 0.125rem solid var(--white);
    border-radius: 50%;
    display: grid;
    margin-inline: auto;
    max-width: 4.375rem;
    place-items: center;
    transition: background-color 0.3s ease;
}
.home-about__play img,
.home-about__play svg {
    aspect-ratio: 1;
    height: auto;
    width: 100%;
}
.home-about__play svg {
    transition: transform 0.65s ease;
}
.home-about__play svg path {
    transition: stroke 0.3s ease;
}
.home-about__preview {
    height: 100%;
    position: relative;
    z-index: 0;
}
.home-about__main {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
    visibility: hidden;
    width: 100%;
    z-index: 2;
}
.--play .home-about__main {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}
.home-about__main video {
    position: relative;
    z-index: 1;
}
.home-about__main img {
    inset: 0;
    position: absolute;
    z-index: 0;
}
.home-about__team {
    margin-bottom: 3.75rem;
    padding-top: 3.75rem;
}
.team-card {
    align-items: center;
    display: grid;
    grid-template-columns: 100%;
    margin-inline: auto;
    max-width: 62.375rem;
}
.team-card,
.team-card__img {
    position: relative;
}
.team-card__img img {
    bottom: -0.0625rem;
    display: block;
    margin-inline: auto;
    position: relative;
    z-index: 0;
}
.team-card__body {
    align-items: center;
    background-color: var(--red);
    border-radius: 1.6875rem;
    display: flex;
    padding: 1.875rem;
    position: relative;
    z-index: 2;
}
.team-card__txt {
    color: var(--white);
    flex: 1;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
}
.team-card__link {
    aspect-ratio: 1;
    display: grid;
    margin-left: 1.25rem;
    max-width: 3.125rem;
    place-items: center;
}
.team-card__link svg {
    height: auto;
    transform: rotate(-90deg);
    width: 100%;
}
.social-home__link {
    font-size: 1.625rem;
    margin-inline: auto;
    margin-bottom: 1rem;
}
.social-home__txt {
    color: var(--red);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
}
.social-home__items {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    justify-content: center;
    margin-top: 1.125rem;
}
.social-home__item-l {
    aspect-ratio: 1;
    max-width: 3.125rem;
    transition: transform 0.3s ease;
}
.social-home__item-l img {
    aspect-ratio: 1;
    height: auto;
    width: 100%;
}
.home-joy {
    margin-bottom: -25rem;
    padding-bottom: 25rem;
    position: relative;
}
.home-joy:before {
    background-color: var(--red);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 44%;
    width: 100%;
    z-index: -1;
}
.home-joy__container {
    position: relative;
    z-index: 1;
}
.home-joy__body {
    position: relative;
}
.home-joy__candy {
    bottom: unset;
    max-width: 66%;
    position: absolute;
    right: 50%;
    top: 0;
    transform: translate(120%, -101%);
    z-index: 2;
}
.home-joy__candy img {
    height: auto;
    width: 100%;
}
.home-joy__items {
    position: relative;
    z-index: 0;
}
.home-joy__item {
    aspect-ratio: 1;
    background-color: var(--white);
    border: 0.625rem solid var(--white);
    border-radius: 50%;
    height: auto;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.home-joy__item img {
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.5s ease;
}
.home-joy__item img._active {
    opacity: 1;
}
.home-joy__item.item--1 {
    margin-inline: auto;
    max-width: 88%;
    position: relative;
    z-index: 3;
}
.home-joy__item.item--2 {
    left: 50%;
    max-width: 80%;
    top: 0;
    transform: translate(-94%, -63%);
    z-index: 2;
}
.home-joy__item.item--3 {
    max-width: 57%;
    right: 50%;
    top: 0;
    transform: translate(125%, -46%);
    z-index: 2;
}
.home-joy__item.item--4 {
    left: 50%;
    max-width: 74%;
    top: 50%;
    transform: translate(-119%, 14%);
    z-index: 1;
}
.home-joy__item.item--5 {
    max-width: 63%;
    right: 50%;
    top: 50%;
    transform: translate(111%, 38%);
    z-index: 1;
}
.home-joy__text {
    color: var(--white);
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 10.625rem;
    margin-inline: auto;
    max-width: 80%;
    text-align: center;
    text-transform: uppercase;
    text-wrap: balance;
}
.page-home footer {
    margin-top: 3.125rem;
}
.page-home footer .soc a:first-child,
.page-home footer .soc a:nth-child(2),
.page-home footer .soc a:nth-child(3),
.page-home footer .soc a:nth-child(4),
.page-home footer .soc a:nth-child(5) {
    margin-top: 0;
}
.home-marquee__item .prod_bottom {
	background: url(https://lukas.ua/wp-content/themes/lukas/img/prod_bottom.png) center / cover;
	margin-top: -40%;
	margin-bottom: 30px;
	width: 247px;
	height: 95px;
}
.home-marquee__item img {
	margin: 0 auto;
	display: block;
}
@media (max-width: 68.81125em) and (min-width: 43.81125em) {
    .home-joy__body {
        scale: 0.7;
    }
    .home-joy__text {
        margin-top: 5rem;
    }
}
@media (max-width: 62.56125em) and (min-width: 30.06125em) {
    .team-card__txt {
        font-size: 1.75rem;
    }
}
@media (max-width: 62.06125em) {
    .menu__btns {
        flex: 1;
    }
    .menu__shop-wr {
        transition:
            opacity 0.3s ease 0.25s,
            visibility 0.3s ease 0.25s;
    }
    [data-menu-open] .menu__shop-wr {
        opacity: 1;
        pointer-events: all;
        transition-delay: 0.1s;
        visibility: visible;
    }
    .menu__body {
        clip-path: circle(0 at calc(100% - 2.8125rem) 1.875rem);
        display: flex;
        flex-direction: column;
        gap: 3.125rem;
        height: 100dvh;
        opacity: 0;
        overflow: auto;
        padding: 9.375rem 1.5625rem 1.875rem;
        transition:
            clip-path 0.65s ease,
            opacity 0.05s 0.65s,
            visibility 0.05s 0.65s;
        visibility: hidden;
    }
    .menu__body,
    .menu__body:before {
        background-color: var(--red);
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
    }
    .menu__body:before {
        content: "";
        height: 3.75rem;
        z-index: 4;
    }
    [data-menu-open] .menu__body {
        clip-path: circle(140% at 90% 9%);
        opacity: 1;
        transition-delay: 0s;
        visibility: visible;
    }
    .menu__nav {
        flex: 1;
    }
    .sub-menu {
        padding-top: 0.9375rem;
    }
    .social-menu {
        align-items: center;
        display: flex !important;
        flex-wrap: wrap;
        gap: 1rem;
    }
}
@media (max-width: 48.06125em) and (min-width: 24.43625em) {
    .dwnl-btn:before {
        max-width: 12.5rem;
    }
}
@media (max-width: 48.06125em) {
    .dwnl-btn__t {
        margin-bottom: 1.25rem;
    }
}
@media (max-width: 43.81125em) and (min-width: 30.06125em) {
    .home-joy__body {
        scale: 0.5;
    }
    .home-joy__text {
        margin-top: 0.625rem;
    }
}
@media (max-width: 43.81125em) {
    .team-card__img img {
        max-width: 70%;
    }
}
@media (max-width: 30.06125em) and (min-width: 24.43625em) {
    .home-joy:before {
        top: 48%;
    }
}
@media (max-width: 30.06125em) {
    .social-menu {
        justify-content: space-between;
    }
    .home-slides__slider {
        max-height: 50rem;
        overflow: visible;
    }
    .home-slides__link {
        margin-left: 0;
        margin-inline: auto;
        max-width: 80%;
    }
    .home-news__btn.swiper-button-prev {
        transform: translate(-50%, -50%);
    }
    .home-news__btn.swiper-button-next {
        transform: translate(50%, -50%);
    }
    .home-news__link {
        max-width: 80%;
    }
    .home-banner__slider {
        overflow: visible;
    }
    .home-banner__link {
        margin-left: 0;
        margin-inline: auto;
        max-width: 80%;
    }
    .home-banner__link.hover-ltr--d {
        border-color: var(--gray-acc) !important;
    }
    .home-banner__link.hover-ltr--d:active {
        border-color: var(--red) !important;
    }
    .home-about__body {
        aspect-ratio: 1/1.1;
        height: auto;
        max-height: auto;
        min-height: auto;
    }
    .social-home__link {
        max-width: 88%;
    }
    .home-joy {
        padding-top: 12.5rem;
    }
    .home-joy:before {
        mask: url(../assets/img/home/footer-mask-mb.webp) center top/auto 100% no-repeat;
    }
    .home-joy__candy {
        transform: translate(143%, -120%);
        width: 48%;
    }
    .home-joy__text {
        margin-top: 10.625rem;
    }
}
@media (max-width: 24.43625em) {
    .home-joy {
        padding-top: 11.25rem;
    }
}
@media (max-width: 23.81125em) {
    .home-joy__text {
        max-width: 100%;
    }
}
@media (orientation: landscape) and (min-width: 31.31125em) and (max-height: 30.06125em) {
    .home-about__head {
        padding-block: 1.25rem;
        top: 50%;
        transform: translateY(-50%);
    }
    .home-about__title {
        font-size: 1.375rem;
        margin-bottom: 2.5rem;
    }
    .home-about__play {
        max-width: 4.375rem;
    }
}
@media (orientation: portrait) and (min-width: 30.06125em) and (min-height: 62.56125em) {
    .home-about__body,
    .home-banner,
    .home-banner__img img,
    .home-hero,
    .home-slides,
    .home-slides__img img {
        max-height: 50svh;
    }
}
@media (min-width: 30.06125em) {
    .home-hero__next {
        max-width: 4.375rem;
    }
    .home-slides {
        overflow: hidden;
    }
    .home-slides__container {
        bottom: 3.125rem;
    }
    .swiper-btn {
        max-width: 3.125rem;
    }
    .home-prod {
        padding-block: 6.25rem;
    }
    .home-prod__t {
        font-size: 1.375rem;
        padding-top: 3.4375rem;
    }
    .home-news {
        padding-bottom: 6.25rem;
    }
    .home-news__dwnl {
        margin-bottom: 8.75rem;
    }
    .home-news__title {
        font-size: 3.125rem;
    }
    .home-news__subtitle {
        font-size: 1.625rem;
    }
    .home-news__slider {
        margin-bottom: 5rem;
    }
    .home-news__txt {
        font-size: 1.125rem;
    }
    .home-news__btn {
        top: 43%;
    }
    .home-banner {
        overflow: hidden;
    }
    .home-banner__container {
        bottom: 3.125rem;
    }
    .home-marquee {
        padding-block: 3.75rem 10rem;
    }
    .home-marquee__item {
        margin-right: 2.5rem;
        max-width: 18.5rem;
    }
    .home-about__head {
        padding-block: 12.5rem 3.75rem;
    }
    .home-about__title {
        font-size: 2.5rem;
        margin-bottom: 7.5rem;
    }
    .home-about__play {
        max-width: 6.25rem;
    }
    .team-card__link {
        max-width: 3.9375rem;
    }
    .social-home__link {
        font-size: 2.125rem;
        padding-inline: 4.375rem;
    }
    .social-home__txt {
        font-size: 1.75rem;
    }
    .social-home__items {
        margin-top: 2.3125rem;
    }
    .social-home__item-l {
        max-width: 3.75rem;
    }
    .home-joy:before {
        mask: url(../assets/img/home/footer-mask.webp) center top/auto 100% no-repeat;
        top: 31%;
        top: 30%;
    }
    .home-joy__candy {
        bottom: 0;
        max-width: 13.5rem;
        top: unset;
        transform: translate(251%, 44%);
    }
    .home-joy__item.item--1 {
        max-width: 25.9375rem;
    }
    .home-joy__item.item--2 {
        max-width: 21.6875rem;
        top: 50%;
        transform: translate(-120%, -2%);
    }
    .home-joy__item.item--3 {
        max-width: 18.125rem;
        top: 50%;
        transform: translate(124%, 17%);
    }
    .home-joy__item.item--4 {
        left: 50%;
        max-width: 16.4375rem;
        top: -0.6875rem;
        transform: translate(-191%);
    }
    .home-joy__item.item--5 {
        max-width: 16.4375rem;
        right: 50%;
        top: 1.25rem;
        transform: translate(169%);
    }
    .home-joy__text {
        font-size: 2.625rem;
        max-width: 29.375rem;
    }
}
@media (min-width: 43.81125em) {
    .team-card {
        background-color: var(--red);
        border-radius: 1.6875rem;
        grid-template-columns: 44% 1fr;
        margin-top: 8.75rem;
    }
    .team-card__img {
        min-height: 100%;
    }
    .team-card__img img {
        bottom: 0;
        left: -1.875rem;
        position: absolute;
    }
    .team-card__body {
        background-color: transparent;
        padding: 3rem 3.4375rem 3rem 0;
    }
}
@media (min-width: 46.93625em) {
    .home-prod__list {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (min-width: 48.06125em) {
    .dwnl-btn:before {
        bottom: unset;
        left: 50%;
        top: 50%;
        transform: translate(-35%, -20%);
    }
    .dwnl-btn {
        align-items: center;
        flex-direction: row;
        max-width: max-content;
        min-height: 7.5rem;
        padding-block: 1.25rem;
        padding-inline: 4.25rem 2.1875rem;
    }
    .dwnl-btn__t {
        margin-right: 8.125rem;
    }
    .dwnl-btn .btn-circle {
        aspect-ratio: 1;
        display: block;
        flex: 0 0 3.9375rem;
        height: auto;
        transform: rotate(-90deg);
        width: 3.9375rem;
    }
}
@media (min-width: 62.06125em) and (any-hover: hover) {
    .menu__link:hover {
        background-color: var(--red-acc);
    }
}
@media (min-width: 62.06125em) {
    .header {
        padding-block: 1.5rem;
    }
    .header__container {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
    .header__logo {
        left: unset;
        margin-bottom: -4.375rem;
        max-width: 12.5625rem;
        position: relative;
        top: 0;
        transform: unset;
    }
    .header__menu {
        gap: 2.125rem;
    }
    .menu__btns {
        flex-direction: row-reverse;
    }
    .menu__shop-wr {
        flex: unset;
        opacity: 1;
        pointer-events: all;
        visibility: visible;
    }
    .menu__list {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.3125rem;
    }
    .menu__link {
        border-radius: 1.125rem;
        font-size: 0.8125rem;
        min-height: 2.25rem;
        padding-inline: 1rem;
        text-transform: none;
        transition: background-color 0.3s ease;
    }
    .--show-submenu .menu__link {
        background-color: var(--red-acc);
    }
    .--show-submenu .menu__link:after {
        transform: rotate(-180deg);
    }
    .menu-item-has-children .menu__link:after {
        width: 0.625rem;
    }
    .sub-menu {
        left: 0;
        min-width: 12.5rem;
        opacity: 0;
        padding-top: 1.5625rem;
        padding-inline: 1.0625rem;
        padding-bottom: 1.0625rem;
        pointer-events: none;
        position: absolute;
        top: 100%;
        transform: translateY(1.0625rem);
        transition:
            opacity 0.3s ease 0s,
            visibility 0.3s ease 0s,
            transform 0.45s ease 0.3s;
        visibility: hidden;
        width: 100%;
        z-index: 0;
    }
    .sub-menu:before {
        background-color: var(--red-acc);
        border-radius: 0.9375rem;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0.4375rem;
        width: 100%;
        z-index: -1;
    }
    .menu__subitem:not(:last-child) {
        margin-bottom: 0.9375rem;
    }
    .menu__sublink {
        font-size: 0.8125rem;
    }
    .menu__sublink:before {
        background-color: var(--white);
        bottom: -0.1875rem;
        content: "";
        height: 0.0625rem;
        left: 0;
        position: absolute;
        transition: width 0.3s ease;
        width: 0;
    }
    .lng {
        flex: 0 0 2.25rem;
        font-size: 0.75rem;
        width: 2.25rem;
    }
    .lng__wrapper {
        border-radius: 1.125rem;
    }
    .btn-shop {
        min-height: 2.25rem;
    }
    .btn-shop__t {
        font-size: 0.875rem;
    }
    .icon-menu {
        display: none;
    }
    .home-hero {
        padding-top: 5.25rem;
    }
}
@media (min-width: 62.56125em) {
    .home-about__team {
        margin-bottom: 10rem;
        padding-top: 5.625rem;
    }
    .team-card__txt {
        display: flex;
        font-size: 2.25rem;
        justify-content: flex-end;
    }
    .team-card__link {
        margin-left: 6.75rem;
    }
}
@media (min-width: 82.56125em) {
    .home-news__btn.swiper-button-prev {
        left: -0.625rem;
        transform: translate(-100%, -50%);
    }
    .home-news__btn.swiper-button-next {
        right: -0.625rem;
        transform: translate(100%, -50%);
    }
}
@media (any-hover: hover) {
    .header__logo:hover img {
        transform: scale(1.05);
    }
    .menu__sublink:hover:before {
        width: 100%;
    }
    .lng:hover .lng__wrapper {
        background-color: var(--white);
    }
    .lng:hover .lng__btn,
    .lng:hover .lng__link {
        color: var(--red);
    }
    .btn-shop:hover {
        color: var(--white);
    }
    .btn-shop:hover .btn-shop__img {
        filter: invert(100%) sepia(100%) saturate(0) hue-rotate(292deg) brightness(104%) contrast(102%);
        transform: translate(0.3125rem);
        transition:
            filter 0.15s ease 0.1s,
            transform 0.3s ease 0s;
    }
    .btn-shop:hover:before {
        left: 0;
        width: 100%;
    }
    .btn-circle:hover .btn-circle__fill {
        fill: var(--white);
    }
    .btn-circle:hover .btn-circle__arrow {
        fill: var(--red);
    }
    .btn-circle:hover .btn-circle__stroke {
        stroke: var(--red);
    }
    .swiper-btn.swiper-btn-white:hover .swiper-btn__fill {
        fill: var(--red);
    }
    .swiper-btn.swiper-btn-white:hover .swiper-btn__arrow,
    .swiper-btn:hover .swiper-btn__fill {
        fill: var(--white);
    }
    .swiper-btn:hover .swiper-btn__arrow {
        fill: var(--red);
    }
    .home-prod__link:hover img {
        transform: scale(1.05);
    }
    .home-prod__link:hover span:before {
        height: 130%;
        transform: translateY(-5%);
    }
    .home-news__btn:hover .swiper-btn__stroke {
        stroke: var(--red);
    }
    .dwnl-btn:hover:before {
        scale: 1.05;
    }
    .home-banner__btn:hover .swiper-btn__stroke {
        stroke: var(--red);
    }
    .home-about__play:hover {
        background-color: var(--white);
    }
    .home-about__play:hover svg {
        transform: scale(1.2);
    }
    .home-about__play:hover svg path {
        stroke: var(--red);
    }
    .social-home__item-l:hover {
        transform: translateY(-0.4375rem);
    }
}
@media (any-hover: none) {
    .icon-menu__lines {
        cursor: default;
    }
}
@media (max-width: 767px) {
.home-hero {
    width: 100vw;
    aspect-ratio: 1 / 1;
    height: 100vw;
}
.home-about__body,
.home-banner,
.home-banner__img img,
.home-slides,
.home-slides__img img {
    width: 100%;
    height: auto;
}
}