/* product-7.css — dipindah dari comp/seller-product.php (baris 13871, 26 Okt 2026) agar bisa di-cache browser. */

/* <style id="ic-product-modal-footer-dark-hard-final"> */
html[data-stf-mode="dark"] #productQtyModal .offcanvas-body > .mt-auto,
body[data-stf-mode="dark"] #productQtyModal .offcanvas-body > .mt-auto,
html[data-stf-mode="dark"] #productQtyModal .offcanvas-body > div:last-child,
body[data-stf-mode="dark"] #productQtyModal .offcanvas-body > div:last-child{
  background:#0b1220!important;
  color:#f8fafc!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
}

html[data-stf-mode="dark"] #productQtyModal #modalQtyView,
body[data-stf-mode="dark"] #productQtyModal #modalQtyView{
  color:#f8fafc!important;
}

html[data-stf-mode="dark"] #productQtyModal #qtyMinusBtn,
html[data-stf-mode="dark"] #productQtyModal #qtyPlusBtn,
body[data-stf-mode="dark"] #productQtyModal #qtyMinusBtn,
body[data-stf-mode="dark"] #productQtyModal #qtyPlusBtn{
  background:#111827!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#f8fafc!important;
}

html[data-stf-mode="dark"] #productQtyModal #addToCartBtnFooter,
body[data-stf-mode="dark"] #productQtyModal #addToCartBtnFooter{
  box-shadow:none!important;
}

/* <style id="ic-real-masonry-product-container-final"> */
/*
 * FINAL FIX:
 * Container asli produk adalah #product-container.
 * Mode masonry harus memakai CSS columns, bukan CSS grid.
 * :not(.ic-masonry-few-items) agar tidak override produk sedikit yang pakai grid.
 */

#product-container.product-grid-masonry:not(.ic-masonry-few-items) {
    display: block !important;
    grid-template-columns: none !important;
    grid-auto-rows: auto !important;
    gap: 0 !important;
    column-gap: 14px !important;
    column-fill: balance !important;
}

#product-container.product-grid-masonry:not(.ic-masonry-few-items) > .product-wrapper {
    display: inline-block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    vertical-align: top !important;
    grid-row-end: auto !important;
}

#product-container.product-grid-masonry:not(.ic-masonry-few-items) > .product-wrapper > .product-card {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
}

@media (min-width: 1400px) {
    #product-container.product-grid-masonry:not(.ic-masonry-few-items) {
        column-count: 5 !important;
    }
}

@media (min-width: 1100px) and (max-width: 1399px) {
    #product-container.product-grid-masonry:not(.ic-masonry-few-items) {
        column-count: 4 !important;
    }
}

@media (min-width: 768px) and (max-width: 1099px) {
    #product-container.product-grid-masonry:not(.ic-masonry-few-items) {
        column-count: 3 !important;
    }
}

@media (max-width: 767px) {
    #product-container.product-grid-masonry:not(.ic-masonry-few-items) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        column-count: initial !important;
    }

    #product-container.product-grid-masonry:not(.ic-masonry-few-items) > .product-wrapper {
        display: block !important;
        margin: 0 !important;
    }
}

/* <style id="ic-category-client-filter-ssot-css"> */
#product-container > .product-wrapper.ic-category-hidden {
    display: none !important;
}

#featured-product.ic-category-hidden {
    display: none !important;
}

#product-container.ic-category-filtering {
    min-height: 160px;
}

/* <style id="ic-masonry-few-items-top-align-final-css"> */
/*
 * Jika jumlah produk sedikit, jangan pakai CSS column masonry.
 * Pakai grid supaya semua card mulai dari garis atas yang sama.
 */
#product-container.product-grid-masonry.ic-masonry-few-items {
    display: grid !important;
    column-count: initial !important;
    -webkit-column-count: initial !important;
    -moz-column-count: initial !important;
    grid-auto-flow: row !important;
    align-items: start !important;
    justify-items: stretch !important;
    gap: 14px !important;
}

