.wpcb-collection {
    --wpcb-surface: #f7f8fb;
    --wpcb-border: #d9dce2;
    --wpcb-frame-color: transparent;
    --wpcb-frame-width: 0px;
    --wpcb-frame-radius: 0px;
    --wpcb-control-bg: #ffffff;
    --wpcb-control-text: #20242c;
    --wpcb-control-placeholder: #6f7785;
    --wpcb-image-fit: auto;
    --wpcb-image-custom-width: 100%;
    --wpcb-image-custom-height: auto;
    --wpcb-button-bg: #20242c;
    --wpcb-button-text: #ffffff;
    --wpcb-button-border: #20242c;
    --wpcb-button-hover-bg: #2f3641;
    --wpcb-button-hover-text: #ffffff;
    --wpcb-button-hover-border: #2f3641;
    --wpcb-button-alt-bg: #ffffff;
    --wpcb-button-alt-text: #20242c;
    --wpcb-button-alt-border: #20242c;
    --wpcb-button-alt-hover-bg: #f3f5f9;
    --wpcb-button-alt-hover-text: #20242c;
    --wpcb-button-alt-hover-border: #20242c;
    --wpcb-button-radius: 18px;
    --wpcb-button-border-width: 1px;
    --wpcb-button-padding-y: 10px;
    --wpcb-button-padding-x: 16px;
    --wpcb-button-font-size: 16px;
    --wpcb-button-font-weight: 600;
    --wpcb-toggle-active-bg: #20242c;
    --wpcb-toggle-active-text: #ffffff;
    --wpcb-chip-bg: #eef1f6;
    --wpcb-chip-text: #20242c;
    border: var(--wpcb-frame-width) solid var(--wpcb-frame-color) !important;
    border-radius: var(--wpcb-frame-radius) !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #20242c;
    width: 100%;
    max-width: none;
}

.wp-block-wpcb-product-collection {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    width: 100%;
    max-width: none !important;
}

.wp-block-wpcb-search-results {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    width: 100%;
    max-width: none !important;
}

.wpcb-collection__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
}

.wpcb-collection__layout.has-sidebar {
    grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
}

.wpcb-collection__content {
    min-width: 0;
    width: 100%;
}

.wpcb-sidebar {
    background: var(--wpcb-surface);
    border: 1px solid var(--wpcb-border);
    border-radius: 18px;
    padding: 18px;
    align-self: start;
    position: sticky;
    top: 24px;
}

.wpcb-sidebar__section + .wpcb-sidebar__section {
    margin-top: 20px;
}

.wpcb-sidebar__section h3 {
    margin: 0 0 10px;
    font-size: 0.95rem;
}

.wpcb-sidebar-search {
    display: grid;
    gap: 10px;
}

.wpcb-sidebar-search__label {
    display: block;
    font-weight: 600;
}

.wpcb-sidebar-search__controls {
    display: grid;
    gap: 10px;
}

.wpcb-sidebar-search input[type='search'] {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid var(--wpcb-border);
    border-radius: 12px;
    background: var(--wpcb-control-bg);
    color: var(--wpcb-control-text);
    box-shadow: none;
    opacity: 1;
    color-scheme: light;
}

.wpcb-collection .wpcb-sidebar-search input[type='search'] {
    border-color: var(--wpcb-border) !important;
    background-color: var(--wpcb-control-bg) !important;
    color: var(--wpcb-control-text) !important;
}

.wpcb-collection .wpcb-sidebar-search input[type='search']:focus {
    outline: 2px solid rgba(32, 36, 44, 0.18);
    outline-offset: 1px;
}

.wpcb-sidebar__section ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 8px;
}

.wpcb-sidebar__tree {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 8px;
}

.wpcb-sidebar__tree .wpcb-sidebar__tree {
    margin-top: 8px;
    padding-left: 16px;
    gap: 6px;
}

.wpcb-sidebar__group {
    display: block;
}

.wpcb-sidebar__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    list-style: none;
}

.wpcb-sidebar__summary::-webkit-details-marker {
    display: none;
}

.wpcb-sidebar__summary::after {
    content: '+';
    flex: 0 0 auto;
    font-size: 1rem;
    line-height: 1;
    color: #6f7785;
}

