/* Kuningaskalastaja UI 0.10.0-test17 – category intro, brand filter and pagination. */
.kkui-category-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  overflow: hidden;
  width: 100%;
  margin: 24px 0 28px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(6,52,63,.94), rgba(2,39,49,.88));
  box-shadow: 0 18px 50px rgba(0,0,0,.14);
  color: #fff;
}

.kkui-category-intro.has-image {
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
}

.kkui-category-intro__content {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: clamp(24px, 3vw, 42px);
}

.kkui-category-intro__description {
  max-width: 850px;
  font-size: clamp(16px, 1.05vw, 18px);
  line-height: 1.7;
  color: rgba(255,255,255,.94);
}

.kkui-category-intro__description > :first-child { margin-top: 0; }
.kkui-category-intro__description > :last-child { margin-bottom: 0; }

.kkui-category-intro__media {
  position: relative;
  min-height: 260px;
  background: rgba(255,255,255,.035);
}

.kkui-category-intro__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(2,39,49,.82), transparent 40%);
  pointer-events: none;
}

.kkui-category-intro__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 260px;
  object-fit: cover;
}

.kkui-archive-filters {
  clear: both;
  width: 100%;
  margin: 0 0 22px;
  color: #fff;
}

.kkui-archive-filters__form {
  width: 100%;
}

.kkui-archive-filters__group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 15px;
  background: rgba(4,48,59,.72);
}

.kkui-archive-filters__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 8px 0 4px;
  font-weight: 800;
  white-space: nowrap;
}

.kkui-archive-filters__title svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.kkui-filter-field select,
.kkui-filter-submit,
.kkui-filter-reset {
  min-height: 44px;
  border-radius: 10px;
  font: inherit;
}

.kkui-filter-field select {
  min-width: 230px;
  padding: 0 44px 0 15px;
  border: 1px solid rgba(255,255,255,.24);
  background-color: rgba(1,34,43,.94);
  color: #fff;
  cursor: pointer;
}

.kkui-filter-field select:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(68,216,224,.22);
}

.kkui-filter-field select option {
  color: #101619;
  background: #fff;
}

.kkui-filter-submit,
.kkui-filter-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border: 1px solid transparent;
  text-decoration: none;
  font-weight: 800;
  cursor: pointer;
}

.kkui-filter-submit {
  background: #d8f6f7;
  color: #063d48;
}

.kkui-filter-submit:hover {
  background: #fff;
  color: #063d48;
}

.kkui-filter-reset {
  border-color: rgba(255,255,255,.22);
  background: transparent;
  color: #fff;
}

.kkui-filter-reset:hover {
  border-color: rgba(255,255,255,.52);
  color: #fff;
}

body.kkui-category-filters-active .woocommerce-ordering {
  margin-bottom: 22px;
}

/* Modern WooCommerce pagination. */
body.kkui-category-filters-active nav.woocommerce-pagination {
  clear: both;
  margin: 34px 0 12px;
  text-align: center;
}

body.kkui-category-filters-active nav.woocommerce-pagination ul.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
  padding: 7px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 15px;
  background: rgba(4,48,59,.74);
  list-style: none;
}

body.kkui-category-filters-active nav.woocommerce-pagination ul.page-numbers li {
  margin: 0;
  border: 0;
}

body.kkui-category-filters-active nav.woocommerce-pagination .page-numbers li > a,
body.kkui-category-filters-active nav.woocommerce-pagination .page-numbers li > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #fff;
  text-decoration: none;
  font-weight: 750;
  line-height: 1;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

body.kkui-category-filters-active nav.woocommerce-pagination .page-numbers li > a:hover {
  border-color: rgba(255,255,255,.24);
  background: rgba(255,255,255,.09);
  transform: translateY(-1px);
}

body.kkui-category-filters-active nav.woocommerce-pagination .page-numbers li > span.current {
  background: #d8f6f7;
  color: #063d48;
  box-shadow: 0 5px 16px rgba(0,0,0,.15);
}

body.kkui-category-filters-active nav.woocommerce-pagination .prev,
body.kkui-category-filters-active nav.woocommerce-pagination .next {
  font-size: 0;
}

body.kkui-category-filters-active nav.woocommerce-pagination .prev::before,
body.kkui-category-filters-active nav.woocommerce-pagination .next::before {
  font-size: 22px;
  line-height: 1;
}

body.kkui-category-filters-active nav.woocommerce-pagination .prev::before { content: "‹"; }
body.kkui-category-filters-active nav.woocommerce-pagination .next::before { content: "›"; }

@media (max-width: 900px) {
  .kkui-category-intro.has-image {
    grid-template-columns: 1fr;
  }
  .kkui-category-intro__media {
    display: none;
  }
}

@media (max-width: 767px) {
  .kkui-category-intro {
    margin: 16px 0 20px;
    border-radius: 16px;
  }
  .kkui-category-intro__content {
    padding: 20px;
  }
  .kkui-category-intro__description {
    font-size: 15px;
    line-height: 1.65;
  }
  .kkui-archive-filters {
    margin-bottom: 16px;
  }
  .kkui-archive-filters__group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    padding: 10px;
  }
  .kkui-archive-filters__title,
  .kkui-filter-field,
  .kkui-filter-field select,
  .kkui-filter-submit,
  .kkui-filter-reset {
    width: 100%;
    box-sizing: border-box;
  }
  .kkui-archive-filters__title {
    padding: 4px 3px;
  }
  body.kkui-category-filters-active nav.woocommerce-pagination ul.page-numbers {
    gap: 4px;
    padding: 5px;
  }
  body.kkui-category-filters-active nav.woocommerce-pagination .page-numbers li > a,
  body.kkui-category-filters-active nav.woocommerce-pagination .page-numbers li > span {
    min-width: 38px;
    height: 38px;
    padding: 0 9px;
  }
}