#product-container.product-grid-masonry.ic-masonry-few-items > .product-wrapper {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    break-inside: auto !important;
    -webkit-column-break-inside: auto !important;
    page-break-inside: auto !important;
    align-self: start !important;
    grid-row-end: auto !important;
}

@media (max-width: 767.98px) {
    #product-container.product-grid-masonry.ic-masonry-few-items {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 768px) and (max-width: 1099.98px) {
    #product-container.product-grid-masonry.ic-masonry-few-items {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1100px) and (max-width: 1399.98px) {
    #product-container.product-grid-masonry.ic-masonry-few-items {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1400px) {
    #product-container.product-grid-masonry.ic-masonry-few-items {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

/* <style id="ic-mobile-masonry-enable-final-css"> */
/*
 * Mobile masonry:
 * Default lama mobile dipaksa grid 2 kolom.
 * Ini override supaya mobile juga pakai masonry column.
 *
 * Catatan:
 * - Jika produk sedikit dan class .ic-masonry-few-items aktif,
 *   tetap pakai grid supaya top rata.
 */
@media (max-width: 767.98px) {
    #product-container.product-grid-masonry:not(.ic-masonry-few-items) {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: none !important;
        grid-auto-rows: auto !important;
        column-count: 2 !important;
        -webkit-column-count: 2 !important;
        -moz-column-count: 2 !important;
        column-gap: 10px !important;
        -webkit-column-gap: 10px !important;
        -moz-column-gap: 10px !important;
    }

    #product-container.product-grid-masonry:not(.ic-masonry-few-items) > .product-wrapper {
        display: inline-block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 10px !important;
        break-inside: avoid !important;
        -webkit-column-break-inside: avoid !important;
        page-break-inside: avoid !important;
        grid-row-end: auto !important;
        vertical-align: top !important;
    }

    #product-container.product-grid-masonry:not(.ic-masonry-few-items) > .product-wrapper > .product-card {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* <style id="ic-mobile-non-masonry-one-column-final"> */
/*
 * Mobile saat masonry OFF:
 * jangan pakai 2 kolom karena card jadi sempit.
 *
 * Aman untuk masonry:
 * selector ini sengaja TIDAK menyentuh .product-grid-masonry.
 */
@media (max-width: 767.98px) {
    #product-container:not(.product-grid-masonry),
    #product-container.product-grid-list,
    #product-container.catalog-grid,
    #product-container.seller-product-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-auto-flow: row !important;
        gap: 12px !important;
        column-count: initial !important;
        -webkit-column-count: initial !important;
        -moz-column-count: initial !important;
    }

    #product-container:not(.product-grid-masonry) > .product-wrapper,
    #product-container.product-grid-list > .product-wrapper,
    #product-container.catalog-grid > .product-wrapper,
    #product-container.seller-product-grid > .product-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        display: block !important;
        break-inside: auto !important;
        -webkit-column-break-inside: auto !important;
        page-break-inside: auto !important;
        grid-row-end: auto !important;
    }

    #product-container:not(.product-grid-masonry) > .product-wrapper > .product-card,
    #product-container.product-grid-list > .product-wrapper > .product-card,
    #product-container.catalog-grid > .product-wrapper > .product-card,
    #product-container.seller-product-grid > .product-wrapper > .product-card {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* <style id="ic-product-detail-cart-image-css-only"> */
/*
 * Khusus product detail yang punya tombol Add to Cart.
 * Tidak pindahkan tombol. Hanya kecilkan area gambar agar tidak kepotong footer.
 */
@media (min-width: 768px) {
    #productQtyModal:has(#addToCartBtnFooter) .ic-product-detail-media {
        max-height: calc(100svh - 86px) !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    #productQtyModal:has(#addToCartBtnFooter) #modalImgSlider {
        height: calc(100svh - 86px) !important;
        max-height: calc(100svh - 86px) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    #productQtyModal:has(#addToCartBtnFooter) #modalProdImg {
        width: 100% !important;
        height: 100% !important;
        max-width: 98% !important;
        max-height: 98% !important;
        object-fit: contain !important;
        object-position: center center !important;
    }
}

