@charset "UTF-8";
.atn_v1__title_70 {
  font-size: 4.375rem;
  font-weight: 500;
  line-height: 5.13rem;
}
@media (max-width: 599px) {
  .atn_v1__title_70 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.76rem;
  }
}

.atn_v1__main_56 {
  font-size: 3.5rem;
  font-weight: 100;
  line-height: 3.5rem;
}
@media (max-width: 599px) {
  .atn_v1__main_56 {
    font-size: 1.875rem;
    font-weight: 100;
    line-height: 1.875rem;
  }
}

.atn_v1__title_56, article.landing .title-wrapper h1 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 3.5rem;
}
@media (max-width: 599px) {
  .atn_v1__title_56, article.landing .title-wrapper h1 {
    font-size: 1.875rem;
    font-weight: 100;
    line-height: 1.875rem;
  }
}
@media (max-width: 599px) {
  .atn_v1__title_56, article.landing .title-wrapper h1 {
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 1.875rem;
  }
}

.atn_v1__title_36, .product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper .card-subcategory__title h5 {
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 2.64rem;
}
@media (max-width: 599px) {
  .atn_v1__title_36, .product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper .card-subcategory__title h5 {
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 1.9rem;
  }
}

.atn_v1__title_30 {
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.2rem;
}
@media (max-width: 599px) {
  .atn_v1__title_30 {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.611rem;
  }
}

.atn_v1__title_22 {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.6rem;
}
@media (max-width: 599px) {
  .atn_v1__title_22 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.172rem;
  }
}

.atn_v1__txt_17 {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.25rem;
}

@media (max-width: 599px) {
  .atn_v1__txt_17_mob {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.125rem;
  }
}

.atn_v1__title_16, section.category-description .container .category-description-content h2,
section.category-description .container .category-description-content h3, .product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper .card-subcategory__title p, .product-section .container .product-header .product-description h3 + p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.17rem;
}
@media (max-width: 599px) {
  .atn_v1__title_16, section.category-description .container .category-description-content h2,
  section.category-description .container .category-description-content h3, .product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper .card-subcategory__title p, .product-section .container .product-header .product-description h3 + p {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 0.88rem;
  }
}

.atn_v1__menu_16 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.17rem;
}

.atn_v1__button_16 {
  font-size: 1rem;
  font-weight: 500;
  line-height: initial;
}
@media (max-width: 599px) {
  .atn_v1__button_16 {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: initial;
  }
}

.atn_v1__title_14 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
}

.atn_v1__txt_14, .generation-wrapper.accordion .generation-header::after, .generation-text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media (max-width: 599px) {
  .atn_v1__txt_14, .generation-wrapper.accordion .generation-header::after, .generation-text {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 0.875rem;
  }
}

.atn_v1__txt_12 {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.875rem;
}
@media (max-width: 599px) {
  .atn_v1__txt_12 {
    font-size: 0.5625rem;
    font-weight: 400;
    line-height: 0.625rem;
  }
}

.atn_v1__txt_14_list {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
@media (max-width: 599px) {
  .atn_v1__txt_14_list {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 2.5rem;
  }
}

.atn_v1__title_18 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.32rem;
}

.atn_v1__title_30s {
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 2.1875rem;
}
@media (max-width: 599px) {
  .atn_v1__title_30s {
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 1.9rem;
  }
}

.atn_v1__txt_14_list_s {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media (max-width: 599px) {
  .atn_v1__txt_14_list_s {
    font-size: 0.6875rem;
    font-weight: 400;
    line-height: 1.125rem;
  }
}

@media (max-width: 599px) {
  .atn_v1__txt_14a_mob {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.94rem;
  }
}

@media (max-width: 599px) {
  .atn_v1__txt_14_mob {
    font-size: 0.6875rem;
    font-weight: 400;
    line-height: 0.8125rem;
  }
}

.atn_v1__title_28 {
  font-size: 1.75rem;
  font-weight: 100;
  line-height: 2rem;
}
@media (max-width: 599px) {
  .atn_v1__title_28 {
    font-size: 1.375rem;
    font-weight: 100;
    line-height: 1.375rem;
  }
}

@media (max-width: 599px) {
  .atn_v1__title_16_mob {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1rem;
  }
}

.atn_v1__title_70 {
  font-size: 4.375rem;
  font-weight: 500;
  line-height: 5.13rem;
}
@media (max-width: 599px) {
  .atn_v1__title_70 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.76rem;
  }
}

.atn_v1__main_56 {
  font-size: 3.5rem;
  font-weight: 100;
  line-height: 3.5rem;
}
@media (max-width: 599px) {
  .atn_v1__main_56 {
    font-size: 1.875rem;
    font-weight: 100;
    line-height: 1.875rem;
  }
}

.atn_v1__title_56, article.landing .title-wrapper h1 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 3.5rem;
}
@media (max-width: 599px) {
  .atn_v1__title_56, article.landing .title-wrapper h1 {
    font-size: 1.875rem;
    font-weight: 100;
    line-height: 1.875rem;
  }
}
@media (max-width: 599px) {
  .atn_v1__title_56, article.landing .title-wrapper h1 {
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 1.875rem;
  }
}

.atn_v1__title_36, .product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper .card-subcategory__title h5 {
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 2.64rem;
}
@media (max-width: 599px) {
  .atn_v1__title_36, .product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper .card-subcategory__title h5 {
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 1.9rem;
  }
}

.atn_v1__title_30 {
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.2rem;
}
@media (max-width: 599px) {
  .atn_v1__title_30 {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.611rem;
  }
}

.atn_v1__title_22 {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.6rem;
}
@media (max-width: 599px) {
  .atn_v1__title_22 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.172rem;
  }
}

.atn_v1__txt_17 {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.25rem;
}

@media (max-width: 599px) {
  .atn_v1__txt_17_mob {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.125rem;
  }
}

