/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/public/sass/blocks/product-category-features.scss ***!
  \*******************************************************************************************************************************************************/
/* SPecial */
.section-product-category-features {
  --features-title-color: #1A1A1A;
  --features-text-color: #364447;
  --features-bg-color: #fff;
  --features-box-shadow: 0px 8px 32px 0px #604CBF26, 0px 0px 8px 0px #0000000D;
  --features-navlist-bg: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),
  						radial-gradient(51.67% 101.69% at 0.83% 0%, rgba(150, 115, 255, 0.1) 0%, rgba(150, 115, 255, 0) 100%),
  						radial-gradient(100% 103.41% at 100% 0%, rgba(153, 229, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  --features-navlist-shadow: 0px 8px 32px 0px #604CBF26,
  					   0px 0px 8px 0px #0000000D;
}
.section-product-category-features.has-snagit-features {
  --features-box-shadow: 0px 8px 32px 0px #00437326, 0px 0px 8px 0px #0000000D;
  --features-navlist-bg: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)),
  						radial-gradient(97.81% 97.81% at 100% 2.19%, rgba(64, 198, 255, 0.1) 0%, rgba(64, 198, 255, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
  						radial-gradient(100% 100% at 0% 100%, rgba(225, 9, 146, 0.02) 0%, rgba(225, 9, 146, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  --features-navlist-shadow: 0px 4px 32px 0px #00437333;
}
@media (max-width: 60rem) {
  .section-product-category-features.section-fullwidth-block {
    --section-inner-spacing-top: 0;
  }
}
.section-product-category-features .features-categories {
  position: relative;
}
.section-product-category-features .features-categories-nav {
  left: 0;
  top: calc(var(--admin-bar-h) + var(--subheader-h));
  z-index: 3;
  padding: 0.5rem 0;
  opacity: 0;
}
.section-product-category-features .features-categories-nav.is-ready {
  opacity: 1;
}
.section-product-category-features .features-categories-nav-list {
  margin: 0 auto;
  width: fit-content;
  display: flex;
  padding: 4px;
  gap: 4px;
  border-radius: 1.5rem;
  backdrop-filter: blur(8px);
  background: var(--features-navlist-bg);
  background-color: #fff;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.1019607843) rgba(255, 255, 255, 0.1019607843) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0.1019607843);
  box-shadow: var(--features-navlist-shadow);
}
.section-product-category-features .features-categories-nav-item {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding: 8px 16px;
  color: var(--features-title-color);
  white-space: nowrap;
}
.section-product-category-features .features-categories-nav-item.is-active {
  color: #fff;
  background: linear-gradient(0deg, #000000, #000000), radial-gradient(90.69% 147.51% at -2.5% 16.67%, rgba(150, 115, 255, 0.25) 0%, rgba(150, 115, 255, 0) 100%), radial-gradient(126.35% 227.08% at 111.81% 70.83%, rgba(153, 229, 0, 0.18) 0%, rgba(85, 127, 0, 0) 100%);
  box-shadow: 0px 1.5px 12.5px 0.5px rgba(255, 255, 255, 0.3019607843) inset, 0px 0.5px 3px 0px rgba(0, 0, 0, 0.2509803922), 0px -4.5px 12.4px 0px rgba(0, 0, 0, 0.9490196078) inset;
  border-radius: 25px;
}
.section-product-category-features .features-categories-nav-mobile {
  display: none;
  padding: 1rem;
  width: 100%;
  justify-content: space-between;
}
.section-product-category-features .features-categories-nav-mobile-img {
  line-height: 0;
  width: 2rem;
  height: 2rem;
}
.section-product-category-features .features-categories-nav-mobile-img img {
  max-width: 2rem;
  max-height: 2rem;
}
.section-product-category-features .features-categories-nav-mobile-opener {
  display: flex;
  align-items: center;
  font-family: "Montserrat";
  font-size: 1rem;
  font-weight: 600;
  line-height: 19.2px;
  color: var(--features-title-color);
  background: none;
  outline: none;
  border: none;
  padding: 0;
}
.section-product-category-features .features-categories-nav-mobile-opener::after {
  flex: 0 0 auto;
  content: "";
  display: block;
  width: 13px;
  margin-left: 4px;
  height: 100%;
  background-color: currentColor;
  mask: center no-repeat;
  mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg width=%2713%27 height=%278%27 viewBox=%270 0 13 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.2695 2.51172L7.23828 7.32422C7.01953 7.54297 6.74609 7.625 6.5 7.625C6.22656 7.625 5.95312 7.54297 5.73438 7.32422L0.703125 2.51172C0.265625 2.10156 0.238281 1.41797 0.675781 0.980469C1.08594 0.542969 1.76953 0.515625 2.20703 0.953125L6.5 5.02734L10.7656 0.953125C11.2031 0.515625 11.8867 0.542969 12.2969 0.980469C12.7344 1.41797 12.707 2.10156 12.2695 2.51172Z%27 fill=%27%231A1A1A%27/%3E%3C/svg%3E%0A");
}
.section-product-category-features .features-categories-nav.is-mobile {
  position: relative;
  padding: 0;
  background: var(--features-navlist-bg);
  background-color: #fff;
  box-shadow: var(--features-navlist-shadow);
}
.section-product-category-features .features-categories-nav.is-mobile .features-categories-nav-mobile {
  display: flex;
}
.section-product-category-features .features-categories-nav.is-mobile .features-categories-nav-list {
  display: none;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-end;
  position: absolute;
  top: calc(100% + 4px);
  right: 1rem;
  width: fit-content;
  max-width: 100%;
  padding: 1rem 1.5rem;
  background: white;
  border-radius: 10px;
}
.section-product-category-features .features-categories-nav.is-mobile .features-categories-nav-item {
  color: var(--features-text-color);
  white-space: unset;
  width: fit-content;
  border: 1px solid transparent;
}
.section-product-category-features .features-categories-nav.is-mobile .features-categories-nav-item.is-active {
  color: var(--features-title-color);
  background: none;
  box-shadow: none;
  border: 1px solid currentColor;
}
.section-product-category-features .features-categories-nav.is-mobile.menu-opened .features-categories-nav-list {
  display: flex;
}
.section-product-category-features .features-categories-nav.is-mobile.menu-opened .features-categories-nav-mobile-opener::after {
  transform: scaleY(-1);
}
.section-product-category-features .features-category-wrap {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.section-product-category-features .features-category-title {
  color: var(--features-title-color);
  max-width: 66%;
  margin-left: 0;
}
.section-product-category-features .features-category-title + .features-boxes {
  margin-top: 3rem;
}
@media (max-width: 42rem) {
  .section-product-category-features .features-category-title {
    max-width: 100%;
  }
}
.section-product-category-features .features-category-text {
  max-width: 66%;
  color: var(--features-text-color);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}
.section-product-category-features .features-category-text + .features-boxes {
  margin-top: 3rem;
}
@media (max-width: 42rem) {
  .section-product-category-features .features-category-text {
    max-width: 100%;
  }
}
.section-product-category-features .features-boxes {
  --cols-num: 3;
  display: grid;
  grid-template-columns: repeat(var(--cols-num), minmax(0, 1fr));
  gap: 48px;
}
.section-product-category-features .features-boxes.cols-1 {
  --cols-num: 1;
}
@media (max-width: 42rem) {
  .section-product-category-features .features-boxes.cols-1 {
    --cols-num: 1 ;
  }
}
.section-product-category-features .features-boxes.cols-2 {
  --cols-num: 2;
}
@media (max-width: 42rem) {
  .section-product-category-features .features-boxes.cols-2 {
    --cols-num: 1 ;
  }
}
.section-product-category-features .features-boxes.cols-3 {
  --cols-num: 3;
}
@media (max-width: 42rem) {
  .section-product-category-features .features-boxes.cols-3 {
    --cols-num: 1 ;
  }
}
.section-product-category-features .features-boxes.cols-4 {
  --cols-num: 4;
}
@media (max-width: 42rem) {
  .section-product-category-features .features-boxes.cols-4 {
    --cols-num: 1 ;
  }
}
@media (max-width: 60rem) {
  .section-product-category-features .features-boxes.cols-3, .section-product-category-features .features-boxes.cols-4 {
    --cols-num: 2;
  }
}
@media (max-width: 42rem) {
  .section-product-category-features .features-boxes.cols-3, .section-product-category-features .features-boxes.cols-4 {
    --cols-num: 1 ;
  }
}
.section-product-category-features .feature-box {
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: var(--features-box-shadow);
}
.section-product-category-features .feature-box-header {
  position: relative;
  height: 0;
  padding-bottom: 57.1065989848%;
  width: 100%;
}
.section-product-category-features .feature-box-header img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.section-product-category-features .feature-box-tag {
  background: linear-gradient(106.78deg, #D23CCC 0%, #AD00FF 100%);
  box-shadow: 0px 0px 32px 4px rgba(189, 36, 219, 0.4);
  z-index: 2;
  color: #fff;
  position: absolute;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  padding: 0.75rem 1.5rem;
  border-radius: 1rem 0;
}
.section-product-category-features .feature-box-body {
  padding: 1.5rem 1.5rem 0;
  background: var(--features-bg-color);
}
.section-product-category-features .feature-box-title {
  color: var(--features-title-color);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}
.section-product-category-features .feature-box-except {
  color: var(--features-text-color);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}
.section-product-category-features .feature-box-footer {
  background: var(--features-bg-color);
  margin-top: auto;
  padding: 0 1.5rem 1.5rem;
}
.section-product-category-features .feature-box-footer.is-empty {
  min-height: 3.5rem;
}
.section-product-category-features .feature-box-footer.is-empty .feature-box-footer-inner {
  border: none;
}
.section-product-category-features .feature-box-footer.is-empty .feature-box-available-label {
  display: none;
}
.section-product-category-features .feature-box-footer-inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(54, 68, 71, 0.1490196078);
}
@media (max-width: 42rem) {
  .section-product-category-features .feature-box-footer-inner {
    align-items: flex-end;
  }
}
.section-product-category-features .feature-box-footer-arrow {
  cursor: pointer;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  margin-right: 0;
  margin-left: 1.25rem;
  transition: opacity 0.375s ease-in-out;
}
.section-product-category-features .feature-box-footer-arrow img,
.section-product-category-features .feature-box-footer-arrow svg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.section-product-category-features .feature-box-footer-arrow:hover {
  opacity: 0.8;
}
.section-product-category-features .feature-box-available-wrap {
  flex: 0 1 auto;
  width: 100%;
}
.section-product-category-features .feature-box-available-list {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 42rem) {
  .section-product-category-features .feature-box-available-list {
    flex-direction: column;
  }
}
.section-product-category-features .feature-box-available-label {
  color: var(--features-text-color);
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 4px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 16px;
  display: none;
}
@media (max-width: 42rem) {
  .section-product-category-features .feature-box-available-label {
    display: block;
  }
}
.section-product-category-features .feature-box-available-item {
  display: flex;
}
.section-product-category-features .feature-box-available-img {
  display: flex;
  align-items: center;
  line-height: 0;
  flex: 0 0 auto;
  width: 1.5rem;
}
.section-product-category-features .feature-box-available-img:is(a) {
  cursor: pointer;
  transition: opacity 0.375s ease-in-out;
}
.section-product-category-features .feature-box-available-img:is(a):hover {
  opacity: 0.8;
}
.section-product-category-features .feature-box-available-img:is(a) .feature-box-available-text {
  text-decoration: underline;
}
@media (max-width: 42rem) {
  .section-product-category-features .feature-box-available-img {
    width: 100%;
  }
}
.section-product-category-features .feature-box-available-img img {
  max-width: 1.5rem;
  max-height: 1.5rem;
}
.section-product-category-features .feature-box-available-text {
  color: var(--features-text-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5rem;
  margin-left: 0.75rem;
  display: none;
}
@media (max-width: 42rem) {
  .section-product-category-features .feature-box-available-text {
    display: block;
  }
}