@media (max-width: 767.98px) {
    #productQtyModal:has(#addToCartBtnFooter) #modalImgSlider {
        height: min(46svh, 360px) !important;
        max-height: min(46svh, 360px) !important;
        overflow: hidden !important;
    }

    #productQtyModal:has(#addToCartBtnFooter) #modalProdImg {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
    }
}

/* <style id="ic-product-detail-cart-no-scroll-final"> */
@media (min-width: 768px) {
  #productQtyModal:has(#addToCartBtnFooter) .offcanvas-body {
    overflow: hidden !important;
  }

  #productQtyModal:has(#addToCartBtnFooter) .offcanvas-body > .flex-grow-1.overflow-auto {
    overflow: hidden !important;
  }

  #productQtyModal:has(#addToCartBtnFooter) .ic-product-detail-layout {
    height: calc(100svh - 86px) !important;
    max-height: calc(100svh - 86px) !important;
    overflow: hidden !important;
  }

  #productQtyModal:has(#addToCartBtnFooter) #modalImgSlider {
    height: calc(100svh - 86px) !important;
    max-height: calc(100svh - 86px) !important;
  }
}

/* <style id="ic-product-detail-share-footer-css"> */
@media (min-width: 768px) {
  /* Share footer & WA footer: same height constraint as add-to-cart footer */
  #productQtyModal:has(#icShareFooterBtn) .offcanvas-body,
  #productQtyModal:has(#icCatalogWaBtn) .offcanvas-body {
    overflow: hidden !important;
  }
  #productQtyModal:has(#icShareFooterBtn) .offcanvas-body > .flex-grow-1.overflow-auto,
  #productQtyModal:has(#icCatalogWaBtn) .offcanvas-body > .flex-grow-1.overflow-auto {
    overflow: hidden !important;
  }
  #productQtyModal:has(#icShareFooterBtn) .ic-product-detail-layout,
  #productQtyModal:has(#icCatalogWaBtn) .ic-product-detail-layout {
    height: calc(100svh - 86px) !important;
    max-height: calc(100svh - 86px) !important;
    overflow: hidden !important;
  }
  #productQtyModal:has(#icShareFooterBtn) .ic-product-detail-media,
  #productQtyModal:has(#icCatalogWaBtn) .ic-product-detail-media {
    max-height: calc(100svh - 86px) !important;
    overflow: hidden !important;
  }
  #productQtyModal:has(#icShareFooterBtn) #modalImgSlider,
  #productQtyModal:has(#icCatalogWaBtn) #modalImgSlider {
    height: calc(100svh - 86px) !important;
    max-height: calc(100svh - 86px) !important;
  }
}

/* <style id="ic-floating-cart-panel-final-css"> */
#icCartPanelBackdrop {
  position: fixed;
  inset: 0;
  z-index: 2040;
  display: none;
  background: rgba(15, 23, 42, .38);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  opacity: 0;
  transition: opacity .18s ease;
}

body.ic-cart-panel-open #icCartPanelBackdrop,
body.ic-cart-panel-closing #icCartPanelBackdrop {
  display: block;
}

body.ic-cart-panel-open #icCartPanelBackdrop {
  opacity: 1;
}

body.ic-cart-panel-closing #icCartPanelBackdrop {
  opacity: 0;
}

body.ic-cart-panel-open #cartEditBox,
body.ic-cart-panel-closing #cartEditBox,
body.ic-cart-panel-open #emptyCartBox,
body.ic-cart-panel-closing #emptyCartBox {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  z-index: 2050 !important;
  width: min(430px, 100vw) !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: #fff !important;
  box-shadow: -18px 0 45px rgba(15, 23, 42, .24) !important;
  padding-top: 64px !important;
  transform: translateX(100%);
  opacity: .96;
  transition:
    transform .22s cubic-bezier(.22,.61,.36,1),
    opacity .18s ease;
}

body.ic-cart-panel-open #cartEditBox,
body.ic-cart-panel-open #emptyCartBox {
  transform: translateX(0);
  opacity: 1;
}