.wpcb-sidebar__group[open] > .wpcb-sidebar__summary::after {
    content: '-';
}

.wpcb-sidebar__section a {
    color: inherit;
    text-decoration: none;
}

.wpcb-sidebar__section a.is-active {
    font-weight: 600;
}

.wpcb-mobile-panel__toggle {
    display: none;
}

.wpcb-toolbar {
    background: var(--wpcb-surface);
    border: 1px solid var(--wpcb-border);
    border-radius: 18px;
    padding: 18px;
    margin-bottom: 18px;
}

.has-sticky-toolbar .wpcb-toolbar {
    position: sticky;
    top: 24px;
    z-index: 4;
}

.wpcb-toolbar__row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: end;
}

.wpcb-toolbar label {
    display: grid;
    gap: 6px;
    min-width: 120px;
    flex: 1 1 120px;
}

.wpcb-toolbar label > span {
    color: inherit;
    font-weight: 600;
}

.wpcb-toolbar select,
.wpcb-toolbar input[type='number'],
.wpcb-toolbar input[type='text'],
.wpcb-toolbar input[type='search'] {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid var(--wpcb-border);
    border-radius: 12px;
    background: var(--wpcb-control-bg);
    color: var(--wpcb-control-text);
    box-shadow: none;
    opacity: 1;
    color-scheme: light;
}

