@font-face {
  font-family: Bricolage Grotesque;
  src: url("https://cdn.kaalimato.com/fonts/BricolageGrotesque-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Bricolage Grotesque;
  src: url("https://cdn.kaalimato.com/fonts/BricolageGrotesque-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Figtree;
  src: url("https://cdn.kaalimato.com/fonts/Figtree-Variable.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
div.pagecontentw1.listcategory {
  padding: 1.5rem !important;
  overflow: visible !important;
  position: static !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100vw !important;
}
@media (min-width: 840px) {
  div.pagecontentw1.listcategory {
    padding-inline: 3rem !important;
  }
}

div.pagecontentw1 a.bannerfullw {
  padding-inline: 0 !important;
  padding-block: var(--space-1, 0.75rem) !important;
  margin-block: var(--space-2, 1rem) !important;
}

h1.category1,
h1.catname {
  font-family: var(--font-family-secondary) !important;
  font-size: var(--font-size-h1) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  color: var(--theme-fg-primary) !important;
  margin: 1.5rem 0 0.75rem !important;
  white-space: normal !important;
}

h1.catname {
  width: 100% !important;
  text-align: center !important;
}

div.catdesc,
div.cattxt {
  font-family: var(--font-family-primary) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: var(--theme-fg-primary) !important;
  width: 100% !important;
  max-width: 90ch !important;
  margin: 0 0 2rem !important;
  position: static !important;
}

div.pagecontentw1 div.catdesc,
div.pagecontentw1 div.cattxt {
  float: none !important;
  clear: both !important;
  display: block !important;
  margin-bottom: 2rem !important;
}

div.catdesc_full {
  font-family: var(--font-family-primary) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: var(--theme-fg-primary) !important;
  width: 100% !important;
  margin: 0 0 2rem !important;
  padding: 0 1.5rem !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
@media (min-width: 840px) {
  div.catdesc_full {
    padding-inline: 3rem !important;
  }
}
div.catdesc_full p {
  margin: 0 0 0.5em !important;
}
div.catdesc_full h2 {
  font-family: var(--font-family-secondary) !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  color: var(--theme-fg-primary) !important;
  margin: 3.5rem 0 1rem !important;
  clear: both !important;
}
div.catdesc_full a {
  color: var(--theme-brand-secondary) !important;
  text-decoration: underline !important;
}
div.catdesc_full a:hover {
  color: var(--theme-brand-primary) !important;
}
div.catdesc_full strong {
  font-weight: 700 !important;
  color: var(--theme-fg-primary) !important;
}
div.catdesc_full div.txtinner {
  max-height: none !important;
  overflow: visible !important;
  -webkit-mask-image: none !important;
          mask-image: none !important;
}
div.catdesc_full div.txtinner::after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}
div.catdesc_full div.collapsertoggler {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  width: 100% !important;
  padding-block: 0.5rem !important;
  margin-top: 1.5rem !important;
}
div.catdesc_full p:has(img) {
  float: left !important;
  width: 200px !important;
  margin: 0.25rem 1.5rem 1rem 0 !important;
  clear: left !important;
}
@media not all and (min-width: 48rem) {
  div.catdesc_full p:has(img) {
    float: none !important;
    width: 100% !important;
    max-width: 250px !important;
    margin: 1rem auto !important;
  }
}
div.catdesc_full img {
  float: none !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: var(--radius-md) !important;
  -webkit-box-shadow: var(--shadow-md) !important;
          box-shadow: var(--shadow-md) !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
div.catdesc_full figure.catdesc-img {
  max-width: 250px !important;
  margin: 0.25rem 0 1rem 1.5rem !important;
}
div.catdesc_full figure.catdesc-img.catdesc-img--right {
  float: right !important;
}
div.catdesc_full figure.catdesc-img.catdesc-img--left {
  float: left !important;
  margin: 0.25rem 1.5rem 1rem 0 !important;
}
@media not all and (min-width: 48rem) {
  div.catdesc_full figure.catdesc-img, div.catdesc_full figure.catdesc-img.catdesc-img--left, div.catdesc_full figure.catdesc-img.catdesc-img--right {
    float: none !important;
    max-width: 100% !important;
    margin: 1rem 0 !important;
  }
}
div.catdesc_full h3 {
  clear: both !important;
}

div.catdesc_full:has(button.showmoretoggler[aria-expanded=false]) div.txtinner {
  max-height: 14rem !important;
  overflow: hidden !important;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(55%, black), to(transparent)) !important;
  -webkit-mask-image: linear-gradient(black 55%, transparent) !important;
          mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(55%, black), to(transparent)) !important;
          mask-image: linear-gradient(black 55%, transparent) !important;
}

.pagingw.nopaging {
  display: none !important;
}

.pagingw {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  gap: 0.25rem !important;
  padding: 1.5rem 0 !important;
  float: none !important;
  clear: both !important;
}
.pagingw div.clear {
  display: none !important;
}
.pagingw a.pagectrl.page,
.pagingw span.pagectrl.page {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  padding: 0 !important;
  border-radius: var(--radius-sm, 0.375rem) !important;
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  color: var(--theme-fg-primary, #2d2926) !important;
  background: var(--color-neutral-100, #eae9e9) !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  -webkit-transition: background 120ms ease, border-color 120ms ease !important;
  transition: background 120ms ease, border-color 120ms ease !important;
}
.pagingw a.pagectrl.page:hover,
.pagingw span.pagectrl.page:hover {
  background: var(--color-neutral-200, #d5d4d3) !important;
  border-color: var(--theme-border-tertiary) !important;
}
.pagingw a.pagectrl.page.selected {
  background: var(--theme-fg-primary, #2d2926) !important;
  color: #fff !important;
  border-color: var(--theme-fg-primary, #2d2926) !important;
  font-weight: 700 !important;
  pointer-events: none !important;
}
.pagingw a.pagectrl.page.selected:hover {
  background: var(--theme-fg-primary, #2d2926) !important;
}
.pagingw a.pagectrl.page.prevpage,
.pagingw a.pagectrl.page.nextpage {
  min-width: 2.25rem !important;
}
.pagingw a.pagectrl.page.prevpage span.arrow,
.pagingw a.pagectrl.page.nextpage span.arrow {
  display: block !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  position: relative !important;
  top: 3px !important;
  width: 0.625rem !important;
  height: 0.625rem !important;
  border: none !important;
  background: none !important;
}
.pagingw a.pagectrl.page.prevpage span.arrow::before,
.pagingw a.pagectrl.page.nextpage span.arrow::before {
  content: "" !important;
  display: block !important;
  position: static !important;
  width: 0.5rem !important;
  height: 0.5rem !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  border-style: solid !important;
  border-color: currentColor !important;
  border-width: 2px 2px 0 0 !important;
}
.pagingw a.pagectrl.page.prevpage span.arrow.left::before,
.pagingw a.pagectrl.page.nextpage span.arrow.left::before {
  -webkit-transform: rotate(-135deg) !important;
      -ms-transform: rotate(-135deg) !important;
          transform: rotate(-135deg) !important;
}
.pagingw a.pagectrl.page.prevpage span.arrow.right::before,
.pagingw a.pagectrl.page.nextpage span.arrow.right::before {
  -webkit-transform: rotate(45deg) !important;
      -ms-transform: rotate(45deg) !important;
          transform: rotate(45deg) !important;
}
.pagingw a.pagectrl.page.prevpage span.arrow::after,
.pagingw a.pagectrl.page.nextpage span.arrow::after {
  display: none !important;
}
.pagingw a.pagectrl.page.prevpages,
.pagingw a.pagectrl.page.nextpages {
  color: var(--theme-fg-tertiary) !important;
  pointer-events: none !important;
  border-color: transparent !important;
  background: var(--color-neutral-100, #eae9e9) !important;
}
.pagingw a.pagectrl.page.prevpages:hover,
.pagingw a.pagectrl.page.nextpages:hover {
  background: var(--color-neutral-100, #eae9e9) !important;
  border-color: transparent !important;
}
.pagingw div.selpageindw {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 0.25rem !important;
  margin-left: 0 !important;
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  color: var(--theme-fg-tertiary) !important;
}
.pagingw div.selpageindw span.pageno {
  font-weight: 600 !important;
  color: var(--theme-fg-secondary) !important;
}

.productlistwrapper {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.product-grid::after {
  display: none !important;
}
@media not all and (min-width: 48rem) {
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.product-grid .cousincatintersw {
  grid-column: 1/-1;
}

.cousincatintersw {
  margin: 0 !important;
  overflow: visible !important;
  position: static !important;
  float: none !important;
  clear: both !important;
}
.cousincatintersw a.cousincat.banner.midlist {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  position: relative !important;
  width: 100% !important;
  min-height: 8.75rem !important;
  padding: 0 !important;
  border: 1px solid var(--theme-border-tertiary) !important;
  border-radius: var(--radius-md) !important;
  background: #fff !important;
  overflow: hidden !important;
  -webkit-box-shadow: var(--shadow-sm) !important;
          box-shadow: var(--shadow-sm) !important;
  margin: 0 !important;
  height: auto !important;
  top: auto !important;
  left: auto !important;
  text-decoration: none !important;
  color: inherit !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  -webkit-transition: -webkit-box-shadow var(--duration-fast, 200ms) ease !important;
  transition: -webkit-box-shadow var(--duration-fast, 200ms) ease !important;
  transition: box-shadow var(--duration-fast, 200ms) ease !important;
  transition: box-shadow var(--duration-fast, 200ms) ease, -webkit-box-shadow var(--duration-fast, 200ms) ease !important;
}
.cousincatintersw a.cousincat.banner.midlist:hover {
  -webkit-box-shadow: var(--shadow-md) !important;
          box-shadow: var(--shadow-md) !important;
}
.cousincatintersw img.intstitimg,
.cousincatintersw img.intstitbanner {
  position: absolute !important;
  right: -10px !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) rotate(-15deg) !important;
      -ms-transform: translateY(-50%) rotate(-15deg) !important;
          transform: translateY(-50%) rotate(-15deg) !important;
  width: 190px !important;
  height: auto !important;
  aspect-ratio: auto !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.cousincatintersw div.txt,
.cousincatintersw span.txt {
  position: relative !important;
  z-index: 1 !important;
  width: auto !important;
  top: auto !important;
  right: auto !important;
  margin-left: 0 !important;
  text-align: center !important;
  font: unset !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 0.125rem !important;
  font-family: var(--font-family-secondary) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--theme-brand-secondary) !important;
}
.cousincatintersw div.txt span.txt1,
.cousincatintersw span.txt span.txt1 {
  display: block !important;
  font-family: var(--font-family-primary) !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: var(--theme-fg-secondary) !important;
}
.cousincatintersw div.txt span.catname,
.cousincatintersw span.txt span.catname {
  display: block !important;
  font-family: var(--font-family-secondary) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--theme-brand-secondary) !important;
}
.cousincatintersw a.cousincat.banner.midlist.imgban {
  min-height: 8.75rem !important;
}
.cousincatintersw a.cousincat.banner.midlist.imgban picture.valiban {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
}
.cousincatintersw a.cousincat.banner.midlist.imgban picture.valiban img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-position: center !important;
     object-position: center !important;
  display: block !important;
}
@media not all and (min-width: 48rem) {
  .cousincatintersw a.cousincat.banner.midlist {
    padding-left: 155px !important;
    padding-right: 1rem !important;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .cousincatintersw img.intstitimg,
  .cousincatintersw img.intstitbanner {
    right: auto !important;
    left: -5px !important;
    top: 35% !important;
    width: 165px !important;
  }
  .cousincatintersw div.txt,
  .cousincatintersw span.txt {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
    text-align: center !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

div.subcatsw {
  float: none !important;
  width: 100% !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  overflow: hidden !important;
  margin: 2rem 0 1.5rem !important;
}

div.splide.subcatss {
  width: 100% !important;
  max-width: 100% !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
}
div.splide.subcatss .splide__arrow {
  width: 2rem !important;
  height: 2rem !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  opacity: 0.65 !important;
  -webkit-transition: opacity 150ms ease !important;
  transition: opacity 150ms ease !important;
}
div.splide.subcatss .splide__arrow:hover:not(:disabled) {
  opacity: 1 !important;
  background: transparent !important;
}
div.splide.subcatss .splide__arrow:disabled {
  opacity: 0.3 !important;
}
div.splide.subcatss .splide__arrow svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  fill: var(--theme-fg-secondary, #6c6967) !important;
  stroke: none !important;
}
div.splide.subcatss .splide__arrow--prev {
  left: 0.375rem !important;
}
div.splide.subcatss .splide__arrow--next {
  right: 0.375rem !important;
}
div.splide.subcatss .splide__arrow:disabled {
  display: none !important;
}
div.splide.subcatss .splide__slide {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  padding-right: 0.75rem !important;
}
@media not all and (min-width: 48rem) {
  div.splide.subcatss .splide__slide {
    padding-right: 0.5rem !important;
  }
}
div.splide.subcatss .splide__pagination {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 0.5rem !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  padding: 0.75rem 0 0 !important;
  list-style: none !important;
  margin: 0 !important;
}
div.splide.subcatss .splide__pagination .splide__pagination__page {
  width: 0.5rem !important;
  height: 0.5rem !important;
  border-radius: 9999px !important;
  background: var(--theme-border-tertiary) !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  -webkit-transition: background 150ms ease !important;
  transition: background 150ms ease !important;
}
div.splide.subcatss .splide__pagination .splide__pagination__page.is-active {
  background: var(--theme-brand-secondary) !important;
}
div.splide.subcatss a.subcat {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 0.5rem !important;
  width: 100% !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
div.splide.subcatss a.subcat:hover div.subcatimgw {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14) !important;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14) !important;
  -webkit-transform: translateY(-2px) !important;
      -ms-transform: translateY(-2px) !important;
          transform: translateY(-2px) !important;
}
div.splide.subcatss a.subcat:hover div.subcatname {
  color: var(--theme-brand-secondary) !important;
}
div.splide.subcatss div.subcatimgw {
  width: 100% !important;
  aspect-ratio: 1 !important;
  height: auto !important;
  padding: 0 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: var(--theme-bg-secondary) !important;
  -webkit-box-shadow: var(--shadow-sm) !important;
          box-shadow: var(--shadow-sm) !important;
  -webkit-transition: -webkit-box-shadow 180ms ease, -webkit-transform 180ms ease !important;
  transition: -webkit-box-shadow 180ms ease, -webkit-transform 180ms ease !important;
  transition: box-shadow 180ms ease, transform 180ms ease !important;
  transition: box-shadow 180ms ease, transform 180ms ease, -webkit-box-shadow 180ms ease, -webkit-transform 180ms ease !important;
}
div.splide.subcatss div.subcatimgw img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-position: center !important;
     object-position: center !important;
}
div.splide.subcatss div.subcatname {
  font-family: var(--font-family-primary) !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--theme-fg-primary) !important;
  text-align: center !important;
  -webkit-transition: color 180ms ease !important;
  transition: color 180ms ease !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  -webkit-hyphens: auto !important;
      -ms-hyphens: auto !important;
          hyphens: auto !important;
  word-break: break-word !important;
}

div.plistctrlwork {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background: var(--theme-bg-primary) !important;
  border: 1px solid var(--theme-border-tertiary) !important;
  border-radius: var(--radius-md) !important;
  -webkit-box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15) !important;
  padding: 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  overflow: hidden !important;
}
div.plistctrlwork.open {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
  max-height: 70vh !important;
}
@media not all and (min-width: 48rem) {
  div.plistctrlwork.open {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: none !important;
    border-radius: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    overflow: hidden !important;
    z-index: 99999 !important;
  }
}

a.closebtn#filterpreview-closebtn {
  position: absolute !important;
  top: 0.5rem !important;
  right: 0.5rem !important;
  z-index: 10 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  border-radius: var(--radius-sm, 0.375rem) !important;
  background: transparent !important;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  -webkit-transition: background 120ms ease !important;
  transition: background 120ms ease !important;
}
a.closebtn#filterpreview-closebtn:hover {
  background: var(--color-neutral-100, #eae9e9) !important;
}
a.closebtn#filterpreview-closebtn span.modal-close {
  display: block !important;
  position: relative !important;
  width: 1.375rem !important;
  height: 1.375rem !important;
}
a.closebtn#filterpreview-closebtn span.modal-close::before, a.closebtn#filterpreview-closebtn span.modal-close::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  width: 100% !important;
  height: 2px !important;
  background: var(--theme-fg-primary) !important;
  border-radius: 1px !important;
}
a.closebtn#filterpreview-closebtn span.modal-close::before {
  -webkit-transform: translateY(-50%) rotate(45deg) !important;
      -ms-transform: translateY(-50%) rotate(45deg) !important;
          transform: translateY(-50%) rotate(45deg) !important;
}
a.closebtn#filterpreview-closebtn span.modal-close::after {
  -webkit-transform: translateY(-50%) rotate(-45deg) !important;
      -ms-transform: translateY(-50%) rotate(-45deg) !important;
          transform: translateY(-50%) rotate(-45deg) !important;
}

div#filterpickerarea {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 70% !important;
          flex: 0 0 70% !important;
  min-width: 0 !important;
  width: 70% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  gap: 0 !important;
  max-height: 70vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  padding: 1rem 1rem 1rem 1.25rem !important;
  margin: 0 !important;
}
@media not all and (min-width: 48rem) {
  div#filterpickerarea {
    height: 80vh !important;
    max-height: none !important;
    width: 100% !important;
  }
}

.filtblockw {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  gap: 0.375rem !important;
  width: 100% !important;
}
.filtblockw:not(.show) {
  display: none !important;
}
.filtblockw span.filter_critcol_header,
.filtblockw span.optblock-divider {
  -ms-flex-preferred-size: 100% !important;
      flex-basis: 100% !important;
}

span.filter_critcol_header {
  display: block !important;
  font-family: var(--font-family-primary) !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: var(--theme-fg-secondary) !important;
  margin-bottom: 0.25rem !important;
  padding-inline: 0.5rem !important;
}

a.filtopt.picker {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 0.25rem !important;
  padding: 0.25rem 0.625rem !important;
  border-radius: 9999px !important;
  border: 1px solid var(--color-neutral-200, #d5d4d3) !important;
  background: var(--color-neutral-100, #eae9e9) !important;
  font-family: var(--font-family-primary) !important;
  font-size: 0.8125rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: var(--theme-fg-primary) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  -webkit-transition: background 120ms ease, border-color 120ms ease, color 120ms ease !important;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease !important;
}
a.filtopt.picker span.hitc {
  font-size: 0.6875rem !important;
  font-weight: 400 !important;
  color: var(--theme-fg-secondary) !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}
a.filtopt.picker:hover {
  background: var(--color-neutral-200, #d5d4d3) !important;
  border-color: var(--color-neutral-300, #c0bfbe) !important;
  text-decoration: none !important;
}
a.filtopt.picker[aria-checked=true], a.filtopt.picker.optselected {
  background: var(--theme-brand-secondary) !important;
  border-color: var(--theme-brand-secondary) !important;
  color: var(--theme-brand-on-secondary) !important;
  font-weight: 600 !important;
}
a.filtopt.picker[aria-checked=true] span.hitc, a.filtopt.picker.optselected span.hitc {
  color: var(--theme-brand-on-secondary) !important;
  opacity: 0.7 !important;
}
a.filtopt.picker[aria-checked=true]:hover, a.filtopt.picker.optselected:hover {
  background: var(--theme-brand-secondary-emphasis, #163514) !important;
  border-color: var(--theme-brand-secondary-emphasis, #163514) !important;
}

a.filtopt.picker.disabled {
  opacity: 0.35 !important;
  cursor: default !important;
  pointer-events: none !important;
}

span.optblock-divider {
  display: block !important;
  height: 1px !important;
  background: var(--theme-border-tertiary) !important;
  margin: 0.75rem 0 !important;
}

div#filterpreview-activatebuttonw {
  position: relative !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  gap: 0.75rem !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 30% !important;
          flex: 0 0 30% !important;
  min-width: 0 !important;
  width: 30% !important;
  padding: 2rem 1.25rem !important;
  background: var(--theme-bg-primary) !important;
  overflow: hidden !important;
  border-left: 1px solid var(--theme-border-tertiary) !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  -ms-flex: 0 0 auto !important;
      flex: 0 0 auto !important;
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}
@media not all and (min-width: 48rem) {
  div#filterpreview-activatebuttonw {
    height: 20vh !important;
    max-height: none !important;
    overflow-y: auto !important;
    width: 100% !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    min-width: unset !important;
    padding: 0.875rem 1rem !important;
    border-left: none !important;
    border-top: 1px solid var(--theme-border-tertiary) !important;
    background: var(--theme-bg-primary, #fff) !important;
  }
}
div#filterpreview-activatebuttonw span.txt2 {
  font-family: var(--font-family-secondary) !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--theme-fg-primary) !important;
  text-align: center !important;
}
div#filterpreview-activatebuttonw a.filtshowbtn {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  min-height: 2.75rem !important;
  padding: 0.625rem 1.25rem !important;
  border-radius: 0.75rem !important;
  background: var(--theme-brand-secondary) !important;
  border: 1px solid var(--theme-brand-secondary) !important;
  color: var(--theme-brand-on-secondary) !important;
  font-family: var(--font-family-primary) !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  -webkit-box-shadow: var(--shadow-xs, 0 1px 1px rgba(0, 0, 0, 0.05)) !important;
          box-shadow: var(--shadow-xs, 0 1px 1px rgba(0, 0, 0, 0.05)) !important;
  -webkit-transition: background 150ms ease, border-color 150ms ease !important;
  transition: background 150ms ease, border-color 150ms ease !important;
}
div#filterpreview-activatebuttonw a.filtshowbtn:hover {
  background: var(--theme-brand-secondary-emphasis, #163514) !important;
  border-color: var(--theme-brand-secondary-emphasis, #163514) !important;
  text-decoration: none !important;
}
div#filterpreview-activatebuttonw a.filtshowbtn span.txt1 {
  font: inherit !important;
  color: inherit !important;
}
div#filterpreview-activatebuttonw span.txt3 {
  font-family: var(--font-family-primary) !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: var(--theme-fg-secondary) !important;
  text-decoration: underline !important;
  text-underline-offset: 0.15em !important;
  text-decoration-thickness: 1px !important;
  cursor: pointer !important;
  -webkit-transition: color 120ms ease !important;
  transition: color 120ms ease !important;
}
div#filterpreview-activatebuttonw span.txt3:hover {
  color: var(--theme-fg-primary) !important;
}

div.plistcontrolsw,
div.plistctrlw {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  gap: 0.75rem !important;
  width: 100% !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  float: none !important;
  clear: both !important;
  border: none !important;
  margin: 1.25rem 0 !important;
  padding: 0 !important;
  position: relative !important;
}
@media (min-width: 48rem) {
  div.plistcontrolsw,
  div.plistctrlw {
    margin-top: 2.5rem !important;
  }
}
@media not all and (min-width: 48rem) {
  div.plistcontrolsw,
  div.plistctrlw {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}
div.plistcontrolsw div.filterctrlw,
div.plistctrlw div.filterctrlw {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 0.625rem !important;
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
@media not all and (min-width: 30rem) {
  div.plistcontrolsw div.filterctrlw,
  div.plistctrlw div.filterctrlw {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
}
div.plistcontrolsw div.filterctrlw span.currentfilterinfo,
div.plistctrlw div.filterctrlw span.currentfilterinfo {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  gap: 0.25rem !important;
  font-family: var(--font-family-primary) !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: var(--theme-fg-secondary) !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
div.plistcontrolsw div.filterctrlw span.currentfilterinfo br,
div.plistctrlw div.filterctrlw span.currentfilterinfo br {
  display: none !important;
}
@media not all and (min-width: 30rem) {
  div.plistcontrolsw div.filterctrlw span.currentfilterinfo,
  div.plistctrlw div.filterctrlw span.currentfilterinfo {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
  }
}
div.plistcontrolsw div.filterctrlw div.seloptsw,
div.plistctrlw div.filterctrlw div.seloptsw {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  gap: 0.25rem !important;
}
div.plistcontrolsw div.filterctrlw span.selopt,
div.plistctrlw div.filterctrlw span.selopt {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding: 0.125rem 0.5rem !important;
  border-radius: 9999px !important;
  border: 1px solid var(--theme-brand-secondary) !important;
  background: transparent !important;
  font-family: var(--font-family-primary) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: var(--theme-brand-secondary) !important;
  white-space: nowrap !important;
}
div.plistcontrolsw div.showingpagesw,
div.plistctrlw div.showingpagesw {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -ms-flex-item-align: center !important;
      align-self: center !important;
  gap: 0 !important;
  line-height: 1.1 !important;
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  color: var(--theme-fg-tertiary) !important;
  white-space: nowrap !important;
}
@media (min-width: 30rem) {
  div.plistcontrolsw div.showingpagesw,
  div.plistctrlw div.showingpagesw {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    gap: 0.65rem !important;
    line-height: inherit !important;
  }
}
div.plistcontrolsw div.showingpagesw span.lbl2,
div.plistctrlw div.showingpagesw span.lbl2 {
  font-weight: 600 !important;
  color: var(--theme-fg-secondary) !important;
}
div.plistcontrolsw div.sortctrlw,
div.plistctrlw div.sortctrlw {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  justify-self: end !important;
  float: none !important;
  position: static !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
div.plistcontrolsw div.sortctrlw a.sortinit,
div.plistctrlw div.sortctrlw a.sortinit {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
  gap: 0.1rem !important;
  text-decoration: none !important;
  cursor: pointer !important;
  padding: 0.375rem 0.625rem !important;
  border-radius: var(--radius-sm) !important;
  border: 1px solid var(--theme-border-tertiary) !important;
  background: var(--theme-bg-primary) !important;
  float: none !important;
  height: auto !important;
  width: auto !important;
  -webkit-transition: background 120ms ease, border-color 120ms ease !important;
  transition: background 120ms ease, border-color 120ms ease !important;
}
div.plistcontrolsw div.sortctrlw a.sortinit:hover,
div.plistctrlw div.sortctrlw a.sortinit:hover {
  background: var(--color-neutral-100) !important;
  border-color: var(--color-neutral-200) !important;
}
div.plistcontrolsw div.sortctrlw a.sortinit span.txt,
div.plistctrlw div.sortctrlw a.sortinit span.txt {
  font-family: var(--font-family-primary) !important;
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: var(--theme-fg-secondary) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
div.plistcontrolsw div.sortctrlw a.sortinit span.currentsortinfo,
div.plistctrlw div.sortctrlw a.sortinit span.currentsortinfo {
  font-family: var(--font-family-primary) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: var(--theme-fg-primary) !important;
  min-height: 0 !important;
}
div.plistcontrolsw div.clear,
div.plistctrlw div.clear {
  display: none !important;
}

.plistctrl span.orderingopt {
  border: 0 !important;
  border-bottom: 1px solid var(--theme-border-tertiary, #d5d4d4) !important;
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 1.125rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  min-height: 3.5rem !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding-inline: 1rem !important;
  color: var(--theme-fg-primary, #2d2926) !important;
}

#prodssortsel > span.orderingopt.selected {
  font-weight: 700 !important;
  color: #000 !important;
}

div.heroimgw {
  overflow: hidden !important;
  border-radius: var(--radius-md, 1rem) !important;
  width: auto !important;
  margin: 0 !important;
}
div.heroimgw picture.valiban {
  display: block !important;
}
div.heroimgw picture.valiban img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

a.readmorecatdesc {
  display: inline !important;
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: var(--theme-brand-secondary, #1f471f) !important;
  text-decoration: underline !important;
  text-underline-offset: 0.18em !important;
  text-decoration-thickness: 1px !important;
  -webkit-text-decoration-color: color-mix(in srgb, currentColor 35%, transparent) !important;
          text-decoration-color: color-mix(in srgb, currentColor 35%, transparent) !important;
  cursor: pointer !important;
}
a.readmorecatdesc:hover {
  -webkit-text-decoration-color: currentColor !important;
          text-decoration-color: currentColor !important;
}