body.ic-cart-panel-closing #cartEditBox,
body.ic-cart-panel-closing #emptyCartBox {
  transform: translateX(100%);
  opacity: .96;
}

#icCartPanelHeader {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2060;
  width: min(430px, 100vw);
  height: 58px;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: #fff;
  border-bottom: 1px solid rgba(15, 23, 42, .12);
  box-shadow: 0 8px 20px rgba(15, 23, 42, .06);
  transform: translateX(100%);
  opacity: .96;
  transition:
    transform .22s cubic-bezier(.22,.61,.36,1),
    opacity .18s ease;
}

body.ic-cart-panel-open #icCartPanelHeader,
body.ic-cart-panel-closing #icCartPanelHeader {
  display: flex;
}

body.ic-cart-panel-open #icCartPanelHeader {
  transform: translateX(0);
  opacity: 1;
}

body.ic-cart-panel-closing #icCartPanelHeader {
  transform: translateX(100%);
  opacity: .96;
}

#icCartPanelClose {
  border: 0;
  background: rgba(15, 23, 42, .06);
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html[data-stf-mode="dark"] #icCartPanelHeader,
body[data-stf-mode="dark"] #icCartPanelHeader,
html[data-stf-mode="dark"] body.ic-cart-panel-open #cartEditBox,
body[data-stf-mode="dark"].ic-cart-panel-open #cartEditBox,
html[data-stf-mode="dark"] body.ic-cart-panel-open #emptyCartBox,
body[data-stf-mode="dark"].ic-cart-panel-open #emptyCartBox,
html[data-stf-mode="dark"] body.ic-cart-panel-closing #cartEditBox,
body[data-stf-mode="dark"].ic-cart-panel-closing #cartEditBox,
html[data-stf-mode="dark"] body.ic-cart-panel-closing #emptyCartBox,
body[data-stf-mode="dark"].ic-cart-panel-closing #emptyCartBox {
  background: #0b1220 !important;
  color: #f8fafc !important;
  border-color: rgba(255,255,255,.12) !important;
}

html[data-stf-mode="dark"] #icCartPanelClose,
body[data-stf-mode="dark"] #icCartPanelClose {
  background: rgba(255,255,255,.10);
  color: #f8fafc;
}

@media (max-width: 575.98px) {
  body.ic-cart-panel-open #cartEditBox,
  body.ic-cart-panel-closing #cartEditBox,
  body.ic-cart-panel-open #emptyCartBox,
  body.ic-cart-panel-closing #emptyCartBox,
  #icCartPanelHeader {
    width: 100vw !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #icCartPanelBackdrop,
  #icCartPanelHeader,
  body.ic-cart-panel-open #cartEditBox,
  body.ic-cart-panel-closing #cartEditBox,
  body.ic-cart-panel-open #emptyCartBox,
  body.ic-cart-panel-closing #emptyCartBox {
    transition: none !important;
  }
}

/* <style id="IC_CART_PANEL_LEFT_DESKTOP_FINAL"> */
/*
 * Cart panel desktop left final.
 * Desktop/tablet:
 * - Keranjang muncul dari kiri agar dekat dengan floating cart.
 * Mobile:
 * - Tetap mengikuti rule lama full width.
 */
@media (min-width: 576px) {
  #icCartPanelHeader,
  body.ic-cart-panel-open #icCartPanelHeader,
  body.ic-cart-panel-closing #icCartPanelHeader,
  body.ic-cart-panel-open #cartEditBox,
  body.ic-cart-panel-closing #cartEditBox,
  body.ic-cart-panel-open #emptyCartBox,
  body.ic-cart-panel-closing #emptyCartBox {
    left: 24px !important;
    right: auto !important;
  }

  #cartEditBox,
  #emptyCartBox,
  #icCartPanelHeader {
    left: 24px !important;
    right: auto !important;
    transform: translateX(-115%) !important;
  }

  body.ic-cart-panel-open #cartEditBox,
  body.ic-cart-panel-open #emptyCartBox,
  body.ic-cart-panel-open #icCartPanelHeader {
    transform: translateX(0) !important;
  }

  body.ic-cart-panel-closing #cartEditBox,
  body.ic-cart-panel-closing #emptyCartBox,
  body.ic-cart-panel-closing #icCartPanelHeader {
    transform: translateX(-115%) !important;
  }
}