.wpcb-toolbar select {
    background-image:
        linear-gradient(45deg, transparent 50%, var(--wpcb-control-text) 50%),
        linear-gradient(135deg, var(--wpcb-control-text) 50%, transparent 50%);
    background-position:
        calc(100% - 18px) calc(50% - 3px),
        calc(100% - 12px) calc(50% - 3px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    padding-right: 36px;
}

.wpcb-toolbar input::placeholder {
    color: var(--wpcb-control-placeholder);
}

.wpcb-collection .wpcb-toolbar select,
.wpcb-collection .wpcb-toolbar input[type='number'],
.wpcb-collection .wpcb-toolbar input[type='text'],
.wpcb-collection .wpcb-toolbar input[type='search'] {
    border-color: var(--wpcb-border) !important;
    background-color: var(--wpcb-control-bg) !important;
    color: var(--wpcb-control-text) !important;
}

.wpcb-collection .wpcb-toolbar select:focus,
.wpcb-collection .wpcb-toolbar input[type='number']:focus,
.wpcb-collection .wpcb-toolbar input[type='text']:focus,
.wpcb-collection .wpcb-toolbar input[type='search']:focus {
    outline: none;
    border-color: var(--wpcb-control-text) !important;
    box-shadow: 0 0 0 3px rgba(32, 36, 44, 0.12) !important;
}

.wpcb-toolbar__actions {
    display: flex;
    gap: 10px;
    align-items: center;
}

.wpcb-button,
.wpcb-product-card .button,
.wpcb-product-card .added_to_cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: var(--wpcb-button-padding-y) var(--wpcb-button-padding-x);
    border-radius: var(--wpcb-button-radius);
    border: var(--wpcb-button-border-width) solid var(--wpcb-button-border);
    background: var(--wpcb-button-bg);
    color: var(--wpcb-button-text);
    font-size: var(--wpcb-button-font-size);
    font-weight: var(--wpcb-button-font-weight);
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.wpcb-collection .wpcb-button,
.wpcb-related-products .wpcb-button,
.wpcb-collection .wpcb-product-card .button,
.wpcb-related-products .wpcb-product-card .button,
.wpcb-collection .wpcb-product-card .added_to_cart,
.wpcb-related-products .wpcb-product-card .added_to_cart {
    border-radius: var(--wpcb-button-radius) !important;
    border-width: var(--wpcb-button-border-width) !important;
    border-color: var(--wpcb-button-border) !important;
    background: var(--wpcb-button-bg) !important;
    color: var(--wpcb-button-text) !important;
    fill: var(--wpcb-button-text) !important;
    padding: var(--wpcb-button-padding-y) var(--wpcb-button-padding-x) !important;
    font-size: var(--wpcb-button-font-size) !important;
    font-weight: var(--wpcb-button-font-weight) !important;
    overflow: hidden;
    box-shadow: none !important;
}

.wpcb-collection .wpcb-button:hover,
.wpcb-related-products .wpcb-button:hover,
.wpcb-collection .wpcb-button:focus,
.wpcb-related-products .wpcb-button:focus,
.wpcb-collection .wpcb-product-card .button:hover,
.wpcb-related-products .wpcb-product-card .button:hover,
.wpcb-collection .wpcb-product-card .button:focus,
.wpcb-related-products .wpcb-product-card .button:focus,
.wpcb-collection .wpcb-product-card .added_to_cart:hover,
.wpcb-related-products .wpcb-product-card .added_to_cart:hover,
.wpcb-collection .wpcb-product-card .added_to_cart:focus,
.wpcb-related-products .wpcb-product-card .added_to_cart:focus {
    border-color: var(--wpcb-button-hover-border) !important;
    background: var(--wpcb-button-hover-bg) !important;
    color: var(--wpcb-button-hover-text) !important;
    fill: var(--wpcb-button-hover-text) !important;
}

.wpcb-button--alt {
    border-color: var(--wpcb-button-alt-border);
    background: var(--wpcb-button-alt-bg);
    color: var(--wpcb-button-alt-text);
}

.wpcb-collection .wpcb-button--alt,
.wpcb-related-products .wpcb-button--alt {
    border-color: var(--wpcb-button-alt-border) !important;
    background: var(--wpcb-button-alt-bg) !important;
    color: var(--wpcb-button-alt-text) !important;
}

.wpcb-collection .wpcb-button--alt:hover,
.wpcb-related-products .wpcb-button--alt:hover,
.wpcb-collection .wpcb-button--alt:focus,
.wpcb-related-products .wpcb-button--alt:focus {
    border-color: var(--wpcb-button-alt-hover-border) !important;
    background: var(--wpcb-button-alt-hover-bg) !important;
    color: var(--wpcb-button-alt-hover-text) !important;
}

.wpcb-view-toggle {
    display: inline-flex;
    gap: 8px;
    margin-top: 14px;
}

.wpcb-view-toggle__button {
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 18px;
    border: 1px solid var(--wpcb-border);
    background: var(--wpcb-control-bg);
    color: var(--wpcb-control-text);
}

.wpcb-collection .wpcb-view-toggle__button {
    border-radius: 18px !important;
}

.wpcb-view-toggle__button.is-active {
    background: var(--wpcb-toggle-active-bg);
    color: var(--wpcb-toggle-active-text);
    border-color: var(--wpcb-toggle-active-bg);
}

.wpcb-collection__summary {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    margin-bottom: 18px;
}

.wpcb-active-filters {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.wpcb-active-filters__chip {
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--wpcb-chip-bg);
    color: var(--wpcb-chip-text);
    font-size: 0.88rem;
}

.wpcb-products {
    display: grid;
    gap: 18px;
    width: 100%;
}

.wpcb-products--grid {
    grid-template-columns: repeat(var(--wpcb-columns, 4), minmax(0, 1fr));
}

.wpcb-products--list {
    grid-template-columns: 1fr;
}

.wpcb-product-card {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--wpcb-border);
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(32, 36, 44, 0.08);
    min-width: 0;
    height: 100%;
}

.wpcb-product-card__media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 4 / 3;
    background: linear-gradient(180deg, #f8f9fb 0%, #f1f3f7 100%);
    overflow: hidden;
}

.wpcb-product-card__media img {
    width: 100%;
    height: 100%;
    object-fit: var(--wpcb-image-fit);
}

.wpcb-collection.has-custom-image-dimensions .wpcb-product-card__media {
    aspect-ratio: auto;
    min-height: var(--wpcb-image-custom-height);
}

.wpcb-collection.has-custom-image-dimensions .wpcb-product-card__media img {
    width: min(100%, var(--wpcb-image-custom-width));
    height: var(--wpcb-image-custom-height);
}

.wpcb-collection.is-image-fit-auto .wpcb-product-card__media img {
    width: auto;
    height: auto;
    max-width: calc(100% - 32px);
    max-height: calc(100% - 32px);
    object-fit: contain;
}