.atn_v1__title_16, section.category-description .container .category-description-content h2,
section.category-description .container .category-description-content h3, .product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper .card-subcategory__title p, .product-section .container .product-header .product-description h3 + p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.17rem;
}
@media (max-width: 599px) {
  .atn_v1__title_16, section.category-description .container .category-description-content h2,
  section.category-description .container .category-description-content h3, .product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper .card-subcategory__title p, .product-section .container .product-header .product-description h3 + p {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 0.88rem;
  }
}

.atn_v1__menu_16 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.17rem;
}

.atn_v1__button_16 {
  font-size: 1rem;
  font-weight: 500;
  line-height: initial;
}
@media (max-width: 599px) {
  .atn_v1__button_16 {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: initial;
  }
}

.atn_v1__title_14 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
}

.atn_v1__txt_14, .generation-wrapper.accordion .generation-header::after, .generation-text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media (max-width: 599px) {
  .atn_v1__txt_14, .generation-wrapper.accordion .generation-header::after, .generation-text {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 0.875rem;
  }
}

.atn_v1__txt_12 {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.875rem;
}
@media (max-width: 599px) {
  .atn_v1__txt_12 {
    font-size: 0.5625rem;
    font-weight: 400;
    line-height: 0.625rem;
  }
}

.atn_v1__txt_14_list {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
@media (max-width: 599px) {
  .atn_v1__txt_14_list {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 2.5rem;
  }
}

.atn_v1__title_18 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.32rem;
}

.atn_v1__title_30s {
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 2.1875rem;
}
@media (max-width: 599px) {
  .atn_v1__title_30s {
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 1.9rem;
  }
}

.atn_v1__txt_14_list_s {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media (max-width: 599px) {
  .atn_v1__txt_14_list_s {
    font-size: 0.6875rem;
    font-weight: 400;
    line-height: 1.125rem;
  }
}

@media (max-width: 599px) {
  .atn_v1__txt_14a_mob {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.94rem;
  }
}

@media (max-width: 599px) {
  .atn_v1__txt_14_mob {
    font-size: 0.6875rem;
    font-weight: 400;
    line-height: 0.8125rem;
  }
}

.atn_v1__title_28 {
  font-size: 1.75rem;
  font-weight: 100;
  line-height: 2rem;
}
@media (max-width: 599px) {
  .atn_v1__title_28 {
    font-size: 1.375rem;
    font-weight: 100;
    line-height: 1.375rem;
  }
}

@media (max-width: 599px) {
  .atn_v1__title_16_mob {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1rem;
  }
}

.generation-wrapper {
  margin-bottom: 40px;
}

.generation-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-size: cover;
  background-position: center;
  padding: 40px 20px;
  border-radius: 8px;
  margin-bottom: 30px;
}

.generation-title {
  max-width: 1200px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}