/* <style id="IC_CART_PANEL_LEFT_ALIGN_FINAL"> */
/*
 * Cart panel left align final.
 * Fix:
 * - Header dan body cart sejajar.
 * - Desktop/tablet mepet kiri.
 * - Mobile tetap ikut rule lama.
 */
@media (min-width: 576px) {
  #icCartPanelHeader,
  #cartEditBox,
  #emptyCartBox,
  body.ic-cart-panel-open #icCartPanelHeader,
  body.ic-cart-panel-closing #icCartPanelHeader,
  body.ic-cart-panel-open #cartEditBox,
  body.ic-cart-panel-closing #cartEditBox,
  body.ic-cart-panel-open #emptyCartBox,
  body.ic-cart-panel-closing #emptyCartBox {
    left: 0 !important;
    right: auto !important;
    width: min(420px, 100vw) !important;
    max-width: min(420px, 100vw) !important;
    border-radius: 0 !important;
  }

  #icCartPanelHeader,
  #cartEditBox,
  #emptyCartBox {
    transform: translateX(-105%) !important;
  }

  body.ic-cart-panel-open #icCartPanelHeader,
  body.ic-cart-panel-open #cartEditBox,
  body.ic-cart-panel-open #emptyCartBox {
    transform: translateX(0) !important;
  }

  body.ic-cart-panel-closing #icCartPanelHeader,
  body.ic-cart-panel-closing #cartEditBox,
  body.ic-cart-panel-closing #emptyCartBox {
    transform: translateX(-105%) !important;
  }
}

/* <style id="IC_CART_PANEL_NO_HEADER_CONTINUE_STYLE_FINAL"> */
#icCartPanelHeader {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.ic-cart-panel-open #cartEditBox,
body.ic-cart-panel-closing #cartEditBox,
body.ic-cart-panel-open #emptyCartBox,
body.ic-cart-panel-closing #emptyCartBox {
  top: 0 !important;
  padding-top: 18px !important;
}

.ic-cart-continue-wrap {
  position: sticky;
  bottom: 0;
  z-index: 5;
  background: #fff;
  padding: 14px 16px calc(14px + env(safe-area-inset-bottom));
  border-top: 1px solid rgba(15, 23, 42, .10);
  margin: 10px -16px -16px;
}
html[data-stf-mode="dark"] .ic-cart-continue-wrap,
body[data-stf-mode="dark"] .ic-cart-continue-wrap,
html.ic-stf-dark .ic-cart-continue-wrap {
  background: #0b1220;
  border-top-color: rgba(255,255,255,.10);
}

html[data-stf-mode="dark"] #cartEditBox .btn-outline-secondary,
body[data-stf-mode="dark"] #cartEditBox .btn-outline-secondary,
html.ic-stf-dark #cartEditBox .btn-outline-secondary {
  background: #1e2a3a !important;
  color: #f8fafc !important;
  border-color: rgba(255,255,255,.20) !important;
}
html[data-stf-mode="dark"] #cartEditBox .btn-outline-secondary:hover,
body[data-stf-mode="dark"] #cartEditBox .btn-outline-secondary:hover,
html.ic-stf-dark #cartEditBox .btn-outline-secondary:hover {
  background: #2a3a50 !important;
}
html[data-stf-mode="dark"] #cartEditBox .btn-outline-secondary:disabled,
body[data-stf-mode="dark"] #cartEditBox .btn-outline-secondary:disabled,
html.ic-stf-dark #cartEditBox .btn-outline-secondary:disabled {
  background: #151f2e !important;
  color: rgba(255,255,255,.3) !important;
  border-color: rgba(255,255,255,.10) !important;
}