.wpcb-collection.is-image-fit-auto .wpcb-product-card__media {
    padding: 16px;
    background: #f7f8fb;
}

.wpcb-collection.has-custom-image-dimensions.is-image-fit-auto .wpcb-product-card__media img {
    width: auto;
    height: auto;
    max-width: min(calc(100% - 32px), var(--wpcb-image-custom-width));
    max-height: var(--wpcb-image-custom-height);
}

.wpcb-product-card__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    background: rgba(32, 36, 44, 0.9);
    color: #ffffff;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
}

.wpcb-product-card__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    flex: 1 1 auto;
    background: #ffffff;
    min-height: 0;
}

.wpcb-product-card__title {
    margin: 0;
    font-size: 1rem;
    line-height: 1.35;
}

.wpcb-product-card__title a {
    color: inherit;
    text-decoration: none;
}

.wpcb-product-card__price {
    color: inherit;
    font-weight: 600;
}

.wpcb-product-card__actions {
    margin-top: auto;
    display: flex;
    align-items: center;
    padding-top: 4px;
}

+
.wpcb-product-parameter {
    --wpcb-parameter-font-family: inherit;
    --wpcb-parameter-text-color: #20242c;
    --wpcb-parameter-label-color: rgba(32, 36, 44, 0.7);
    --wpcb-parameter-title-color: rgba(32, 36, 44, 0.7);
    --wpcb-parameter-bg: #ffffff;
    --wpcb-parameter-border-color: rgba(32, 36, 44, 0.12);
    --wpcb-parameter-value-size: 1.15rem;
    --wpcb-parameter-value-weight: 700;
    --wpcb-parameter-label-size: 0.88rem;
    --wpcb-parameter-label-weight: 600;
    --wpcb-parameter-title-size: 0.82rem;
    --wpcb-parameter-title-weight: 700;
    --wpcb-parameter-padding-y: 16px;
    --wpcb-parameter-padding-x: 18px;
    --wpcb-parameter-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: var(--wpcb-parameter-padding-y) var(--wpcb-parameter-padding-x);
    border: 1px solid var(--wpcb-parameter-border-color);
    border-radius: var(--wpcb-parameter-radius);
    background: var(--wpcb-parameter-bg);
    color: var(--wpcb-parameter-text-color);
    font-family: var(--wpcb-parameter-font-family);
}

.wpcb-product-parameter__title {
    color: var(--wpcb-parameter-title-color);
    font-size: var(--wpcb-parameter-title-size);
    font-weight: var(--wpcb-parameter-title-weight);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.wpcb-product-parameter__content {
    display: flex;
    gap: 12px;
    align-items: baseline;
}

.wpcb-product-parameter--stack .wpcb-product-parameter__content {
    flex-direction: column;
    gap: 4px;
}

.wpcb-product-parameter__label {
    color: var(--wpcb-parameter-label-color);
    font-size: var(--wpcb-parameter-label-size);
    font-weight: var(--wpcb-parameter-label-weight);
}

.wpcb-product-parameter__value {
    color: inherit;
    font-size: var(--wpcb-parameter-value-size);
    font-weight: var(--wpcb-parameter-value-weight);
    overflow-wrap: anywhere;
}


.wpcb-product-price {
    --wpcb-price-font-family: inherit;
    --wpcb-price-text-color: #20242c;
    --wpcb-price-label-color: rgba(32, 36, 44, 0.7);
    --wpcb-price-title-color: rgba(32, 36, 44, 0.7);
    --wpcb-price-bg: linear-gradient(180deg, #ffffff 0%, #f8f9fc 100%);
    --wpcb-price-row-bg: rgba(255, 255, 255, 0.72);
    --wpcb-price-border-color: rgba(32, 36, 44, 0.12);
    --wpcb-price-value-size: 1.15rem;
    --wpcb-price-value-weight: 700;
    --wpcb-price-label-size: 0.88rem;
    --wpcb-price-label-weight: 600;
    --wpcb-price-title-size: 0.82rem;
    --wpcb-price-title-weight: 700;
    --wpcb-price-padding-y: 20px;
    --wpcb-price-padding-x: 22px;
    --wpcb-price-radius: 20px;
    --wpcb-price-row-radius: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: var(--wpcb-price-padding-y) var(--wpcb-price-padding-x);
    border: 1px solid var(--wpcb-price-border-color);
    border-radius: var(--wpcb-price-radius);
    background: var(--wpcb-price-bg);
    color: var(--wpcb-price-text-color);
    font-family: var(--wpcb-price-font-family);
    box-shadow: 0 12px 30px rgba(22, 28, 39, 0.08);
}

.wpcb-product-price__title {
    font-size: var(--wpcb-price-title-size);
    font-weight: var(--wpcb-price-title-weight);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--wpcb-price-title-color);
}

.wpcb-product-price__rows {
    display: grid;
    gap: 10px;
}

.wpcb-product-price__rows--inline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}