/* Theme-independent archive placement. */
.kkui-archive-portal[hidden] { display: none !important; }
.kkui-original-description-hidden { display: none !important; }
body.kkui-category-filters-active .kkui-category-intro,
body.kkui-category-filters-active .kkui-archive-filters {
  box-sizing: border-box;
  float: none;
  clear: both;
}
body.kkui-category-filters-active .kkui-category-intro + .kkui-archive-filters {
  margin-top: -8px;
}
body.kkui-category-filters-active .kkui-archive-filters + .woocommerce-ordering {
  margin-top: 0;
}

/* test18: title inside intro, improved breadcrumb, portable filter and pagination. */
.kkui-category-intro__content {
  display: block;
}
.kkui-category-intro__eyebrow {
  margin: 0 0 8px;
  color: #87e3e8;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.kkui-category-intro__title {
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(30px, 3vw, 50px);
  line-height: 1.08;
  letter-spacing: -.035em;
  font-weight: 850;
}
.kkui-original-title-hidden,
.kkui-original-description-hidden {
  display: none !important;
}

body.kkui-category-filters-active .kkui-breadcrumb {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  margin: 18px 0 8px !important;
  padding: 11px 15px !important;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  background: rgba(255,255,255,.055);
  color: rgba(255,255,255,.76) !important;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
  box-sizing: border-box;
}
body.kkui-category-filters-active .kkui-breadcrumb a {
  color: #d7fbfd !important;
  text-decoration: none;
  font-weight: 800;
}
body.kkui-category-filters-active .kkui-breadcrumb a:hover { color: #fff !important; }

/* Brand filter always sits directly below the intro card. */
body.kkui-category-filters-active .kkui-category-intro + .kkui-archive-filters {
  margin-top: -10px;
  margin-bottom: 22px;
}

/* Portable pagination selectors for themes that do not use nav.woocommerce-pagination. */
body.kkui-category-filters-active .kkui-pagination,
body.kkui-category-filters-active nav.woocommerce-pagination,
body.kkui-category-filters-active .woocommerce-pagination {
  clear: both;
  width: 100%;
  margin: 36px 0 16px !important;
  text-align: center;
}
body.kkui-category-filters-active .kkui-pagination ul,
body.kkui-category-filters-active .kkui-pagination .page-numbers:not(a):not(span),
body.kkui-category-filters-active nav.woocommerce-pagination ul.page-numbers {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 16px !important;
  background: rgba(4,48,59,.82) !important;
  list-style: none !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
}
body.kkui-category-filters-active .kkui-pagination li { margin: 0 !important; border: 0 !important; list-style: none !important; }
body.kkui-category-filters-active .kkui-pagination a.page-numbers,
body.kkui-category-filters-active .kkui-pagination span.page-numbers,
body.kkui-category-filters-active .kkui-pagination li > a,
body.kkui-category-filters-active .kkui-pagination li > span,
body.kkui-category-filters-active nav.woocommerce-pagination li > a,
body.kkui-category-filters-active nav.woocommerce-pagination li > span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-sizing: border-box;
}
body.kkui-category-filters-active .kkui-pagination a:hover,
body.kkui-category-filters-active nav.woocommerce-pagination a:hover {
  border-color: rgba(255,255,255,.24) !important;
  background: rgba(255,255,255,.1) !important;
}
body.kkui-category-filters-active .kkui-pagination .current,
body.kkui-category-filters-active nav.woocommerce-pagination .current {
  background: #d8f6f7 !important;
  color: #063d48 !important;
  box-shadow: 0 5px 16px rgba(0,0,0,.15);
}

@media (max-width: 767px) {
  .kkui-category-intro__eyebrow { font-size: 11px; }
  .kkui-category-intro__title { margin-bottom: 14px; font-size: 29px; }
  body.kkui-category-filters-active .kkui-breadcrumb {
    width: 100%;
    margin-top: 10px !important;
    padding: 10px 12px !important;
    border-radius: 10px;
    font-size: 13px;
  }
}


/* test19: tighter category header, product cards and theme-independent pagination. */
body.kkui-category-filters-active .kkui-breadcrumb {
  margin-bottom: 4px !important;
}
body.kkui-category-filters-active .kkui-category-intro {
  margin-top: 12px;
}
.kkui-category-intro__eyebrow { display: none !important; }

/* Modern product cards without changing WooCommerce markup. */
body.kkui-category-filters-active ul.products {
  gap: clamp(14px, 1.25vw, 22px) !important;
}
body.kkui-category-filters-active ul.products li.product {
  position: relative;
  overflow: hidden;
  padding: 0 0 18px !important;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.975);
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
  color: #10282e;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
