/* Product category pages — generated by the conservative CSS/JS modular refactor. */

.filter-search {display: flex;
  align-items: center;
  gap: 8px;
  background: var(--bg-light);
  border: 1.5px solid var(--border);
  border-radius: 8px;
  padding: 7px 14px;
  min-width: 220px;
  transition: border-color 0.2s, box-shadow 0.2s;}

.filter-search:focus-within {border-color: var(--green-main);
  box-shadow: 0 0 0 3px rgba(45,122,53,0.12);}

.filter-search i {color: var(--text-light); font-size: 0.85rem; flex-shrink: 0;}

.filter-search input {border: none;
  background: none;
  outline: none;
  font-size: 0.87rem;
  color: var(--text-dark);
  width: 100%;
  font-family: inherit;}

.filter-search input::placeholder {color: var(--text-light);}

@media (max-width: 768px) {
.filter-search {width: 100%; min-width: unset;}
}

.why-us-section {padding: 72px 0 64px;}

.why-us-section .section-header {margin-bottom: 40px;}

.why-us-grid {display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;}

.why-us-item {background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 28px 24px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  transition: transform 0.3s, box-shadow 0.3s;}

.why-us-item:hover {transform: translateY(-4px);
  box-shadow: var(--shadow-lg);}

.why-us-icon {width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--green-pale);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: var(--green-main);
  margin-bottom: 16px;}

.why-us-item h3 {font-family: var(--font-head);
  font-size: 1rem;
  font-weight: 700;
  color: var(--green-dark);
  margin-bottom: 10px;}

.why-us-item p {font-size: 0.88rem;
  color: var(--text-mid);
  line-height: 1.75;}

.application-section {padding: 72px 0 64px;}

.application-section .section-header {margin-bottom: 40px;}

@media (min-width: 1200px) {
.why-us-grid {grid-template-columns: repeat(4, 1fr);}
}

@media (max-width: 768px) {
.why-us-grid {grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;}
}

@media (max-width: 480px) {
.why-us-grid {grid-template-columns: 1fr;}
}

