/*
 * SmartLab WooCommerce Product Card Addon v1.3.0
 * Scoped, theme-resistant CSS for the reference product card design.
 */

:root {
    --sl-wcc-section-bg: #f7f7f7;
    --sl-wcc-heading-color: #252930;
    --sl-wcc-card-bg: #ffffff;
    --sl-wcc-card-border-color: #e7e7e7;
    --sl-wcc-card-shadow: none;
    --sl-wcc-title-color: #101820;
    --sl-wcc-price-color: #30343a;
    --sl-wcc-tab-bg: transparent;
    --sl-wcc-tab-color: #20252b;
    --sl-wcc-tab-border-color: #d7d7d7;
    --sl-wcc-tab-active-bg: #f2b60f;
    --sl-wcc-tab-active-color: #111111;
    --sl-wcc-btn-bg: #25292e;
    --sl-wcc-btn-hover-bg: #15181b;
    --sl-wcc-btn-color: #ffffff;
    --sl-wcc-btn-added-bg: #f2b60f;
    --sl-wcc-btn-added-color: #111111;
    --sl-wcc-view-bg: #25292e;
    --sl-wcc-view-hover-bg: #15181b;
    --sl-wcc-view-color: #ffffff;
    --sl-wcc-inner-w: 580px;
    --sl-wcc-columns: 4;
    --sl-wcc-card-w: 135px;
    --sl-wcc-card-h: 210px;
    --sl-wcc-card-gap: 15px;
    --sl-wcc-card-radius: 8px;
    --sl-wcc-card-border-w: 1px;
    --sl-wcc-card-pad-top: 9px;
    --sl-wcc-card-pad-right: 10px;
    --sl-wcc-card-pad-bottom: 10px;
    --sl-wcc-card-pad-left: 10px;
    --sl-wcc-image-box-h: 139px;
    --sl-wcc-img-max-w: 105px;
    --sl-wcc-img-max-h: 136px;
    --sl-wcc-heading-font-size: 22px;
    --sl-wcc-heading-line-height: 26px;
    --sl-wcc-heading-font-weight: 800;
    --sl-wcc-tab-font-size: 9px;
    --sl-wcc-tab-font-weight: 500;
    --sl-wcc-title-font-size: 11.5px;
    --sl-wcc-title-line-height: 13.5px;
    --sl-wcc-title-font-weight: 800;
    --sl-wcc-price-font-size: 12px;
    --sl-wcc-price-font-weight: 800;
    --sl-wcc-btn-w: 52px;
    --sl-wcc-btn-added-w: 72px;
    --sl-wcc-btn-h: 24px;
    --sl-wcc-btn-radius: 999px;
    --sl-wcc-btn-font-size: 9px;
    --sl-wcc-btn-font-weight: 700;
    --sl-wcc-view-font-size: 9px;
    --sl-wcc-view-font-weight: 700;
    --sl-wcc-icon-size: 13px;
}

.sl-wcc-section,
.sl-wcc-section *,
.sl-wcc-section *::before,
.sl-wcc-section *::after,
.sl-wcc-card,
.sl-wcc-card *,
.sl-wcc-card *::before,
.sl-wcc-card *::after {
    box-sizing: border-box !important;
}