body.kkui-category-filters-active ul.products li.product:hover {
  transform: translateY(-3px);
  border-color: rgba(103,220,225,.58);
  box-shadow: 0 18px 38px rgba(0,0,0,.18);
}
body.kkui-category-filters-active ul.products li.product > a,
body.kkui-category-filters-active ul.products li.product .woocommerce-LoopProduct-link {
  color: inherit;
  text-decoration: none;
}
body.kkui-category-filters-active ul.products li.product img {
  display: block;
  width: 100% !important;
  margin: 0 0 14px !important;
  border-radius: 17px 17px 0 0;
  background: #fff;
  transition: transform .25s ease;
}
body.kkui-category-filters-active ul.products li.product:hover img {
  transform: scale(1.025);
}
body.kkui-category-filters-active ul.products li.product .woocommerce-loop-product__title,
body.kkui-category-filters-active ul.products li.product h2,
body.kkui-category-filters-active ul.products li.product h3 {
  min-height: 2.8em;
  margin: 7px 16px 8px !important;
  padding: 0 !important;
  color: #10282e !important;
  font-size: clamp(15px, .95vw, 17px) !important;
  line-height: 1.38 !important;
  font-weight: 800 !important;
}
body.kkui-category-filters-active ul.products li.product .price {
  display: block;
  margin: 0 16px 8px !important;
  color: #075d69 !important;
  font-size: 17px !important;
  font-weight: 850 !important;
}
body.kkui-category-filters-active ul.products li.product .price del {
  color: #7b898d !important;
  opacity: .8;
  font-size: .88em;
}
body.kkui-category-filters-active ul.products li.product .price ins {
  color: #075d69 !important;
  text-decoration: none;
}
body.kkui-category-filters-active ul.products li.product .star-rating {
  margin: 8px 16px 0 !important;
  color: #f5b800;
}
body.kkui-category-filters-active ul.products li.product .onsale {
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  min-width: auto !important;
  min-height: auto !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #075d69 !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.15);
}

/* Pagination works for both WooCommerce lists and flat theme markup. */
body.kkui-category-filters-active .kkui-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  width: fit-content !important;
  max-width: calc(100% - 24px) !important;
  margin: 38px auto 18px !important;
  padding: 8px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 16px !important;
  background: rgba(4,48,59,.86) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.15) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
body.kkui-category-filters-active .kkui-pagination ul {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.kkui-category-filters-active .kkui-pagination li {
  display: contents !important;
}
body.kkui-category-filters-active .kkui-pagination a,
body.kkui-category-filters-active .kkui-pagination span.page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}
body.kkui-category-filters-active .kkui-pagination a:hover {
  border-color: rgba(255,255,255,.25) !important;
  background: rgba(255,255,255,.1) !important;
}
body.kkui-category-filters-active .kkui-pagination .current {
  background: #d8f6f7 !important;
  color: #063d48 !important;
  box-shadow: 0 5px 16px rgba(0,0,0,.16) !important;
}

@media (max-width: 767px) {
  body.kkui-category-filters-active .kkui-category-intro { margin-top: 8px; }
  body.kkui-category-filters-active ul.products li.product { border-radius: 15px; padding-bottom: 14px !important; }
  body.kkui-category-filters-active ul.products li.product img { border-radius: 14px 14px 0 0; }
  body.kkui-category-filters-active ul.products li.product .woocommerce-loop-product__title,
  body.kkui-category-filters-active ul.products li.product h2,
  body.kkui-category-filters-active ul.products li.product h3 { margin-left: 12px !important; margin-right: 12px !important; font-size: 14px !important; }
  body.kkui-category-filters-active ul.products li.product .price,
  body.kkui-category-filters-active ul.products li.product .star-rating { margin-left: 12px !important; margin-right: 12px !important; }
  body.kkui-category-filters-active .kkui-pagination { gap: 4px !important; padding: 6px !important; }
  body.kkui-category-filters-active .kkui-pagination a,
  body.kkui-category-filters-active .kkui-pagination span.page-numbers { min-width: 38px !important; height: 38px !important; padding: 0 9px !important; font-size: 14px !important; }
}

/* test20: structured product cards, sale badge, ordering and robust brand filter. */
body.kkui-category-filters-active ul.products li.product.kkui-product-card {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  background: #fff !important;
  color: #10282e !important;
}
body.kkui-category-filters-active ul.products li.product.kkui-product-card > .kkui-product-card__image {
  position: relative;
  display: block !important;
  overflow: hidden;
  width: 100%;
  background: #fff;
  border-radius: 17px 17px 0 0;
}
body.kkui-category-filters-active ul.products li.product.kkui-product-card > .kkui-product-card__image img {
  display: block;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}