.app-switcher {display: grid;
  grid-template-columns: 220px 1fr;
  gap: 0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 40px rgba(0,0,0,.12);
  margin-top: 2.5rem;
  background: #fff;}

.app-switcher__tabs {display: flex;
  flex-direction: column;
  background: #1a3a2a;
  padding: 8px 0;}

.app-switcher__tab {display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  border: none;
  background: transparent;
  color: rgba(255,255,255,.65);
  font-size: .88rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: background .2s, color .2s, border-left .2s;
  border-left: 3px solid transparent;
  line-height: 1.35;
  font-family: inherit;}

.app-switcher__tab i {font-size: 1rem;
  width: 18px;
  flex-shrink: 0;
  opacity: .8;}

.app-switcher__tab:hover {background: rgba(255,255,255,.08);
  color: #fff;}

.app-switcher__tab.active {background: rgba(255,255,255,.12);
  color: #fff;
  border-left-color: #7ec850;
  font-weight: 600;}

.app-switcher__tab.active i {opacity: 1;
  color: #7ec850;}

.app-switcher__panel {position: relative;
  overflow: hidden;
  background: #fff;
  min-height: 460px;}

.app-switcher__slides {width: 100%;
  height: 100%;}

.app-switcher__slide {display: none;
  grid-template-columns: 1fr 1fr;
  min-height: 460px;}

.app-switcher__slide.active {display: grid;
  animation: switcherFadeIn .32s ease;}

.app-switcher__img-wrap {position: relative;
  overflow: hidden;}

.app-switcher__img-wrap img {width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;}

.app-switcher__slide.active .app-switcher__img-wrap img {transform: scale(1.03);}

.app-switcher__img-badge {position: absolute;
  bottom: 16px;
  left: 16px;
  background: rgba(26,58,42,.82);
  color: #fff;
  font-size: .78rem;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 20px;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  gap: 6px;}

.app-switcher__content {padding: 36px 32px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  overflow-y: auto;}

.app-switcher__tag {font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #2d7a3a;
  background: #edf7ed;
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
  width: fit-content;}

.app-switcher__title {font-size: 1.45rem;
  font-weight: 700;
  color: #1a3a2a;
  margin: 0;
  line-height: 1.3;}

.app-switcher__lead {font-size: .9rem;
  color: #555;
  line-height: 1.65;
  margin: 0;}

.app-switcher__highlight {display: flex;
  align-items: flex-start;
  gap: 12px;
  background: linear-gradient(135deg, #f0faf2 0%, #e8f5e9 100%);
  border-left: 3px solid #2d7a3a;
  border-radius: 0 8px 8px 0;
  padding: 12px 16px;
  font-size: .86rem;
  color: #2c4a30;
  line-height: 1.6;}

.app-switcher__highlight > i {color: #2d7a3a;
  font-size: 1rem;
  margin-top: 2px;
  flex-shrink: 0;}

.app-switcher__highlight strong {color: #1a3a2a;}

.app-switcher__list {list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;}

.app-switcher__list li {display: flex;
  align-items: center;
  gap: 8px;
  font-size: .86rem;
  color: #444;}

.app-switcher__list li i {color: #2d7a3a;
  font-size: .9rem;
  flex-shrink: 0;}

.app-switcher__arrow {position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: rgba(26,58,42,.75);
  color: #fff;
  font-size: .95rem;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s, transform .2s;
  backdrop-filter: blur(4px);}

.app-switcher__arrow:hover {background: #2d7a3a;
  transform: translateY(-50%) scale(1.1);}

.app-switcher__arrow--prev {left: 12px;}

.app-switcher__arrow--next {right: 12px;}

.app-switcher__dots {position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 7px;
  z-index: 10;}

.app-switcher__dot {width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(26,58,42,.25);
  cursor: pointer;
  transition: background .2s, transform .2s;}

.app-switcher__dot.active {background: #2d7a3a;
  transform: scale(1.3);}

@media (max-width: 1024px) {
.app-switcher {grid-template-columns: 180px 1fr;}

.app-switcher__tab {padding: 13px 14px;
    font-size: .82rem;}

.app-switcher__content {padding: 24px 22px 20px;}

.app-switcher__title {font-size: 1.25rem;}
}

@media (max-width: 768px) {
.app-switcher {grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    min-height: unset;}

.app-switcher__tabs {flex-direction: row;
    overflow-x: auto;
    padding: 0;
    scrollbar-width: none;}

.app-switcher__tabs::-webkit-scrollbar {display: none;}

.app-switcher__tab {flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 12px 14px;
    font-size: .75rem;
    border-left: none;
    border-bottom: 3px solid transparent;
    white-space: nowrap;}

.app-switcher__tab.active {border-left-color: transparent;
    border-bottom-color: #7ec850;}

.app-switcher__panel {min-height: unset;}

.app-switcher__slide.active {grid-template-columns: 1fr;
    grid-template-rows: 220px auto;}

.app-switcher__img-wrap {height: 220px;}

.app-switcher__arrow {top: 110px;}

.app-switcher__dots {bottom: auto;
    top: 200px;}
}

/* Preserved category layout variant 05ac99f0d1. */
body.pc-style-05ac99f0d1 .products-pagination {display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 36px 0 12px;
    flex-wrap: wrap;}

body.pc-style-05ac99f0d1 .pg-btn {display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;}

body.pc-style-05ac99f0d1 .pg-btn:hover:not(:disabled) {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-05ac99f0d1 .pg-btn:disabled {opacity: 0.38;
    cursor: not-allowed;}

body.pc-style-05ac99f0d1 .pg-btn i {font-size: 0.78rem;}

body.pc-style-05ac99f0d1 .pg-numbers {display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;}

body.pc-style-05ac99f0d1 .pg-num {display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 6px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;}

body.pc-style-05ac99f0d1 .pg-num:hover {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-05ac99f0d1 .pg-num.active {background: var(--green-dark, #2d7a35);
    border-color: var(--green-dark, #2d7a35);
    color: #fff;
    cursor: default;}

body.pc-style-05ac99f0d1 .pg-num.pg-ellipsis {border-color: transparent;
    background: transparent;
    cursor: default;
    color: var(--text-light, #888);
    letter-spacing: 0.05em;}

body.pc-style-05ac99f0d1 .pg-num.pg-ellipsis:hover {border-color: transparent;
    background: transparent;
    color: var(--text-light, #888);}

body.pc-style-05ac99f0d1 .product-card.pg-hidden {display: none;}

body.pc-style-05ac99f0d1 .product-card.pg-visible {display: flex;
    flex-direction: column;
    animation: pgFadeIn 0.3s ease forwards;}

@keyframes pgFadeIn {from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }}

@media (max-width: 1100px) {
body.pc-style-05ac99f0d1 .products-grid {grid-template-columns: repeat(4, 1fr);}
}

@media (max-width: 900px) {
body.pc-style-05ac99f0d1 .products-grid {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 540px) {
body.pc-style-05ac99f0d1 .products-grid {grid-template-columns: 1fr;}

body.pc-style-05ac99f0d1 .pg-btn span {display: none;}

body.pc-style-05ac99f0d1 .pg-btn {padding: 9px 12px;}
}

body.pc-style-05ac99f0d1 .subcat-tabs {display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; padding: 4px 0;}

body.pc-style-05ac99f0d1 .subcat-tab {display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px; font-size: 0.88rem; font-weight: 600; color: var(--text-mid, #555); background: var(--white, #fff); border: 1.5px solid var(--border, #dde1e7); border-radius: 24px; cursor: pointer; transition: all 0.22s ease; font-family: inherit; line-height: 1; white-space: nowrap;}

body.pc-style-05ac99f0d1 .subcat-tab:hover {border-color: var(--green-main, #4caf50); color: var(--green-main, #4caf50); background: var(--green-pale, #f0f9f0);}

body.pc-style-05ac99f0d1 .subcat-tab.active {background: var(--green-main, #4caf50); border-color: var(--green-main, #4caf50); color: #fff;}

body.pc-style-05ac99f0d1 .subcat-tab i {font-size: 0.8rem;}

@media (max-width: 600px) {
body.pc-style-05ac99f0d1 .subcat-tab {padding: 7px 12px; font-size: 0.82rem;}
}

/* Preserved category layout variant 313ec3dc6a. */
body.pc-style-313ec3dc6a .products-pagination {display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 36px 0 12px;
    flex-wrap: wrap;}

body.pc-style-313ec3dc6a .pg-btn {display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;}

body.pc-style-313ec3dc6a .pg-btn:hover:not(:disabled) {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-313ec3dc6a .pg-btn:disabled {opacity: 0.38;
    cursor: not-allowed;}

body.pc-style-313ec3dc6a .pg-btn i {font-size: 0.78rem;}

body.pc-style-313ec3dc6a .pg-numbers {display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;}

body.pc-style-313ec3dc6a .pg-num {display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 6px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;}

body.pc-style-313ec3dc6a .pg-num:hover {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-313ec3dc6a .pg-num.active {background: var(--green-dark, #2d7a35);
    border-color: var(--green-dark, #2d7a35);
    color: #fff;
    cursor: default;}

body.pc-style-313ec3dc6a .pg-num.pg-ellipsis {border-color: transparent;
    background: transparent;
    cursor: default;
    color: var(--text-light, #888);
    letter-spacing: 0.05em;}

body.pc-style-313ec3dc6a .pg-num.pg-ellipsis:hover {border-color: transparent;
    background: transparent;
    color: var(--text-light, #888);}

body.pc-style-313ec3dc6a .product-card.pg-hidden {display: none;}

body.pc-style-313ec3dc6a .product-card.pg-visible {display: flex;
    flex-direction: column;
    animation: pgFadeIn 0.3s ease forwards;}

@keyframes pgFadeIn {from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }}

@media (max-width: 1100px) {
body.pc-style-313ec3dc6a .products-grid {grid-template-columns: repeat(4, 1fr);}
}

@media (max-width: 900px) {
body.pc-style-313ec3dc6a .products-grid {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 540px) {
body.pc-style-313ec3dc6a .products-grid {grid-template-columns: 1fr;}

body.pc-style-313ec3dc6a .pg-btn span {display: none;}

body.pc-style-313ec3dc6a .pg-btn {padding: 9px 12px;}
}

/* Preserved category layout variant 36acc6f2b4. */
body.pc-style-36acc6f2b4 .products-grid {display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;}

body.pc-style-36acc6f2b4 .products-pagination {grid-column: 1 / -1;display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 36px 0 12px;
    flex-wrap: wrap;}

body.pc-style-36acc6f2b4 .pg-btn {display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;}

body.pc-style-36acc6f2b4 .pg-btn:hover:not(:disabled) {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-36acc6f2b4 .pg-btn:disabled {opacity: 0.38;
    cursor: not-allowed;}

body.pc-style-36acc6f2b4 .pg-btn i {font-size: 0.78rem;}

body.pc-style-36acc6f2b4 .no-results {text-align: center;
    padding: 48px 24px;
    color: var(--text-mid, #666);}

body.pc-style-36acc6f2b4 .no-results i {font-size: 3rem;
    display: block;
    margin-bottom: 16px;
    color: #ccc;}

body.pc-style-36acc6f2b4 .no-results p {font-size: 1.05rem;
    margin: 0 0 8px;}

body.pc-style-36acc6f2b4 .no-results #searchKeyword {font-weight: 700;
    color: var(--green-main, #4caf50);}

body.pc-style-36acc6f2b4 .pg-numbers {display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;}

body.pc-style-36acc6f2b4 .pg-num {display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 6px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;}

body.pc-style-36acc6f2b4 .pg-num:hover {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-36acc6f2b4 .pg-num.active {background: var(--green-dark, #2d7a35);
    border-color: var(--green-dark, #2d7a35);
    color: #fff;
    cursor: default;}

body.pc-style-36acc6f2b4 .pg-num.pg-ellipsis {border-color: transparent;
    background: transparent;
    cursor: default;
    color: var(--text-light, #888);
    letter-spacing: 0.05em;}

body.pc-style-36acc6f2b4 .pg-num.pg-ellipsis:hover {border-color: transparent;
    background: transparent;
    color: var(--text-light, #888);}

body.pc-style-36acc6f2b4 .product-card.pg-hidden {display: none;}

body.pc-style-36acc6f2b4 .product-card.pg-visible {display: flex;
    flex-direction: column;
    animation: pgFadeIn 0.3s ease forwards;}

@keyframes pgFadeIn {from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }}

@media (max-width: 1100px) {
body.pc-style-36acc6f2b4 .products-grid {grid-template-columns: repeat(4, 1fr);}
}

@media (max-width: 900px) {
body.pc-style-36acc6f2b4 .products-grid {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 540px) {
body.pc-style-36acc6f2b4 .products-grid {grid-template-columns: 1fr;}

body.pc-style-36acc6f2b4 .pg-btn span {display: none;}

body.pc-style-36acc6f2b4 .pg-btn {padding: 9px 12px;}
}

body.pc-style-36acc6f2b4 .subcat-tabs {display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 28px;
    padding: 4px 0;}

body.pc-style-36acc6f2b4 .subcat-tab {display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;
    white-space: nowrap;}

body.pc-style-36acc6f2b4 .subcat-tab:hover {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-36acc6f2b4 .subcat-tab.active {background: var(--green-main, #4caf50);
    border-color: var(--green-main, #4caf50);
    color: #fff;}

body.pc-style-36acc6f2b4 .subcat-tab i {font-size: 0.8rem;}

@media (max-width: 600px) {
body.pc-style-36acc6f2b4 .subcat-tab {padding: 7px 12px;
      font-size: 0.82rem;}
}

body.pc-style-36acc6f2b4 .products-pagination {grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    margin: 28px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 36px 0 12px;
    flex-wrap: nowrap;
    text-align: center;}

body.pc-style-36acc6f2b4 .products-pagination .pg-numbers {display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 0 0 auto;
    flex-wrap: nowrap;}

body.pc-style-36acc6f2b4 .products-pagination .pg-btn,
body.pc-style-36acc6f2b4 .products-pagination .pg-num {flex: 0 0 auto;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(30, 74, 42, 0.08);}

body.pc-style-36acc6f2b4 .faq-section {padding: 64px 0;
    background: linear-gradient(180deg, rgba(247, 250, 247, 0.68), rgba(255, 255, 255, 0));}

body.pc-style-36acc6f2b4 .faq-list.reveal.visible {width: 100%;
    max-width: 960px;
    margin: 28px auto 0;
    display: grid;
    gap: 14px;
    opacity: 1;
    transform: none;}

body.pc-style-36acc6f2b4 .faq-list .faq-item {background: var(--white, #fff);
    border: 1px solid var(--border, #dde1e7);
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(25, 64, 38, 0.08);
    overflow: hidden;
    transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;}

body.pc-style-36acc6f2b4 .faq-list .faq-item:hover {border-color: rgba(76, 175, 80, 0.42);
    box-shadow: 0 18px 38px rgba(25, 64, 38, 0.12);
    transform: translateY(-2px);}

body.pc-style-36acc6f2b4 .faq-list .faq-item[open] {border-color: rgba(76, 175, 80, 0.5);}

body.pc-style-36acc6f2b4 .faq-list .faq-item summary {position: relative;
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 18px 56px 18px 22px;
    color: var(--text-dark, #1f2d24);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.45;
    cursor: pointer;
    list-style: none;}

body.pc-style-36acc6f2b4 .faq-list .faq-item summary::-webkit-details-marker {display: none;}

body.pc-style-36acc6f2b4 .faq-list .faq-item summary::after {content: "+";
    position: absolute;
    top: 50%;
    right: 22px;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--green-main, #4caf50);
    border: 1px solid rgba(76, 175, 80, 0.35);
    border-radius: 50%;
    font-size: 1.1rem;
    font-weight: 700;
    transform: translateY(-50%);
    transition: transform 0.22s ease, background 0.22s ease, color 0.22s ease;}

body.pc-style-36acc6f2b4 .faq-list .faq-item[open] summary::after {content: "-";
    color: #fff;
    background: var(--green-main, #4caf50);
    transform: translateY(-50%) rotate(180deg);}

body.pc-style-36acc6f2b4 .faq-list .faq-item p {margin: 0;
    padding: 0 22px 20px;
    color: var(--text-mid, #59645c);
    font-size: 0.95rem;
    line-height: 1.75;}

@media (max-width: 640px) {
body.pc-style-36acc6f2b4 .products-pagination {gap: 8px;
      padding-top: 28px;
      flex-wrap: wrap;}

body.pc-style-36acc6f2b4 .faq-section {padding: 48px 0;}

body.pc-style-36acc6f2b4 .faq-list.reveal.visible {margin-top: 22px;
      gap: 12px;}

body.pc-style-36acc6f2b4 .faq-list .faq-item summary {padding: 16px 48px 16px 16px;
      font-size: 0.95rem;}

body.pc-style-36acc6f2b4 .faq-list .faq-item summary::after {right: 16px;}

body.pc-style-36acc6f2b4 .faq-list .faq-item p {padding: 0 16px 18px;}
}

/* Preserved category layout variant 4d1df2b808. */
body.pc-style-4d1df2b808 .products-pagination {display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 36px 0 12px;
    flex-wrap: wrap;}

body.pc-style-4d1df2b808 .pg-btn {display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;}

body.pc-style-4d1df2b808 .pg-btn:hover:not(:disabled) {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-4d1df2b808 .pg-btn:disabled {opacity: 0.38;
    cursor: not-allowed;}

body.pc-style-4d1df2b808 .pg-btn i {font-size: 0.78rem;}

body.pc-style-4d1df2b808 .pg-numbers {display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;}

body.pc-style-4d1df2b808 .pg-num {display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 6px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;}

body.pc-style-4d1df2b808 .pg-num:hover {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-4d1df2b808 .pg-num.active {background: var(--green-dark, #2d7a35);
    border-color: var(--green-dark, #2d7a35);
    color: #fff;
    cursor: default;}

body.pc-style-4d1df2b808 .pg-num.pg-ellipsis {border-color: transparent;
    background: transparent;
    cursor: default;
    color: var(--text-light, #888);
    letter-spacing: 0.05em;}

body.pc-style-4d1df2b808 .pg-num.pg-ellipsis:hover {border-color: transparent;
    background: transparent;
    color: var(--text-light, #888);}

body.pc-style-4d1df2b808 .product-card.pg-hidden {display: none;}

body.pc-style-4d1df2b808 .product-card.pg-visible {display: flex;
    flex-direction: column;
    animation: pgFadeIn 0.3s ease forwards;}

@keyframes pgFadeIn {from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }}

@media (max-width: 1100px) {
body.pc-style-4d1df2b808 .products-grid {grid-template-columns: repeat(4, 1fr);}
}

@media (max-width: 900px) {
body.pc-style-4d1df2b808 .products-grid {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 540px) {
body.pc-style-4d1df2b808 .products-grid {grid-template-columns: 1fr;}

body.pc-style-4d1df2b808 .pg-btn span {display: none;}

body.pc-style-4d1df2b808 .pg-btn {padding: 9px 12px;}
}

body.pc-style-4d1df2b808 .subcat-tabs {display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; padding: 4px 0;}

body.pc-style-4d1df2b808 .subcat-tab {display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px; font-size: 0.88rem; font-weight: 600; color: var(--text-mid, #555); background: var(--white, #fff); border: 1.5px solid var(--border, #dde1e7); border-radius: 24px; cursor: pointer; transition: all 0.22s ease; font-family: inherit; line-height: 1; white-space: nowrap;}

body.pc-style-4d1df2b808 .subcat-tab:hover {border-color: var(--green-main, #4caf50); color: var(--green-main, #4caf50); background: var(--green-pale, #f0f9f0);}

body.pc-style-4d1df2b808 .subcat-tab.active {background: var(--green-main, #4caf50); border-color: var(--green-main, #4caf50); color: #fff;}

body.pc-style-4d1df2b808 .subcat-tab i {font-size: 0.8rem;}

@media (max-width: 600px) {
body.pc-style-4d1df2b808 .subcat-tab {padding: 7px 12px; font-size: 0.82rem;}
}

/* Preserved category layout variant a689cd50ac. */
body.pc-style-a689cd50ac .products-grid {display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;}

body.pc-style-a689cd50ac .products-pagination {grid-column: 1 / -1;display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 36px 0 12px;
    flex-wrap: wrap;}

body.pc-style-a689cd50ac .pg-btn {display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;}

body.pc-style-a689cd50ac .pg-btn:hover:not(:disabled) {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-a689cd50ac .pg-btn:disabled {opacity: 0.38;
    cursor: not-allowed;}

body.pc-style-a689cd50ac .pg-btn i {font-size: 0.78rem;}

body.pc-style-a689cd50ac .no-results {text-align: center;
    padding: 48px 24px;
    color: var(--text-mid, #666);}

body.pc-style-a689cd50ac .no-results i {font-size: 3rem;
    display: block;
    margin-bottom: 16px;
    color: #ccc;}

body.pc-style-a689cd50ac .no-results p {font-size: 1.05rem;
    margin: 0 0 8px;}

body.pc-style-a689cd50ac .no-results #searchKeyword {font-weight: 700;
    color: var(--green-main, #4caf50);}

body.pc-style-a689cd50ac .pg-numbers {display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;}

body.pc-style-a689cd50ac .pg-num {display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 6px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;}

body.pc-style-a689cd50ac .pg-num:hover {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-a689cd50ac .pg-num.active {background: var(--green-dark, #2d7a35);
    border-color: var(--green-dark, #2d7a35);
    color: #fff;
    cursor: default;}

body.pc-style-a689cd50ac .pg-num.pg-ellipsis {border-color: transparent;
    background: transparent;
    cursor: default;
    color: var(--text-light, #888);
    letter-spacing: 0.05em;}

body.pc-style-a689cd50ac .pg-num.pg-ellipsis:hover {border-color: transparent;
    background: transparent;
    color: var(--text-light, #888);}

body.pc-style-a689cd50ac .product-card.pg-hidden {display: none;}

body.pc-style-a689cd50ac .product-card.pg-visible {display: flex;
    flex-direction: column;
    animation: pgFadeIn 0.3s ease forwards;}

@keyframes pgFadeIn {from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }}

@media (max-width: 1100px) {
body.pc-style-a689cd50ac .products-grid {grid-template-columns: repeat(4, 1fr);}
}

@media (max-width: 900px) {
body.pc-style-a689cd50ac .products-grid {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 540px) {
body.pc-style-a689cd50ac .products-grid {grid-template-columns: 1fr;}

body.pc-style-a689cd50ac .pg-btn span {display: none;}

body.pc-style-a689cd50ac .pg-btn {padding: 9px 12px;}
}

body.pc-style-a689cd50ac .subcat-tabs {display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 28px;
    padding: 4px 0;}

body.pc-style-a689cd50ac .subcat-tab {display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;
    white-space: nowrap;}

body.pc-style-a689cd50ac .subcat-tab:hover {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-a689cd50ac .subcat-tab.active {background: var(--green-main, #4caf50);
    border-color: var(--green-main, #4caf50);
    color: #fff;}

body.pc-style-a689cd50ac .subcat-tab i {font-size: 0.8rem;}

@media (max-width: 600px) {
body.pc-style-a689cd50ac .subcat-tab {padding: 7px 12px;
      font-size: 0.82rem;}
}

body.pc-style-a689cd50ac .products-pagination {grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    margin: 28px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 36px 0 12px;
    flex-wrap: nowrap;
    text-align: center;}

body.pc-style-a689cd50ac .products-pagination .pg-numbers {display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 0 0 auto;
    flex-wrap: nowrap;}

body.pc-style-a689cd50ac .products-pagination .pg-btn,
body.pc-style-a689cd50ac .products-pagination .pg-num {flex: 0 0 auto;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(30, 74, 42, 0.08);}

body.pc-style-a689cd50ac .faq-section {padding: 64px 0;
    background: linear-gradient(180deg, rgba(247, 250, 247, 0.68), rgba(255, 255, 255, 0));}

body.pc-style-a689cd50ac .faq-list.reveal.visible {width: 100%;
    max-width: 960px;
    margin: 28px auto 0;
    display: grid;
    gap: 14px;
    opacity: 1;
    transform: none;}

body.pc-style-a689cd50ac .faq-list .faq-item {background: var(--white, #fff);
    border: 1px solid var(--border, #dde1e7);
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(25, 64, 38, 0.08);
    overflow: hidden;
    transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;}

body.pc-style-a689cd50ac .faq-list .faq-item:hover {border-color: rgba(76, 175, 80, 0.42);
    box-shadow: 0 18px 38px rgba(25, 64, 38, 0.12);
    transform: translateY(-2px);}

body.pc-style-a689cd50ac .faq-list .faq-item[open] {border-color: rgba(76, 175, 80, 0.5);}

body.pc-style-a689cd50ac .faq-list .faq-item summary {position: relative;
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 18px 56px 18px 22px;
    color: var(--text-dark, #1f2d24);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.45;
    cursor: pointer;
    list-style: none;}

body.pc-style-a689cd50ac .faq-list .faq-item summary::-webkit-details-marker {display: none;}

body.pc-style-a689cd50ac .faq-list .faq-item summary::after {content: "+";
    position: absolute;
    top: 50%;
    right: 22px;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--green-main, #4caf50);
    border: 1px solid rgba(76, 175, 80, 0.35);
    border-radius: 50%;
    font-size: 1.1rem;
    font-weight: 700;
    transform: translateY(-50%);
    transition: transform 0.22s ease, background 0.22s ease, color 0.22s ease;}

body.pc-style-a689cd50ac .faq-list .faq-item[open] summary::after {content: "-";
    color: #fff;
    background: var(--green-main, #4caf50);
    transform: translateY(-50%) rotate(180deg);}

body.pc-style-a689cd50ac .faq-list .faq-item p {margin: 0;
    padding: 0 22px 20px;
    color: var(--text-mid, #59645c);
    font-size: 0.95rem;
    line-height: 1.75;}

@media (max-width: 640px) {
body.pc-style-a689cd50ac .products-pagination {gap: 8px;
      padding-top: 28px;
      flex-wrap: wrap;}

body.pc-style-a689cd50ac .faq-section {padding: 48px 0;}

body.pc-style-a689cd50ac .faq-list.reveal.visible {margin-top: 22px;
      gap: 12px;}

body.pc-style-a689cd50ac .faq-list .faq-item summary {padding: 16px 48px 16px 16px;
      font-size: 0.95rem;}

body.pc-style-a689cd50ac .faq-list .faq-item summary::after {right: 16px;}

body.pc-style-a689cd50ac .faq-list .faq-item p {padding: 0 16px 18px;}
}

/* Preserved category layout variant a700933b48. */
body.pc-style-a700933b48 .products-pagination {display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 36px 0 12px;
    flex-wrap: wrap;}

body.pc-style-a700933b48 .pg-btn {display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;}

body.pc-style-a700933b48 .pg-btn:hover:not(:disabled) {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-a700933b48 .pg-btn:disabled {opacity: 0.38;
    cursor: not-allowed;}

body.pc-style-a700933b48 .pg-btn i {font-size: 0.78rem;}

body.pc-style-a700933b48 .pg-numbers {display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;}

body.pc-style-a700933b48 .pg-num {display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 6px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;}

body.pc-style-a700933b48 .pg-num:hover {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-a700933b48 .pg-num.active {background: var(--green-dark, #2d7a35);
    border-color: var(--green-dark, #2d7a35);
    color: #fff;
    cursor: default;}

body.pc-style-a700933b48 .pg-num.pg-ellipsis {border-color: transparent;
    background: transparent;
    cursor: default;
    color: var(--text-light, #888);
    letter-spacing: 0.05em;}

body.pc-style-a700933b48 .pg-num.pg-ellipsis:hover {border-color: transparent;
    background: transparent;
    color: var(--text-light, #888);}

body.pc-style-a700933b48 .product-card.pg-hidden {display: none;}

body.pc-style-a700933b48 .product-card.pg-visible {display: flex;
    flex-direction: column;
    animation: pgFadeIn 0.3s ease forwards;}

@keyframes pgFadeIn {from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }}

@media (max-width: 1100px) {
body.pc-style-a700933b48 .products-grid {grid-template-columns: repeat(4, 1fr);}
}

@media (max-width: 900px) {
body.pc-style-a700933b48 .products-grid {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 540px) {
body.pc-style-a700933b48 .products-grid {grid-template-columns: 1fr;}

body.pc-style-a700933b48 .pg-btn span {display: none;}

body.pc-style-a700933b48 .pg-btn {padding: 9px 12px;}
}

body.pc-style-a700933b48 .subcat-tabs {display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; padding: 4px 0;}

body.pc-style-a700933b48 .subcat-tab {display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px; font-size: 0.88rem; font-weight: 600; color: var(--text-mid, #555); background: var(--white, #fff); border: 1.5px solid var(--border, #dde1e7); border-radius: 24px; cursor: pointer; transition: all 0.22s ease; font-family: inherit; line-height: 1; white-space: nowrap;}

body.pc-style-a700933b48 .subcat-tab:hover {border-color: var(--green-main, #4caf50); color: var(--green-main, #4caf50); background: var(--green-pale, #f0f9f0);}

body.pc-style-a700933b48 .subcat-tab.active {background: var(--green-main, #4caf50); border-color: var(--green-main, #4caf50); color: #fff;}

body.pc-style-a700933b48 .subcat-tab i {font-size: 0.8rem;}

@media (max-width: 600px) {
body.pc-style-a700933b48 .subcat-tab {padding: 7px 12px; font-size: 0.82rem;}
}

/* Preserved category layout variant f195ace406. */
body.pc-style-f195ace406 .products-grid {display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;}

body.pc-style-f195ace406 .products-pagination {display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 36px 0 12px;
    flex-wrap: wrap;}

body.pc-style-f195ace406 .pg-btn {display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;}

body.pc-style-f195ace406 .pg-btn:hover:not(:disabled) {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-f195ace406 .pg-btn:disabled {opacity: 0.38;
    cursor: not-allowed;}

body.pc-style-f195ace406 .pg-btn i {font-size: 0.78rem;}

body.pc-style-f195ace406 .no-results {text-align: center;
    padding: 48px 24px;
    color: var(--text-mid, #666);}

body.pc-style-f195ace406 .no-results i {font-size: 3rem;
    display: block;
    margin-bottom: 16px;
    color: #ccc;}

body.pc-style-f195ace406 .no-results p {font-size: 1.05rem;
    margin: 0 0 8px;}

body.pc-style-f195ace406 .no-results #searchKeyword {font-weight: 700;
    color: var(--green-main, #4caf50);}

body.pc-style-f195ace406 .pg-numbers {display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;}

body.pc-style-f195ace406 .pg-num {display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 6px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;}

body.pc-style-f195ace406 .pg-num:hover {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-f195ace406 .pg-num.active {background: var(--green-dark, #2d7a35);
    border-color: var(--green-dark, #2d7a35);
    color: #fff;
    cursor: default;}

body.pc-style-f195ace406 .pg-num.pg-ellipsis {border-color: transparent;
    background: transparent;
    cursor: default;
    color: var(--text-light, #888);
    letter-spacing: 0.05em;}

body.pc-style-f195ace406 .pg-num.pg-ellipsis:hover {border-color: transparent;
    background: transparent;
    color: var(--text-light, #888);}

body.pc-style-f195ace406 .product-card.pg-hidden {display: none;}

body.pc-style-f195ace406 .product-card.pg-visible {display: flex;
    flex-direction: column;
    animation: pgFadeIn 0.3s ease forwards;}

@keyframes pgFadeIn {from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }}

@media (max-width: 1100px) {
body.pc-style-f195ace406 .products-grid {grid-template-columns: repeat(4, 1fr);}
}

@media (max-width: 900px) {
body.pc-style-f195ace406 .products-grid {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 540px) {
body.pc-style-f195ace406 .products-grid {grid-template-columns: 1fr;}

body.pc-style-f195ace406 .pg-btn span {display: none;}

body.pc-style-f195ace406 .pg-btn {padding: 9px 12px;}
}

body.pc-style-f195ace406 .subcat-tabs {display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 28px;
    padding: 4px 0;}

body.pc-style-f195ace406 .subcat-tab {display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-mid, #555);
    background: var(--white, #fff);
    border: 1.5px solid var(--border, #dde1e7);
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
    line-height: 1;
    white-space: nowrap;}

body.pc-style-f195ace406 .subcat-tab:hover {border-color: var(--green-main, #4caf50);
    color: var(--green-main, #4caf50);
    background: var(--green-pale, #f0f9f0);}

body.pc-style-f195ace406 .subcat-tab.active {background: var(--green-main, #4caf50);
    border-color: var(--green-main, #4caf50);
    color: #fff;}

body.pc-style-f195ace406 .subcat-tab i {font-size: 0.8rem;}

@media (max-width: 600px) {
body.pc-style-f195ace406 .subcat-tab {padding: 7px 12px;
      font-size: 0.82rem;}
}