/* Hero
   ========================================================================== */

.hero-home .swiper-slide {
   min-height: 120vh;
   padding-top: 70px;
   display: flex;
   align-items: flex-start;
   justify-content: center;
   position: relative;
} 

.hero-home .prev-btn {
   left: 60px;
}

.hero-home .next-btn {
   right: 60px;
}



.hero-home .swiper-slide__img {
   width: 100%;
   height: auto;
   left: 0;
   bottom: -20px;
   position: absolute;
   display: block;
   object-fit: cover;
   object-position: center;
}


.hero-home .swiper-slide__video {
   position: absolute;
   display: block;
   width: 100%;
   height: 40vh;
   left: 0;
   bottom: 0;
   object-fit: contain;
   object-position: center;
   border: unset;
   margin: 0;
}

.hero-home .swiper-slide__content {
   position: relative;
   z-index: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.hero-home .swiper-slide__title {
   font-family: 'Montserrat';
   display: block;
   text-align: center;
    font-weight: 500;
   font-size: 56px;
   line-height: 1.1;
   text-align: center;
}

.hero-home .swiper-slide__sub-title {
   display: block;
   margin-top: 20px;
   font-size: 24px;
   line-height: 1.2;
   text-align: center;
}

.hero-home .swiper-slide__sub-title strong {
   font-size: inherit;
   line-height: inherit;
   color: inherit;
   font-weight: 700;
}

.hero-home .swiper-slide__button-group {
   margin-top: 40px;
   display: flex;
   align-items: center;
   flex-direction: column;
   gap: 20px 0;
}

.hero-home .swiper-slide__link-title {
   display: block;
   text-align: center;
   font-style: normal;
   font-weight: 600;
   line-height: 1.4;
}

.hero-home .swiper-slide__btn:hover {
   box-shadow: 0px 0px 18px 0px #54B435;
}

@media (max-width: 1440.99px) {
   .hero-home .swiper-slide__img {
      object-fit: contain;
   }
}

@media (max-width: 1080.99px) {
   .hero-home .swiper-slide {
      min-height: 70vh;
   }

   .hero-home .swiper-slide__title {
      font-size: 42px;
   }
}

@media (max-width: 768.99px) {
   .hero-home .swiper-slide__title {
      font-size: 36px;
   }
}

@media (max-width: 580.99px) {
   .hero-home .next-btn {
      right: 16px;
   }
   .hero-home .prev-btn {
      left: 16px;
   }

   .hero-home .swiper-slide__title {
      font-size: 20px;
   }

   .hero-home .swiper-slide__sub-title {
      font-size: 14px;
   }

   .hero-home .swiper-slide__img {
      padding-bottom: 20px;
      object-position: bottom;
   }

   .hero-home .swiper-slide {
      padding-top: 40px;
      min-height: 50vh;
   }

   .hero-home .swiper-slide__button-group {
      margin-top: 24px;
   }
}

/* Categories
   ========================================================================== */
.categories {
   margin-top: 30px;
}



.categories .swiper-slide {
   display: block;
   width: 100%;
   height: auto;
   background: #FDFDFD;
   border-radius: 12px;
}

.categories .swiper-slide__link {
   display: flex;
   flex-direction: column;
   gap: 20px;
   align-items: center;
   justify-content: space-between;
   overflow: hidden;
   width: 100%;
   height: 100%;
   padding: 24px 12px;
   padding-bottom: 0;
   transform: scale(1);
   transition: all .4s;
   box-sizing: border-box;
}

/*.categories .cat-list .item:hover .link {
   transform: scale(1.05);
}*/

.categories .swiper-slide__thumb {
   overflow: hidden;
}

.categories .swiper-slide__img {
   object-fit: contain;
   width: 100%;
   aspect-ratio: 1/1;
   max-width: 130px;
   height: auto;
   object-position: 0 15px;
   transform: scale(1) translateY(0);
   display: block;
   transition: all .4s;
}

.categories .swiper-slide:hover .img {
   object-position: 0;
   transform: scale(1.02) translateY(-5%);
}

.categories .swiper-slide__name {
   display: block;
   text-align: center;
   color: #000000;
   font-weight: 400;
   transform: scale(1);
   transition: all .4s;
}

.categories .swiper-slide:hover .name {
   transform: scale(.95);
}

@media (max-width: 1200.99px) {
   .categories__slider-block {
      justify-content: flex-end;
   }

   .categories .swiper-slide__name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
   }
}

@media (max-width: 430.99px) {
   .categories .swiper-slide__name {
      font-size: 16px;
   }
}

/* Proposition
   ========================================================================== */
.proposition__section-title {
   margin-bottom: 32px;
}

.proposition .swiper {
   margin-top: 36px;
}

/* Latest
   ========================================================================== */
.latest__section-title {
   margin-bottom: 32px;
}

.latest .swiper {
   margin-top: 36px;
}


/* Bestseller
   ========================================================================== */
.bestseller__section-title {
   margin-bottom: 32px;
}

.bestseller .swiper {
   margin-top: 36px;
}

/* Top products
   ========================================================================== */

.top-pr .swiper {
   margin-top: 36px;
}

.top-pr__all-btn {
   margin-top: 40px;
   margin-left: auto;
   margin-right: auto;
}

@media (min-width: 769px) and (max-width: 1080.99px) {
   .top-pr__top-pr-list {
      grid-template-columns: repeat(3, 1fr);
   }

   .top-pr .pr-item:not(.swiper-slide):last-child {
      display: none;
   }
}

@media (max-width: 768.99px) {
   .top-pr__top-pr-list {
      grid-gap: 16px 32px;
      grid-template-columns: repeat(2, 1fr);
   }
}