body.kkui-category-filters-active ul.products li.product .kkui-product-card__info {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  min-height: 150px;
  padding: 16px 17px 17px;
  border-top: 1px solid #e7edef;
  border-radius: 0 0 17px 17px;
  background: linear-gradient(180deg, #fff 0%, #f8fbfb 100%);
  box-sizing: border-box;
}
body.kkui-category-filters-active ul.products li.product .kkui-product-card__info .price {
  order: 1;
  margin: 0 0 8px !important;
  color: #075d69 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
}
body.kkui-category-filters-active ul.products li.product .kkui-product-card__info .woocommerce-loop-product__title,
body.kkui-category-filters-active ul.products li.product .kkui-product-card__info h2,
body.kkui-category-filters-active ul.products li.product .kkui-product-card__info h3 {
  order: 2;
  min-height: 2.75em;
  margin: 0 0 10px !important;
  color: #10282e !important;
  font-size: clamp(15px, .95vw, 17px) !important;
  line-height: 1.36 !important;
}
body.kkui-category-filters-active ul.products li.product .kkui-product-card__info .star-rating,
body.kkui-category-filters-active ul.products li.product .kkui-product-card__info [class*="star"] {
  order: 3;
  margin: auto 0 0 !important;
}
body.kkui-category-filters-active ul.products li.product .kkui-product-card__info .button,
body.kkui-category-filters-active ul.products li.product .kkui-product-card__info .added_to_cart {
  order: 4;
  margin-top: 12px !important;
}

body.kkui-category-filters-active ul.products li.product .onsale {
  z-index: 5 !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(255,255,255,.48) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #0a7a87, #04545f) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 20px rgba(0,52,61,.28) !important;
}
body.kkui-category-filters-active ul.products li.product .onsale::before {
  content: "−";
  margin-right: 2px;
}

/* WooCommerce ordering selector. */
body.kkui-category-filters-active form.woocommerce-ordering,
body.kkui-category-filters-active .woocommerce-ordering {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  float: right;
  margin: 0 0 22px !important;
}
body.kkui-category-filters-active form.woocommerce-ordering::before,
body.kkui-category-filters-active .woocommerce-ordering::before {
  content: "Lajittelu";
  position: absolute;
  left: 15px;
  top: 8px;
  z-index: 2;
  color: rgba(255,255,255,.68);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  pointer-events: none;
}
body.kkui-category-filters-active .woocommerce-ordering select,
body.kkui-category-filters-active select.orderby {
  min-width: 250px;
  height: 54px;
  padding: 20px 42px 5px 15px !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 13px !important;
  background-color: rgba(4,48,59,.86) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  cursor: pointer;
  outline: none;
}
body.kkui-category-filters-active .woocommerce-ordering select:focus,
body.kkui-category-filters-active select.orderby:focus {
  border-color: #87e3e8 !important;
  box-shadow: 0 0 0 3px rgba(135,227,232,.16);
}

/* Ensure brand filter is visible and visually aligned below the intro. */
body.kkui-category-filters-active .kkui-archive-filters {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.kkui-category-filters-active .kkui-archive-filters__group {
  background: linear-gradient(135deg, rgba(6,52,63,.96), rgba(3,43,53,.92));
}

@media (max-width: 767px) {
  body.kkui-category-filters-active ul.products li.product .kkui-product-card__info {
    min-height: 132px;
    padding: 13px 12px 14px;
    border-radius: 0 0 14px 14px;
  }
  body.kkui-category-filters-active ul.products li.product.kkui-product-card > .kkui-product-card__image {
    border-radius: 14px 14px 0 0;
  }
  body.kkui-category-filters-active form.woocommerce-ordering,
  body.kkui-category-filters-active .woocommerce-ordering {
    float: none;
    width: 100%;
    margin-bottom: 16px !important;
  }
  body.kkui-category-filters-active .woocommerce-ordering select,
  body.kkui-category-filters-active select.orderby {
    width: 100%;
    min-width: 0;
  }
}


/* 0.10.0-test21: no brand filter, guaranteed product information panel and compact pagination. */
.kkui-archive-filters,
[data-kkui-category-filters] {
  display: none !important;
}

body.kkui-category-filters-active ul.products li.product.kkui-product-card {
  overflow: hidden !important;
  border: 1px solid rgba(10, 68, 78, .14) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(0, 31, 38, .12) !important;
}
body.kkui-category-filters-active ul.products li.product.kkui-product-card > .kkui-product-card__image {
  flex: 0 0 auto;
  border-radius: 0 !important;
  background: #fff !important;
}
body.kkui-category-filters-active ul.products li.product.kkui-product-card .kkui-product-card__info {
  display: block !important;
  flex: 1 1 auto !important;
  min-height: 150px !important;
  padding: 15px 17px 17px !important;
  border-top: 1px solid #e2eaec !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4f8f9 100%) !important;
  color: #10282e !important;
  text-align: left !important;
}
body.kkui-category-filters-active ul.products li.product .kkui-product-card__details-link {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  color: #10282e !important;
  text-decoration: none !important;
}
body.kkui-category-filters-active ul.products li.product .kkui-product-card__details-link .price {
  order: 1;
  display: block !important;
  margin: 0 0 8px !important;
  color: #076b77 !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}
body.kkui-category-filters-active ul.products li.product .kkui-product-card__details-link .woocommerce-loop-product__title,
body.kkui-category-filters-active ul.products li.product .kkui-product-card__details-link h2,
body.kkui-category-filters-active ul.products li.product .kkui-product-card__details-link h3 {
  order: 2;
  display: block !important;
  min-height: 2.7em;
  margin: 0 0 11px !important;
  color: #10282e !important;
  font-size: clamp(15px, .95vw, 17px) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}
body.kkui-category-filters-active ul.products li.product .kkui-product-card__details-link .star-rating,
body.kkui-category-filters-active ul.products li.product .kkui-product-card__details-link [class*="star"] {
  order: 3;
  margin: auto 0 0 !important;
  text-align: left !important;
}

body.kkui-category-filters-active .kkui-pagination,
body.kkui-category-filters-active nav.woocommerce-pagination,
body.kkui-category-filters-active .woocommerce-pagination {
  width: fit-content !important;
  min-width: 0 !important;
  margin: 28px auto 18px !important;
  padding: 7px !important;
  border-radius: 15px !important;
  background: rgba(5, 54, 65, .82) !important;
  box-shadow: none !important;
}
body.kkui-category-filters-active .kkui-pagination ul,
body.kkui-category-filters-active nav.woocommerce-pagination ul.page-numbers {
  gap: 3px !important;
  padding: 0 !important;
  background: transparent !important;
}
body.kkui-category-filters-active .kkui-pagination a,
body.kkui-category-filters-active .kkui-pagination span,
body.kkui-category-filters-active nav.woocommerce-pagination a,
body.kkui-category-filters-active nav.woocommerce-pagination span {
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 10px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 40px !important;
}

@media (max-width: 1370px) {
  html,
  html.wp-toolbar,
  body,
  body.admin-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  #wpadminbar { display: none !important; }
  .kkui-navigation__header-spacer { margin-top: 0 !important; }
}

@media (max-width: 767px) {
  body.kkui-category-filters-active ul.products li.product .kkui-product-card__info {
    min-height: 126px !important;
    padding: 12px 12px 14px !important;
  }
  body.kkui-category-filters-active .kkui-pagination,
  body.kkui-category-filters-active nav.woocommerce-pagination,
  body.kkui-category-filters-active .woocommerce-pagination {
    margin-top: 22px !important;
    padding: 5px !important;
  }
  body.kkui-category-filters-active .kkui-pagination a,
  body.kkui-category-filters-active .kkui-pagination span,
  body.kkui-category-filters-active nav.woocommerce-pagination a,
  body.kkui-category-filters-active nav.woocommerce-pagination span {
    min-width: 37px !important;
    height: 37px !important;
    font-size: 17px !important;
    line-height: 37px !important;
  }
}


/* 0.10.0-test22: theme-independent product detail panel and bare pagination. */
body.kkui-category-filters-active .kkui-theme-product-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid rgba(10,68,78,.14) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(0,31,38,.12) !important;
  color: #10282e !important;
}
body.kkui-category-filters-active .kkui-theme-product-card__media {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  margin: 0 !important;
  background: #fff !important;
}
body.kkui-category-filters-active .kkui-theme-product-card__media img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
}
body.kkui-category-filters-active .kkui-theme-product-card__info {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 132px !important;
  padding: 15px 16px 17px !important;
  border-top: 1px solid #e2eaec !important;
  background: linear-gradient(180deg,#fff 0%,#f3f8f9 100%) !important;
  color: #10282e !important;
  text-align: left !important;
  box-sizing: border-box !important;
}
body.kkui-category-filters-active .kkui-theme-product-card__info,
body.kkui-category-filters-active .kkui-theme-product-card__info * {
  color: #10282e;
}
body.kkui-category-filters-active .kkui-theme-product-card__info a {
  color: #10282e !important;
  text-decoration: none !important;
}
body.kkui-category-filters-active .kkui-theme-product-card__info .price,
body.kkui-category-filters-active .kkui-theme-product-card__info [class*="price"] {
  color: #076b77 !important;
}

/* No outer pagination card: keep only page buttons. */
body.kkui-category-filters-active .kkui-pagination,
body.kkui-category-filters-active nav.woocommerce-pagination,
body.kkui-category-filters-active .woocommerce-pagination {
  width: fit-content !important;
  max-width: calc(100% - 20px) !important;
  margin: 28px auto 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.kkui-category-filters-active .kkui-pagination ul,
body.kkui-category-filters-active nav.woocommerce-pagination ul.page-numbers {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
@media (max-width:767px) {
  body.kkui-category-filters-active .kkui-theme-product-card { border-radius: 15px !important; }
  body.kkui-category-filters-active .kkui-theme-product-card__info {
    min-height: 118px !important;
    padding: 12px 12px 14px !important;
  }
}

/* 0.10.0-test23: premium product card presentation. */
body.kkui-category-filters-active .kkui-premium-product-card {
  border-color: rgba(9, 76, 87, .18) !important;
  box-shadow: 0 14px 34px rgba(0, 27, 34, .16) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
body.kkui-category-filters-active .kkui-premium-product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 42px rgba(0, 27, 34, .22) !important;
}
body.kkui-category-filters-active .kkui-premium-card-info {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 174px !important;
  padding: 21px 18px 19px !important;
  border-top: 1px solid rgba(9, 76, 87, .12) !important;
  background: linear-gradient(180deg, #fbfdfd 0%, #edf5f6 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
  text-align: center !important;
}
body.kkui-category-filters-active .kkui-premium-card-info::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  right: 18px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(7,107,119,.18), transparent);
}
body.kkui-category-filters-active .kkui-premium-card-info .kkui-card-price,
body.kkui-category-filters-active .kkui-premium-card-info .price {
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  margin: -2px auto 14px !important;
  padding: 8px 18px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #075c68, #003b47) !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(0, 59, 71, .2) !important;
}
body.kkui-category-filters-active .kkui-premium-card-info .price del,
body.kkui-category-filters-active .kkui-premium-card-info .price del * {
  color: rgba(255,255,255,.68) !important;
  font-size: .72em !important;
}
body.kkui-category-filters-active .kkui-premium-card-info .price ins,
body.kkui-category-filters-active .kkui-premium-card-info .price ins * {
  color: #fff !important;
  text-decoration: none !important;
}
body.kkui-category-filters-active .kkui-premium-card-info .kkui-card-title,
body.kkui-category-filters-active .kkui-premium-card-info h2,
body.kkui-category-filters-active .kkui-premium-card-info h3 {
  min-height: 2.7em !important;
  margin: 0 auto 15px !important;
  color: #0b2930 !important;
  font-size: clamp(16px, 1vw, 19px) !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}
body.kkui-category-filters-active .kkui-card-rating-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(9,76,87,.10) !important;
}
body.kkui-category-filters-active .kkui-premium-card-info .star-rating,
body.kkui-category-filters-active .kkui-premium-card-info [class*="star-rating"] {
  margin: 0 !important;
  color: #f5b900 !important;
}
body.kkui-category-filters-active .kkui-premium-card-info .star-rating::before {
  color: #bac4c6 !important;
}
body.kkui-category-filters-active .kkui-premium-card-info .star-rating span::before {
  color: #f5b900 !important;
}
body.kkui-category-filters-active .kkui-card-review-count {
  color: #51666b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
body.kkui-category-filters-active .kkui-theme-product-card__media,
body.kkui-category-filters-active .kkui-product-card__image {
  position: relative !important;
}
body.kkui-category-filters-active .kkui-sale-badge {
  position: absolute !important;
  z-index: 6 !important;
  top: 13px !important;
  left: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 58px !important;
  height: 32px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(255,255,255,.48) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #087687, #004c59) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(0,51,61,.24) !important;
}
@media (max-width: 767px) {
  body.kkui-category-filters-active .kkui-premium-card-info {
    min-height: 150px !important;
    padding: 16px 13px 15px !important;
  }
  body.kkui-category-filters-active .kkui-premium-card-info .kkui-card-price,
  body.kkui-category-filters-active .kkui-premium-card-info .price {
    min-height: 36px !important;
    margin-bottom: 11px !important;
    padding: 7px 13px !important;
    font-size: 17px !important;
  }
  body.kkui-category-filters-active .kkui-premium-card-info .kkui-card-title,
  body.kkui-category-filters-active .kkui-premium-card-info h2,
  body.kkui-category-filters-active .kkui-premium-card-info h3 {
    font-size: 15px !important;
  }
  body.kkui-category-filters-active .kkui-sale-badge {
    top: 9px !important;
    left: 9px !important;
    min-width: 50px !important;
    height: 28px !important;
    font-size: 12px !important;
  }
}

/* 0.10.0-test24: WooCommerce block-loop price, rating and sale badge fixes. */
body.kkui-category-filters-active .kkui-premium-card-info {
  background: linear-gradient(180deg, #f2f5f6 0%, #e7edef 100%) !important;
}
body.kkui-category-filters-active .kkui-premium-card-info .wp-block-woocommerce-product-price.kkui-card-price,
body.kkui-category-filters-active .kkui-premium-card-info [data-block-name="woocommerce/product-price"].kkui-card-price {
  width: max-content !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 10px 15px !important;
  gap: 8px !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #006b78 0%, #004651 100%) !important;
  box-shadow: 0 7px 16px rgba(0,48,57,.24) !important;
  white-space: nowrap !important;
}
body.kkui-category-filters-active .kkui-card-price .wc-block-components-product-price {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  color: #fff !important;
}
body.kkui-category-filters-active .kkui-card-price del,
body.kkui-category-filters-active .kkui-card-price del * {
  color: rgba(255,255,255,.68) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration-thickness: 1.5px !important;
}
body.kkui-category-filters-active .kkui-card-price ins,
body.kkui-category-filters-active .kkui-card-price ins *,
body.kkui-category-filters-active .kkui-card-price > .wc-block-components-product-price > .woocommerce-Price-amount,
body.kkui-category-filters-active .kkui-card-price > .wc-block-components-product-price > .woocommerce-Price-amount * {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}
body.kkui-category-filters-active .kkui-premium-card-info .wc-block-components-product-rating__stars,
body.kkui-category-filters-active .kkui-premium-card-info .wc-block-components-product-rating__stars::before,
body.kkui-category-filters-active .kkui-premium-card-info .wc-block-components-product-rating__stars span::before,
body.kkui-category-filters-active .kkui-premium-card-info .star-rating,
body.kkui-category-filters-active .kkui-premium-card-info .star-rating span::before,
body.kkui-category-filters-active .kkui-premium-card-info [class*="rating"] svg,
body.kkui-category-filters-active .kkui-premium-card-info [class*="rating"] svg path {
  color: #f7b500 !important;
  fill: #f7b500 !important;
}
body.kkui-category-filters-active .kkui-sale-badge {
  min-width: 62px !important;
  height: 34px !important;
  background: linear-gradient(135deg, #d94b2b 0%, #b92f1f 100%) !important;
  box-shadow: 0 8px 18px rgba(138,34,21,.28) !important;
}
@media (max-width: 767px) {
  body.kkui-category-filters-active .kkui-premium-card-info .wp-block-woocommerce-product-price.kkui-card-price,
  body.kkui-category-filters-active .kkui-premium-card-info [data-block-name="woocommerce/product-price"].kkui-card-price {
    max-width: calc(100% - 8px) !important;
    padding: 8px 11px !important;
  }
  body.kkui-category-filters-active .kkui-card-price ins,
  body.kkui-category-filters-active .kkui-card-price ins *,
  body.kkui-category-filters-active .kkui-card-price > .wc-block-components-product-price > .woocommerce-Price-amount,
  body.kkui-category-filters-active .kkui-card-price > .wc-block-components-product-price > .woocommerce-Price-amount * {
    font-size: 17px !important;
  }
}


/* 0.10.0-test26: fixed sale/sold-out badges and review count visibility. */
body.kkui-category-filters-active .kkui-sale-badge {
  min-width: 78px !important;
  background: linear-gradient(135deg,#ef5b32 0%,#c93420 100%) !important;
  color:#fff !important;
  letter-spacing:.06em !important;
}
body.kkui-category-filters-active .kkui-stock-badge {
  position:absolute !important; z-index:7 !important; top:13px !important; left:13px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  min-width:112px !important; height:34px !important; padding:0 14px !important;
  border-radius:999px !important; background:linear-gradient(135deg,#4b5960,#202b30) !important;
  color:#fff !important; font-size:12px !important; font-weight:900 !important; letter-spacing:.055em !important;
  box-shadow:0 8px 18px rgba(0,0,0,.24) !important;
}
body.kkui-category-filters-active .kkui-card-review-count {
  display:inline-flex !important; align-items:center !important; min-width:max-content !important;
  color:#4d6268 !important; font-size:14px !important; font-weight:800 !important; opacity:1 !important;
}
@media(max-width:767px){
 body.kkui-category-filters-active .kkui-stock-badge{top:9px !important;left:9px !important;min-width:98px !important;height:29px !important;font-size:11px !important;}
}


/* Archive layout width is owned by the WordPress page/template editor.
 * KKUI only styles the archive components inside the template container. */
body.kkui-category-filters-active .kkui-archive-shell,
body.kkui-category-filters-active .kkui-product-grid-shell {
  box-sizing: border-box !important;
}
body.kkui-category-filters-active .kkui-archive-shell > .kkui-category-intro,
body.kkui-category-filters-active .kkui-archive-shell > .kkui-breadcrumb,
body.kkui-category-filters-active .kkui-archive-shell > .woocommerce-ordering,
body.kkui-category-filters-active .kkui-product-grid-shell > .woocommerce-ordering,
body.kkui-category-filters-active .kkui-product-grid-shell > .kkui-pagination {
  max-width: 100% !important;
}
body.kkui-category-filters-active .kkui-theme-product-card__media,
body.kkui-category-filters-active .kkui-product-card__image,
body.kkui-category-filters-active a:has(> img) {
  position: relative;
}
body.kkui-category-filters-active .kkui-is-out-of-stock img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: none !important;
}
body.kkui-category-filters-active .kkui-stock-badge {
  background: #111820 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.28) !important;
}
body.kkui-category-filters-active .onsale,
body.kkui-category-filters-active .wc-block-grid__product-onsale,
body.kkui-category-filters-active .wc-block-components-product-sale-badge,
.single-product .onsale,
.single-product .wc-block-grid__product-onsale,
.single-product .wc-block-components-product-sale-badge {
  display: none !important;
}


/* 0.10.0-test28: keep product images visible when a badge plugin wraps them. */
body.kkui-category-filters-active .asnp-sale-badge-image-wrapper {
  display: block !important;
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.kkui-category-filters-active .asnp-sale-badge-image-wrapper > img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.kkui-category-filters-active .asnp-sale-badge-image-wrapper .asnp-esb-badge-element,
body.kkui-category-filters-active .asnp-sale-badge-image-wrapper [class*="asnp-esb-productBadge"],
body.kkui-category-filters-active .asnp-esb-badge-group-out-of-image {
  display: none !important;
}

/* 0.10.0-test29: the global header already contains the primary search field. */
body.search.kkui-category-filters-active main > .wp-block-search,
body.search-results.kkui-category-filters-active main > .wp-block-search,
body.search.kkui-category-filters-active .site-main > .wp-block-search,
body.search-results.kkui-category-filters-active .site-main > .wp-block-search,
body.search.kkui-category-filters-active .kkui-legacy-search-form,
body.search-results.kkui-category-filters-active .kkui-legacy-search-form {
  display: none !important;
}



/* 0.10.0-test32.15: compact mobile category description and clickable card price. */
.kkui-card-price-link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.kkui-card-price-link:hover,
.kkui-card-price-link:focus-visible {
  text-decoration: none;
}

@media (max-width: 767px) {
  .kkui-category-intro__description.is-collapsible {
    position: relative;
    max-height: 7.2em;
    overflow: hidden;
  }

  .kkui-category-intro__description.is-collapsible::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2.3em;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(3, 48, 59, 0), rgba(3, 48, 59, 1));
  }

  .kkui-category-intro.is-description-expanded .kkui-category-intro__description.is-collapsible {
    max-height: none;
  }

  .kkui-category-intro.is-description-expanded .kkui-category-intro__description.is-collapsible::after {
    display: none;
  }

  .kkui-category-intro__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin-top: 10px;
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
  }

  .kkui-category-intro__toggle:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
  }
}

@media (min-width: 768px) {
  .kkui-category-intro__toggle {
    display: none !important;
  }
}

/* 0.10.0-test32.30: self-contained star rendering for homepage/block cards.
 * Some themes only provide WooCommerce's star font rules on archive pages.
 * Render the shared KKUI rating component without relying on those rules. */
body.kkui-category-filters-active .kkui-card-rating-row .star-rating.kkui-card-rating {
  position: relative !important;
  display: inline-block !important;
  overflow: hidden !important;
  width: 5.5em !important;
  height: 1.1em !important;
  margin: 0 !important;
  padding: 0 !important;
  color: transparent !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-align: left !important;
  white-space: nowrap !important;
}
body.kkui-category-filters-active .kkui-card-rating-row .star-rating.kkui-card-rating::before {
  content: "★★★★★" !important;
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  display: block !important;
  color: #d7dfe1 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
}
body.kkui-category-filters-active .kkui-card-rating-row .star-rating.kkui-card-rating > span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  overflow: hidden !important;
  height: 1.1em !important;
  padding: 0 !important;
  color: transparent !important;
  font-size: inherit !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
body.kkui-category-filters-active .kkui-card-rating-row .star-rating.kkui-card-rating > span::before {
  content: "★★★★★" !important;
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  display: block !important;
  color: #f7b500 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  white-space: nowrap !important;
}
@media (max-width: 767px) {
  body.kkui-category-filters-active .kkui-card-rating-row .star-rating.kkui-card-rating {
    font-size: 18px !important;
  }
}

/* Shared server-rendered product-card parity.
 * Keep all WooCommerce price descendants inside the same teal price chip and
 * use the self-contained KKUI star renderer without leaking hidden rating text. */
body.kkui-category-filters-active .kkui-server-card .kkui-card-price,
body.kkui-category-filters-active .kkui-server-card .kkui-card-price * {
  color: #fff !important;
}
body.kkui-category-filters-active .kkui-server-card .kkui-card-price del,
body.kkui-category-filters-active .kkui-server-card .kkui-card-price del * {
  color: rgba(255,255,255,.68) !important;
}
body.kkui-category-filters-active .kkui-server-card .kkui-card-price ins,
body.kkui-category-filters-active .kkui-server-card .kkui-card-price ins * {
  color: #fff !important;
  text-decoration: none !important;
}
body.kkui-category-filters-active .kkui-server-card .kkui-card-rating > span {
  font-size: 0 !important;
  color: transparent !important;
}

/* Server-rendered sale price chip parity.
 * Keep regular + sale prices on one baseline with the same visual hierarchy
 * as the native KKUI category card. */
body.kkui-category-filters-active .kkui-server-card .kkui-card-price {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 7px !important;
  width: max-content !important;
  max-width: none !important;
  min-height: 42px !important;
  margin: -2px auto 14px !important;
  padding: 8px 16px !important;
  border-radius: 12px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
body.kkui-category-filters-active .kkui-server-card .kkui-card-price > del,
body.kkui-category-filters-active .kkui-server-card .kkui-card-price > ins {
  display: inline-flex !important;
  align-items: baseline !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}
body.kkui-category-filters-active .kkui-server-card .kkui-card-price > del,
body.kkui-category-filters-active .kkui-server-card .kkui-card-price > del * {
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  color: rgba(255,255,255,.72) !important;
  text-decoration-line: line-through !important;
  text-decoration-thickness: 1.4px !important;
}
body.kkui-category-filters-active .kkui-server-card .kkui-card-price > ins,
body.kkui-category-filters-active .kkui-server-card .kkui-card-price > ins *,
body.kkui-category-filters-active .kkui-server-card .kkui-card-price > .woocommerce-Price-amount,
body.kkui-category-filters-active .kkui-server-card .kkui-card-price > .woocommerce-Price-amount * {
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #fff !important;
  text-decoration: none !important;
}
body.kkui-category-filters-active .kkui-server-card .kkui-card-price .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (max-width: 767px) {
  body.kkui-category-filters-active .kkui-server-card .kkui-card-price {
    min-height: 36px !important;
    gap: 5px !important;
    padding: 7px 12px !important;
  }
  body.kkui-category-filters-active .kkui-server-card .kkui-card-price > del,
  body.kkui-category-filters-active .kkui-server-card .kkui-card-price > del * {
    font-size: 11px !important;
  }
  body.kkui-category-filters-active .kkui-server-card .kkui-card-price > ins,
  body.kkui-category-filters-active .kkui-server-card .kkui-card-price > ins *,
  body.kkui-category-filters-active .kkui-server-card .kkui-card-price > .woocommerce-Price-amount,
  body.kkui-category-filters-active .kkui-server-card .kkui-card-price > .woocommerce-Price-amount * {
    font-size: 17px !important;
  }
}


/* Server-rendered price chip follows actual price content width.
 * Keep the wrapper centered, but do not cap the teal chip to an artificial width. */
body.kkui-category-filters-active .kkui-server-card .kkui-card-price-link {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  overflow: visible !important;
}
body.kkui-category-filters-active .kkui-server-card .kkui-card-price {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}


/* 0.10.0-test32.82: use the Product Collection ordering block already present
   in the search template; do not create a second WooCommerce ordering form. */
body.search-results.kkui-category-filters-active .kkui-native-search-ordering {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  align-items: center !important;
  float: right;
  margin: 0 0 22px !important;
}
body.search-results.kkui-category-filters-active .kkui-native-search-ordering select {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (max-width: 780px) {
  body.search-results.kkui-category-filters-active .kkui-native-search-ordering {
    float: none;
    width: 100%;
    margin-bottom: 16px !important;
  }
  body.search-results.kkui-category-filters-active .kkui-native-search-ordering select {
    width: 100%;
    min-width: 0;
  }
}


/* 0.10.0-test32.85: stable server-rendered ordering on product search results.
   WooCommerce 11 can leave the block catalog-sorting shell empty after hydration,
   so KKUI uses the same orderby query values without depending on that shell. */
body.search-results.kkui-category-filters-active .wc-block-catalog-sorting,
body.search-results.kkui-category-filters-active .wp-block-woocommerce-catalog-sorting,
body.search-results.kkui-category-filters-active [data-block-name="woocommerce/catalog-sorting"] {
  display:none!important;
}
body.search-results.kkui-category-filters-active .kkui-search-ordering {
  display:flex!important;
  width:min(100%, 340px)!important;
  margin:18px 0 8px!important;
  float:none!important;
}
body.search-results.kkui-category-filters-active .kkui-search-ordering select {
  width:100%!important;
}
@media (max-width:768px) {
  body.search-results.kkui-category-filters-active .kkui-search-ordering {
    width:100%!important;
    max-width:none!important;
  }
}