@font-face {
  font-family: "GTAmerica";
  src: url("../fonts/gt-america-standard-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: bold;
  font-display: swap;
}
@font-face {
  font-family: "GTAmerica";
  src: url("../fonts/gt-america-standard-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: medium;
  font-display: swap;
}
@font-face {
  font-family: "GTAmerica";
  src: url("../fonts/gt-america-standard-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Teodor";
  src: url("../fonts/teodor-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url("../fonts/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@media (min-width: 992px) {
  .mobile-only {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .mobile-only-l {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .desktop-only {
    display: none !important;
  }
}

@media (max-width: 1023.98px) {
  .desktop-only-l {
    display: none !important;
  }
}

.main-container {
  max-width: 1200px;
  margin: auto;
}

.products-container {
  padding: 0 40px;
}

.products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 6px;
       column-gap: 6px;
  row-gap: 52px;
}
@media (max-width: 767.98px) {
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.text-capitalize-first {
  text-transform: lowercase;
}

.text-capitalize-first::first-letter {
  text-transform: uppercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

.js-fixed {
  overflow: hidden;
}

.js-block {
  display: block !important;
}

.js-flex {
  display: flex !important;
}

.js-none {
  display: none !important;
}

.top-cold-content {
  width: 100%;
  padding-bottom: 40px;
  padding-right: 26px;
}
.top-cold-content .top-cold-content-full {
  height: auto;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 2;
}
.top-cold-content .container-read-more {
  display: flex;
  align-items: center;
  padding-top: 8px;
  cursor: pointer;
}
.top-cold-content .expanded {
  height: auto;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: unset;
}

.main .content-wrapper {
  background-color: #f8f6ef;
  text-align: center;
}
.main .content-wrapper h1 {
  line-height: 1.1;
  font-family: "Teodor";
  font-size: 2.4rem;
  letter-spacing: -0.1px;
}
@media (min-width: 1024px) {
  .main .content-wrapper h1 {
    font-size: 3.2rem;
  }
}
.main .content-wrapper p {
  font-size: 1.4rem;
  letter-spacing: 0.1px;
  line-height: 1.4;
}
.main .content-wrapper a {
  text-decoration: underline;
}
.main .top-cold-content {
  font-size: 1.2rem;
  letter-spacing: 0.1px;
  line-height: 1.6;
  text-align: center;
}
.main .top-cold-content .read-more {
  font-size: 1.2rem;
  letter-spacing: 0.1px;
  line-height: 1.6;
  cursor: pointer;
  text-decoration: underline;
}
.main .products .product-card .product-image-wrapper .blaze-pagination {
  background: linear-gradient(to right, black 50%, transparent 50%);
  z-index: 5;
}
.main .products .product-card .product-image-wrapper .blaze-pagination:has(button.active:nth-child(2)) {
  background: linear-gradient(to right, transparent 50%, black 50%);
}
.main .products .product-card .product-image-wrapper .label {
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 1rem;
  color: #2d2926;
  z-index: 5;
  letter-spacing: 1px;
  line-height: 1.6;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .main .products .product-card .product-image-wrapper .image-hover {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.5s;
  }
  .main .products .product-card .product-image-wrapper .image-hover:hover {
    opacity: 1;
  }
}
.main .products .product-card .product-info .title {
  text-align: center;
  font-weight: 500;
  line-height: 1.6;
  text-transform: uppercase;
  color: #2d2926;
  font-size: 1.4rem;
  letter-spacing: 1px;
}
.main .products .product-card .product-info .product-description {
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: 0.1px;
  line-height: 1.4;
  word-wrap: break-word;
  word-break: break-word;
  padding-top: 0.5rem;
  color: #2d2926;
  height: 60px;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 3;
}
@media (min-width: 768px) {
  .main .products .product-card .product-info .product-description {
    height: 45px;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
  }
}
.main .products .product-card .slider-two {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.main .products .product-card .slider-two .blaze-track {
  transition: transform 0.3s ease;
  align-items: center;
}
.main .products .product-card .slider-two label {
  font-weight: 500;
  cursor: pointer;
  font-size: 1.2rem;
  letter-spacing: 1px;
  line-height: 1.6;
  text-transform: uppercase;
  color: #2d2926;
  text-align: center;
}
.main .products .product-card .slider-two .disabled {
  color: #817e7c;
  font-weight: 400;
}
.main .products .product-card .slider-two .disabled:after {
  content: "";
  background-color: #817e7c;
  transform: translateY(-50%);
}
.main .products .product-card .slider-two .arrow-slider {
  transform: translateY(-50%);
  z-index: 5;
  background: none;
  border: none;
  cursor: pointer;
  background-color: #ffffff;
}
.main .products .product-card .slider-two .arrow-slider.right {
  transform: translateY(-50%) rotate(180deg);
}
.main .products .product-card .price-wrapper {
  font-size: 1.4rem;
  letter-spacing: 1px;
  line-height: 1.6;
  text-transform: uppercase;
  text-align: center;
}
.main .products .product-card .price-wrapper .old-price,
.main .products .product-card .price-wrapper .new-price,
.main .products .product-card .price-wrapper .price {
  font-size: 1.4rem;
  letter-spacing: 1px;
  line-height: 1.6;
  text-transform: uppercase;
}
.main .products .product-card .price-wrapper .price {
  color: #423e3b;
}
.main .products .product-card .price-wrapper .old-price {
  text-decoration: line-through;
  color: #817e7c;
}
.main .products .product-card .price-wrapper .new-price {
  color: #ce2718;
}
.main .products .product-card .color-choose {
  gap: 1.4rem;
}
.main .products .product-card .color-choose input[type=radio] {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 9999px;
  background-color: red;
}
.main .products .product-card .color-choose input[type=radio]:checked {
  box-shadow: #fff 0 0 0 4px, #000 0 0 0 5px;
}
.main .products .product-card .color-choose .additional-colors {
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0.1px;
  color: #2d2926;
}
@media (min-width: 768px) {
  .main .products .product-card .color-choose {
    gap: 1.6rem;
  }
}
@media (min-width: 1024px) {
  .main .products .product-card:hover .slider-two {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.main .products .navigation {
  border-top: 1px solid #eae9e9;
}
.main .products .navigation .navigation-wrapper {
  cursor: pointer;
}
.main .products .navigation .navigation-wrapper .arrow-navigation-wrapper.right {
  transform: rotate(180deg);
}
.main .products .navigation .navigation-wrapper .page-numbers {
  font-size: 1.4rem;
}
.main .products .navigation .navigation-wrapper .page-numbers .page {
  text-align: center;
  color: #2d2926;
  cursor: pointer;
}
.main .products .navigation .navigation-wrapper .page-numbers .page.active {
  color: #000;
  font-weight: 500;
  cursor: default;
}
.main .products .navigation .text-show {
  letter-spacing: 0.1px;
  line-height: 1.4;
  font-size: 1.4rem;
  text-align: center;
  color: #2d2926;
}
.main .bottom-content-section {
  background-color: #f8f6ef;
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: 0.1px;
  line-height: 1.6;
}
.main .bottom-content-section .title-content {
  font-weight: 500;
  color: #2d2926;
  font-size: 1.2rem;
  color: #2d2926;
}
.main .bottom-content-section .bottom-cold-content {
  padding: 2.4rem 2rem;
}
.main .bottom-content-section .bottom-cold-content .read-more-bottom {
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.main .bottom-content-section .bottom-cold-content .read-more-bottom .see-more {
  text-decoration: underline;
}
.main .bottom-content-section .bottom-cold-content a {
  text-decoration: underline;
}
.main .ls-link-section {
  font-weight: 500;
  color: #2d2926;
  z-index: 5;
  background-color: #ffffff;
}
.main .ls-link-section .ls-recommendation-container {
  gap: 2rem;
}
.main .ls-link-section .ls-links {
  gap: 1rem;
}
.main .ls-link-section .ls-links a {
  background-color: #f8f6ef;
  padding: 0.5rem;
  padding-right: 1.5rem;
  font-size: 1.2rem;
  color: #423e3b;
  font-weight: 300;
  letter-spacing: 0.1px;
  line-height: 1.6;
}
.main .ls-link-section .ls-links a:hover {
  color: #2d2926;
  background-color: #fcf9f0;
}

.filters-section .filters-section-desktop .left-filters {
  color: #2d2926;
  text-transform: capitalize;
  letter-spacing: 0.1px;
  line-height: 1.4;
  font-size: 1.4rem;
}
.filters-section .filters-section-desktop .left-filters .desktop-filters {
  cursor: pointer;
  gap: 0.3rem;
}
.filters-section .filters-section-desktop .left-filters img {
  transform: rotate(90deg);
}
.filters-section .filters-section-desktop .right-filters .select-name {
  font-size: 1.4rem;
  color: #2d2926;
  white-space: nowrap;
}
.filters-section .filters-section-desktop .right-filters .select-name p {
  font-weight: 500;
}
.filters-section .filters-section-desktop .right-filters .select-name.sort {
  cursor: pointer;
}
.filters-section .filters-section-desktop .right-filters .arrow-select {
  transform: rotate(90deg);
}
.filters-section .filters-section-desktop .right-filters .select-wrap .select-arrow-icon.active {
  transform: rotate(270deg);
}
.filters-section .filters-section-desktop .right-filters .sort-menu {
  list-style: none;
  z-index: 7;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in-out;
  background-color: #ffffff;
}
.filters-section .filters-section-desktop .right-filters .sort-menu .sort-option {
  line-height: 19.5px;
}
.filters-section .filters-section-desktop .right-filters .sort-menu .sort-option label {
  cursor: pointer;
}
.filters-section .filters-section-desktop .right-filters .sort-menu .sort-option label input[type=radio]:checked + span {
  letter-spacing: 0.1px;
  line-height: 1.4;
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: underline;
}
.filters-section .filters-section-desktop .right-filters .sort-menu.active {
  opacity: 1;
  visibility: visible;
}
.filters-section .selected-items {
  gap: 1.4rem;
  overflow-x: scroll;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.filters-section .selected-items .clearAllBtn {
  cursor: pointer;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-underline-offset: 5px;
  white-space: nowrap;
  text-transform: uppercase;
  color: #2d2926;
  letter-spacing: 1px;
  line-height: 1.6;
  font-size: 1.2rem;
}
.filters-section .selected-items .selected-items-wrapper {
  gap: 1.2rem;
}
.filters-section .selected-items .selected-items-wrapper .selected-item {
  font-size: 1.2rem;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  letter-spacing: 1px;
  line-height: 1.6;
  color: #2d2926;
  background-color: #f8f6ef;
}
.filters-section .selected-items .selected-items-wrapper .selected-item .close-select {
  transform: translateY(-50%);
}
.filters-section .filters-section-modal {
  background: #ffffff;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
}
.filters-section .filters-section-modal.active {
  transform: translateX(0);
}
.filters-section .filters-section-modal .close-img {
  cursor: pointer;
}
.filters-section .filters-section-modal .modal-header {
  border-bottom: 1px solid #f8f6ef;
  line-height: 24px;
}
.filters-section .filters-section-modal .modal-header .modal-title {
  color: #2d2926;
  font-size: 2.2rem;
  font-family: "Teodor";
}
.filters-section .filters-section-modal .modal-btn {
  box-shadow: 0px -3px 8px rgba(0, 0, 0, 0.0666666667);
  background-color: #ffffff;
}
.filters-section .filters-section-modal .modal-btn .button {
  background-color: #2d2926;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 1.44px;
}
.filters-section .filters-section-modal .modal-btn .button:hover {
  background-color: #423e3b;
  cursor: pointer;
}
.filters-section .filters-section-modal .modal-btn .clear-all-btn {
  font-weight: 500;
  text-transform: uppercase;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-underline-offset: 8px;
  font-size: 1.2rem;
  letter-spacing: 1px;
  line-height: 1.6;
  color: #2d2926;
  cursor: pointer;
}
.filters-section .filters-section-modal .list-item-title {
  font-size: 1.4rem;
  letter-spacing: 1px;
  line-height: 1.54;
  text-transform: uppercase;
  font-weight: 500;
  color: #2d2926;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.filters-section .filters-section-modal .list-item-title.active {
  background-color: #f8f6ef;
}
@media (min-width: 1024px) {
  .filters-section .filters-section-modal .list-item-title.active {
    background-color: #ffffff;
  }
}
.filters-section .filters-section-modal .list-item-title .img-arrow {
  transform: rotate(90deg);
  transition: transform 0.7s;
}
.filters-section .filters-section-modal .list-item-title .img-arrow.active {
  transform: rotate(270deg);
}
.filters-section .filters-section-modal .filter-wrapper {
  overflow-y: scroll;
}
.filters-section .filters-section-modal .filter-wrapper .filters-items {
  border-bottom: 1px solid #ececeb;
}
.filters-section .filters-section-modal .filter-wrapper .filters-items.all-tags .list .list-item label {
  height: 21.59px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.filters-section .filters-section-modal .filter-wrapper .filters-items:not(#color-filter) .list {
  position: relative;
}
.filters-section .filters-section-modal .filter-wrapper .filters-items:not(#color-filter) .list li {
  margin: 0 0 2rem;
  display: flex;
  align-items: center;
}
.filters-section .filters-section-modal .filter-wrapper .filters-items:not(#color-filter) .list label {
  padding-left: 1rem;
  cursor: pointer;
  letter-spacing: 0.1px;
  line-height: 1.4;
  margin-top: 0.2rem;
  color: #2d2926;
  font-size: 1.4rem;
}
.filters-section .filters-section-modal .filter-wrapper .filters-items:not(#color-filter) .list input {
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #000;
  min-height: 2rem;
  min-width: 2rem;
  margin: 0;
  background-color: #ffffff;
  cursor: pointer;
}
.filters-section .filters-section-modal .filter-wrapper .filters-items:not(#color-filter) .list input:checked {
  background-color: #ffffff;
}
.filters-section .filters-section-modal .filter-wrapper .filters-items:not(#color-filter) .list input::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 50%;
  left: 0.3rem;
  transform: translateY(-50%);
  background-color: transparent;
}
.filters-section .filters-section-modal .filter-wrapper .filters-items:not(#color-filter) .list input:checked::before {
  background-color: #000;
}
.filters-section .filters-section-modal .filter-wrapper .filters-items:not(#color-filter) .list input:checked + label {
  font-weight: 500;
}
.filters-section .filters-section-modal .filter-wrapper .filters-items:not(#color-filter) .price {
  gap: 0.8rem;
}
.filters-section .filters-section-modal .filter-wrapper .filters-items:not(#color-filter) .price label {
  font-size: 1.6rem;
  line-height: 1.5;
}
.filters-section .filters-section-modal .filter-wrapper .filters-items:not(#color-filter) .price .price-wrap input {
  border-color: #aba9a8 !important;
  font-size: 1.6rem;
  line-height: 1.5;
}
.filters-section .filters-section-modal .filter-wrapper #color-filter {
  position: relative;
}
.filters-section .filters-section-modal .filter-wrapper #color-filter li {
  margin: 0 0 2rem;
  display: flex;
  align-items: center;
}
.filters-section .filters-section-modal .filter-wrapper #color-filter label {
  padding-left: 1rem;
  cursor: pointer;
  letter-spacing: 0.1px;
  line-height: 1.4;
  margin-top: 0.2rem;
  color: #2d2926;
  font-size: 1.4rem;
}
.filters-section .filters-section-modal .filter-wrapper #color-filter input {
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #000;
  min-height: 2rem;
  min-width: 2rem;
  margin: 0;
  background-color: red;
  cursor: pointer;
}
.filters-section .filters-section-modal .filter-wrapper #color-filter input:checked {
  background-color: #ffffff;
}
.filters-section .filters-section-modal .filter-wrapper #color-filter input::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 50%;
  left: 0.3rem;
  transform: translateY(-50%);
  background-color: transparent;
}
.filters-section .filters-section-modal .filter-wrapper #color-filter input:checked::before {
  background-color: red;
}
.filters-section .filters-section-modal .filter-wrapper #color-filter input:checked + label {
  font-weight: 500;
}
.filters-section .filters-section-modal .filter-wrapper #color-filter input {
  border: none;
}
.filters-section .filters-section-modal .filter-wrapper #color-filter input:checked {
  border: 1px solid #000;
}
.filters-section .filters-section-modal .filter-wrapper .list {
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.filters-section .filters-section-modal .filter-wrapper .list.active {
  max-height: var(--list-height);
  opacity: 1;
  background-color: #f8f6ef;
}
@media (min-width: 1024px) {
  .filters-section .filters-section-modal .filter-wrapper .list.active {
    background-color: #ffffff;
  }
}