.scroll-bottom {
  display: inline-flex;
  align-items: center;
  gap: 1.0416666667vw;
  z-index: 20;
  color: #fff;
  cursor: pointer;
}
@media screen and (max-width: 1199px) {
  .scroll-bottom {
    gap: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .scroll-bottom {
    gap: 2.6075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .scroll-bottom {
    gap: 4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .scroll-bottom {
    gap: 5.1282051282vw;
  }
}
.scroll-bottom__text {
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0px;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  .scroll-bottom__text {
    font-size: 1.5012510425vw;
  }
}
@media screen and (max-width: 767px) {
  .scroll-bottom__text {
    font-size: 2.3468057366vw;
  }
}
@media screen and (max-width: 480px) {
  .scroll-bottom__text {
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 390px) {
  .scroll-bottom__text {
    font-size: 4.6153846154vw;
  }
}
.scroll-bottom__icon {
  width: 2.2916666667vw;
  height: 2.2916666667vw;
}
@media screen and (max-width: 1199px) {
  .scroll-bottom__icon {
    width: 3.6697247706vw;
  }
}
@media screen and (max-width: 767px) {
  .scroll-bottom__icon {
    width: 5.7366362451vw;
  }
}
@media screen and (max-width: 480px) {
  .scroll-bottom__icon {
    width: 9.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .scroll-bottom__icon {
    width: 11.2820512821vw;
  }
}
@media screen and (max-width: 1199px) {
  .scroll-bottom__icon {
    height: 3.6697247706vw;
  }
}
@media screen and (max-width: 767px) {
  .scroll-bottom__icon {
    height: 5.7366362451vw;
  }
}
@media screen and (max-width: 480px) {
  .scroll-bottom__icon {
    height: 9.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .scroll-bottom__icon {
    height: 11.2820512821vw;
  }
}

.page-header {
  position: relative;
}
.page-header__image-container {
  position: relative;
  width: 100%;
  display: block;
}
.page-header__image-container:before {
  content: "";
  display: block;
  padding-top: 41.6666666667%;
}
.page-header__image-container .ratio-item {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1199px) {
  .page-header__image-container:before {
    padding-top: 189.7435897436%;
  }
}
.page-header__image-container {
  min-height: 500px;
}
.page-header__image-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, #111111 100%);
}
@media only screen and (max-width: 991.98px) {
  .page-header__image-container {
    min-height: 450px;
    height: calc(100vh - 70px);
  }
}
@media only screen and (max-width: 767.98px) {
  .page-header__image-container {
    min-height: 400px;
  }
}
.page-header__container {
  position: absolute;
  bottom: 7.03125vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .page-header__container {
    bottom: 10.0083402836vw;
  }
}
@media screen and (max-width: 767px) {
  .page-header__container {
    bottom: 15.6453715776vw;
  }
}
@media screen and (max-width: 480px) {
  .page-header__container {
    bottom: 25vw;
  }
}
@media screen and (max-width: 390px) {
  .page-header__container {
    bottom: 30.7692307692vw;
  }
}
.page-header__info-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (max-width: 767.98px) {
  .page-header__info-container {
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.page-header__info {
  max-width: 50%;
}
@media only screen and (max-width: 991.98px) {
  .page-header__info {
    max-width: 60%;
  }
}
@media only screen and (max-width: 767.98px) {
  .page-header__info {
    max-width: 100%;
  }
}
.page-header__title {
  font-size: 3.3333333333vw;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0px;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  .page-header__title {
    font-size: 3.1693077565vw;
  }
}
@media screen and (max-width: 767px) {
  .page-header__title {
    font-size: 4.9543676662vw;
  }
}
@media screen and (max-width: 480px) {
  .page-header__title {
    font-size: 7.9166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .page-header__title {
    font-size: 9.7435897436vw;
  }
}
.page-header__description {
  font-size: 1.0416666667vw;
  margin-top: 3.125vw;
  line-height: 1.6;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  .page-header__description {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .page-header__description {
    font-size: 1.8252933507vw;
  }
}
@media screen and (max-width: 480px) {
  .page-header__description {
    font-size: 2.9166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .page-header__description {
    font-size: 3.5897435897vw;
  }
}
@media screen and (max-width: 1199px) {
  .page-header__description {
    margin-top: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .page-header__description {
    margin-top: 3.9113428944vw;
  }
}
@media screen and (max-width: 480px) {
  .page-header__description {
    margin-top: 6.25vw;
  }
}
@media screen and (max-width: 390px) {
  .page-header__description {
    margin-top: 7.6923076923vw;
  }
}

.breadcrumb {
  padding: 1.6666666667vw 0vw;
  background-color: #F9F9F9;
  z-index: 100;
}
@media screen and (max-width: 1199px) {
  .breadcrumb {
    padding: 1.5012510425vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    padding: 2.3468057366vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .breadcrumb {
    padding: 3.75vw 0vw;
  }
}
@media screen and (max-width: 390px) {
  .breadcrumb {
    padding: 4.6153846154vw 0vw;
  }
}
.breadcrumb__list {
  display: flex;
  align-items: center;
  gap: 0.78125vw;
  list-style: none;
  padding: 0px;
  margin: 0px;
  max-width: 100%;
  overflow-x: auto;
}
@media screen and (max-width: 1199px) {
  .breadcrumb__list {
    gap: 0.834028357vw;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb__list {
    gap: 1.3037809648vw;
  }
}
@media screen and (max-width: 480px) {
  .breadcrumb__list {
    gap: 2.0833333333vw;
  }
}
@media screen and (max-width: 390px) {
  .breadcrumb__list {
    gap: 2.5641025641vw;
  }
}
.breadcrumb__list-item {
  position: relative;
  font-size: 1.0416666667vw;
  font-weight: 400;
  line-height: 1.6;
  white-space: nowrap;
}
@media screen and (max-width: 1199px) {
  .breadcrumb__list-item {
    font-size: 1.1676396997vw;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb__list-item {
    font-size: 1.8252933507vw;
  }
}
@media screen and (max-width: 480px) {
  .breadcrumb__list-item {
    font-size: 2.9166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .breadcrumb__list-item {
    font-size: 3.5897435897vw;
  }
}
.breadcrumb__list-item.active {
  color: #A3A3A3;
}
.breadcrumb__list-link {
  color: #E72920;
  text-decoration: none;
  transition: 0.4s ease;
}
.breadcrumb__list-link:hover {
  color: #F9433A;
}
.breadcrumb__list-icon {
  right: -1.0416666667vw;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  min-width: 16px;
}
@media screen and (max-width: 1199px) {
  .breadcrumb__list-icon {
    right: -1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb__list-icon {
    right: -2.6075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .breadcrumb__list-icon {
    right: -4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .breadcrumb__list-icon {
    right: -5.1282051282vw;
  }
}
@media screen and (max-width: 1199px) {
  .breadcrumb__list-icon {
    width: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb__list-icon {
    width: 2.6075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .breadcrumb__list-icon {
    width: 4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .breadcrumb__list-icon {
    width: 5.1282051282vw;
  }
}
@media screen and (max-width: 1199px) {
  .breadcrumb__list-icon {
    height: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb__list-icon {
    height: 2.6075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .breadcrumb__list-icon {
    height: 4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .breadcrumb__list-icon {
    height: 5.1282051282vw;
  }
}

.catalog {
  background-color: #EFF2F7;
}
.catalog__image-container {
  position: relative;
  width: 100%;
  display: inline-block;
  max-width: 49.21875vw;
}
@media screen and (max-width: 1199px) {
  .catalog__image-container {
    max-width: 78.8156797331vw;
  }
}
@media screen and (max-width: 767px) {
  .catalog__image-container {
    max-width: 123.2073011734vw;
  }
}
@media screen and (max-width: 480px) {
  .catalog__image-container {
    max-width: 196.875vw;
  }
}
@media screen and (max-width: 390px) {
  .catalog__image-container {
    max-width: 242.3076923077vw;
  }
}
.catalog__image-container:before {
  content: "";
  display: block;
  padding-top: 84.6560846561%;
}
.catalog__image-container .ratio-item {
  -o-object-fit: cover;
     object-fit: cover;
}
.catalog__container {
  max-width: 100%;
  padding: 0px;
}
@media only screen and (min-width: 768px) {
  .catalog__container {
    padding-right: 7.05%;
  }
}
.catalog__inner {
  display: flex;
  align-items: center;
  gap: 8.8541666667vw;
}
@media screen and (max-width: 1199px) {
  .catalog__inner {
    gap: 14.1784820684vw;
  }
}
@media screen and (max-width: 767px) {
  .catalog__inner {
    gap: 22.1642764016vw;
  }
}
@media screen and (max-width: 480px) {
  .catalog__inner {
    gap: 35.4166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .catalog__inner {
    gap: 43.5897435897vw;
  }
}
@media only screen and (max-width: 767.98px) {
  .catalog__inner {
    display: block;
  }
}
@media only screen and (max-width: 1199.98px) {
  .catalog__images-container, .catalog__info-container {
    width: 50%;
  }
}
@media only screen and (max-width: 767.98px) {
  .catalog__images-container, .catalog__info-container {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .catalog__info-inner {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767.98px) {
  .catalog__info-inner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.catalog__images-container {
  display: block;
  background-color: #E72920;
}
.catalog__header {
  margin-bottom: 2.6041666667vw;
}
@media screen and (max-width: 1199px) {
  .catalog__header {
    margin-bottom: 2.6688907423vw;
  }
}
@media screen and (max-width: 767px) {
  .catalog__header {
    margin-bottom: 4.1720990874vw;
  }
}
@media screen and (max-width: 480px) {
  .catalog__header {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .catalog__header {
    margin-bottom: 8.2051282051vw;
  }
}
.catalog__info {
  margin-bottom: 2.0833333333vw;
  max-width: 27.6041666667vw;
}
@media screen and (max-width: 1199px) {
  .catalog__info {
    margin-bottom: 2.0016680567vw;
  }
}
@media screen and (max-width: 767px) {
  .catalog__info {
    margin-bottom: 3.1290743155vw;
  }
}
@media screen and (max-width: 480px) {
  .catalog__info {
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 390px) {
  .catalog__info {
    margin-bottom: 6.1538461538vw;
  }
}
@media screen and (max-width: 1199px) {
  .catalog__info {
    max-width: 44.2035029191vw;
  }
}
@media screen and (max-width: 767px) {
  .catalog__info {
    max-width: 69.1003911343vw;
  }
}
@media screen and (max-width: 480px) {
  .catalog__info {
    max-width: 110.4166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .catalog__info {
    max-width: 135.8974358974vw;
  }
}
@media only screen and (max-width: 991.98px) {
  .catalog__info {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767.98px) {
  .catalog__action {
    display: grid;
  }
}

.product-application-link {
  padding: 8.3333333333vw 0vw;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .product-application-link {
    padding: 5.0041701418vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .product-application-link {
    padding: 7.8226857888vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .product-application-link {
    padding: 12.5vw 0vw;
  }
}
@media screen and (max-width: 390px) {
  .product-application-link {
    padding: 15.3846153846vw 0vw;
  }
}
.product-application-link__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #CF0E0E;
  border-radius: 0.5208333333vw;
  padding: 4.1666666667vw 7.2916666667vw;
}
@media screen and (max-width: 1199px) {
  .product-application-link__inner {
    border-radius: 0.834028357vw;
  }
}
@media screen and (max-width: 767px) {
  .product-application-link__inner {
    border-radius: 1.3037809648vw;
  }
}
@media screen and (max-width: 480px) {
  .product-application-link__inner {
    border-radius: 2.0833333333vw;
  }
}
@media screen and (max-width: 390px) {
  .product-application-link__inner {
    border-radius: 2.5641025641vw;
  }
}
@media screen and (max-width: 1199px) {
  .product-application-link__inner {
    padding: 1.6680567139vw 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .product-application-link__inner {
    padding: 2.6075619296vw 2.6075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .product-application-link__inner {
    padding: 4.1666666667vw 4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .product-application-link__inner {
    padding: 5.1282051282vw 5.1282051282vw;
  }
}
@media only screen and (max-width: 1199.98px) {
  .product-application-link__inner {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 767.98px) {
  .product-application-link__inner {
    padding: 20px;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
}
.product-application-link__header {
  color: #fff;
}
.product-application-link__subtitle {
  margin-bottom: 0.8333333333vw;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1199px) {
  .product-application-link__subtitle {
    margin-bottom: 1.3344453711vw;
  }
}
@media screen and (max-width: 767px) {
  .product-application-link__subtitle {
    margin-bottom: 2.0860495437vw;
  }
}
@media screen and (max-width: 480px) {
  .product-application-link__subtitle {
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .product-application-link__subtitle {
    margin-bottom: 4.1025641026vw;
  }
}
@media screen and (max-width: 1199px) {
  .product-application-link__subtitle {
    font-size: 1.6680567139vw;
  }
}
@media screen and (max-width: 767px) {
  .product-application-link__subtitle {
    font-size: 2.6075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .product-application-link__subtitle {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .product-application-link__subtitle {
    font-size: 5.1282051282vw;
  }
}
.product-application-link__action {
  min-width: 200px;
}
@media only screen and (max-width: 767.98px) {
  .product-application-link__action {
    display: grid;
    width: 100%;
  }
}

.card-product {
  position: relative;
}
.card-product__image-container {
  position: relative;
  width: 100%;
  display: block;
}
.card-product__image-container:before {
  content: "";
  display: block;
  padding-top: 81.1320754717%;
}
.card-product__image-container .ratio-item {
  -o-object-fit: cover;
     object-fit: cover;
}
.card-product:hover .card-product__image-container::after {
  top: 0;
  opacity: 0.7;
}
.card-product:hover .card-product__title, .card-product:hover .card-product__sort-description {
  bottom: 0px;
}
.card-product.no-hover .card-product__sort-description {
  bottom: 0px;
}
.card-product.no-hover .card-product__title {
  bottom: unset;
}
.card-product.no-hover:hover .card-product__image-container::after {
  top: 40%;
  opacity: 1;
}
.card-product__image-container {
  border-radius: 0.5208333333vw;
  overflow: hidden;
  display: block;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .card-product__image-container {
    border-radius: 0.834028357vw;
  }
}
@media screen and (max-width: 767px) {
  .card-product__image-container {
    border-radius: 1.3037809648vw;
  }
}
@media screen and (max-width: 480px) {
  .card-product__image-container {
    border-radius: 2.0833333333vw;
  }
}
@media screen and (max-width: 390px) {
  .card-product__image-container {
    border-radius: 2.5641025641vw;
  }
}
.card-product__image-container::after {
  content: "";
  position: absolute;
  top: 40%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, #111111 100%);
  transition: 0.4s ease all;
}
.card-product__info-container {
  position: absolute;
  right: 1.5625vw;
  bottom: 1.5625vw;
  left: 1.5625vw;
  color: #fff;
  z-index: 2;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .card-product__info-container {
    right: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .card-product__info-container {
    right: 3.9113428944vw;
  }
}
@media screen and (max-width: 480px) {
  .card-product__info-container {
    right: 6.25vw;
  }
}
@media screen and (max-width: 390px) {
  .card-product__info-container {
    right: 7.6923076923vw;
  }
}
@media screen and (max-width: 1199px) {
  .card-product__info-container {
    bottom: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .card-product__info-container {
    bottom: 3.9113428944vw;
  }
}
@media screen and (max-width: 480px) {
  .card-product__info-container {
    bottom: 6.25vw;
  }
}
@media screen and (max-width: 390px) {
  .card-product__info-container {
    bottom: 7.6923076923vw;
  }
}
@media screen and (max-width: 1199px) {
  .card-product__info-container {
    left: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .card-product__info-container {
    left: 3.9113428944vw;
  }
}
@media screen and (max-width: 480px) {
  .card-product__info-container {
    left: 6.25vw;
  }
}
@media screen and (max-width: 390px) {
  .card-product__info-container {
    left: 7.6923076923vw;
  }
}
.card-product__title {
  position: relative;
  font-size: 1.6666666667vw;
  font-weight: 500;
  line-height: 1.4;
  bottom: -8.2291666667vw;
  transition: 0.4s ease;
}
@media screen and (max-width: 1199px) {
  .card-product__title {
    font-size: 2.0016680567vw;
  }
}
@media screen and (max-width: 767px) {
  .card-product__title {
    font-size: 3.1290743155vw;
  }
}
@media screen and (max-width: 480px) {
  .card-product__title {
    font-size: 5vw;
  }
}
@media screen and (max-width: 390px) {
  .card-product__title {
    font-size: 6.1538461538vw;
  }
}
@media screen and (max-width: 1199px) {
  .card-product__title {
    bottom: -13.17764804vw;
  }
}
@media screen and (max-width: 767px) {
  .card-product__title {
    bottom: -20.5997392438vw;
  }
}
@media screen and (max-width: 480px) {
  .card-product__title {
    bottom: -32.9166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .card-product__title {
    bottom: -40.5128205128vw;
  }
}
.card-product__sort-description {
  position: relative;
  font-size: var(--tdfs-card-product-description);
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.6;
  -webkit-line-clamp: 10;
  max-height: 8.2291666667vw;
  height: 8.2291666667vw;
  bottom: -8.2291666667vw;
  transition: 0.4s ease;
  overflow-y: auto;
}
@media screen and (max-width: 1199px) {
  .card-product__sort-description {
    max-height: 13.17764804vw;
  }
}
@media screen and (max-width: 767px) {
  .card-product__sort-description {
    max-height: 20.5997392438vw;
  }
}
@media screen and (max-width: 480px) {
  .card-product__sort-description {
    max-height: 32.9166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .card-product__sort-description {
    max-height: 40.5128205128vw;
  }
}
@media screen and (max-width: 1199px) {
  .card-product__sort-description {
    height: 13.17764804vw;
  }
}
@media screen and (max-width: 767px) {
  .card-product__sort-description {
    height: 20.5997392438vw;
  }
}
@media screen and (max-width: 480px) {
  .card-product__sort-description {
    height: 32.9166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .card-product__sort-description {
    height: 40.5128205128vw;
  }
}
@media screen and (max-width: 1199px) {
  .card-product__sort-description {
    bottom: -13.17764804vw;
  }
}
@media screen and (max-width: 767px) {
  .card-product__sort-description {
    bottom: -20.5997392438vw;
  }
}
@media screen and (max-width: 480px) {
  .card-product__sort-description {
    bottom: -32.9166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .card-product__sort-description {
    bottom: -40.5128205128vw;
  }
}
.card-product__sort-description::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.card-product__sort-description::-webkit-scrollbar-track {
  background: #1e1e1e;
  border-radius: 6px;
}
.card-product__sort-description::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.card-product__sort-description::-webkit-scrollbar-thumb:hover {
  background: #666;
}

.idler__image-container {
  position: relative;
  width: 100%;
  display: block;
}
.idler__image-container:before {
  content: "";
  display: block;
  padding-top: 43.6363636364%;
}
.idler__image-container .ratio-item {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1199px) {
  .idler__image-container:before {
    padding-top: 71.4285714286%;
  }
}
.idler__inner {
  padding: 7.8125vw 0vw;
}
@media screen and (max-width: 1199px) {
  .idler__inner {
    padding: 5.0041701418vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .idler__inner {
    padding: 7.8226857888vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .idler__inner {
    padding: 12.5vw 0vw;
  }
}
@media screen and (max-width: 390px) {
  .idler__inner {
    padding: 15.3846153846vw 0vw;
  }
}
.idler__header {
  text-align: center;
  margin-bottom: 5.1041666667vw;
  max-width: 42.1875vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .idler__header {
    margin-bottom: 3.3361134279vw;
  }
}
@media screen and (max-width: 767px) {
  .idler__header {
    margin-bottom: 5.2151238592vw;
  }
}
@media screen and (max-width: 480px) {
  .idler__header {
    margin-bottom: 8.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .idler__header {
    margin-bottom: 10.2564102564vw;
  }
}
@media screen and (max-width: 1199px) {
  .idler__header {
    max-width: 67.5562969141vw;
  }
}
@media screen and (max-width: 767px) {
  .idler__header {
    max-width: 105.6062581486vw;
  }
}
@media screen and (max-width: 480px) {
  .idler__header {
    max-width: 168.75vw;
  }
}
@media screen and (max-width: 390px) {
  .idler__header {
    max-width: 207.6923076923vw;
  }
}
.idler__header .section-content {
  color: #737373;
}
@media only screen and (max-width: 1199.98px) {
  .idler__header {
    max-width: 100%;
  }
}
.idler__image-container {
  border-radius: 0.5208333333vw;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .idler__image-container {
    border-radius: 0.834028357vw;
  }
}
@media screen and (max-width: 767px) {
  .idler__image-container {
    border-radius: 1.3037809648vw;
  }
}
@media screen and (max-width: 480px) {
  .idler__image-container {
    border-radius: 2.0833333333vw;
  }
}
@media screen and (max-width: 390px) {
  .idler__image-container {
    border-radius: 2.5641025641vw;
  }
}
.idler__listing {
  padding-top: 6.25vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5625vw;
}
@media screen and (max-width: 1199px) {
  .idler__listing {
    padding-top: 5.0041701418vw;
  }
}
@media screen and (max-width: 767px) {
  .idler__listing {
    padding-top: 7.8226857888vw;
  }
}
@media screen and (max-width: 480px) {
  .idler__listing {
    padding-top: 12.5vw;
  }
}
@media screen and (max-width: 390px) {
  .idler__listing {
    padding-top: 15.3846153846vw;
  }
}
@media screen and (max-width: 1199px) {
  .idler__listing {
    gap: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .idler__listing {
    gap: 3.9113428944vw;
  }
}
@media screen and (max-width: 480px) {
  .idler__listing {
    gap: 6.25vw;
  }
}
@media screen and (max-width: 390px) {
  .idler__listing {
    gap: 7.6923076923vw;
  }
}
@media only screen and (max-width: 767.98px) {
  .idler__listing {
    grid-template-columns: repeat(1, 1fr);
  }
}
.idler__note {
  max-width: 42.1875vw;
  margin-top: 5.2083333333vw;
  margin-bottom: 2.6041666667vw;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .idler__note {
    max-width: 67.5562969141vw;
  }
}
@media screen and (max-width: 767px) {
  .idler__note {
    max-width: 105.6062581486vw;
  }
}
@media screen and (max-width: 480px) {
  .idler__note {
    max-width: 168.75vw;
  }
}
@media screen and (max-width: 390px) {
  .idler__note {
    max-width: 207.6923076923vw;
  }
}
@media screen and (max-width: 1199px) {
  .idler__note {
    margin-top: 3.3361134279vw;
  }
}
@media screen and (max-width: 767px) {
  .idler__note {
    margin-top: 5.2151238592vw;
  }
}
@media screen and (max-width: 480px) {
  .idler__note {
    margin-top: 8.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .idler__note {
    margin-top: 10.2564102564vw;
  }
}
@media screen and (max-width: 1199px) {
  .idler__note {
    margin-bottom: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .idler__note {
    margin-bottom: 3.9113428944vw;
  }
}
@media screen and (max-width: 480px) {
  .idler__note {
    margin-bottom: 6.25vw;
  }
}
@media screen and (max-width: 390px) {
  .idler__note {
    margin-bottom: 7.6923076923vw;
  }
}
@media only screen and (max-width: 767.98px) {
  .idler__note {
    max-width: 100%;
  }
}
.idler__action {
  display: grid;
  margin-top: 2.6041666667vw;
  max-width: 20.3125vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .idler__action {
    margin-top: 2.5020850709vw;
  }
}
@media screen and (max-width: 767px) {
  .idler__action {
    margin-top: 3.9113428944vw;
  }
}
@media screen and (max-width: 480px) {
  .idler__action {
    margin-top: 6.25vw;
  }
}
@media screen and (max-width: 390px) {
  .idler__action {
    margin-top: 7.6923076923vw;
  }
}
@media screen and (max-width: 1199px) {
  .idler__action {
    max-width: 32.5271059216vw;
  }
}
@media screen and (max-width: 767px) {
  .idler__action {
    max-width: 50.8474576271vw;
  }
}
@media screen and (max-width: 480px) {
  .idler__action {
    max-width: 81.25vw;
  }
}
@media screen and (max-width: 390px) {
  .idler__action {
    max-width: 100vw;
  }
}
@media only screen and (max-width: 767.98px) {
  .idler__action {
    max-width: 100%;
  }
}

/*# sourceMappingURL=product-idler.css.map*/