@media (max-width: 580.99px) {
   .top-pr__top-pr-list {
      grid-gap: 16px;
   }
}

@media (max-width: 430.99px) {
   .top-pr__top-pr-list {
      display: flex;
      flex-direction: column;
      grid-gap: 0;
      gap: 16px 0;
   }
}

/* Partners
   ========================================================================== */

.partners .slider-block {
   padding-left: 8%;
   padding-right: 8%;
   position: relative;
}

.partners .swiper-slide {
   display: block;
}

.partners .swiper-slide__thumb {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100px;
   width: 100%;
   padding: 0 20px;
   background: transparent;
   overflow: hidden;
}

.partners .swiper-slide__img {
   display: block;
   max-width: 160px;
   width: auto;
   height: auto;
   object-fit: contain;
   object-position: center;
}


.partners .swiper-slide:hover .thumb {
   background: #FFFFFF;
   border-radius: 12px;
}

@media (max-width: 768.99px) {
   .partners .swiper-slide__thumb {
      padding: 32px;
      height: 65px;
   }

   .partners .slider-block {
      padding-left: 60px;
      padding-right: 60px;
   }
}

/* Top Latest Pr
   ========================================================================== */
.top-latest-pr__list {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-gap: 0 20px;
}

.top-latest-pr__item {
   display: flex;
   flex-direction: column;
   border-radius: 20px;
   align-items: center;
   justify-content: space-between;
   padding: 40px 25px;
   gap: 30px 0;
   overflow: hidden;
}

.top-latest-pr .item__top-group {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px 0;
   max-width: 100%;
}

.top-latest-pr .item__thumb {
   display: block;
   width: 100%;
}

.top-latest-pr .item__img {
   display: block;
   width: 100%;
   height: 320px;
   object-fit: contain;
   object-position: center;
}

.top-latest-pr .item__name {
   font-weight: 600;
   font-size: 32px;
   color: #FFFFFF;
   line-height: 1.25;
   text-align: center;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   max-width: 100%;
}

.top-latest-pr .item__sub-title {
   display: block;
   text-align: center;
   font-weight: 500;
   font-size: 18px;
   color: #FFFFFF;
}

.top-latest-pr .see-btn {
   width: fit-content;
   height: 40px;
   display: grid;
   grid-gap: 0 8px;
   grid-template-columns: repeat(2, max-content);
   align-items: center;
   justify-content: center;
   padding: 0 12px;
   border: 0.5px solid #FFFFFF;
   border-radius: 18px;
   font-weight: 500;
   font-size: 18px;
   color: #FFFFFF;
}

.top-latest-pr .see-btn:hover {
   color: #D3D3D3;
   border-color: #D3D3D3;
}

.top-latest-pr .see-btn:after {
   content: '';
   width: 20px;
   height: 20px;
   background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.68399 15.9133L12.0632 10.4477C12.1811 10.3284 12.2473 10.1674 12.2473 9.9997C12.2473 9.83195 12.1811 9.67097 12.0632 9.55172L6.68515 4.08615C6.56724 3.96615 6.50117 3.80465 6.50117 3.63642C6.50117 3.46819 6.56724 3.30668 6.68515 3.18669C6.74276 3.1276 6.8116 3.08064 6.88764 3.04858C6.96367 3.01652 7.04536 3 7.12788 3C7.2104 3 7.29208 3.01652 7.36811 3.04858C7.44415 3.08064 7.513 3.1276 7.5706 3.18669L12.9486 8.6511C13.302 9.01102 13.5 9.49528 13.5 9.9997C13.5 10.5041 13.302 10.9884 12.9486 11.3483L7.5706 16.8127C7.51298 16.872 7.44406 16.9191 7.36792 16.9513C7.29177 16.9834 7.20995 17 7.12729 17C7.04463 17 6.96281 16.9834 6.88667 16.9513C6.81053 16.9191 6.74161 16.872 6.68399 16.8127C6.56607 16.6927 6.5 16.5312 6.5 16.363C6.5 16.1947 6.56607 16.0332 6.68399 15.9133Z' fill='white'/%3E%3C/svg%3E%0A");
}

.top-latest-pr .see-btn:hover:after {
   background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.68399 15.9133L12.0632 10.4477C12.1811 10.3284 12.2473 10.1674 12.2473 9.9997C12.2473 9.83195 12.1811 9.67097 12.0632 9.55172L6.68515 4.08615C6.56724 3.96615 6.50117 3.80465 6.50117 3.63642C6.50117 3.46819 6.56724 3.30668 6.68515 3.18669C6.74276 3.1276 6.8116 3.08064 6.88764 3.04858C6.96367 3.01652 7.04536 3 7.12788 3C7.2104 3 7.29208 3.01652 7.36811 3.04858C7.44415 3.08064 7.513 3.1276 7.5706 3.18669L12.9486 8.6511C13.302 9.01102 13.5 9.49528 13.5 9.9997C13.5 10.5041 13.302 10.9884 12.9486 11.3483L7.5706 16.8127C7.51298 16.872 7.44406 16.9191 7.36792 16.9513C7.29177 16.9834 7.20995 17 7.12729 17C7.04463 17 6.96281 16.9834 6.88667 16.9513C6.81053 16.9191 6.74161 16.872 6.68399 16.8127C6.56607 16.6927 6.5 16.5312 6.5 16.363C6.5 16.1947 6.56607 16.0332 6.68399 15.9133Z' fill='%23D3D3D3'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1080.99px) {
   .top-latest-pr__list {
      display: block;
   }

   .top-latest-pr .container {
      padding-right: 0!important;
   }
}