.ic-cart-checkout-btn {
  width: 100%;
  border: 0;
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 700;
  background: var(--brand, #16a34a);
  color: #fff;
}

.ic-cart-continue-btn {
  width: 100%;
  border: 0;
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 700;
  background: var(--brand, #16a34a);
  color: #fff;
}

/* Ada tombol checkout → "lanjut belanja" jadi tombol kedua (garis) */
.ic-cart-checkout-btn ~ .ic-cart-continue-btn {
  padding: 10px 16px;
  background: transparent;
  color: var(--brand, #16a34a);
  border: 1px solid var(--brand, #16a34a);
}

/* <style id="IC_CLEAR_CART_BTN"> */
.ic-cart-continue-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ic-cart-clear-btn {
  display: block;
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #dee2e6;
  border-radius: 50px;
  background: transparent;
  color: #6c757d;
  font-size: .9rem;
  cursor: pointer;
  transition: background .15s, color .15s;
}
.ic-cart-clear-btn:hover {
  background: #f8f9fa;
  color: #dc3545;
  border-color: #dc3545;
}

/* <style id="IC_CARTLINE_NO_DIVIDER_FINAL"> */
/*
 * Cartline no divider final.
 * Item cart dibuat lebih clean tanpa garis pemisah.
 */
#cartEditBox .cartline {
  border-bottom: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

#cartEditBox .cartline + .cartline {
  margin-top: 4px !important;
}

/* <style id="IC_HIDE_ALL_PRODUCTS_NO_FLASH_FINAL"> */
body:not(.ic-has-real-category) .category-link[data-category="all"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ic-has-real-category .category-link[data-category="all"] {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* <style id="IC_HIDE_ALL_PRODUCTS_WHEN_NO_CATEGORY_FINAL"> */
body.ic-no-real-category .category-link[data-category="all"] {
  display: none !important;
}

body.ic-no-real-category .category-link[data-category="all"] img,
body.ic-no-real-category .category-link[data-category="all"] span,
body.ic-no-real-category .category-link[data-category="all"] div {
  display: none !important;
}

body.ic-no-real-category .category-link[data-category="all"] {
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ic-no-real-category .category-link[data-category="all"] {
  visibility: hidden !important;
}

body.ic-no-real-category .category-link[data-category="all"] {
  position: absolute !important;
}

/* <style id="ic-category-active-ring-final-css"> */
#categoryImageBar .category-link[data-category] .ic-cat-ring,
#categoryImageBar .ic-cat-btn[data-category] .ic-cat-ring {
  border-color: color-mix(in srgb, var(--brand, #238b3a) 32%, #ced4da) !important;
  box-shadow: none !important;
}

#categoryImageBar .category-link.ic-client-active-final[data-category] .ic-cat-ring,
#categoryImageBar .ic-cat-btn.ic-client-active-final[data-category] .ic-cat-ring,
#categoryImageBar .category-link[aria-pressed="true"].ic-client-active-final[data-category] .ic-cat-ring,
#categoryImageBar .ic-cat-btn[aria-pressed="true"].ic-client-active-final[data-category] .ic-cat-ring {
  border-color: var(--brand, #238b3a) !important;
  box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--brand, #238b3a) 18%, transparent) !important;
}

#categoryImageBar .category-link:not(.ic-client-active-final)[data-category] .ic-cat-icon,
#categoryImageBar .ic-cat-btn:not(.ic-client-active-final)[data-category] .ic-cat-icon {
  color: inherit !important;
}

/* <style id="ic-category-hide-hard-final-css"> */
#product-container .product-wrapper.ic-category-hidden,
#product-container .product-wrapper[aria-hidden="true"].ic-category-hidden,
#product-container .product-card.ic-category-hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* <style id="ic-image-click-robust-existing-button-style-final"> */
.product-card .product-image-wrapper,
.product-card .product-image-wrapper *,
.product-card img.card-img-top{
  cursor:pointer !important;
}

.product-card .ic-img-skeleton,
.product-card .ic-card-busy-overlay,
.product-card .out-of-stock-overlay{
  pointer-events:none !important;
}