.wpcb-product-price__rows--inline .wpcb-product-price__row--tax {
    grid-column: 1 / -1;
}

.wpcb-product-price__row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 12px 14px;
    border-radius: var(--wpcb-price-row-radius);
    background: var(--wpcb-price-row-bg);
}

.wpcb-product-price__row-label {
    font-size: var(--wpcb-price-label-size);
    font-weight: var(--wpcb-price-label-weight);
    color: var(--wpcb-price-label-color);
}

.wpcb-product-price__row-value {
    font-size: var(--wpcb-price-value-size);
    font-weight: var(--wpcb-price-value-weight);
    color: inherit;
    text-align: right;
    white-space: nowrap;
}

.wpcb-product-price__row--tax .wpcb-product-price__row-value {
    font-size: 1rem;
}

@media (max-width: 640px) {
    .wpcb-product-price__rows--inline {
        grid-template-columns: 1fr;
    }
}

.wpcb-collection .wpcb-product-card,
.wpcb-collection .wpcb-product-card * {
    box-sizing: border-box;
}

.wpcb-collection .wpcb-product-card a:not(.wpcb-button):not(.wpcb-button--alt) {
    color: inherit;
}

.wpcb-empty-state {
    padding: 26px;
    border: 1px dashed var(--wpcb-border);
    border-radius: 18px;
    text-align: center;
}

.wpcb-related-products {
    --wpcb-related-columns: 4;
    --wpcb-related-columns-tablet: 2;
    --wpcb-related-fixed-width: 1200px;
    --wpcb-related-percent-width: 100%;
    --wpcb-related-image-height: 320px;
    --wpcb-related-gap: 24px;
    --wpcb-button-bg: #20242c;
    --wpcb-button-text: #ffffff;
    --wpcb-button-border: #20242c;
    --wpcb-button-hover-bg: #2f3641;
    --wpcb-button-hover-text: #ffffff;
    --wpcb-button-hover-border: #2f3641;
    --wpcb-button-alt-bg: #ffffff;
    --wpcb-button-alt-text: #20242c;
    --wpcb-button-alt-border: #20242c;
    --wpcb-button-alt-hover-bg: #f3f5f9;
    --wpcb-button-alt-hover-text: #20242c;
    --wpcb-button-alt-hover-border: #20242c;
    --wpcb-button-radius: 18px;
    --wpcb-button-border-width: 1px;
    --wpcb-button-padding-y: 10px;
    --wpcb-button-padding-x: 16px;
    --wpcb-button-font-size: 16px;
    --wpcb-button-font-weight: 600;
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    color: #20242c;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent;
}

.wpcb-related-products.is-width-content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0;
    margin-right: 0;
}

.wpcb-related-products.is-width-percentage {
    width: min(100%, var(--wpcb-related-percent-width));
    max-width: min(100%, var(--wpcb-related-percent-width));
}

.wpcb-related-products.is-width-fixed {
    width: min(100%, var(--wpcb-related-fixed-width));
    max-width: min(100%, var(--wpcb-related-fixed-width));
}

.wpcb-related-products.is-align-left {
    margin-left: 0;
    margin-right: auto;
}

.wpcb-related-products.is-align-center {
    margin-left: auto;
    margin-right: auto;
}

.wpcb-related-products.is-align-right {
    margin-left: auto;
    margin-right: 0;
}

.wpcb-related-products__track {
    display: grid;
    gap: var(--wpcb-related-gap);
    width: 100%;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    align-items: stretch;
}

