.hero {overflow: hidden;position: relative;}
.hero__image {width: 100%;height: 100%;object-fit: cover;}
.hero .swiper-pagination-bullet{width: 10px;height: 10px;border:0;transition: all .3s ease-in-out;}
.hero .swiper-pagination-bullet-active{width: 24px;border-radius: 5px;}
.categories {min-height: 837px;background: #fff}
.categories__grid {display: grid;grid-template-columns: 2fr 1fr 1fr 1fr 1fr;gap: 8px;height: 481px;margin-top: 64px;overflow: hidden;transition: grid-template-columns .5s cubic-bezier(.4, 0, .2, 1)}
.category-card {position: relative;min-width: 0;overflow: hidden;border-radius: 10px}
.category-card__image {width: 100%;height: 100%;object-fit: cover;}
.category-card__shade {position: absolute;inset: 0;background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .5))}
.category-card__shade::after {position: absolute;inset: 0;background: linear-gradient(transparent 58%, rgba(0, 0, 0, .8));content: "";opacity: 0;transition: opacity .5s cubic-bezier(.4, 0, .2, 1)}
.category-card__title {position: absolute;top: 43%;left: 50%;width: 100%;margin: 0;transform: translate(-50%, -50%);color: #fff;font-size: 22px;font-weight: 500;text-align: center;transition: top .5s cubic-bezier(.4, 0, .2, 1), left .5s cubic-bezier(.4, 0, .2, 1), transform .5s cubic-bezier(.4, 0, .2, 1)}
@media(min-width:992px) {
    .categories__grid:has(.category-card:nth-child(1):hover) {grid-template-columns: 2fr 1fr 1fr 1fr 1fr}
    .categories__grid:has(.category-card:nth-child(2):hover) {grid-template-columns: 1fr 2fr 1fr 1fr 1fr}
    .categories__grid:has(.category-card:nth-child(3):hover) {grid-template-columns: 1fr 1fr 2fr 1fr 1fr}
    .categories__grid:has(.category-card:nth-child(4):hover) {grid-template-columns: 1fr 1fr 1fr 2fr 1fr}
    .categories__grid:has(.category-card:nth-child(5):hover) {grid-template-columns: 1fr 1fr 1fr 1fr 2fr}
    .category-card:hover .category-card__shade,
    .categories__grid:not(:has(.category-card:hover)) .category-card:first-child .category-card__shade {
        opacity: 0
    }
    .category-card:hover .category-card__shade::after,
    .categories__grid:not(:has(.category-card:hover)) .category-card:first-child .category-card__shade::after {
        opacity: 1
    }
 
    .category-card:hover .category-card__title,
    .categories__grid:not(:has(.category-card:hover)) .category-card:first-child .category-card__title {
        top: calc(100% - 36px);
        left: 44px;
        transform: translate(0, -100%)
    }
}
.hot-products {position: relative;height: 913px;padding: 0;background: var(--color-surface);overflow: hidden}
.hot-products__layout {position: relative;top: 171px;height: 637px}
.hot-products__layout::before {position: absolute;top: 292px;left: 0;width: calc(100vw - max(24px, (100vw - var(--shell))/2));height: 345px;border-radius: 50px 0 0;background: #1a1a1a;content: ""}
.hot-products__intro {position: absolute;z-index: 1;top: 0;left: 0;width: 486px;padding-top: 56px}
.hot-products__intro .section-heading__title {line-height: 62.4px;white-space: nowrap}
.hot-products__controls {position: absolute;top: 498px;left: 407px;display: flex;gap: 12px;margin: 0}
.hot-products__button {display: grid;width: 36px;height: 36px;padding: 0;place-items: center;border: 1px solid #364153;border-radius: 50%;background: #fff;transition: transform .2s ease}
.hot-products__button img {width: 16px;height: 16px}
.hot-products__button:hover {transform: translateY(-2px)}
.hot-products__button--next {border-color: #008895;background: #008895}
.hot-products__slider {position: absolute;z-index: 2;top: 68px;left: 547px;width: calc(100vw - max(24px, (100vw - var(--shell))/2) - 547px);height: 569px;padding: 0 0 49px 53px;overflow: hidden}
.hot-products__slider .swiper-wrapper {height: 520px}
.product-card {width: 436px !important;height: 501px;overflow: visible;border-radius: 0;background: transparent;color: #fff}
.product-card__image {width: 100%;height: 435px;border-radius: 10px;background: #fff;display: flex;align-items: center;justify-content: center;padding:15px;overflow: hidden;}
.product-card__image img{object-fit: contain;}
.product-card__image:hover img{transform: scale(1.08);}
.product-card__title {height: 66px;margin: 0;padding: 18px 16px;color: #fff;font-size: 18px;font-weight: 500;line-height: 30.8px;letter-spacing: -.26px}
.hot-products__pagination {display: none}
.profile {position: relative;height: 848px;overflow: hidden;color: #fff}
.profile__background {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}
.profile__inner {position: relative;height: 100%}
.profile__video {position: absolute;top:50%;left: 20%; transform: translateY(-50%);display: flex;align-items: center; flex-direction: column;gap: 8px;cursor: pointer;}
.profile__video:hover{transform: translateY(-52%);}
.profile__video .profile__video__btn{width: 97px;height: 97px;border-radius: 50%;background: var(--color-primary);display: flex;align-items: center;justify-content: center;}
.profile__video span{font-size: 22px;}
.profile__content {width: 741px;margin-left: auto;height: 100%;display: flex;flex-direction: column;align-items: self-start;justify-content: center;}
.profile__title {margin: 0 0 22px;font-size: 48px;font-weight: 700;line-height: 1.3;letter-spacing: 0.352px;}
.profile__eyebrow {margin: 0 0 20px;font-size: 22px;font-weight: 600;letter-spacing: -0.258px;line-height: 1.4;}
.profile__description {max-width: 663px;margin: 0 0 19px;line-height: 1.87;letter-spacing: -0.312px;}
.profile__stats {display: grid;grid-template-columns: repeat(3, 1fr);gap: 84px;margin-top: 88px;width: 100%;}
.profile__stat {display: flex;flex-direction: column}
.profile__stat strong {color: var(--color-primary);font-size: 50px;line-height: 0.72;font-weight: 600;display: flex;gap: 0;align-items: center;}
.profile__stat .profile__stat__text {margin-top: 8px;line-height: 1.6;letter-spacing: -0.312px;}
.profile_mobile_video{display: none;}
.advantages {min-height: 847px}
.advantages__row {margin-top: 32px}
.advantage-card {height: 414px;padding: 50px 25px;border: 1px solid #e5e7eb;border-radius: 10px;background: #f6f6f6;transition: transform .25s ease, border-color .25s ease}
.advantage-card:hover {transform: translateY(-6px);border-color: #9ddce1}
.advantage-card__icon {display: grid;width: 50px;height: 50px;place-items: center;color: #111;position: relative;}
.advantage-card__icon img{position: absolute;top: 0;left: 0;transition: all .2s ease-in-out;}
.advantage-card__icon img:nth-of-type(2){opacity: 0;}
.advantage-card__title {margin: 45px 0 30px;font-size: 22px;font-weight: 500}
.advantage-card__text {margin: 0;color: #666;line-height: 26px}
.advantage-card:hover {border-color: #53c8d1;background: #f1fcfd}
.advantage-card:hover .advantage-card__icon img:nth-of-type(2){opacity: 1;}
.advantage-card:hover .advantage-card__icon img:nth-of-type(1){opacity: 0;}
.advantage-card:hover .advantage-card__title{color: var(--color-primary);}
.news {min-height: 925px;background: var(--color-surface)}
.news__header {display: flex;align-items: flex-end;justify-content: space-between}
.news__tabs {display: flex;gap: 32px}
.news__tab {padding: 0 20px 12px;border: 0;border-bottom: 2px solid transparent;background: transparent;color: #666;font-size: 22px}
.news__tab--active {border-bottom-color: var(--color-primary);color: var(--color-primary);font-weight: 500}
.news__content {margin-top: 88px}
.news__image {width: 100%;height: 559px;object-fit: cover;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1)}
.news__list {display: flex;flex-direction: column;gap: 18px}
.news-card {display: grid;grid-template-columns: 120px 1fr;gap: 24px;min-height: 167px;padding: 24px;border-radius: 10px;background: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, .1);transition: transform .2s ease}
.news-card:hover {transform: translateX(4px)}
.news-card__date {display: flex;flex-direction: column;align-items: center;justify-content: center}
.news-card__date strong {color: var(--color-primary);font-size: 48px;font-weight: 500;line-height: 40px}
.news-card__date span {margin-top: 14px;color: #999;font-size: 14px;white-space: nowrap}
.news-card__title {margin: 0 0 12px;font-size: 22px;font-weight: 500;line-height: 1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-card__text {margin: 0;color: #666;line-height: 1.62;letter-spacing: -0.312px;}
.contact {position: relative;min-height: 684px;overflow: hidden;color: #fff}
.contact__background {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}
.contact__overlay {position: absolute;inset: 0;background: rgba(0, 0, 0, .8)}
.contact__inner {position: relative;display: grid;grid-template-columns: 813px 1fr;gap: 68px;padding-top: 80px}
.contact-form {min-height: 524px;padding: 48px;border-radius: 10px}
.contact-form__title {margin: 0;font-size: 48px;font-weight: 700;line-height: 1}
.contact-form__subtitle {margin: 16px 0 26px;font-size: 22px}
.contact-form__field {width: 100%;height: 50px;padding: 12px 16px;border: 1px solid #fff;border-radius: 4px;background: #fff;color: #1a1a1a;outline: none}
.contact-form__field:focus {border-color: #30d7e8;box-shadow: 0 0 0 3px rgba(0, 151, 166, .24)}
.contact-form__field--area {height: 122px;resize: vertical}
.contact-form__submit {margin-top: 22px}
.contact-form__status {display: inline;margin-left: 16px;color: #baf8ff}
.contact__company {align-self: center;max-width: 730px;padding-bottom: 44px}
.contact__logo {width: 128px;height: 128px;object-fit: contain}
.contact__name {margin: 24px 0;font-size: 22px;font-weight: 700}
.contact__heading {font-size: 22px;font-weight: 500}
.contact__text {line-height: 26px}
@media(max-width:1400px) {
    .categories__grid {height: 410px}
    .hot-products__layout {top: 120px}
    .hot-products__layout::before {top: 270px}
    .hot-products__intro {width: 390px}
    .hot-products__intro .section-heading__title {white-space: normal}
    .hot-products__controls {top: 476px;left: 300px}
    .hot-products__slider {top: 68px;left: 420px;width: calc(100vw - 24px - 420px);padding-left: 32px}
    .product-card {width: 360px !important}
    .profile__content {width: 660px}
    .contact__inner {grid-template-columns: 1.1fr .9fr}
}
@media(max-width:992px) {
	.categories{min-height: auto;}
    .categories__grid {display: grid;grid-template-columns: repeat(2, 1fr);height: auto}
    .category-card {height: auto; min-height: auto;}
    .hot-products {height: auto;padding: 64px 0}
    .hot-products__layout {top: auto;height: auto}
    .hot-products__layout::before {display: none}
    .hot-products__intro {position: relative;top: auto;left: auto;width: auto;padding: 0}
    .hot-products__controls {position: static;margin: 28px 0 0}
    .hot-products__slider {position: relative;top: auto;left: auto;width: calc(100% + 20px);height: auto;margin-top: 36px;padding: 24px 0 44px 20px;border-radius: 32px 0 0;background: #1a1a1a}
    .hot-products__slider .swiper-wrapper {height: 501px}
    .product-card {width: min(436px, 72vw) !important}
    .profile {height: auto;min-height: 760px}
    .profile__overlay {background: rgba(0, 0, 0, .68)}
    .profile__content {width: 68%;margin-left: auto;padding: 74px 0}
    .profile__stats {gap: 28px;margin-top: 56px}
    .advantages {min-height: auto}
    .news__content {margin-top: 50px}
    .contact__inner {grid-template-columns: 1fr}
    .contact-form {padding: 48px 0 0}
    .contact__company {padding-bottom: 60px}
	.profile__video{display: none;}
	.profile__action{display: flex;gap: 20px;align-items: center;}
	.profile_mobile_video{display: flex;flex-direction: row;gap: 12px;align-items: center;}
	.profile_mobile_video .profile__video__btn{width: 48px;height: 48px;background-color: var(--color-primary);border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;}
	.profile_mobile_video .profile__video__btn img{transform: scale(.6);}
	.profile_mobile_video span{font-size: 14px;}
}
@media(max-width:768px) {
    .categories__grid {grid-template-columns: 1fr 1fr}
    .category-card {height: 300px}
    .profile__content {width: 100%;padding: 64px 0}
    .profile__title {font-size: 38px}
    .profile__stats {grid-template-columns: repeat(3, 1fr);gap: 12px}
    .profile__stat strong {font-size: 29px}
    .news__header {display: block}
    .news__tabs {margin-top: 28px}
    .news__image {height: 380px}
    .contact-form__title {font-size: 38px}
    .contact-form__subtitle {font-size: 18px}
}
@media(max-width:576px) {
    .hero__image {object-position: center}
    .categories__grid {display: flex;gap: 12px;overflow-x: auto;scroll-snap-type: x mandatory}
    .category-card {flex: 0 0 76vw;height: 350px;scroll-snap-align: start}
    .category-card__title--bottom {top: 43%;bottom: auto;left: 50%;transform: translate(-50%, -50%);text-align: center}
    .hot-products {padding: 48px 0}
    .hot-products__slider {padding-top: 20px}
    .hot-products__slider .swiper-wrapper {height: 416px}
    .product-card {width: 82vw !important;height: 416px}
    .product-card__image {height: 350px}
    .profile {min-height: 730px}
    .profile__title {font-size: 32px}
    .profile__description {line-height: 26px}
    .profile__stats {margin-top: 42px;grid-template-columns: repeat(1, 1fr);gap: 16px}
    .profile__stat strong {font-size: 26px}
    .profile__stat .profile__stat__text {font-size: 14px}
    .advantage-card {height: auto;min-height: 320px;padding: 36px 24px}
    .advantage-card__title {margin: 28px 0 18px}
    .news__tabs {gap: 4px}
    .news__tab {padding-inline: 10px;font-size: 18px}
    .news__image {height: 290px}
    .news-card {grid-template-columns: 70px 1fr;gap: 14px;padding: 18px}
    .news-card__date strong {font-size: 36px}
    .news-card__date span {font-size: 11px;white-space: normal;text-align: center}
    .news-card__title {font-size: 18px;line-height: 24px}
    .news-card__text {font-size: 14px;line-height: 22px}
    .contact-form {padding-top: 40px}
    .contact-form__title {font-size: 32px}
    .contact__logo {width: 100px;height: 100px}
    .contact__name {font-size: 18px}
}