.sl-wcc-section {
    width: 100% !important;
    max-width: none !important;
    min-height: 400px !important;
    margin: 0 !important;
    padding: 48px 16px 25px !important;
    background: var(--sl-wcc-section-bg) !important;
    border: 0 !important;
    text-align: center !important;
    overflow: hidden !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

.sl-wcc-section .sl-wcc-inner {
    width: 100% !important;
    max-width: var(--sl-wcc-inner-w) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
    display: block !important;
}

.sl-wcc-heading {
    all: unset !important;
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 0 21px !important;
    padding: 0 !important;
    color: var(--sl-wcc-heading-color) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: var(--sl-wcc-heading-font-size) !important;
    font-style: normal !important;
    font-weight: var(--sl-wcc-heading-font-weight) !important;
    line-height: var(--sl-wcc-heading-line-height) !important;
    letter-spacing: -0.7px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: normal !important;
}

.sl-wcc-tabs {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    list-style: none !important;
}

.sl-wcc-tab,
button.sl-wcc-tab,
.woocommerce button.sl-wcc-tab,
body button.sl-wcc-tab {
    all: unset !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 36px !important;
    max-width: none !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid var(--sl-wcc-tab-border-color) !important;
    border-radius: 5px !important;
    background: var(--sl-wcc-tab-bg) !important;
    background-image: none !important;
    box-shadow: none !important;
    color: var(--sl-wcc-tab-color) !important;
    cursor: pointer !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: var(--sl-wcc-tab-font-size) !important;
    font-style: normal !important;
    font-weight: var(--sl-wcc-tab-font-weight) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease !important;
}

.sl-wcc-tab:hover,
.sl-wcc-tab:focus-visible,
button.sl-wcc-tab:hover {
    border-color: var(--sl-wcc-tab-active-bg) !important;
    outline: none !important;
    color: var(--sl-wcc-tab-color) !important;
    transform: none !important;
}

.sl-wcc-tab.is-active,
button.sl-wcc-tab.is-active,
.woocommerce button.sl-wcc-tab.is-active,
body button.sl-wcc-tab.is-active {
    background: var(--sl-wcc-tab-active-bg) !important;
    background-image: none !important;
    border-color: var(--sl-wcc-tab-active-bg) !important;
    color: var(--sl-wcc-tab-active-color) !important;
}

.sl-wcc-grid {
    width: 100% !important;
    max-width: var(--sl-wcc-inner-w) !important;
    min-height: var(--sl-wcc-card-h) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(var(--sl-wcc-columns), var(--sl-wcc-card-w)) !important;
    gap: var(--sl-wcc-card-gap) !important;
    align-items: stretch !important;
    justify-content: center !important;
    clear: both !important;
    list-style: none !important;
    transition: opacity 180ms ease !important;
}

.sl-wcc-grid.is-loading {
    opacity: 0.55 !important;
    pointer-events: none !important;
}

.sl-wcc-card,
.woocommerce .sl-wcc-card,
.woocommerce ul.products li.product .sl-wcc-card,
body .sl-wcc-card {
    float: none !important;
    clear: none !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: var(--sl-wcc-card-w) !important;
    min-width: var(--sl-wcc-card-w) !important;
    max-width: var(--sl-wcc-card-w) !important;
    min-height: var(--sl-wcc-card-h) !important;
    height: var(--sl-wcc-card-h) !important;
    margin: 0 !important;
    padding: var(--sl-wcc-card-pad-top) var(--sl-wcc-card-pad-right) var(--sl-wcc-card-pad-bottom) var(--sl-wcc-card-pad-left) !important;
    overflow: hidden !important;
    text-align: left !important;
    border: var(--sl-wcc-card-border-w) solid var(--sl-wcc-card-border-color) !important;
    border-radius: var(--sl-wcc-card-radius) !important;
    background: var(--sl-wcc-card-bg) !important;
    background-image: none !important;
    box-shadow: var(--sl-wcc-card-shadow) !important;
    transform: none !important;
}

.sl-wcc-image-link,
.woocommerce .sl-wcc-image-link,
.woocommerce ul.products li.product .sl-wcc-image-link,
body .sl-wcc-image-link {
    all: unset !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    width: 100% !important;
    height: var(--sl-wcc-image-box-h) !important;
    min-height: var(--sl-wcc-image-box-h) !important;
    max-height: var(--sl-wcc-image-box-h) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

.sl-wcc-product-image,
.sl-wcc-card img.sl-wcc-product-image,
.woocommerce .sl-wcc-card img.sl-wcc-product-image,
.woocommerce ul.products li.product .sl-wcc-card img.sl-wcc-product-image,
body .sl-wcc-card img.sl-wcc-product-image {
    display: block !important;
    float: none !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: var(--sl-wcc-img-max-w) !important;
    max-height: var(--sl-wcc-img-max-h) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    transform: none !important;
    opacity: 1 !important;
}

.sl-wcc-product-image--placeholder {
    opacity: 0.35 !important;
}

.sl-wcc-product-title,
.woocommerce .sl-wcc-product-title,
.woocommerce ul.products li.product .sl-wcc-product-title,
body .sl-wcc-product-title {
    all: unset !important;
    box-sizing: border-box !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    width: 100% !important;
    min-height: 15px !important;
    max-height: 16px !important;
    margin: 5px 0 8px !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: var(--sl-wcc-title-color) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: var(--sl-wcc-title-font-size) !important;
    font-style: normal !important;
    font-weight: var(--sl-wcc-title-font-weight) !important;
    line-height: var(--sl-wcc-title-line-height) !important;
    letter-spacing: -0.15px !important;
    text-align: left !important;
    text-decoration: none !important;
    text-overflow: ellipsis !important;
    text-transform: none !important;
    white-space: normal !important;
}

.sl-wcc-product-title a,
.woocommerce .sl-wcc-product-title a,
.woocommerce ul.products li.product .sl-wcc-product-title a,
body .sl-wcc-product-title a {
    all: unset !important;
    color: inherit !important;
    cursor: pointer !important;
    font: inherit !important;
    text-decoration: none !important;
}

.sl-wcc-card-bottom {
    width: 100% !important;
    margin: auto 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 6px !important;
    overflow: visible !important;
}

.sl-wcc-price,
.woocommerce .sl-wcc-price,
.woocommerce ul.products li.product .sl-wcc-price,
body .sl-wcc-price {
    all: unset !important;
    box-sizing: border-box !important;
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 1px !important;
    overflow: hidden !important;
    color: var(--sl-wcc-price-color) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: var(--sl-wcc-price-font-size) !important;
    font-style: normal !important;
    font-weight: var(--sl-wcc-price-font-weight) !important;
    line-height: 13px !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-overflow: ellipsis !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

.sl-wcc-price del {
    display: none !important;
}

.sl-wcc-price ins,
.sl-wcc-price bdi,
.sl-wcc-price span {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font: inherit !important;
    text-decoration: none !important;
    background: transparent !important;
}

.sl-wcc-add-button,
a.sl-wcc-add-button,
button.sl-wcc-add-button,
.woocommerce .sl-wcc-add-button,
.woocommerce a.sl-wcc-add-button,
.woocommerce button.sl-wcc-add-button,
.woocommerce ul.products li.product .sl-wcc-card .sl-wcc-add-button,
body .sl-wcc-add-button,
body a.sl-wcc-add-button,
body button.sl-wcc-add-button {
    all: unset !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    float: none !important;
    clear: none !important;
    position: relative !important;
    inset: auto !important;
    z-index: 2 !important;
    display: inline-flex !important;
    flex: 0 0 var(--sl-wcc-btn-w) !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--sl-wcc-btn-w) !important;
    min-width: var(--sl-wcc-btn-w) !important;
    max-width: var(--sl-wcc-btn-w) !important;
    height: var(--sl-wcc-btn-h) !important;
    min-height: var(--sl-wcc-btn-h) !important;
    max-height: var(--sl-wcc-btn-h) !important;
    margin: 0 !important;
    padding: 0 8px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: var(--sl-wcc-btn-radius) !important;
    outline: 0 !important;
    background: var(--sl-wcc-btn-bg) !important;
    background-color: var(--sl-wcc-btn-bg) !important;
    background-image: none !important;
    box-shadow: none !important;
    color: var(--sl-wcc-btn-color) !important;
    cursor: pointer !important;
    gap: 4px !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: var(--sl-wcc-btn-font-size) !important;
    font-style: normal !important;
    font-weight: var(--sl-wcc-btn-font-weight) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    text-transform: none !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    transform: none !important;
    transition: transform 160ms ease, background 160ms ease, color 160ms ease, width 160ms ease, flex-basis 160ms ease, opacity 160ms ease !important;
}

.sl-wcc-add-button::before,
.sl-wcc-add-button::after,
a.sl-wcc-add-button::before,
a.sl-wcc-add-button::after,
button.sl-wcc-add-button::before,
button.sl-wcc-add-button::after,
.woocommerce .sl-wcc-add-button::before,
.woocommerce .sl-wcc-add-button::after,
.woocommerce ul.products li.product .sl-wcc-card .sl-wcc-add-button::before,
.woocommerce ul.products li.product .sl-wcc-card .sl-wcc-add-button::after,
body .sl-wcc-add-button::before,
body .sl-wcc-add-button::after {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    content: none !important;
    opacity: 0 !important;
}

.sl-wcc-add-button:hover,
.sl-wcc-add-button:focus,
.sl-wcc-add-button:focus-visible,
.woocommerce .sl-wcc-add-button:hover,
.woocommerce ul.products li.product .sl-wcc-card .sl-wcc-add-button:hover,
body .sl-wcc-add-button:hover {
    background: var(--sl-wcc-btn-hover-bg) !important;
    background-color: var(--sl-wcc-btn-hover-bg) !important;
    background-image: none !important;
    color: var(--sl-wcc-btn-color) !important;
    outline: none !important;
    box-shadow: none !important;
    transform: translateY(-1px) !important;
}

.sl-wcc-add-button .sl-wcc-add-text {
    all: unset !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    color: inherit !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: var(--sl-wcc-btn-font-size) !important;
    font-style: normal !important;
    font-weight: var(--sl-wcc-btn-font-weight) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.sl-wcc-add-button.is-loading,
.sl-wcc-add-button.loading {
    opacity: 0.72 !important;
    pointer-events: none !important;
}

.sl-wcc-add-button.is-added,
.sl-wcc-add-button.added {
    width: var(--sl-wcc-btn-added-w) !important;
    min-width: var(--sl-wcc-btn-added-w) !important;
    max-width: var(--sl-wcc-btn-added-w) !important;
    flex-basis: var(--sl-wcc-btn-added-w) !important;
    background: var(--sl-wcc-btn-added-bg) !important;
    background-color: var(--sl-wcc-btn-added-bg) !important;
    color: var(--sl-wcc-btn-added-color) !important;
}

.sl-wcc-add-button.added::after,
.sl-wcc-add-button.loading::after {
    display: none !important;
    content: none !important;
}

.sl-wcc-cart-icon {
    display: block !important;
    flex: 0 0 var(--sl-wcc-icon-size) !important;
    width: var(--sl-wcc-icon-size) !important;
    min-width: var(--sl-wcc-icon-size) !important;
    max-width: var(--sl-wcc-icon-size) !important;
    height: var(--sl-wcc-icon-size) !important;
    min-height: var(--sl-wcc-icon-size) !important;
    max-height: var(--sl-wcc-icon-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    fill: none !important;
    overflow: visible !important;
    transform: none !important;
}

.sl-wcc-cart-icon path {
    stroke: currentColor !important;
}

.sl-wcc-view-all,
a.sl-wcc-view-all,
.woocommerce a.sl-wcc-view-all,
body a.sl-wcc-view-all {
    all: unset !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    margin: 15px auto 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--sl-wcc-view-bg) !important;
    background-color: var(--sl-wcc-view-bg) !important;
    background-image: none !important;
    box-shadow: none !important;
    color: var(--sl-wcc-view-color) !important;
    cursor: pointer !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: var(--sl-wcc-view-font-size) !important;
    font-style: normal !important;
    font-weight: var(--sl-wcc-view-font-weight) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    text-transform: none !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    transition: transform 160ms ease, background 160ms ease !important;
}

.sl-wcc-view-all:hover,
.sl-wcc-view-all:focus-visible,
.woocommerce a.sl-wcc-view-all:hover,
body a.sl-wcc-view-all:hover {
    background: var(--sl-wcc-view-hover-bg) !important;
    background-color: var(--sl-wcc-view-hover-bg) !important;
    color: var(--sl-wcc-view-color) !important;
    outline: none !important;
    transform: translateY(-1px) !important;
}

.sl-wcc-arrow-icon {
    display: block !important;
    flex: 0 0 11px !important;
    width: 11px !important;
    height: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    fill: none !important;
}

.sl-wcc-empty,
.sl-wcc-notice {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 120px !important;
    margin: 0 !important;
    padding: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px dashed #d6d6d6 !important;
    border-radius: var(--sl-wcc-card-radius) !important;
    background: rgba(255, 255, 255, 0.75) !important;
    color: #555555 !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

/* WooCommerce loop replacement mode. */
body.sl-wcc-shop-loop-replaced.woocommerce ul.products,
body.sl-wcc-shop-loop-replaced.woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(var(--sl-wcc-card-w), var(--sl-wcc-card-w))) !important;
    justify-content: center !important;
    gap: var(--sl-wcc-card-gap) !important;
}

body.sl-wcc-shop-loop-replaced.woocommerce ul.products li.product,
body.sl-wcc-shop-loop-replaced.woocommerce-page ul.products li.product,
.woocommerce ul.products li.product.sl-wcc-product-li,
.woocommerce-page ul.products li.product.sl-wcc-product-li {
    float: none !important;
    clear: none !important;
    width: var(--sl-wcc-card-w) !important;
    max-width: var(--sl-wcc-card-w) !important;
    min-width: var(--sl-wcc-card-w) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    list-style: none !important;
    text-align: left !important;
}

body.sl-wcc-shop-loop-replaced.woocommerce ul.products li.product > :not(.sl-wcc-card),
body.sl-wcc-shop-loop-replaced.woocommerce-page ul.products li.product > :not(.sl-wcc-card),
.woocommerce ul.products li.product.sl-wcc-product-li > :not(.sl-wcc-card),
.woocommerce-page ul.products li.product.sl-wcc-product-li > :not(.sl-wcc-card),
body.sl-wcc-shop-loop-replaced ul.products li.product .button:not(.sl-wcc-add-button),
body.sl-wcc-shop-loop-replaced ul.products li.product a.button:not(.sl-wcc-add-button) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.sl-wcc-shop-loop-replaced .sl-wcc-card--shop-loop {
    width: var(--sl-wcc-card-w) !important;
    max-width: var(--sl-wcc-card-w) !important;
    min-height: var(--sl-wcc-card-h) !important;
    height: var(--sl-wcc-card-h) !important;
}

@media (max-width: 767px) {
    .sl-wcc-section {
        min-height: auto !important;
        padding: 42px 14px 30px !important;
    }

    .sl-wcc-heading {
        font-size: 20px !important;
        line-height: 24px !important;
        margin-bottom: 18px !important;
    }

    .sl-wcc-grid {
        grid-template-columns: repeat(2, var(--sl-wcc-card-w)) !important;
    }
}

@media (max-width: 360px) {
    .sl-wcc-grid {
        grid-template-columns: var(--sl-wcc-card-w) !important;
    }
}