.wpcb-related-products__track--stack {
    grid-template-columns: 1fr;
}

.wpcb-related-products__track--grid {
    grid-template-columns: repeat(var(--wpcb-related-columns), minmax(0, 1fr));
}

.wpcb-related-products.is-layout-carousel .wpcb-related-products__track,
.wpcb-related-products__track--carousel {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - (var(--wpcb-related-gap) * (var(--wpcb-related-columns) - 1))) / var(--wpcb-related-columns));
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-bottom: 8px;
}

.wpcb-related-products.is-layout-carousel .wpcb-product-card,
.wpcb-related-products__track--carousel .wpcb-product-card {
    scroll-snap-align: start;
}

.wpcb-related-products.has-equal-image-height .wpcb-product-card__media {
    aspect-ratio: auto;
    min-height: var(--wpcb-related-image-height);
}

.wpcb-related-products.has-aligned-actions .wpcb-product-card {
    height: 100%;
}

.wpcb-related-products.has-aligned-actions .wpcb-product-card__content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.wpcb-related-products.has-aligned-actions .wpcb-product-card__actions {
    margin-top: auto;
}

.wpcb-related-products.has-equal-image-height .wpcb-product-card__media img {
    width: 100%;
    height: 100%;
}

.wpcb-related-products.has-equal-image-height.is-image-fit-auto .wpcb-product-card__media img {
    width: auto;
    height: auto;
    max-width: calc(100% - 32px);
    max-height: calc(100% - 32px);
}

.wpcb-related-products__pagination {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 18px;
}

.wpcb-quantity-control-block {
    display: block;
}

.wpcb-quantity-control {
    --wpcb-qc-width: 192px;
    --wpcb-qc-height: 76px;
    --wpcb-qc-button-width: 56px;
    --wpcb-qc-radius: 18px;
    --wpcb-qc-border-width: 2px;
    --wpcb-qc-gap: 0px;
    --wpcb-qc-font-size: 20px;
    --wpcb-qc-font-weight: 600;
    --wpcb-qc-background: #ffffff;
    --wpcb-qc-border-color: #2a2f39;
    --wpcb-qc-text: #1b2230;
    --wpcb-qc-button-bg: #ffffff;
    --wpcb-qc-button-text: #707685;
    --wpcb-qc-input-bg: #ffffff;
    display: grid;
    grid-template-columns: var(--wpcb-qc-button-width) minmax(0, 1fr) var(--wpcb-qc-button-width);
    align-items: stretch;
    gap: var(--wpcb-qc-gap);
    width: min(100%, var(--wpcb-qc-width));
    min-height: var(--wpcb-qc-height);
    border: var(--wpcb-qc-border-width) solid var(--wpcb-qc-border-color);
    border-radius: var(--wpcb-qc-radius);
    background: var(--wpcb-qc-background);
    overflow: hidden;
    box-sizing: border-box;
}

.wpcb-quantity-control *,
.wpcb-quantity-control *::before,
.wpcb-quantity-control *::after {
    box-sizing: border-box;
}

.wpcb-quantity-control__button,
.wpcb-quantity-control__input {
    min-height: var(--wpcb-qc-height);
    border: 0;
    box-shadow: none;
    font-size: var(--wpcb-qc-font-size);
    font-weight: var(--wpcb-qc-font-weight);
    line-height: 1;
}

.wpcb-quantity-control__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: var(--wpcb-qc-button-bg);
    color: var(--wpcb-qc-button-text);
    cursor: pointer;
}

.wpcb-quantity-control__button:hover,
.wpcb-quantity-control__button:focus {
    color: var(--wpcb-qc-button-text);
    background: var(--wpcb-qc-button-bg);
}

.wpcb-quantity-control__button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.wpcb-quantity-control__input {
    width: 100%;
    padding: 0 12px;
    text-align: center;
    background: var(--wpcb-qc-input-bg);
    color: var(--wpcb-qc-text);
    appearance: textfield;
    -moz-appearance: textfield;
}

