.woocommerce-ordering,
.woocommerce-result-count,
form.woocommerce-ordering,
p.woocommerce-result-count,
.ct-order-by,
.ct-panel-actions,
.ct-sidebar .ct-widget.widget_block {
display: none !important;
}
:root {
--zb-pink-primary: var(--zb-pink-500,#e5003b);
--zb-pink-light: var(--zb-pink-50,#FFD8DF);
--zb-pink-soft: var(--zb-red-50,#f8eaed);
--zb-gray-border: var(--zb-black-100,#DADDD5);
--zb-gray-line: var(--zb-black-50,#f0f3eb);
--zb-gray-bg: var(--zb-black-30,#f7f6f6);
--zb-text-main: var(--zb-black-1000,#202020);
--zb-text-sub: var(--zb-black-600,#706d74);
--zb-radius-pill: 18px;
--zb-radius-card: 16px;
--zb-radius-btn: 12px;
}
.products.zibana-ajax-loading {
opacity: 0.45;
pointer-events: none;
transition: opacity 0.2s ease;
}
.zibana-plp-header-wrapper {
margin-bottom: 20px;
direction: rtl;
}
.zibana-desktop-sort-bar {
display: flex;
align-items: center;
padding-bottom: 12px;
border-bottom: 1px solid var(--zb-gray-line);
}
.zibana-sort-pills-list {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.zibana-sort-label-title {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
color: var(--zb-text-main);
margin-left: 6px;
}
.zibana-sort-pill-btn {
background: none;
border: none;
font-size: 13px;
color: var(--zb-text-sub);
padding: 6px 14px;
border-radius: var(--zb-radius-pill);
cursor: pointer;
transition: all 0.2s ease;
}
.zibana-sort-pill-btn:hover {
color: var(--zb-pink-primary);
}
.zibana-sort-pill-btn.is-active {
background-color: var(--zb-pink-light);
color: var(--zb-text-main);
font-weight: 600;
}
.zibana-bottomsheet-backdrop {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 99980 !important;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.zibana-bottomsheet-backdrop.is-visible {
display: block !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.zibana-dynamic-sidebar-root {
direction: rtl;
}
.zibana-sheet-handle-bar {
display: none;
}
.zibana-mobile-drawer-close {
display: none;
}
.zibana-drawer-footer-actions {
display: none;
}
.zibana-sidebar-top-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
padding-bottom: 10px;
border-bottom: 2px solid var(--zb-gray-line);
}
.zibana-sidebar-title-wrap {
display: flex;
align-items: center;
gap: 8px;
}
.zibana-sidebar-main-title {
font-size: 16px;
font-weight: 600;
color: var(--zb-text-main);
}
.zibana-header-badge-count {
background: var(--zb-pink-primary);
color: var(--zb-black-20,#FFFFFF);
font-size: 11px;
font-weight: 600;
padding: 2px 7px;
border-radius: 10px;
}
.zibana-sidebar-header-actions {
display: flex;
align-items: center;
gap: 8px;
}
.zibana-clear-filters-top-btn {
display: none;
align-items: center;
gap: 4px;
background: var(--zb-pink-soft);
color: var(--zb-pink-primary);
border: 1px solid var(--zb-pink-light);
border-radius: var(--zb-radius-pill);
padding: 5px 12px;
font-size: 12px;
font-weight: 600;
text-decoration: none;
cursor: pointer;
}
.zibana-clear-filters-top-btn.is-visible {
display: inline-flex;
}
.zibana-active-badges-row {
display: none;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 14px;
}
.zibana-active-badges-row.is-visible {
display: flex;
}
.zibana-active-badge {
background: var(--zb-pink-soft);
color: var(--zb-pink-primary);
border: 1px solid var(--zb-pink-light);
border-radius: 12px;
padding: 4px 10px;
font-size: 11px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 4px;
}
.zibana-sidebar-card {
background: var(--zb-black-20,#FFFFFF);
border: 1px solid var(--zb-gray-line);
border-radius: var(--zb-radius-card);
padding: 16px;
margin-bottom: 14px;
box-shadow: none;
}
.zibana-card-title {
font-size: 14px;
font-weight: 600;
color: var(--zb-text-main);
}
.zibana-accordion-header {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
user-select: none;
}
.zibana-accordion-arrow {
color: var(--zb-text-sub);
transition: transform 0.25s ease;
}
.zibana-accordion.is-open .zibana-accordion-arrow {
transform: rotate(180deg);
}
.zibana-accordion-body {
display: none;
margin-top: 14px;
padding-top: 14px;
border-top: 1px dashed var(--zb-gray-line);
}
.zibana-accordion.is-open .zibana-accordion-body {
display: block;
}
.zibana-cat-tree-list {
list-style: none;
padding: 0;
margin: 0;
}
.zibana-tree-item {
border-bottom: 1px dashed var(--zb-black-50,#f0f3eb);
padding: 4px 0;
}
.zibana-tree-item:last-child {
border-bottom: none;
}
.zibana-tree-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.zibana-tree-link {
display: flex;
align-items: center;
justify-content: space-between;
flex: 1;
padding: 6px 0;
color: var(--zb-text-main);
text-decoration: none;
font-size: 13px;
font-weight: 500;
}
.zibana-tree-link:hover {
color: var(--zb-pink-primary);
}
.zibana-tree-item.is-current > .zibana-tree-row .zibana-tree-link {
color: var(--zb-pink-primary);
font-weight: 600;
}
.zibana-tree-toggle {
background: none;
border: none;
padding: 4px;
cursor: pointer;
color: var(--zb-text-sub);
}
.zibana-tree-item.is-expanded > .zibana-tree-row .zibana-tree-toggle svg {
transform: rotate(180deg);
}
.zibana-subcat-list {
list-style: none;
padding: 4px 14px 6px 0;
margin: 0;
border-right: 2px solid var(--zb-pink-light);
}
.zibana-subcat-item a {
display: flex;
align-items: center;
gap: 6px;
padding: 5px 0;
color: var(--zb-text-sub);
text-decoration: none;
font-size: 12px;
}
.zibana-subcat-item.is-current a {
color: var(--zb-pink-primary);
font-weight: 600;
}
.zibana-subcat-bullet {
width: 5px;
height: 5px;
background: var(--zb-gray-border);
border-radius: 50%;
}
.zibana-subcat-item.is-current .zibana-subcat-bullet {
background: var(--zb-pink-primary);
}
.zibana-subcat-count {
font-size: 11px;
color: var(--zb-black-400,#949196);
}
.zibana-cat-count {
font-size: 11px;
color: var(--zb-text-sub);
background: var(--zb-gray-bg);
padding: 2px 7px;
border-radius: 10px;
border: 1px solid var(--zb-gray-border);
}
.zibana-toggle-item {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
font-size: 13px;
font-weight: 600;
color: var(--zb-text-main);
margin: 0;
}
.zibana-switch-btn {
position: relative;
width: 44px;
height: 24px;
}
.zibana-switch-btn input {
opacity: 0;
width: 0;
height: 0;
}
.zibana-switch-slider {
position: absolute;
cursor: pointer;
inset: 0;
background-color: var(--zb-black-100,#daddd5);
border-radius: 24px;
transition: 0.3s;
}
.zibana-switch-slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
right: 3px;
bottom: 3px;
background-color: white;
border-radius: 50%;
transition: 0.3s;
}
.zibana-switch-btn input:checked + .zibana-switch-slider {
background-color: var(--zb-pink-primary);
}
.zibana-switch-btn input:checked + .zibana-switch-slider:before {
transform: translateX(-20px);
}
.zibana-range-track-container {
position: relative;
height: 6px;
background: var(--zb-black-50,#f0f3eb);
border-radius: 4px;
margin: 20px 4px 18px 4px;
}
.zibana-range-track-highlight {
position: absolute;
height: 100%;
background: var(--zb-pink-primary);
border-radius: 4px;
}
.zibana-thumb-input {
position: absolute;
width: 100%;
height: 6px;
top: 0;
left: 0;
margin: 0;
pointer-events: none;
-webkit-appearance: none;
appearance: none;
background: none;
}
.zibana-thumb-input::-webkit-slider-thumb {
pointer-events: auto;
-webkit-appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--zb-black-20,#FFFFFF);
border: 3px solid var(--zb-pink-primary);
cursor: pointer;
box-shadow: 0 4px 16px rgba(0,0,0,.2);
}
.zibana-thumb-input::-moz-range-thumb {
pointer-events: auto;
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--zb-black-20,#FFFFFF);
border: 3px solid var(--zb-pink-primary);
cursor: pointer;
box-shadow: 0 4px 16px rgba(0,0,0,.2);
}
.zibana-price-labels-row {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
color: var(--zb-text-main);
font-weight: 600;
margin-top: 10px;
}
.zibana-price-tag-title {
color: var(--zb-text-sub);
font-weight: 400;
font-size: 11px;
}
.zibana-attr-search-wrapper { margin-bottom: 10px; }
.zibana-attr-search-input {
width: 100%;
height: 34px;
border: 1px solid var(--zb-gray-border);
border-radius: 8px;
padding: 0 10px;
font-size: 12px;
outline: none;
background: var(--zb-gray-bg);
}
.zibana-checkboxes-container {
max-height: 220px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--zb-black-200,#bfc0bd) transparent;
padding-left: 4px;
}
.zibana-checkboxes-container::-webkit-scrollbar {
width: 5px;
}
.zibana-checkboxes-container::-webkit-scrollbar-track {
background: transparent;
}
.zibana-checkboxes-container::-webkit-scrollbar-thumb {
background-color: var(--zb-black-200,#bfc0bd);
border-radius: 10px;
}
.zibana-checkboxes-container::-webkit-scrollbar-thumb:hover {
background-color: var(--zb-black-300,#a5a4a6);
}
.zibana-checkbox-item {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 0;
cursor: pointer;
font-size: 13px;
color: var(--zb-text-main);
}
.zibana-checkbox-item input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; }
.zibana-custom-check {
width: 18px;
height: 18px;
border: 1.5px solid var(--zb-gray-border);
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: all 0.2s ease;
}
.zibana-checkbox-item input:checked + .zibana-custom-check {
background-color: var(--zb-pink-primary);
border-color: var(--zb-pink-primary);
}
.zibana-checkbox-item input:checked + .zibana-custom-check:after {
content: "";
width: 5px;
height: 9px;
border: solid var(--zb-black-20,#FFFFFF);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
margin-top: -2px;
}
.zibana-check-label { flex: 1; }
.zibana-check-count { font-size: 11px; color: var(--zb-text-sub); }
.zibana-headline-filter-btn {
display: none;
}
@media (max-width: 1199px) {
.hero-section,
.hero-section .ct-container,
.hero-section .entry-header {
position: relative !important;
}
.zibana-headline-filter-btn {
position: absolute !important;
left: 16px !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 99 !important;
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
padding: 0 !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: var(--zb-black-20,#FFFFFF) !important;
color: var(--zb-text-main) !important;
border: 1px solid var(--zb-gray-border) !important;
border-radius: 50% !important;
cursor: pointer !important;
box-shadow: 0 4px 16px rgba(0,0,0,.1) !important;
transition: all 0.2s ease !important;
}
.zibana-headline-filter-btn:hover,
.zibana-headline-filter-btn:active,
.zibana-headline-filter-btn.is-active {
background: var(--zb-pink-light) !important;
border-color: var(--zb-pink-primary) !important;
color: var(--zb-pink-primary) !important;
}
.zibana-sort-pills-list {
overflow-x: auto;
white-space: nowrap;
scrollbar-width: none;
padding-bottom: 4px;
}
.zibana-sort-pills-list::-webkit-scrollbar {
display: none;
}
[data-sidebar] {
--sidebar-width: 0px !important;
--sidebar-gap: 0px !important;
}
#sidebar,
.ct-sidebar,
.ct-sidebar-wrapper {
display: contents !important;
}
#zibana-main-sidebar {
position: fixed !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
top: 140px !important;
bottom: 65px !important;
max-height: calc(100vh - 205px) !important;
height: auto !important;
background: var(--zb-black-20,#FFFFFF) !important;
border-radius: 20px 20px 0 0 !important;
z-index: 99995 !important;
display: flex !important;
flex-direction: column !important;
box-shadow: 0 -4px 16px rgba(0,0,0,.2) !important;
transform: translateY(120%) !important;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease !important;
opacity: 0 !important;
pointer-events: none !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
#zibana-main-sidebar.is-drawer-open {
transform: translateY(0) !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.zibana-sheet-handle-bar {
display: flex !important;
justify-content: center;
padding: 10px 0 4px;
flex-shrink: 0;
}
.zibana-sheet-handle-bar span {
width: 44px;
height: 4px;
background: var(--zb-black-1000,#202020);
border-radius: 2px;
opacity: 0.25;
}
.zibana-mobile-drawer-close {
display: block !important;
background: none;
border: none;
font-size: 24px;
line-height: 1;
color: var(--zb-text-sub);
cursor: pointer;
padding: 0 4px;
}
.zibana-sidebar-top-header {
padding: 10px 16px 14px 16px;
margin: 0;
border-bottom: 1px solid var(--zb-gray-line);
flex-shrink: 0;
}
.zibana-sidebar-scroll-body {
padding: 16px;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
flex: 1 1 auto;
min-height: 0;
}
.zibana-drawer-footer-actions {
display: flex !important;
padding: 12px 16px 14px 16px;
background: var(--zb-black-20,#FFFFFF);
border-top: 1px solid var(--zb-gray-line);
flex-shrink: 0;
}
.zibana-btn-apply-drawer {
width: 100%;
height: 46px;
background: var(--zb-pink-primary);
color: var(--zb-black-20,#FFFFFF);
border: none;
border-radius: var(--zb-radius-btn);
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s;
}
.zibana-btn-apply-drawer:hover {
background: var(--zb-pink-100,#ffaebb);
}
}
@media (min-width: 1200px) {
.zibana-headline-filter-btn,
.zibana-sheet-handle-bar,
.zibana-mobile-drawer-close,
.zibana-drawer-footer-actions,
.zibana-bottomsheet-backdrop {
display: none !important;
}
#zibana-main-sidebar {
position: static !important;
transform: none !important;
box-shadow: none !important;
border-radius: 0 !important;
max-height: none !important;
height: auto !important;
display: block !important;
opacity: 1 !important;
pointer-events: auto !important;
overflow: visible !important;
}
#sidebar,
.ct-sidebar,
.ct-sidebar-wrapper {
display: block !important;
}
}
.zibana-desktop-sort-bar{display:flex!important}
.zibana-mobile-sort-bar{display:none!important}
@media(max-width:768px){.zibana-desktop-sort-bar{display:none!important}
.zibana-mobile-sort-bar{display:block!important;width:100%!important;margin:6px 0 12px 0!important}
.zibana-sort-dropdown-wrap{position:relative;width:100%}
.zibana-sort-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--zb-black-20,#fff);border:1px solid var(--zb-black-50,#f0f3eb);border-radius:12px;padding:9px 14px;cursor:pointer;outline:none;color:var(--zb-black-900,#333431);font-size:13px;box-shadow:none}
.zibana-sort-dropdown-trigger svg{flex-shrink:0;color:var(--zb-pink-500,#e5003b)}
.zibana-sort-dropdown-trigger .zb-sort-arrow{color:var(--zb-black-400,#949196);transition:transform .2s ease}
.zibana-sort-dropdown-wrap.is-open .zb-sort-arrow{transform:rotate(180deg)}
.zibana-sort-dropdown-label{flex-grow:1;text-align:right;margin:0 8px}
.zibana-sort-dropdown-label strong{color:var(--zb-pink-500,#e5003b)}
.zibana-sort-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--zb-black-20,#fff);border:1px solid var(--zb-black-50,#f0f3eb);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:100;overflow:hidden;padding:4px}
.zibana-sort-dropdown-wrap.is-open .zibana-sort-dropdown-menu{display:flex;flex-direction:column}
.zibana-sort-dropdown-item{width:100%;text-align:right;padding:10px 14px;border:none;background:transparent;font-size:13px;color:var(--zb-black-900,#333431);cursor:pointer;border-radius:8px;transition:background .15s ease}
.zibana-sort-dropdown-item:hover{background:var(--zb-black-30,#f7f6f6)}
.zibana-sort-dropdown-item.is-active{background:var(--zb-pink-50,#ffd8df);color:var(--zb-pink-500,#e5003b);font-weight:600}}
@media (min-width: 1200px) {
.zibana-dynamic-sidebar-root.zb-sticky-sidebar {
position: sticky !important;
top: 90px;
z-index: 50;
}
}
.zb-brands-container.zb-pills-layout {
display: flex !important;
flex-wrap: wrap;
gap: 6px;
max-height: none;
}
.zb-brands-container.zb-pills-layout .zb-brand-item {
display: inline-flex;
align-items: center;
padding: 5px 12px;
background: var(--zb-gray-bg);
border: 1px solid var(--zb-gray-line);
border-radius: var(--zb-radius-pill);
font-size: 12px;
cursor: pointer;
transition: all 0.2s ease;
}
.zb-brands-container.zb-pills-layout .zb-brand-item .zibana-custom-check {
display: none !important;
}
.zb-brands-container.zb-pills-layout .zb-brand-item.is-selected {
background: var(--zb-pink-soft);
border-color: var(--zb-pink-primary);
}
.zb-brands-container.zb-pills-layout .zb-brand-item.is-selected .zibana-check-label {
color: var(--zb-pink-primary);
font-weight: 600;
}
.zb-brands-container.zb-pills-layout .zb-brand-item.is-selected .zibana-check-count {
color: var(--zb-pink-primary);
}
.zb-brands-container {
max-height: none;
overflow: visible;
}
.zb-brands-container:not(.is-expanded):not(.is-searching) .zb-item-overflow:not(.is-selected) {
display: none !important;
}
.zb-brands-container.is-expanded,
.zb-brands-container.is-searching {
max-height: 280px;
overflow-y: auto;
padding-left: 6px;
scrollbar-width: thin;
scrollbar-color: var(--zb-black-200,#bfc0bd) transparent;
}
.zb-brands-container.is-expanded::-webkit-scrollbar,
.zb-brands-container.is-searching::-webkit-scrollbar {
width: 5px;
}
.zb-brands-container.is-expanded::-webkit-scrollbar-track,
.zb-brands-container.is-searching::-webkit-scrollbar-track {
background: transparent;
}
.zb-brands-container.is-expanded::-webkit-scrollbar-thumb,
.zb-brands-container.is-searching::-webkit-scrollbar-thumb {
background-color: var(--zb-black-200,#bfc0bd);
border-radius: 10px;
}
.zb-brands-container.is-expanded::-webkit-scrollbar-thumb:hover,
.zb-brands-container.is-searching::-webkit-scrollbar-thumb:hover {
background-color: var(--zb-black-300,#a5a4a6);
}
.zb-toggle-more-btn {
display: flex !important;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
margin-top: 10px;
padding: 9px 14px;
background: var(--zb-red-50,#f8eaed) !important;
border: 1px solid var(--zb-pink-50,#ffd8df) !important;
border-radius: 10px !important;
color: var(--zb-pink-500,#e5003b) !important;
font-size: 12px !important;
font-weight: 600 !important;
cursor: pointer;
transition: all 0.2s ease;
font-family: inherit;
outline: none;
box-sizing: border-box;
}
.zb-toggle-more-btn:hover {
background: var(--zb-pink-50,#ffd8df) !important;
border-color: var(--zb-pink-100,#ffaebb) !important;
color: var(--zb-pink-100,#ffaebb) !important;
}
.zb-toggle-more-btn span {
font-size: 12px;
font-weight: 600;
line-height: 1;
}
.zb-toggle-more-btn svg {
transition: transform 0.25s ease;
flex-shrink: 0;
color: var(--zb-pink-500,#e5003b);
}
.zb-toggle-more-btn.is-expanded svg {
transform: rotate(180deg);
}
.zb-radio-check {
border-radius: 50% !important;
}
.zibana-checkbox-item input[type="radio"]:checked + .zb-radio-check:after {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--zb-black-20,#FFFFFF);
border: none;
transform: none;
margin-top: 0;
}

/* === Design System: Button V2.0 states (Enabled/Hovered/Pressed/Focused/Disabled) === */
.zibana-btn-apply-drawer:hover:not(:disabled):not(.disabled){background:var(--zb-pink-100,#ffaebb)!important;border-color:var(--zb-pink-100,#ffaebb)!important;color:var(--zb-black-20,#fff)!important}
.zibana-btn-apply-drawer:active:not(:disabled):not(.disabled){background:var(--zb-pink-800,#ae0038)!important;border-color:var(--zb-pink-800,#ae0038)!important;color:var(--zb-black-20,#fff)!important}
.zibana-btn-apply-drawer:focus-visible{background:var(--zb-pink-300,#f45170)!important;border-color:var(--zb-pink-300,#f45170)!important;color:var(--zb-black-20,#fff)!important;outline:2px solid var(--zb-pink-300,#f45170)!important;outline-offset:2px!important}
.zibana-btn-apply-drawer:disabled,.zibana-btn-apply-drawer.disabled,.zibana-btn-apply-drawer[aria-disabled="true"]{background:var(--zb-black-30,#f7f6f6)!important;border-color:var(--zb-black-30,#f7f6f6)!important;color:var(--zb-black-300,#a5a4a6)!important;opacity:.6!important;cursor:not-allowed!important}
.zibana-btn-apply-drawer{border-radius:12px!important}
.zibana-clear-filters-top-btn{background:var(--zb-pink-50,#ffd8df)!important;border-color:var(--zb-pink-50,#ffd8df)!important;color:var(--zb-pink-500,#e5003b)!important;border-radius:12px!important}
.zibana-clear-filters-top-btn:hover:not(:disabled):not(.disabled){background:var(--zb-pink-100,#ffaebb)!important;border-color:var(--zb-pink-100,#ffaebb)!important;color:var(--zb-black-20,#fff)!important}
.zibana-clear-filters-top-btn:active:not(:disabled):not(.disabled){background:var(--zb-pink-800,#ae0038)!important;border-color:var(--zb-pink-800,#ae0038)!important;color:var(--zb-black-20,#fff)!important}
.zibana-clear-filters-top-btn:focus-visible{background:var(--zb-pink-50,#ffd8df)!important;color:var(--zb-pink-500,#e5003b)!important;outline:2px solid var(--zb-pink-300,#f45170)!important;outline-offset:2px!important}
.zibana-clear-filters-top-btn:disabled,.zibana-clear-filters-top-btn.disabled,.zibana-clear-filters-top-btn[aria-disabled="true"]{background:var(--zb-black-30,#f7f6f6)!important;border-color:var(--zb-black-30,#f7f6f6)!important;color:var(--zb-black-300,#a5a4a6)!important;opacity:.6!important;cursor:not-allowed!important}
.zibana-clear-filters-top-btn{border-radius:12px!important}

/* === Figma: PLP filter sidebar (node 755:41937) + DS Checkbox === */
.zibana-checkbox-item{position:relative}
.zibana-checkbox-item input:focus-visible+.zibana-custom-check{outline:2px solid var(--zb-pink-300,#f45170);outline-offset:2px}
.zibana-custom-check{width:18px!important;height:18px!important;border:1.5px solid var(--zb-black-500,#807c84)!important;border-radius:4px!important;background:var(--zb-black-20,#fff)}
.zibana-checkbox-item input:checked+.zibana-custom-check{background-color:var(--zb-pink-500,#e5003b)!important;border-color:var(--zb-pink-500,#e5003b)!important}
.zibana-checkbox-item input:checked+.zibana-custom-check:after{border-color:var(--zb-pink-50,#ffd8df)!important}
.zibana-checkbox-item{gap:8px!important;padding:0!important;font-size:14px!important;font-weight:500!important;line-height:24px!important;color:var(--zb-black-700,#5c5b5e)!important}
.zibana-checkboxes-container{display:flex;flex-direction:column;gap:16px}
.zibana-check-count{font-size:12px!important;color:var(--zb-black-300,#a5a4a6)!important}
.zb-cat-group-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.zb-cat-group-row .zibana-checkbox-item{flex:1 1 auto}
.zb-cat-group-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;color:var(--zb-black-700,#5c5b5e);cursor:pointer;border-radius:4px}
.zb-cat-group-toggle:focus-visible{outline:2px solid var(--zb-pink-300,#f45170);outline-offset:2px}
.zb-cat-group-toggle svg{transition:transform .2s ease}
.zb-cat-group.is-expanded .zb-cat-group-toggle svg{transform:rotate(180deg)}
.zb-cat-children{display:flex;flex-direction:column;gap:16px;margin-top:16px;padding-right:26px}
.zb-cat-children[hidden]{display:none}
@media (min-width:1200px){
	/* Figma "plp filter" (755:41937): no panel; separate white Filter Cards (r8, padding 16/12, gap 8)
	   4px apart, each with shadow-2; header and body split by a 1px Black/100 line inside the padding. */
	.zibana-dynamic-sidebar-root{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important;display:flex;flex-direction:column;gap:4px}
	.zibana-sidebar-top-header,.zibana-sidebar-card,.zibana-active-badges-row.is-visible{margin:0!important;padding:16px 12px!important;background:var(--zb-black-20,#fff)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 16px rgba(0,0,0,.1)!important}
	.zibana-sidebar-main-title{font-size:16px!important;font-weight:600!important;line-height:24px!important;color:var(--zb-black-1000,#202020)!important}
	.zibana-clear-filters-top-btn,.zibana-clear-filters-top-btn:hover:not(:disabled){background:transparent!important;border:none!important;padding:0!important;color:var(--zb-pink-500,#e5003b)!important;font-size:14px!important;font-weight:500!important;line-height:24px!important}
	.zibana-clear-filters-top-btn svg{display:none}
	.zibana-sidebar-scroll-body{display:flex;flex-direction:column;gap:4px;background:none!important;padding:0!important;overflow:visible!important}
	.zibana-card-title{font-size:14px!important;font-weight:500!important;line-height:24px!important;color:var(--zb-black-1000,#202020)!important}
	.zibana-accordion-body{margin:8px 0 0!important;padding:8px 0 0!important;border-top:1px solid var(--zb-black-100,#daddd5)!important}
	.zb-cats-container{max-height:none!important;overflow:visible!important}
}
/* === Design System Toggle (node 334:54745): 48x24 track, 24px knob === */
.zibana-switch-btn{position:relative!important;width:48px!important;height:24px!important;flex:0 0 48px!important}
.zibana-switch-btn input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;cursor:pointer!important;z-index:2!important}
.zibana-switch-slider{position:absolute!important;inset:0!important;background:var(--zb-black-100,#daddd5)!important;border-radius:40px!important;transition:background .2s!important}
.zibana-switch-slider:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;width:24px!important;height:24px!important;box-sizing:border-box!important;background:var(--zb-black-300,#a5a4a6)!important;border:2px solid var(--zb-black-30,#f7f6f6)!important;border-radius:50%!important;transform:none!important;transition:left .2s,background .2s!important}
.zibana-switch-btn input:checked+.zibana-switch-slider{background:var(--zb-pink-500,#e5003b)!important}
.zibana-switch-btn input:checked+.zibana-switch-slider:before{left:24px!important;background:var(--zb-black-20,#fff)!important;border-color:var(--zb-pink-500,#e5003b)!important}
.zibana-switch-btn:hover input:not(:checked)+.zibana-switch-slider{background:var(--zb-black-200,#bfc0bd)!important}
.zibana-switch-btn:hover input:not(:checked)+.zibana-switch-slider:before{background:var(--zb-black-20,#fff)!important}
.zibana-switch-btn:hover input:checked+.zibana-switch-slider{background:var(--zb-pink-700,#c20039)!important}
.zibana-switch-btn input:focus-visible+.zibana-switch-slider{outline:2px solid var(--zb-pink-300,#f45170)!important;outline-offset:2px!important}
.zibana-toggle-label{font-size:14px!important;font-weight:500!important;line-height:24px!important;color:var(--zb-black-1000,#202020)!important}

/* === Figma mobile PLP: title bar with count and filter button, filter chips row (node 464:19636) === */
.zb-plp-mbar{display:none}
@media (max-width:767.98px){
	.zb-plp-mbar{display:block;margin:0 0 8px;direction:rtl}
	.zb-plp-mbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}
	.zb-plp-mbar-title{margin:0!important;font-size:16px!important;font-weight:600!important;line-height:24px!important;color:var(--zb-black-1000,#202020)!important}
	.zb-plp-mbar-count{font-size:12px;font-weight:400;color:var(--zb-black-700,#5c5b5e)}
	.zb-plp-mbar-filter{position:static!important;display:inline-flex!important;align-items:center;justify-content:center;width:40px!important;height:40px!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;color:var(--zb-black-1000,#202020)!important}
	.zb-plp-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}
	.zb-plp-chips::-webkit-scrollbar{display:none}
	.zb-plp-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:0;height:32px;padding:0 8px;background:var(--zb-black-20,#fff);border:1px solid var(--zb-black-100,#daddd5);border-radius:18px;font:inherit;font-size:12px;font-weight:500;line-height:24px;color:var(--zb-black-1000,#202020);cursor:pointer}
	.zb-plp-chip.is-active{border-color:var(--zb-pink-500,#e5003b);color:var(--zb-pink-500,#e5003b);background:var(--zb-pink-50,#ffd8df)}
	.zb-plp-chip:focus-visible{outline:2px solid var(--zb-pink-300,#f45170);outline-offset:2px}
	.hero-section .zibana-headline-filter-btn{display:none!important}
}

/* === Figma PLP mobile (464:19636, sort 459:21995): a chip opens a bottom sheet with only that filter; it sticks to the
   bottom of the screen, over the bottom navigation bar. Sheet: white, top radius 8, shadow 0 4 16 / .2, title
   Headline/xsmall 16/24 600, rows Body/small 14/24 400, footer "مشاهده کالاها" (primary) + "حذف" (tertiary). === */
.zb-sheet-clear-btn{display:none}
@media (max-width:1199px){
	#zibana-main-sidebar.is-single{top:auto!important;bottom:0!important;max-height:85vh!important;border-radius:8px 8px 0 0!important;box-shadow:0 4px 16px rgba(0,0,0,.2)!important;z-index:100000!important}
	#zibana-main-sidebar.is-single .zibana-sidebar-top-header,#zibana-main-sidebar.is-single .zibana-active-badges-row,#zibana-main-sidebar.is-single .zibana-sidebar-card:not(.is-single-target){display:none!important}
	#zibana-main-sidebar.is-single .zibana-sidebar-scroll-body{padding:0 16px!important}
	#zibana-main-sidebar.is-single .is-single-target{padding:8px 0 0!important;margin:0!important;border:none!important;box-shadow:none!important;background:none!important}
	#zibana-main-sidebar.is-single .is-single-target .zibana-accordion-header{pointer-events:none}
	#zibana-main-sidebar.is-single .is-single-target .zibana-card-title{font-size:16px!important;line-height:24px!important;font-weight:600!important;color:var(--zb-black-1000,#202020)!important}
	#zibana-main-sidebar.is-single .is-single-target .zibana-accordion-arrow{display:none!important}
	#zibana-main-sidebar.is-single .is-single-target .zibana-accordion-body{display:block!important;border-top:none!important;margin-top:8px!important;padding-top:0!important}
	#zibana-main-sidebar.is-single .zibana-checkbox-item{padding:8px 0!important;border-bottom:1px solid var(--zb-black-50,#f0f3eb)!important;font-size:14px!important;line-height:24px!important;font-weight:400!important;color:var(--zb-black-1000,#202020)!important}
	#zibana-main-sidebar.is-single .zibana-drawer-footer-actions{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:16px;border-top:none!important;padding:16px!important}
	#zibana-main-sidebar.is-single .zibana-btn-apply-drawer{width:auto!important;flex:0 0 auto;min-width:120px;height:40px!important;padding:0 16px!important;font-size:14px!important;font-weight:500!important;line-height:24px!important;border-radius:12px!important}
	#zibana-main-sidebar.is-single .zb-sheet-clear-btn{display:inline-flex;align-items:center;height:40px;padding:0 8px;background:none;border:none;font:inherit;font-size:14px;font-weight:500;line-height:24px;color:var(--zb-pink-500,#e5003b);cursor:pointer;border-radius:8px}
	#zibana-main-sidebar.is-single .zb-sheet-clear-btn:hover{color:var(--zb-pink-100,#ffaebb)}
	#zibana-main-sidebar.is-single .zb-sheet-clear-btn:focus-visible{outline:2px solid var(--zb-pink-300,#f45170);outline-offset:2px}
}

/* Sort dialog: bottom sheet on phones, centred modal on desktop. */
.zb-sort-backdrop{position:fixed;inset:0;background:rgba(32,32,32,.4);z-index:100001}
.zb-sort-sheet{position:fixed;left:0;right:0;bottom:0;z-index:100002;max-height:85vh;overflow-y:auto;background:var(--zb-black-20,#fff);border-radius:8px 8px 0 0;box-shadow:0 4px 16px rgba(0,0,0,.2);padding:0 16px 16px;direction:rtl;box-sizing:border-box}
.zb-sort-backdrop[hidden],.zb-sort-sheet[hidden]{display:none!important}
.zb-sheet-handle{display:flex;justify-content:center;padding:8px 0}
.zb-sheet-handle span{width:40px;height:4px;border-radius:4px;background:var(--zb-black-100,#daddd5)}
.zb-sort-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}
.zb-sort-sheet-title{margin:0!important;font-size:16px!important;line-height:24px!important;font-weight:600!important;color:var(--zb-black-1000,#202020)!important}
.zb-sort-sheet-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;color:var(--zb-black-1000,#202020);cursor:pointer;border-radius:8px}
.zb-sort-sheet-list{display:flex;flex-direction:column}
.zb-sort-sheet .zibana-sort-dropdown-item{display:block!important;width:100%!important;text-align:right!important;padding:12px 0!important;background:none!important;border:none!important;border-bottom:1px solid var(--zb-black-50,#f0f3eb)!important;border-radius:0!important;font:inherit;font-size:14px!important;line-height:24px!important;font-weight:400!important;color:var(--zb-black-1000,#202020)!important;cursor:pointer}
.zb-sort-sheet .zibana-sort-dropdown-item:last-child{border-bottom:none!important}
.zb-sort-sheet .zibana-sort-dropdown-item.is-active{color:var(--zb-pink-500,#e5003b)!important;font-weight:500!important}
.zb-sort-sheet .zibana-sort-dropdown-item:hover{color:var(--zb-pink-500,#e5003b)!important}
.zb-sort-sheet .zibana-sort-dropdown-item:focus-visible,.zb-sort-sheet-close:focus-visible{outline:2px solid var(--zb-pink-300,#f45170);outline-offset:2px}
body.zb-sort-open{overflow:hidden}
@media (min-width:768px){
	.zb-sort-sheet{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:360px;max-width:calc(100vw - 32px);border-radius:12px;padding:8px 16px 16px}
	.zb-sheet-handle{display:none}
}

/* Mobile back button before the title and breadcrumbs (added on the server for phones/tablets). */
.hero-section .entry-header.zb-has-back{display:grid!important;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.hero-section .entry-header.zb-has-back>.zb-plp-back{grid-column:1;grid-row:1 / span 2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--zb-black-1000,#202020);border-radius:8px}
.hero-section .entry-header.zb-has-back>:not(.zb-plp-back){grid-column:2;margin:0!important}
.zb-plp-back:focus-visible{outline:2px solid var(--zb-pink-300,#f45170);outline-offset:2px}

/* Phones and tablets by user agent (the sort trigger is not printed for them): chips at any width. */
@media (min-width:768px){
	body.zb-ua-mobile .zb-plp-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}
	body.zb-ua-mobile .zb-plp-chips::-webkit-scrollbar{display:none}
	body.zb-ua-mobile .zb-plp-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:0;height:32px;padding:0 8px;background:var(--zb-black-20,#fff);border:1px solid var(--zb-black-100,#daddd5);border-radius:18px;font:inherit;font-size:12px;font-weight:500;line-height:24px;color:var(--zb-black-1000,#202020);cursor:pointer}
	body.zb-ua-mobile .zb-plp-chip.is-active{border-color:var(--zb-pink-500,#e5003b);color:var(--zb-pink-500,#e5003b);background:var(--zb-pink-50,#ffd8df)}
	body.zb-ua-mobile .zb-plp-chip:focus-visible{outline:2px solid var(--zb-pink-300,#f45170);outline-offset:2px}
	body.zb-ua-mobile .zb-plp-chips{display:flex!important;margin:0 0 8px}
}

/* Figma chip text frame has 6px side padding; chevron 24px. */
.zb-plp-chip>span{padding:0 6px}
.zb-plp-chip>svg{width:24px;height:24px}
.zb-plp-chips{padding:8px 0!important;gap:8px!important}

@media (min-width:768px){
	.zb-sort-sheet{width:660px!important;max-width:calc(100vw - 48px)!important;border-radius:16px!important;padding:24px!important;box-shadow:0 4px 16px rgba(0,0,0,.2)!important}
	.zb-sort-sheet-head{padding:0 0 8px!important}
	.zb-sort-sheet-title{font-size:16px!important;line-height:28px!important;font-weight:500!important}
	.zb-sort-backdrop{background:rgba(255,255,255,.6)!important;backdrop-filter:blur(4px)}
}

/* Fallback when the theme printed no sidebar (filters in the footer): a drawer on desktop too, opened by the title-bar button. */
@media (min-width:1200px){
	#zibana-main-sidebar.zb-sidebar-orphan{position:fixed!important;top:0!important;bottom:0!important;right:0!important;left:auto!important;width:380px!important;max-height:none!important;height:100vh!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:0!important;background:var(--zb-black-20,#fff)!important;border-radius:0!important;box-shadow:0 4px 16px rgba(0,0,0,.2)!important;z-index:100000!important;overflow:hidden!important;transform:translateX(110%)!important;opacity:1!important;visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s;pointer-events:none!important}
	#zibana-main-sidebar.zb-sidebar-orphan.is-drawer-open{transform:none!important;visibility:visible;transition:transform .3s ease;pointer-events:auto!important}
	#zibana-main-sidebar.zb-sidebar-orphan .zibana-sidebar-scroll-body{flex:1 1 auto;min-height:0;overflow-y:auto!important;padding:16px!important}
	#zibana-main-sidebar.zb-sidebar-orphan .zibana-drawer-footer-actions,#zibana-main-sidebar.zb-sidebar-orphan .zibana-mobile-drawer-close{display:flex!important}
	body:has(.zb-sidebar-orphan) .zibana-bottomsheet-backdrop.is-visible{display:block!important;position:fixed;inset:0;background:rgba(32,32,32,.4);z-index:99999}
	body:has(.zb-sidebar-orphan) .zb-plp-mbar-filter{display:inline-flex!important}
}
@media (prefers-reduced-motion:reduce){#zibana-main-sidebar.zb-sidebar-orphan{transition:none}}
/* The chips row must scroll inside the page width (search results: the listing header is a grid that grew to the chips). */
.woo-listing-top>.zb-plp-mbar,.zb-plp-mbar,.zb-plp-chips{min-width:0!important;max-width:100%!important;box-sizing:border-box}
.woo-listing-top{min-width:0;max-width:100%}