.generation-number {
  display: flex;
  align-items: flex-end;
  gap: 15px;
}
.generation-number > span {
  color: #ffffff;
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Roboto;
  font-size: 120px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.generation-suffix {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  padding-bottom: 10px;
}
.generation-suffix .th {
  color: #ffffff;
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: uppercase;
}
.generation-suffix .word {
  color: #ffffff;
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Roboto;
  font-size: 36px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: uppercase;
}

.generation-description {
  max-width: 700px;
  margin: 0 auto;
}
@media (1200px <= width < 1800px) {
  .generation-description {
    max-width: 550px;
  }
}

.generation-text {
  color: #9f9f9f;
  font-variant-numeric: lining-nums proportional-nums;
}

.generation-wrapper.accordion .product-section {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  margin: 0;
}
.generation-wrapper.accordion.expanded .product-section {
  max-height: 3000px;
  margin-bottom: 20px;
}
.generation-wrapper.accordion .generation-header {
  cursor: pointer;
  position: relative;
}
.generation-wrapper.accordion .generation-header::after {
  content: "MORE ▼";
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 5px;
  background: #ef4030;
  color: #ffffff;
  font-variant-numeric: lining-nums proportional-nums;
  padding: 8px 16px;
  transition: background 0.2s ease;
}
.generation-wrapper.accordion .generation-header:hover::after {
  background: #db2211;
}
.generation-wrapper.accordion.expanded .generation-header::after {
  content: "LESS ▲";
}

@media (max-width: 599px) {
  .generation-header {
    padding: 20px 10px;
    margin-bottom: 15px;
    flex-direction: column;
    gap: 20px;
  }
  .generation-title {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  .generation-number {
    gap: 8px;
  }
  .generation-number > span {
    font-size: 60px;
  }
  .generation-suffix {
    padding-bottom: 5px;
  }
  .generation-suffix .th {
    font-size: 12px;
  }
  .generation-suffix .word {
    font-size: 20px;
  }
  .generation-description {
    margin-left: 0;
    max-width: 100%;
  }
  .generation-wrapper.accordion .generation-header::after {
    position: static;
    transform: none;
    display: block;
    margin: 15px auto 0;
    width: fit-content;
  }
  .generation-wrapper.accordion.expanded .generation-header::after {
    transform: none;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .generation-header {
    padding: 30px 15px;
    margin-bottom: 20px;
    flex-direction: column;
    gap: 20px;
  }
  .generation-title {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .generation-number {
    gap: 10px;
  }
  .generation-number > span {
    font-size: 80px;
  }
  .generation-suffix {
    padding-bottom: 8px;
  }
  .generation-suffix .th {
    font-size: 16px;
  }
  .generation-suffix .word {
    font-size: 28px;
  }
  .generation-description {
    margin-left: 0;
    max-width: 100%;
  }
  .generation-wrapper.accordion .generation-header::after {
    position: static;
    transform: none;
    display: block;
    margin: 15px auto 0;
    width: fit-content;
  }
  .generation-wrapper.accordion.expanded .generation-header::after {
    transform: none;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .generation-header {
    flex-direction: column;
  }
  .generation-title {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .generation-description {
    margin-left: 0;
    max-width: 100%;
  }
  .generation-wrapper.accordion .generation-header::after {
    position: static;
    transform: none;
    display: block;
    margin: 15px auto 0;
    width: fit-content;
  }
  .generation-wrapper.accordion.expanded .generation-header::after {
    transform: none;
  }
}
video {
  width: 100%;
  display: block;
  margin: 50px auto;
  border-radius: 20px;
}

.module-bottom-bar {
  display: none;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #ffffff;
  color: #000000;
}

@media (min-width: 300px) and (max-width: 1199px) {
  section.categories-content .product-section .container .product-cards .card .card-text .button-green.add-to-cart {
    font-size: 1rem;
    padding: 9px 7px;
  }
}
@media (min-width: 300px) and (max-width: 1199px) and (max-width: 599px) {
  section.categories-content .product-section .container .product-cards .card .card-text .button-green.add-to-cart {
    margin: 9px 0;
  }
}
.blog-navigation {
  user-select: none;
  background-color: #ffffff;
  margin: 0 auto;
  padding-top: 0.625rem;
  padding-bottom: 1.25rem;
  display: flex;
  justify-content: center;
  border-radius: 4px;
}
.blog-navigation a {
  text-decoration: none;
}
.blog-navigation .disabled {
  border: 1px solid #e5e5e5 !important;
  color: rgba(217, 217, 217, 0.35) !important;
  pointer-events: none;
}
section + .blog-navigation {
  padding-top: 0.625rem;
  padding-bottom: 1.25rem;
}
.blog-navigation a.arrow-back,
.blog-navigation a.view-all,
.blog-navigation a.arrow-forward {
  align-self: center;
  color: #9f9f9f;
  height: 35px;
  line-height: 2.2;
}
.blog-navigation a.arrow-back,
.blog-navigation a.arrow-forward {
  width: 80px;
  text-align: center;
}
.blog-navigation a.arrow-back i,
.blog-navigation a.arrow-forward i {
  vertical-align: middle;
  font-size: 2rem;
}
.blog-navigation a.arrow-back {
  border-radius: 4px 0px 0px 4px;
}
.blog-navigation a.arrow-forward {
  border-radius: 0px 4px 4px 0px;
}
.blog-navigation a.view-all {
  width: 160px;
  text-align: center;
  font-size: 1rem;
}
@media (max-width: 399px) {
  .blog-navigation a.view-all {
    font-size: 13px;
    line-height: 36px;
  }
}
.blog-navigation a.arrow-back,
.blog-navigation a.view-all,
.blog-navigation a.arrow-forward {
  border: 1px solid #9f9f9f;
  transition: background-color 0.2s ease;
}
.blog-navigation a.arrow-back:hover,
.blog-navigation a.view-all:hover,
.blog-navigation a.arrow-forward:hover {
  background-color: #f2f2f2;
  color: #2c2c2c;
}
.blog-navigation select {
  border-radius: 0;
  border: 1px solid #9f9f9f;
  cursor: pointer;
  background-color: #ffffff;
  color: #9f9f9f;
  appearance: none;
  width: 60px;
  padding: 0 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 19 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6091 3.94543L3.3909 3.94543L9.50002 10.0546L15.6091 3.94543Z' fill='%239F9F9F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 30% top 50%;
  background-size: 0.65rem auto;
}
.blog-navigation select option {
  cursor: pointer;
}

nav.categories-navigation {
  text-align: center;
  padding-top: 3.75rem;
  padding-bottom: 3.25rem;
  background-color: #f2f2f2;
}
nav.categories-navigation .container ul.categories-nav {
  padding-top: 1.25rem;
  display: flex;
  justify-content: center;
  gap: 2.5rem;
}
nav.categories-navigation .container ul.categories-nav li {
  text-transform: uppercase;
}
nav.categories-navigation .container ul.categories-nav li a {
  text-decoration: none;
  color: #9f9f9f;
  transition: all 0.2s ease;
}
nav.categories-navigation .container ul.categories-nav li a:not(.selected):hover {
  color: #818181;
}
nav.categories-navigation .container ul.categories-nav li a.selected {
  color: #2c2c2c;
  pointer-events: none;
}

article.landing h1 {
  margin-top: 5rem;
  margin-bottom: 1.25rem;
  text-align: center;
}
@media (max-width: 599px) {
  article.landing h1 {
    margin: 0;
    width: 100%;
    padding-top: 4rem;
    padding-bottom: 1.25rem;
    background-color: #ffffff;
  }
}
article.landing .title-wrapper {
  color: #ffffff;
  text-transform: uppercase;
  background-position: center;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (width < 900px) {
  article.landing .title-wrapper {
    margin-top: 2.5rem;
  }
}
article.landing .title-wrapper.monoculars {
  background-image: url("/images/categories/category_b_thermal_monoculars.webp");
}
@media (width < 700px) {
  article.landing .title-wrapper.monoculars {
    background-image: url("/images/categories/category_m_thermal_monoculars.webp");
  }
}
article.landing .title-wrapper h1 {
  max-width: 400px;
  padding: 70px 0;
  margin: 0 auto;
  background-color: unset;
}
@media (width < 700px) {
  article.landing .title-wrapper h1 {
    max-width: 400px;
    padding: 30px 0 25% 0;
  }
}
@media (width < 700px) and (width < 600px) {
  article.landing .title-wrapper h1 {
    max-width: 200px;
    padding: 30px 0 35% 0;
  }
}
@media (900px <= width < 1200px) {
  article.landing .title-wrapper h1 {
    padding: 40px 0;
  }
}
@media (700px <= width < 900px) {
  article.landing .title-wrapper h1 {
    padding: 30px 0;
  }
}
@media (1800px <= width) {
  article.landing .title-wrapper h1 {
    padding: 90px 0;
  }
}

section.categories-content {
  margin-bottom: 2.5rem;
}

.product-section {
  margin-top: 2.5rem;
}
.product-section.accessories, .product-section.archive {
  margin-top: 0;
}
@media (max-width: 599px) {
  .product-section.accessories, .product-section.archive {
    margin-top: 0.625rem !important;
  }
}
.product-section .container {
  background-color: #e5e5e5;
  border-radius: 0.625rem;
}
.product-section .container .product-header {
  padding: 0.625rem 0;
  display: flex;
  justify-content: center;
  align-content: center;
  gap: 2.5rem;
}
@media (width < 600px) {
  .product-section .container .product-header {
    gap: 1.25rem;
  }
}
.product-section .container .product-header .image-container {
  align-self: center;
}
.product-section .container .product-header .image-container.new {
  position: relative;
}
.product-section .container .product-header .image-container.new span {
  font-size: 1.3em;
  font-weight: 700;
  line-height: inherit;
  position: absolute;
  padding: 7px 20px;
  background-color: #ef4030;
  color: #ffffff;
  bottom: 10px;
  right: 30px;
  border-radius: 50px;
  z-index: 10;
}
@media (max-width: 399px) {
  .product-section .container .product-header .image-container.new span {
    font-size: 1em;
  }
}
.product-section .container .product-header .product-description {
  margin-top: 2rem;
  margin-bottom: auto;
  align-self: center;
}
.product-section .container .product-header .product-description h3 {
  margin-bottom: 0.625rem;
}
.product-section .container .product-header .product-description h3.compact {
  font-size: 48px;
  font-weight: 500;
}
@media (width < 600px) {
  .product-section .container .product-header .product-description h3.compact {
    font-size: 30px;
  }
}
@media (width < 900px) {
  .product-section .container .product-header .product-description h3.compact {
    text-align: center;
  }
}
.product-section .container .product-header .product-description h3:has(+ p) {
  margin-bottom: 0;
}
.product-section .container .product-header .product-description h3 + p {
  margin-bottom: 0.625rem;
  text-transform: uppercase;
}
@media (width < 900px) {
  .product-section .container .product-header .product-description h3 + p {
    text-align: center;
  }
}
.product-section .container .product-header .product-description .description-text {
  max-width: 540px;
}
@media (min-width: 600px) and (max-width: 1199px) {
  .product-section .container .product-header .product-description .description-text {
    max-width: 640px;
  }
}
.product-section .container .product-header .product-description .description-text .description {
  transition: max-height 0.15s ease;
  overflow: hidden;
  position: relative;
  text-align: justify;
  padding-right: 1em;
}
.product-section .container .product-header .product-description .description-text .description:before {
  content: "…";
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (min-width: 500px) and (max-width: 599px) {
  .product-section .container .product-header .product-description .description-text .description:before {
    bottom: -2px;
  }
}
.product-section .container .product-header .product-description .description-text .description p {
  overflow: hidden;
}
.product-section .container .product-header .product-description .description-text .description ul {
  padding-top: 5px;
  padding-left: 0.625rem;
  padding-bottom: 0.625rem;
  margin: 0;
  font-size: 16.8px;
  font-weight: 300;
}
.product-section .container .product-header .product-description .description-text .description ul li {
  padding-top: 0.625rem;
}
.product-section .container .product-header .product-description .more,
.product-section .container .product-header .product-description .less {
  cursor: pointer;
  margin-top: 0.625rem;
}
.product-section .container .product-header .product-description.hidden .description {
  max-height: 2.25rem;
}
.product-section .container .product-header .product-description.hidden .less {
  display: none;
}
.product-section .container .product-header .product-description.hidden .more {
  display: block;
}
.product-section .container .product-header .product-description.shown .description {
  max-height: 800px;
}
.product-section .container .product-header .product-description.shown .description:before {
  content: "";
}
.product-section .container .product-header .product-description.shown .more {
  display: none;
}
.product-section .container .product-header .product-description.shown .less {
  display: block;
}
@media (width >= 600px) {
  .product-section .container .product-header:has(~ .product-cards .card-subcategory) .image-container {
    width: 500px;
  }
}
.product-section .container .product-header:has(~ .product-cards .card-subcategory) .image-container img {
  width: 100%;
}
.product-section .container .product-header:has(~ .product-cards .card-subcategory) .image-container.new span {
  right: 110px;
  bottom: 20px;
}
.product-section .container .product-image img {
  width: 100%;
  margin: 0 auto;
  display: block;
  object-fit: cover;
}
.product-section .container .product-cards {
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.25rem;
  width: 100%;
  box-sizing: border-box;
}
.product-section .container .product-cards > .card {
  border-radius: 0.625rem;
  background-color: #f2f2f2;
  text-align: center;
  box-sizing: border-box;
  padding: 0.625rem;
  width: calc(33.3333333333% - 15px);
  transition: background-color 0.2s ease;
}
.product-section .container .product-cards > .card:hover {
  background-color: #ffffff;
}
.product-section .container .product-cards > .card:hover div a img {
  transform: scale(110%);
}
.product-section .container .product-cards > .card > a {
  text-decoration: none;
  color: #2c2c2c;
  margin-top: 1.25rem;
  display: block;
  padding-bottom: 1.25rem;
  margin-bottom: 0.625rem;
  border-bottom: 1px solid transparent;
  -o-border-image: linear-gradient(to right, rgba(196, 196, 196, 0) 4.2%, #7d7d7d 52.33%, rgba(196, 196, 196, 0) 100.46%);
  border-image: -webkit-gradient(linear, left top, right top, color-stop(4.2%, rgba(196, 196, 196, 0)), color-stop(52.33%, #7d7d7d), color-stop(100.46%, rgba(196, 196, 196, 0)));
  border-image: linear-gradient(to right, rgba(196, 196, 196, 0) 4.2%, #7d7d7d 52.33%, rgba(196, 196, 196, 0) 100.46%);
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, rgba(217, 217, 217, 0) 0%, #d9d9d9 47.4%, rgba(217, 217, 217, 0) 100%);
}
.product-section .container .product-cards > .card > a + div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.product-section .container .product-cards > .card > a + div > a {
  max-width: 170px;
}
.product-section .container .product-cards > .card > a + div > a img {
  width: 100%;
  transition: transform 0.3s ease;
}
.product-section .container .product-cards > .card > a + div .card-text {
  padding: 0 0.85rem;
}
.product-section .container .product-cards > .card > a + div .card-text .buttons-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}
@media (width < 500px) {
  .product-section .container .product-cards > .card > a + div .card-text .buttons-wrap {
    flex-wrap: wrap;
    gap: 5px;
  }
}
.product-section .container .product-cards > .card > a + div .card-text .button-wrap {
  min-width: 50%;
  position: relative;
}
.product-section .container .product-cards > .card > a + div .card-text .button-wrap p {
  position: absolute;
  font-weight: 600;
  left: 50%;
  transform: translateX(-50%);
  min-width: 130px;
}
.product-section .container .product-cards > .card > a + div .card-text .button-wrap p:first-child {
  top: -20px;
}
.product-section .container .product-cards > .card > a + div .card-text .button-wrap p span {
  font-size: 10px !important;
  display: block;
  font-weight: 400;
  color: #242424 !important;
}
@media (width < 500px) {
  .product-section .container .product-cards > .card > a + div .card-text .button-wrap p {
    position: relative;
  }
  .product-section .container .product-cards > .card > a + div .card-text .button-wrap p:first-child {
    top: 0;
  }
}
@media (width < 600px) {
  .product-section .container .product-cards > .card > a + div .card-text .button-wrap p {
    margin-top: 0 !important;
  }
}
@media (width < 500px) {
  .product-section .container .product-cards > .card > a + div .card-text .button-wrap {
    width: 100%;
  }
}
.product-section .container .product-cards > .card > a + div .card-text a.button-green {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.32rem;
  border-radius: 4px;
  padding: 9px 18px;
}
.product-section .container .product-cards > .card > a + div .card-text a.button-green + p {
  text-transform: capitalize;
  color: #242424;
}
.product-section .container .product-cards > .card > a + div .card-text a.button-green + p.hidden {
  display: none;
}
.product-section .container .product-cards > .card > a + div .card-text a.button-green + p span {
  color: #818181;
  font-size: 14px;
}
@media (width < 600px) {
  .product-section .container .product-cards > .card > a + div .card-text a.button-green + p span {
    font-size: 10px;
  }
}
.product-section .container .product-cards > .card > a + div .card-text a.button-green.old {
  cursor: default;
  position: relative;
}
.product-section .container .product-cards > .card > a + div .card-text a.button-green.old::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(15deg);
  height: 4px;
  width: 80%;
  background: #ef4030;
}
@media (width < 500px) {
  .product-section .container .product-cards > .card > a + div .card-text a.button-green.old::after {
    width: 50%;
  }
}
.product-section .container .product-cards > .card > a + div .card-text a.button-green.old:hover {
  background-color: #3d7b42 !important;
}
@media (1800px > width) {
  .product-section .container .product-cards > .card > a + div .card-text {
    padding: 0 10px;
  }
}
@media (600px <= width < 900px) {
  .product-section .container .product-cards > .card > a + div .card-text {
    padding: 0;
  }
}
@media (600px <= width < 1800px) {
  .product-section .container .product-cards > .card {
    width: calc(50% - 10px);
  }
}
@media (600px <= width < 1200px) {
  .product-section .container .product-cards > .card.discount {
    padding-bottom: 10%;
  }
}
.product-section .container .product-cards:has(.card-subcategory) {
  display: flex;
  flex-direction: column;
  gap: 5px;
  box-sizing: border-box;
}
@media (width < 600px) {
  .product-section .container .product-cards:has(.card-subcategory) {
    gap: 0.625rem;
    padding: 0;
  }
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper {
  display: flex;
  width: 100%;
  gap: 0.625rem;
  box-sizing: border-box;
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper .card-subcategory__title {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 8px;
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.625rem;
  border-radius: 10px;
  padding: 0.625rem;
  box-sizing: border-box;
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card {
  border-radius: 0.625rem;
  background-color: transparent;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  transition: background-color 0.2s ease;
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card:hover div a img {
  transform: scale(110%);
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a {
  text-decoration: none;
  color: #2c2c2c;
  margin-top: 1.25rem;
  display: block;
  padding-bottom: 1.25rem;
  margin-bottom: 0.625rem;
  border-bottom: 1px solid transparent;
  -o-border-image: linear-gradient(to right, rgba(196, 196, 196, 0) 4.2%, #7d7d7d 52.33%, rgba(196, 196, 196, 0) 100.46%);
  border-image: -webkit-gradient(linear, left top, right top, color-stop(4.2%, rgba(196, 196, 196, 0)), color-stop(52.33%, #7d7d7d), color-stop(100.46%, rgba(196, 196, 196, 0)));
  border-image: linear-gradient(to right, rgba(196, 196, 196, 0) 4.2%, #7d7d7d 52.33%, rgba(196, 196, 196, 0) 100.46%);
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, rgba(217, 217, 217, 0) 0%, #d9d9d9 47.4%, rgba(217, 217, 217, 0) 100%);
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (width < 900px) {
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div {
    padding-bottom: 10px;
  }
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div > a {
  max-width: 170px;
  flex-grow: 1;
}
@media (width >= 900px) {
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div > a {
    max-width: 230px;
  }
}
@media (width < 500px) {
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div > a {
    padding-left: 10px;
  }
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div > a img {
  width: 100%;
  transition: transform 0.3s ease;
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text {
  padding: 0 0.85rem;
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text .buttons-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}
@media (width < 500px) {
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text .buttons-wrap {
    flex-wrap: wrap;
    gap: 5px;
  }
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text .button-wrap {
  min-width: 50%;
  position: relative;
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text .button-wrap p {
  position: absolute;
  font-weight: 600;
  left: 50%;
  transform: translateX(-50%);
  min-width: 130px;
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text .button-wrap p:first-child {
  top: -20px;
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text .button-wrap p span {
  font-size: 10px !important;
  display: block;
  font-weight: 400;
  color: #242424 !important;
}
@media (width < 500px) {
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text .button-wrap p {
    position: relative;
  }
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text .button-wrap p:first-child {
    top: 0;
  }
}
@media (width < 600px) {
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text .button-wrap p {
    margin-top: 0 !important;
  }
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text a.button-green {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.32rem;
  border-radius: 4px;
  padding: 9px 18px;
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text a.button-green + p {
  text-transform: capitalize;
  color: #242424;
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text a.button-green + p.hidden {
  display: none;
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text a.button-green + p span {
  color: #818181;
  font-size: 14px;
}
@media (width < 600px) {
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text a.button-green + p span {
    font-size: 10px;
  }
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text a.button-green.old {
  cursor: default;
  position: relative;
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text a.button-green.old::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(15deg);
  height: 4px;
  width: 80%;
  background: #ef4030;
}
@media (width < 500px) {
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text a.button-green.old::after {
    width: 50%;
  }
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text a.button-green.old:hover {
  background-color: #3d7b42 !important;
}
@media (1800px > width) {
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text {
    padding: 0 10px;
  }
}
@media (600px <= width < 900px) {
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card > a + div .card-text {
    padding: 0;
  }
}
@media (600px <= width < 1200px) {
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory .card.discount {
    padding-bottom: 10%;
  }
}
@media (width < 900px) {
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory {
    grid-template-columns: 1fr;
  }
}
.product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper {
  border-radius: 0.625rem;
}
@media (width < 900px) {
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper {
    flex-direction: column;
    background: #f2f2f2;
  }
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper .card-subcategory .card {
    background-color: #e5e5e5;
  }
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper .card-subcategory__title {
    width: 100%;
    padding-top: 1.25rem;
  }
}
@media (width >= 900px) {
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper:nth-of-type(odd) .card-subcategory {
    padding-right: 0;
  }
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper:nth-of-type(even) {
    background: #f2f2f2;
  }
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper:nth-of-type(even) .card-subcategory .card {
    background-color: transparent;
  }
}
@media (600px <= width < 900px) {
  .product-section .container .product-cards:has(.card-subcategory) .card-subcategory-wrapper .card-subcategory__title h5 {
    font-size: 1.5rem;
  }
}

section.category-description {
  margin: 5rem 0 2.5rem 0;
}
section.category-description .container .category-description-content .category-description_text {
  transition: max-height 0.2s;
  overflow-y: hidden;
}
section.category-description .container .category-description-content .category-description_text p {
  margin: 0.625rem 0;
}
section.category-description .container .category-description-content .category-description_text ol {
  margin: 0.625rem 0;
  padding: 0 1rem;
  list-style-position: inside;
  list-style: decimal;
}
section.category-description .container .category-description-content .category-description_text ol li {
  list-style: decimal;
}
section.category-description .container .category-description-content .category-description_text ol li strong {
  font-weight: bold;
}
section.category-description .container .category-description-content .category-description_text ul {
  margin: 0.625rem 0;
  padding: 0 1rem;
  list-style-position: inside;
  list-style: disc;
}
section.category-description .container .category-description-content .category-description_text ul li strong {
  font-weight: bold;
}
section.category-description .container .category-description-content .category-description_text table {
  margin: 16px auto 10px auto;
  border-collapse: collapse;
}
section.category-description .container .category-description-content .category-description_text table th,
section.category-description .container .category-description-content .category-description_text table td {
  padding: 16px;
  text-align: left;
  border: 1px solid #000;
}
section.category-description .container .category-description-content h2,
section.category-description .container .category-description-content h3 {
  text-align: center;
  margin: 1.25rem 0 0.625rem 0;
}
section.category-description .container .category-description-content a {
  color: initial;
}
section.category-description .container .category-description-content br {
  padding-bottom: 0.625rem;
}
section.category-description .container .category-description-content .category-description-controls {
  text-align: center;
}
section.category-description .container .category-description-content .category-description-controls p {
  margin: 0.625rem;
}
section.category-description .container .category-description-content .category-description-controls span {
  cursor: pointer;
  transition: all 0.2s;
}
section.category-description .container .category-description-content.hidden .category-description-controls .less {
  display: none;
}
section.category-description .container .category-description-content.hidden .category-description-controls p {
  visibility: visible;
}
section.category-description .container .category-description-content:not(.hidden) .category-description-controls .more {
  display: none;
}
section.category-description .container .category-description-content:not(.hidden) .category-description-controls p {
  visibility: hidden;
}

section.faq {
  text-align: center;
  background-color: #818181;
  color: #ffffff;
  padding-top: 1.25rem;
}
section.faq .container h5 {
  padding-bottom: 1.25rem;
  color: #ffffff;
}
section.faq .container .faq-content {
  width: 50%;
  margin: 0 auto;
}
section.faq .container .faq-content ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
section.faq .container .faq-content ul li {
  text-align: left;
  flex-basis: 46%;
  color: #f2f2f2;
  transition: color 0.2s ease;
  cursor: pointer;
  list-style-type: disc;
  list-style-position: inside;
  text-decoration: underline;
}
section.faq .container .faq-content ul li.active {
  color: #ffffff;
  font-weight: 700;
}
section.faq .container .faq-content ul li:not(.active):hover {
  font-weight: 500;
}
@media (min-width: 1200px) {
  section.faq .container .faq-content ul li:nth-of-type(odd) {
    margin-right: 5px;
  }
}
section.faq .container .faq-content ul .answer {
  display: block;
  text-align: left;
  max-height: 0;
  padding-bottom: 1.25rem;
  width: 100%;
  transition: all 0.2s ease;
  cursor: default;
}
section.faq .container .faq-content ul .answer.hidden {
  display: none;
}
section.faq .container .faq-content ul .answer.shown {
  padding: 1.25rem 0.625rem;
  margin-top: 20px;
  max-height: 60px;
  overflow: hidden;
}

@media (max-width: 599px) {
  .container {
    width: calc(100% - 2.5rem);
  }
  article {
    background-color: #e5e5e5;
  }
  nav.categories-navigation {
    display: none;
    padding-top: 4.5rem;
    padding-bottom: 1.875rem;
  }
  nav.categories-navigation .container {
    gap: 0;
  }
  nav.categories-navigation .container ul.categories-nav {
    display: none;
    gap: 0.625rem;
    flex-wrap: wrap;
  }
  section.categories-content {
    margin-bottom: 0;
  }
  .product-section {
    margin-top: 0;
  }
  .product-section:first-of-type {
    margin-top: 2.5rem;
  }
  .product-section .container {
    padding-bottom: 0.625rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid transparent;
    -o-border-image: linear-gradient(to right, rgba(196, 196, 196, 0) 4.2%, #7d7d7d 52.33%, rgba(196, 196, 196, 0) 100.46%);
    border-image: -webkit-gradient(linear, left top, right top, color-stop(4.2%, rgba(196, 196, 196, 0)), color-stop(52.33%, #7d7d7d), color-stop(100.46%, rgba(196, 196, 196, 0)));
    border-image: linear-gradient(to right, rgba(196, 196, 196, 0) 4.2%, #7d7d7d 52.33%, rgba(196, 196, 196, 0) 100.46%);
    border-image-slice: 1;
    border-image-source: linear-gradient(270deg, rgba(196, 196, 196, 0) 4.2%, #7d7d7d 52.33%, rgba(196, 196, 196, 0) 100.46%);
    width: 100%;
    border-radius: 0;
  }
  .product-section .container .product-header {
    flex-direction: column;
    width: calc(100% - 1rem);
    margin: 0 auto;
  }
  .product-section .container .product-header img {
    display: block;
    margin: auto;
    width: 100%;
  }
  .product-section .container .product-header .product-description {
    margin-top: 0;
  }
  .product-section .container .product-header .product-description.hidden .description {
    max-height: 1.625rem;
  }
  .product-section .container .product-image {
    display: none;
  }
  .product-section .container .product-cards {
    padding: 0.625rem;
  }
  .product-section .container .product-cards .card {
    background-color: #ffffff;
    width: calc(100% - 0.875rem);
  }
}
@media (max-width: 599px) and (max-width: 599px) {
  .product-section .container .product-cards .card > a + div > a {
    width: 50%;
  }
  .product-section .container .product-cards .card > a + div > a img {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .product-section .container .product-cards .card > a + div .card-text {
    width: 50%;
    padding: 0;
  }
  .product-section .container .product-cards .card > a + div .card-text a.button-green {
    margin-bottom: 0.75rem;
    padding: 9px 0;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.172rem;
  }
}
@media (max-width: 599px) and (max-width: 389px) {
  .product-section .container .product-cards .card > a + div .card-text a.button-green {
    padding-right: 5px;
    padding-left: 5px;
  }
}
@media (max-width: 599px) {
  .product-section .container .product-cards .card > a + div .card-text a.button-green span {
    display: inline;
  }
  section.faq {
    padding-bottom: 0.625rem;
  }
  section.faq .container .faq-content {
    width: 100%;
  }
  section.faq .container .faq-content ul {
    flex-direction: column;
    align-items: center;
  }
  section.faq .container .faq-content ul li {
    flex-basis: auto;
    width: 300px;
  }
}
@media (max-width: 599px) and (max-width: 329px) {
  section.faq .container .faq-content ul li {
    font-size: 12px;
    width: 100%;
  }
}
@media (max-width: 599px) {
  section.faq .container .faq-content ul .answer {
    width: 300px;
    padding: 0;
    overflow: hidden;
  }
  section.faq .container .faq-content ul .answer.shown {
    padding-left: 0;
    padding-right: 0;
    max-height: 100px;
    margin-top: 0;
    background-color: #9f9f9f;
    padding: 0.625rem;
  }
  main section.categories-content .product-section:last-of-type .container {
    border: none;
    margin-bottom: 0.625rem;
    padding-bottom: 0;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .container {
    width: calc(100% - 1.5rem);
  }
  nav.categories-navigation {
    display: none;
    padding-top: 4.5rem;
    padding-bottom: 1.25rem;
  }
  nav.categories-navigation .container {
    gap: 0;
  }
  nav.categories-navigation .container ul.categories-nav {
    display: none;
    gap: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
  section.categories-content {
    margin-bottom: 0;
  }
  .product-section {
    margin-top: 3.75rem;
    margin-bottom: 1.25rem;
  }
  .product-section .container .product-header {
    flex-direction: column;
    width: calc(100% - 1rem);
    margin: 0 auto;
  }
  .product-section .container .product-header img {
    display: block;
    margin: auto;
  }
  .product-section .container .product-header .product-description {
    margin-top: 0;
  }
  .product-section .container .product-cards .card {
    width: calc(50% - 0.625rem);
  }
  .product-section .container .product-cards .card > a + div {
    flex-direction: column;
  }
  section.faq {
    padding-bottom: 0.625rem;
  }
  section.faq .container .faq-content {
    width: 100%;
  }
  section.faq .container .faq-content ul {
    flex-direction: column;
    align-items: center;
  }
  section.faq .container .faq-content ul li {
    flex-basis: auto;
    width: 300px;
    padding-bottom: 0.625rem;
  }
  section.faq .container .faq-content ul .answer {
    max-width: 620px;
    width: auto;
    padding: 0;
    overflow: hidden;
  }
  section.faq .container .faq-content ul .answer.shown {
    max-height: 200px;
    margin-top: 0;
    background-color: #9f9f9f;
    padding: 0.625rem;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  nav.categories-navigation {
    padding-top: 4.5rem;
    padding-bottom: 1.875rem;
  }
  nav.categories-navigation .container {
    gap: 0;
  }
  nav.categories-navigation .container h1 {
    text-transform: uppercase;
  }
  nav.categories-navigation .container ul.categories-nav {
    gap: 0.625rem;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  nav.categories-navigation .container ul.categories-nav li a {
    font-size: 0.875rem;
  }
  .product-section .container .product-header {
    flex-direction: column;
    width: calc(100% - 1rem);
    margin: 0 auto;
  }
  .product-section .container .product-header img {
    display: block;
    margin: auto;
  }
  .product-section .container .product-header .product-description {
    margin-top: 0;
  }
  .product-section .container .product-image {
    width: calc(100% - 35px);
    margin: auto;
  }
  .product-section .container .product-image img {
    width: 100%;
  }
  .product-section .container .product-cards .card > a + div {
    flex-direction: column;
  }
  section.faq {
    padding-bottom: 0.625rem;
  }
  section.faq .container .faq-content {
    width: 100%;
  }
  section.faq .container .faq-content ul {
    flex-direction: column;
    align-items: center;
  }
  section.faq .container .faq-content ul li {
    flex-basis: auto;
    width: 400px;
  }
  section.faq .container .faq-content ul .answer {
    width: 300px;
    padding: 0;
    overflow: hidden;
  }
  section.faq .container .faq-content ul .answer.shown {
    padding-left: 0;
    padding-right: 0;
    max-height: 100px;
    margin-top: 0;
    background-color: #9f9f9f;
    padding: 0.625rem;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  nav.categories-navigation {
    padding-top: 4.5rem;
  }
  .product-section .container .product-cards .card > a + div > a {
    width: 50%;
  }
  .product-section .container .product-cards .card > a + div > a img {
    width: 100%;
  }
  .product-section .container .product-cards .card > a + div .card-text a.button-green {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
  section.faq {
    text-align: center;
    background-color: #818181;
    color: #ffffff;
    padding-top: 1.25rem;
  }
  section.faq .container .faq-content {
    width: 70%;
  }
  section.faq .container .faq-content ul li {
    padding-bottom: 0.625rem;
  }
  section.faq .container .faq-content ul .answer.shown {
    padding: 0.625rem 0.625rem;
  }
}
main.archive article.landing .product-section .container .card h5 {
  padding-bottom: 1.25rem;
  margin-bottom: 0.625rem;
  border-bottom: 1px solid transparent;
  -o-border-image: linear-gradient(to right, rgba(196, 196, 196, 0) 4.2%, #7d7d7d 52.33%, rgba(196, 196, 196, 0) 100.46%);
  border-image: -webkit-gradient(linear, left top, right top, color-stop(4.2%, rgba(196, 196, 196, 0)), color-stop(52.33%, #7d7d7d), color-stop(100.46%, rgba(196, 196, 196, 0)));
  border-image: linear-gradient(to right, rgba(196, 196, 196, 0) 4.2%, #7d7d7d 52.33%, rgba(196, 196, 196, 0) 100.46%);
  border-image-slice: 1;
  text-transform: uppercase;
  color: #2c2c2c;
  margin-top: 1.25rem;
}
main.archive article.landing .product-section .container .card div {
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}
main.archive article.landing .product-section .container .card div img {
  width: 50%;
}
@media (max-width: 399px) {
  main.archive article.landing .product-section .container .card div img {
    width: 100%;
  }
}
@media (max-width: 399px) {
  main.archive article.landing .product-section .container .card div {
    flex-direction: column;
  }
}
main.archive article.landing .product-section .container .card .card-text {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: fit-content;
}
@media (max-width: 399px) {
  main.archive article.landing .product-section .container .card .card-text {
    width: 100%;
  }
}
main.archive article.landing .product-section .container .card .card-text a.button-gray {
  background-color: #e5e5e5;
  color: #9f9f9f;
  text-transform: uppercase;
  border: 1px solid transparent;
  padding: 9px 0;
  width: 130px;
  font-weight: 500;
}
main.archive article.landing .product-section .container .card .card-text a.button-gray:hover {
  background-color: #cecece;
}
@media (max-width: 399px) {
  main.archive article.landing .product-section .container .card .card-text a.button-gray {
    align-self: center;
  }
}
@media (min-width: 600px) and (max-width: 1199px) {
  main.archive article.landing .product-section .container .card .card-text a.button-gray {
    width: 90px;
  }
}

.free-text {
  max-width: 185px;
  margin: auto;
}

@media (width < 600px) {
  .free-text {
    margin-top: 0 !important;
  }
}
.free-text span {
  color: #121212 !important;
}

.product-cards__buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.product-cards__buy {
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  border-radius: 28px;
  background-color: #ef4030;
  color: #fff;
  padding: 10.5px 21px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 5px;
}
.product-cards__buy:hover {
  background-color: #c51602;
  transition: all 0.3s ease 0s;
}
.product-cards__buy-title {
  text-transform: uppercase;
}
.product-cards__link {
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  border-radius: 28px;
  background-color: #fff;
  padding: 8.5px 21px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #2c2c2c;
  border: 1px solid #ddd;
}
.product-cards__link:hover {
  border: 1px solid #000;
  transition: all 0.3s ease 0s;
}
.product-cards__free {
  font-size: 16px;
  font-weight: 500;
  color: #818181;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 6px;
}
.product-cards__free span {
  font-size: 22px;
}
.product-cards__save {
  display: flex;
  align-items: center;
  gap: 5px;
}
.product-cards__save-old {
  color: #2c2c2c;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: line-through;
}
.product-cards__save-price {
  font-size: 16px;
  color: #ef4030;
  font-weight: 500;
  text-align: center;
}
.product-cards__save-price span {
  font-size: 14px;
}
.product-cards__rebate {
  font-size: 12px;
  color: #818181;
  font-weight: 400;
  text-align: center;
}
.product-cards__rebate span {
  color: #3d7b42;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}
.product-cards__image {
  position: relative;
}
.product-cards__image span {
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
  box-sizing: border-box;
  background-color: #ef4030;
  color: #fff;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 28px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

@media (max-width: 1799px) {
  .product-cards__buy {
    padding: 10.5px 15px;
  }
  .product-cards__link {
    padding: 10.5px 10px;
  }
  .product-cards__rebate {
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
}
@media (max-width: 405px) {
  .product-cards__buy {
    font-size: 13px;
  }
  .product-cards__link {
    font-size: 13px;
  }
  .product-cards__image span {
    font-size: 13px;
  }
  .product-cards__free {
    flex-direction: column;
    gap: 3px;
  }
}
@media (max-width: 375px) {
  .product-cards__buy {
    font-size: 13px;
    padding: 8px 10px;
    flex-wrap: wrap;
    align-items: center;
  }
  .product-cards__link {
    padding: 8px 10px;
  }
}
/*# sourceMappingURL=category.min.css.map */