.wpcb-quantity-control .wpcb-quantity-control__input {
    background: var(--wpcb-qc-input-bg) !important;
    background-color: var(--wpcb-qc-input-bg) !important;
    color: var(--wpcb-qc-text) !important;
    -webkit-text-fill-color: var(--wpcb-qc-text) !important;
    border-radius: 0 !important;
    border-left: var(--wpcb-qc-border-width) solid var(--wpcb-qc-border-color) !important;
    border-right: var(--wpcb-qc-border-width) solid var(--wpcb-qc-border-color) !important;
    box-shadow: none !important;
    background-image: none !important;
}

.wpcb-quantity-control__input::-webkit-outer-spin-button,
.wpcb-quantity-control__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.wpcb-quantity-control__input:focus {
    outline: none;
}

.wpcb-quantity-control .wpcb-quantity-control__button {
    background: var(--wpcb-qc-button-bg) !important;
    color: var(--wpcb-qc-button-text) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

.wpcb-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 32px;
}

.wpcb-pagination__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid var(--wpcb-border);
    border-radius: 6px;
    background: var(--wpcb-control-bg);
    color: var(--wpcb-control-text);
    font-weight: 600;
    text-decoration: none;
}

.wpcb-pagination__link:hover,
.wpcb-pagination__link:focus-visible {
    border-color: var(--wpcb-button-border);
    color: var(--wpcb-button-text);
    background: var(--wpcb-button-bg);
}

.wpcb-pagination__link.is-current {
    border-color: var(--wpcb-button-border);
    color: var(--wpcb-button-text);
    background: var(--wpcb-button-bg);
}

.wpcb-pagination__ellipsis {
    padding: 0 2px;
}

@media (max-width: 1024px) {
    .wpcb-collection__layout,
    .wpcb-collection__layout.has-sidebar {
        grid-template-columns: 1fr;
    }

    .wpcb-sidebar {
        position: static;
    }

    .wpcb-related-products.is-responsive .wpcb-related-products__track--grid {
        grid-template-columns: repeat(var(--wpcb-related-columns-tablet), minmax(0, 1fr));
    }

    .wpcb-related-products.is-responsive.is-layout-carousel .wpcb-related-products__track,
    .wpcb-related-products.is-responsive .wpcb-related-products__track--carousel {
        grid-auto-columns: calc((100% - var(--wpcb-related-gap)) / 2);
    }
}

@media (max-width: 782px) {
    .wpcb-toolbar__row,
    .wpcb-collection__summary {
        flex-direction: column;
        align-items: stretch;
    }

    .wpcb-collection[data-collapsible-mobile-filters='true'] .wpcb-mobile-panel__toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
        padding: 0;
        border: 0;
        background: transparent;
        color: inherit;
        font: inherit;
        font-weight: 600;
        text-align: left;
        cursor: pointer;
    }

    .wpcb-collection[data-collapsible-mobile-filters='true'] .wpcb-mobile-panel__toggle::after {
        content: '+';
        flex: 0 0 auto;
        font-size: 1rem;
        line-height: 1;
        color: #6f7785;
    }

    .wpcb-collection[data-collapsible-mobile-filters='true'] .wpcb-mobile-panel.is-open > .wpcb-mobile-panel__toggle::after {
        content: '-';
    }

    .wpcb-collection[data-collapsible-mobile-filters='true'] .wpcb-mobile-panel:not(.is-open) > .wpcb-mobile-panel__content {
        display: none;
    }

    .wpcb-collection[data-collapsible-mobile-filters='true'] .wpcb-toolbar__panel,
    .wpcb-collection[data-collapsible-mobile-filters='true'] .wpcb-mobile-panel__content {
        display: grid;
        gap: 14px;
    }

    .wpcb-collection[data-collapsible-mobile-filters='true'] .wpcb-mobile-panel__content > h3 {
        display: none;
    }

    .wpcb-products--grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wpcb-related-products.is-responsive .wpcb-related-products__track--grid {
        grid-template-columns: 1fr;
    }

    .wpcb-related-products.is-responsive.is-layout-carousel .wpcb-related-products__track,
    .wpcb-related-products.is-responsive .wpcb-related-products__track--carousel {
        grid-auto-columns: minmax(80%, 1fr);
    }
}

@media (max-width: 560px) {
    .wpcb-products--grid {
        grid-template-columns: 1fr;
    }
}