.page-products .toolbar .limiter {
    display: none;
}

.category-product-count h3 {
    color: #0E0D0D;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.44px;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 5px;

}

.category-product-count span {
    color: #808080;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.84px;
    text-transform: lowercase;
}

.customProductCard {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rating-summary .rating-result {
    width: 20px;
    /* Width of single star */
    margin: 0;
}

.sort-tabs {
    display: flex;
    align-items: center;
    margin: 20px 0;
    margin: 5px 0;
}


@media (max-width: 768px) {
    .sort-tabs {
        position: fixed;
        z-index: 999;
        bottom: unset;
        bottom: 100px;
        top: unset !important;
        flex-direction: column-reverse !important;
        background: none !important;
        gap: 10px;
    }

    .sort-tabs-container {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 5px;

        flex-wrap: wrap;
        background: #fff !important;
        color: #fff;
        border: none;
        padding: 8px 17px;
        border-radius: 20px;
        width: min-content !important;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
}

.sort-tab {
    display: flex;
    align-items: center;
}


@media screen and (max-width: 767px) {
    .sort-tab {
        flex-basis: 100%;
        width: fit-content;
        color: #ffff;
    }
}

.toolbar:before {
    display: none;
}

.toolbar-products {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-top: 16px;
}

.toolbar-products .field.limiter {
    order: 1;
    height: fit-content;
}



.toolbar-products .field.limiter #limiter {
    width: 56px;
    height: 44px;
    padding-right: 12px;
    padding-left: 12px;
    border: none;
    background: #f2f2f2;
    font-family: Open Sans;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    text-transform: capitalize;
    color: #0E0D0D;
    border-radius: 0px;
    margin-left: 12px;
}

.toolbar-products .field.limiter label span {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-transform: capitalize;
    color: #868585;
}

.toolbar-products .pages .item.current {
    border: none !important;
}

.pages .action.next:before,
.pages .action.previous:before {
    align-items: center !important;
}



/* start you must delete this code after back to school 2025 */
/* @media screen and (max-width: 767px) {
  .brand-banners-wrapper {
    flex-direction: column;
  }

  .brand-banners-right {
    width: 100%;
  }

  .brand-banners-grid .brand-banners-grid-item {
    width: unset !important;
    height: unset !important;
  }
} */

/* end you must delete this code after back to school 2025 */


.toolbar .limiter span.limiter-text {
    display: none;
}

.sort-tabs-label {
    color: #0E0D0D;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
}

@media screen and (max-width: 768px) {
    .sort-tabs-label {
        background-color: #5B5B5B !important;
        opacity: 1;
        color: #fff;
        border: none;
        padding: 8px 17px;
        border-radius: 40px 0 0 40px;
        display: flex;
        gap: 3px;
        align-items: center;
        height: 50px;
        justify-content: end;
        width: fit-content;
        margin-left: auto;
    }

    .sort-tabs-label::before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22%23fff%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.34%2016.8376L6.34%204.12333L8.69715%206.48047C8.85337%206.63669%209.10663%206.63669%209.26284%206.48047C9.41905%206.32427%209.41905%206.071%209.26284%205.9148L6.22284%202.8748C6.20426%202.85622%206.18376%202.8396%206.16183%202.82495C6.1521%202.81845%206.14155%202.81402%206.13141%202.80845C6.1187%202.80147%206.10645%202.79381%206.09295%202.78821C6.07987%202.78279%206.06618%202.77968%206.05269%202.77572C6.04121%202.77233%206.03022%202.76789%206.01833%202.76553C5.96662%202.75524%205.91335%202.75524%205.86164%202.76553C5.84985%202.76787%205.83895%202.77228%205.82756%202.77564C5.81396%202.77962%205.80022%202.78277%205.78702%202.78822C5.77359%202.79379%205.7614%202.80141%205.74875%202.80835C5.73856%202.81394%205.72794%202.81841%205.71816%202.82495C5.69665%202.83932%205.67662%202.85568%205.65832%202.87383C5.65796%202.8742%205.65752%202.87443%205.65715%202.8748L2.61716%205.9148C2.46095%206.071%202.46095%206.32427%202.61716%206.48047C2.77336%206.63669%203.02663%206.63669%203.18283%206.48047L5.54%204.12332L5.54%2016.8376C5.54%2017.0585%205.71909%2017.2376%205.94%2017.2376C6.16091%2017.2376%206.34%2017.0585%206.34%2016.8376Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M15.1394%2017.2299C15.1512%2017.2276%2015.1621%2017.2232%2015.1735%2017.2198C15.1871%2017.2158%2015.2009%2017.2127%2015.2141%2017.2072C15.2274%2017.2017%2015.2395%2017.1941%2015.2521%2017.1872C15.2624%2017.1816%2015.2731%2017.1771%2015.283%2017.1705C15.3049%2017.1558%2015.3254%2017.1392%2015.3439%2017.1207L18.3839%2014.0807C18.5401%2013.9244%2018.5401%2013.6712%2018.3839%2013.515C18.2277%2013.3588%2017.9745%2013.3588%2017.8183%2013.515L15.4611%2015.8721V3.15781C15.4611%202.9369%2015.282%202.75781%2015.0611%202.75781C14.8402%202.75781%2014.6611%202.9369%2014.6611%203.15781V15.8721L12.3039%2013.515C12.1477%2013.3588%2011.8945%2013.3588%2011.7383%2013.515C11.582%2013.6712%2011.582%2013.9245%2011.7383%2014.0807L14.7783%2017.1207C14.7968%2017.1392%2014.8173%2017.1558%2014.8393%2017.1705C14.849%2017.177%2014.8595%2017.1814%2014.8697%2017.187C14.8824%2017.194%2014.8946%2017.2016%2014.9081%2017.2072C14.9212%2017.2127%2014.9349%2017.2158%2014.9484%2017.2197C14.9599%2017.2231%2014.9709%2017.2276%2014.9828%2017.2299C15.0085%2017.235%2015.0347%2017.2378%2015.0609%2017.2378C15.0609%2017.2378%2015.061%2017.2378%2015.0611%2017.2378C15.0874%2017.2378%2015.1136%2017.2351%2015.1394%2017.2299Z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
        width: 20px;
        height: 20px;

    }
}

@media screen and (max-width: 767px) {
    .filter.active .filter-title strong:after {
        background-image: url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.5449 13.954C15.7563 14.1653 15.875 14.452 15.875 14.7509C15.875 15.0497 15.7563 15.3364 15.5449 15.5477C15.3336 15.7591 15.0469 15.8778 14.748 15.8778C14.4492 15.8778 14.1625 15.7591 13.9512 15.5477L7.99898 9.59367L2.04492 15.5459C1.83358 15.7572 1.54693 15.8759 1.24805 15.8759C0.949159 15.8759 0.662515 15.7572 0.45117 15.5459C0.239826 15.3345 0.121094 15.0479 0.121094 14.749C0.121094 14.4501 0.239826 14.1635 0.45117 13.9521L6.40523 7.99992L0.453045 2.04586C0.241701 1.83451 0.122969 1.54787 0.122969 1.24898C0.122969 0.950097 0.241701 0.663452 0.453045 0.452108C0.664389 0.240763 0.951034 0.122031 1.24992 0.122031C1.54881 0.122031 1.83545 0.240763 2.0468 0.452108L7.99898 6.40617L13.953 0.45117C14.1644 0.239826 14.451 0.121094 14.7499 0.121094C15.0488 0.121094 15.3354 0.239826 15.5468 0.45117C15.7581 0.662514 15.8769 0.949159 15.8769 1.24804C15.8769 1.54693 15.7581 1.83358 15.5468 2.04492L9.59273 7.99992L15.5449 13.954Z' fill='%234B4B4B'/></svg>");
        display: flex;
        width: 20px;
        height: 20px;
    }
}

.sort-tabs-container {
    display: flex;
    flex-wrap: wrap;
    background: #F2F2F2;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 4px;
}

.toolbar .modes {
    display: none;
}

.sort-tab {
    padding: 8px 16px;
    border-radius: 2px;
    color: #0E0D0D !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.3s ease;
    white-space: nowrap;
    display: flex;
    gap: 6px;
}

a[data-value="position"]:after {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.3333%200.85H11.9712L12.2273%201.10607L14.0379%202.91667L10.1667%206.78787L6.93939%203.5606L6.83332%203.45453L6.72726%203.5606L0.56059%209.72727L0.454524%209.83333L0.56059%209.9394L1.72726%2011.1061L1.83332%2011.2121L1.93939%2011.1061L6.83332%206.21213L10.0606%209.4394L10.1667%209.54547L10.2727%209.4394L15.4167%204.29546L17.2273%206.10607L17.4833%206.36213V6V1V0.85H17.3333H12.3333Z%22%20fill%3D%22%230E0D0D%22%20stroke%3D%22%230E0D0D%22%20stroke-width%3D%220.3%22%2F%3E%3C%2Fsvg%3E');
}

.filterproducts li.item[class *="product"]:has(+ .item.product) {
    display: block !important;
}

/*
.sort-tab:hover {
    border-bottom: 5px solid #F37021;
    color: #F37021;
    text-decoration: none;
} */
.catalog-category-view .message.success {
    display: none !important;
}

.sort-tab.active {
    background: #F37021;
    border-color: #F37021;
    color: #0E0D0D;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .sort-tab.active {
        border-radius: 50px;
    }

}

/* Hide the original toolbar sorter */
.toolbar-sorter.sorter {
    display: none !important;
}

.sort-tabs {
    background: #F2F2F2;
    width: fit-content;
}

@media (max-width: 768px) {
    .sort-tabs {
        flex-direction: column;
        align-items: flex-start;
        width: 50%;
    }

    .sort-tabs-container {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 5px;
        display: none !important;
    }

    .sort-tabs:hover .sort-tabs-container {
        display: flex !important;
    }
}

.product-status-messages {
    position: static;
    height: 20px;
    /* Adjust based on your message height */
    overflow: hidden;
    margin: 5px 0;
    /* display: none; */
    display: block;
}

.product-status-messages .message {
    position: absolute;
    width: 100%;
    animation: cycleMessages 3s infinite;
    opacity: 0;
    transform: translateY(100%);
}



.stock-warning {
    color: #da4242 !important;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    gap: 5px;
    align-items: center;
}

.sales-info {
    color: #4D69FF !important;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    gap: 5px;
    align-items: center;
}
.discount-info {
    color: #28A745 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    display: flex !important;
    gap: 5px !important;
    align-items: center !important;
}

@media (max-width: 768px) {

    .sales-info svg,
        .stock-warning svg,
        .sales-info.message svg,
        .discount-info svg {
            width: 12px !important;
            height: 15px !important;
        }
}


/* Remove animation for single messages */
.product-status-messages.single-message .message {
    position: static;
    animation: none;
    opacity: 1;
    transform: none;
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #DA4242;
    /* display: none; */
    /*hide it*/

    height: fit-content !important;
    display: flex;
    justify-content: start;
    align-items: start;
}

/* Only apply animations when not single-message */
.product-status-messages:not(.single-message) .message {
    position: absolute;
    width: 100%;
    animation: cycleMessages 9s infinite;
    opacity: 0;
    transform: translateY(100%);
}

.message p 
{
    margin: 0 !important
}

@keyframes cycleMessages {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

    10%,
    30% {
        opacity: 1;
        transform: translateY(0);
    }

    40% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 0;
        transform: translateY(100%);
    }
}

.rating-summary .rating-result:before,
.rating-summary .rating-result>span:before {
    font-size: 16px;
    height: 16px;
    line-height: 16px;
}

.product-item .rating-summary .rating-result:before {
    content: '\f844';
}

.product-item .rating-summary .rating-result>span:before {
    content: '\f844';
}

.stock-warning.message {
    margin: 0px;
}

.rating-summary {
    display: flex;
    align-items: center;
    gap: 5px;
}

.reviews-count {
    font-size: 12px;
    color: #666;
}

li.item.product.product-item {
    border: 1px solid #D8D8D8;
    background: #FFF;
    width: 100%;
}


li.item.product.product-item .old-price {
    margin-top: 4px;
}

.filter .block-subtitle {
    color: #0E0D0D;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 5px;
}

html:lang(en) .filter .block-subtitle {
    font-family: 'Open Sans' !important;
}

html:lang(ar) .filter .block-subtitle {
    font-family: "Almarai" !important;
}

.filter .block-subtitle span:first-child {
    color: #0E0D0D
}

ol.filterproducts.products.list.items.product-items {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    gap: 16px;
}

.product.photo.product-item-photo {
    border: unset;
}

.action.towishlist.actions-secondary::before {
    left: unset;
    right: unset;
    position: unset !important;
    top: unset;
    bottom: unset;
    transform: unset !important;
}

.am-porto-cmtb .products-grid .product-item-actions .actions-secondary {
    width: 100%;
    border: 0;
    background: transparent;
}

a.action.towishlist.actions-secondary {
    display: flex;
    justify-content: end;
    align-items: center;
    position: absolute;
    right: 0px;
    z-index: 9999;
    width: 100% !important;
    position: static;
}

.product-item-info:hover .product-item-photo>a:not(.weltpixel-quickview):before {
    opacity: 0;
}

html:lang(ar) a.action.towishlist.actions-secondary {
    right: unset;
    left: 0px;
}

.price-box.price-final_price {
    align-items: start;
}

button.action.primary {
    background: #F37021;
    border: none;
    padding: 10px 5px 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

button.action.primary:hover {
    background: #de5925e0;
    border: none;
}

.customRating {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.customRating .product-reviews-summary.short {
    width: 100%;
    display: flex;
    justify-content: end;
    background: #fff;
}

.customProductCard .price-box.price-final_price {
    flex-direction: column-reverse;
    margin: 0px;
}

body .products-grid .product-item .product-item-details .product-item-name,
.am-porto-cmtb .products-grid .product-item .product-item-inner {
    margin: 0 !important;
}


.product.details.product-item-details {
    padding: 0;
}

li.item.product.product-item {
    padding: 10px !important;
    border: 1px solid #D8D8D8 !important;
}

li.item.product.product-item::after {
    display: none !important
}



/* .products-grid .product-item .product-item-info {
  padding: 10px;
} */


.products-grid .product-item .product-item-info .price-box .price {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    vertical-align: middle;
    color: #0E0D0D;
}


.product-social-links .action.towishlist:before,
.product-addto-links .action.towishlist:before,
.block-bundle-summary .action.towishlist:before,
.product-item .action.towishlist:before,
.table-comparison .action.towishlist:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='16' viewBox='0 0 21 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.71306 1.625H4.5755L2 5.875L10.5 14.375L19 5.875L16.4436 1.625H13.2678L10.5 4.8125L7.71306 1.625Z' stroke='%23F37021' stroke-width='2'/%3E%3C/svg%3E");
}

.product-item-actions .action.tocompare {
    display: none;
}

.rating-summary {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filter-content {
    box-shadow: 0px 4px 24px 0px #0000001A;
    padding: 24px;
}

@media screen and (min-width: 992px) {
    .fixed-sidebar {
        width: 230px;
        position: fixed;
        top: 27%;
        bottom: 0px;
        padding: 12px 12px 30px !important;
        overflow-y: auto;
        background: #fff;
        z-index: 99;
        box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px
    }


    .fixed-sidebar {
        overflow-y: auto;
        /* Make sure scrolling is enabled */
        scrollbar-width: thin;
        /* For Firefox */
        scrollbar-color: #f9bd99 #f2f2f2;
        /* Thumb and track colors (Firefox) */
    }

    /* Chrome, Edge, and Safari */
    .fixed-sidebar::-webkit-scrollbar {
        width: 8px;
    }

    .fixed-sidebar::-webkit-scrollbar-track {
        background: #f2f2f2;
        border-radius: 10px;
    }

    .fixed-sidebar::-webkit-scrollbar-thumb {
        background-color: #f9bd99;
        border-radius: 10px;
        border: 2px solid #f2f2f2;
        /* Padding around thumb */
    }

    .fixed-sidebar::-webkit-scrollbar-thumb:hover {
        background-color: #e65c00;
    }

}


.filter-options-title:hover:after {
    anchor-name: none;
    background: none !important;
    color: #F37021 !important;
}

.filter-options-item {
    margin: 0px;
}

.filter-options-title[aria-expanded="true"]:after {
    rotate: 180deg;
}

.filter-options-item .filter-options-title {
    border: none;
    border-radius: 0px;
    background: transparent;
    width: 100%;
    padding: 0px;
    padding-bottom: 6px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    border-bottom: 1px solid #E8E8E8;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #202020;
}

.filter-options-content {
    background: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
}

.filter-options-item .filter-options-title:after {
    border: none;
    background: none;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5'%3E%3Cpath d='M.843.134a.68.68 0 0 0-.81.176.68.68 0 0 0 .123.757l4.498 4.044a.71.71 0 0 0 .985 0l4.498-4.044a.68.68 0 0 0 .123-.757.68.68 0 0 0-.81-.176L4.997 3.87z' fill='%23F37021'/%3E%3C/svg%3E");
    position: absolute;
    right: 0px;
    top: -1px;
}

html:lang(ar) .filter-options-item .filter-options-title:after {
    left: 0px;
    right: unset;
}

.rating-icon {
    color: #000;
    /* Orange color from your design */
    font-size: 16px;
}

.rating-value {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.reviews-count {
    font-size: 14px;
    color: #666;
}

/* Optional: Add hover state */
.rating-summary:hover {
    cursor: pointer;
}

.filter-options-item .filter-options-title {
    margin-block: 24px;
    padding-bottom: 6px;
}

.sidebar.sidebar-main {
    top: 0px;
    position: relative !important;
    z-index: 9999999999999;
}

.sidebar .custom-block {
    display: none;
}

.block-category-list+.custom-block,
.block-category-list+.custom-block+.custom-block {
    display: none;
}

@media(max-width:1200px) {
    ol.filterproducts.products.list.items.product-items {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(max-width:992px) {
    ol.filterproducts.products.list.items.product-items {
        grid-template-columns: repeat(2, 1fr);
    }
}

.product-item .customProductCard button.action.primary svg {
    margin: 0px;
    display: flex;
}

.product-item .customProductCard button.action.primary {
    width: 40px;
    height: 40px;
}

.product.name.product-item-name {
    height: 40px;
    /* Adjust based on your line-height */
    overflow: hidden;
    margin-bottom: 8px !important;
}

.product.name.product-item-name a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    text-align: start;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #202020;
    text-decoration: none;
}

/* Make product cards flex containers with consistent height */
.product-item-info {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Ensure product details section takes remaining space */
.product.details.product-item-details {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
}

/* Fix height for product name area */
.product.name.product-item-name {
    height: 40px;
    margin-bottom: 8px !important;
    overflow: hidden;
}

/* Create consistent space for status messages */
.product-status-messages {
    min-height: 20px;
    margin: 4px 0;
}

/* Push price and action buttons to bottom */
.customProductCard {
    margin-top: auto;
    padding-top: 0px;
}

/* Ensure consistent image container height */
.product.photo.product-item-photo {
    position: relative;
    padding-bottom: 100%;
    /* Creates square aspect ratio */
}

.product.photo.product-item-photo img:not(.amasty-label-image) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: fit-content;
    object-fit: contain;
}


/* Ensure rating area has consistent height */
.customRating {
    min-height: 24px;
}

/* Add these styles */
.loading-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading-mask .loader {
    background: transparent;
    z-index: 99999;
}

.loading-mask .loader img {
    width: 32px;
    height: 32px;
}

body.loading {
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .breadcrumbs .items {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .breadcrumbs .items .item {
        font-weight: 600;
        font-size: 16px;
        line-height: 100%;
        text-transform: capitalize;
    }

    .breadcrumbs .items .item:last-child {
        color: #999999;
    }

    .page-wrapper>.breadcrumbs .item:not(:last-child):after {
        margin: 0px;
        width: 22px;
    }

    .custom-category-heading {
        display: none;
    }


    .owl-theme .owl-controls {
        display: none;
    }

    #maincontent {
        margin: 0px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .category-tabs .tab-item {
        margin: 0px;
        padding: 10px 0;
    }

    .tabs-navigation-wrapper {
        padding: 0px;
    }

    .sort-tabs-container {
        display: flex;
        justify-content: flex-start;
        width: fit-content;
    }

    .category-tabs .nav-button.prev,
    .category-tabs .nav-button.next {
        display: none !important;
    }

    .tabs-container {
        overflow: auto !important;
        scrollbar-width: none;
    }

    .category-product-count {
        padding-top: 36px;
    }

    .category-product-count h3 {
        font-size: 20px;
        margin: 0px;
    }

    .tabs-navigation-wrapper.fixed {
        position: static;
        z-index: 99 !important;
        box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px
    }

    li.item.product.product-item {
        padding: 8px !important
    }

    .product-status-messages.single-message .message {
        vertical-align: unset;
        align-items: center;
    }

    .product-status-messages svg {
        overflow: visible;
    }

    .product-status-messages p {
        margin: 0px;
    }

    ol.filterproducts.products.list.items.product-items {
        gap: 21px
    }

    .products-grid .product-item .product-item-info .price-box .price {
        font-size: 14px;
        line-height: 16px;
    }

    .products.wrapper~.toolbar .limiter {
        display: flex;
        align-items: center;
    }

    .filter-content {
        margin: 20px 0;
    }

    .sidebar .custom-block {
        display: none
    }
}

.sales-info.message,
.product-status-messages:not(.single-message) .sales-info,
.product-status-messages:not(.single-message) .message p {
    margin: 0px;
    opacity: 1;
    /* transform: none; */
    font-weight: 400 !important;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    height: fit-content !important;
}

@media screen and (max-width: 767px) {
    .filter .filter-title {
        display: block;
    }



    .filter-title strong::before {
        /* content: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.1057 0.00838456H1.89429C0.848571 0.00838456 0 0.838457 0 1.86138C0 2.30576 0.162857 2.73337 0.454286 3.06875L4.88571 8.12465C5.04857 8.3175 5.14286 8.56065 5.14286 8.8038V13.5327C5.14286 14.0442 5.40857 14.5137 5.85429 14.782C6.09429 14.9245 6.36857 15 6.64286 15C6.87429 15 7.09714 14.9497 7.31143 14.8407L9.02571 14.0022C9.54 13.7507 9.85714 13.2476 9.85714 12.6859V8.79542C9.85714 8.54388 9.95143 8.30073 10.1143 8.11627L14.5457 3.06037C14.8371 2.72499 15 2.29737 15 1.85299C15 0.830073 14.1514 0 13.1057 0V0.00838456ZM13.5686 2.24707L9.13714 7.30296C8.76857 7.72219 8.57143 8.25042 8.57143 8.8038V12.6942C8.57143 12.7781 8.52857 12.8452 8.45143 12.8787L6.73714 13.7172C6.64286 13.7675 6.56571 13.7339 6.53143 13.7088C6.49714 13.6836 6.42857 13.6333 6.42857 13.5327V8.8038C6.42857 8.25042 6.23143 7.72219 5.86286 7.30296L1.43143 2.24707C1.33714 2.13807 1.28571 2.00391 1.28571 1.86138C1.28571 1.53438 1.56 1.26607 1.89429 1.26607H13.1057C13.44 1.26607 13.7143 1.53438 13.7143 1.86138C13.7143 2.00391 13.6629 2.13807 13.5686 2.24707Z" fill="white"/></svg>'); */
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .block.filter.active .filter-title strong::before {
        display: none;
    }

    .filter:not(.active) .filter-title {
        z-index: 9999;
    }

    .filter.active .filter-options {
        padding-inline: 24px;
        width: 100%;
    }

    html:lang(en) .filter-title {
        right: 0px;
        left: unset;
        width: 100%;
        border: none !important;
    }



    .brand-banners-left {
        width: 100%;
    }

    .filter:not(.active) .filter-title strong {
        width: fit-content;
        color: #fff !important;
    }
}

a.action.towishlist.actions-secondary:hover::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='16' viewBox='0 0 21 16' fill='none'%3E%3Cpath d='M7.713 1.625H4.576L2 5.875L10.5 14.375L19 5.875L16.444 1.625H13.268L10.5 4.813L7.713 1.625Z' fill='%23F37021' stroke='%23F37021' stroke-width='2' fill-rule='evenodd' clip-rule='evenodd'/%3E%3C/svg%3E") !important;
}

@media screen and (max-width: 767px) {
    .block.filter .block-content.filter-content.mageplaza-layer-disabled {
        display: none;
    }


    .block.filter.active .block-content.filter-content.mageplaza-layer-disabled {
        display: block;
    }

    .filter.active .filter-title strong {
        background: #fff;
        border-radius: unset;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        width: 98%;
        display: flex !important;
        transform: unset;
        justify-content: space-between;
        color: #5B5B5B !important;
        font-weight: 700;
        font-size: 23px;
    }

    .filter.active .filter-title {
        background-color: #fff !important;
        width: 100%;
    }

    .filter.active .filter-current+.block-actions {
        width: 100%;
        text-align: start;
        background: #fff;
        border: none;
        height: 50px;
    }

    .page-products .filter.active .filter-subtitle {
        display: none;
    }

    .filter.active .filter-current {
        width: 100%;
    }

    /* .filter.active .filter-title strong:after {
        content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5449 13.954C15.7563 14.1653 15.875 14.452 15.875 14.7509C15.875 15.0497 15.7563 15.3364 15.5449 15.5477C15.3336 15.7591 15.0469 15.8778 14.748 15.8778C14.4492 15.8778 14.1625 15.7591 13.9512 15.5477L7.99898 9.59367L2.04492 15.5459C1.83358 15.7572 1.54693 15.8759 1.24805 15.8759C0.949159 15.8759 0.662515 15.7572 0.45117 15.5459C0.239826 15.3345 0.121094 15.0479 0.121094 14.749C0.121094 14.4501 0.239826 14.1635 0.45117 13.9521L6.40523 7.99992L0.453045 2.04586C0.241701 1.83451 0.122969 1.54787 0.122969 1.24898C0.122969 0.950097 0.241701 0.663452 0.453045 0.452108C0.664389 0.240763 0.951034 0.122031 1.24992 0.122031C1.54881 0.122031 1.83545 0.240763 2.0468 0.452108L7.99898 6.40617L13.953 0.45117C14.1644 0.239826 14.451 0.121094 14.7499 0.121094C15.0488 0.121094 15.3354 0.239826 15.5468 0.45117C15.7581 0.662514 15.8769 0.949159 15.8769 1.24804C15.8769 1.54693 15.7581 1.83358 15.5468 2.04492L9.59273 7.99992L15.5449 13.954Z" fill="%234B4B4B"/></svg>');
    } */

    .filterproducts li.item[class *="product"] {
        display: flex !important;
        max-width: 46%;
    }

    ol.filterproducts.products.list.items.product-items {
        display: flex;
        flex-wrap: wrap;
    }

}

.fixed {
    position: fixed;
    top: 0;
    /* or you can adjust it based on where you want it to be */
    left: 0;
    /* Adjust to suit your needs */
    width: 200px;
    /* Keep consistent with the original width */
}

@media screen and (max-width: 767px) {
    html:lang(ar) .filter-title strong {
        right: unset;
        left: -50px;
        top: 82%;
    }
}

.block.widget .products-grid .product-item {
    width: 100% !important;
}

.brand-banners-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.brand-banners-grid {
    width: 100%;
}

.brand-banners-right {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 85%;
    justify-content: center;
}

.brand-banners-wrapper .brand-banners-grid .brand-banners-grid-item img {
    max-width: 100%;
    max-height: 40px;
}

.brand-banners-left h1 {
    color: var(--Colors-Grey-grey-400, #999);
    font-family: "Open Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 36px;
    letter-spacing: -1.92px;
    text-transform: capitalize;
    display: inline;
    margin: 0 !important;
}

.brand-banners-left span {
    color: var(--2B-Main-Colors-Primary-Colors-Black-01, #0e0d0d);
    font-family: "Open Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 36px;
    letter-spacing: -1.92px;
    text-transform: capitalize;
}

.brand-banners-left {
    /* width: 14%; */
    flex-direction: column;
    display: flex;
    gap: 8px;
}

@media screen and (max-width: 767px) {
    .brand-banners-left {
        flex-direction: row;
    }
}

.brand-banners-grid .brand-banners-grid-item {
    display: flex;
    width: 145px;
    height: 60px;
    padding: 15px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    filter: grayscale(20%);
    opacity: 0.5;
    cursor: pointer;
}

.brand-banners-grid-item:hover {
    border-radius: 6px;
    opacity: 1;
    background: #fff;
    filter: unset !important;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
}

.brand-banners-grid .owl-item {
    padding: 5px 0;
}

hr {
    border-top: 3px solid #eee !important;
}

@media (max-width: 768px) {
    .brand-banners-grid .brand-banners-grid-item {
        padding: 5px;
    }

    .brand-banners-wrapper {
        display: flex;
        flex-direction: column;
    }

    .brand-banners-right {
        width: 100%;
    }

    .brand-banners-wrapper .brand-banners-grid .brand-banners-grid-item img {
        max-width: 100%;
        max-height: 100%;
    }

    .brand-banners-left h1 {
        font-size: 20px !important;
        line-height: 28px;
        display: inline;
    }

    .brand-banners-left span {
        line-height: 28px;
        font-size: 20px !important;
    }

    .brand-banners-grid .brand-banners-grid-item {
        width: 83.27702331542969px;
        height: 34.45945739746094px;
    }
}



/* 
html:lang(en) .amlabel-position-wrapper[class^="amlabel-position-top-left-"] {
    top: -32px !important
}

html:lang(en) .amlabel-position-wrapper[class^="amlabel-position-bottom-left-"] {
    height: 75px !important
}


html:lang(ar) .amlabel-position-wrapper[class^="amlabel-position-top-right-"] {
    top: -32px !important
}

html:lang(ar) .amlabel-position-wrapper[class^="amlabel-position-bottom-left-"] {
    height: 75px !important
}

@media(max-width: 768px) {
    html:lang(en) .amlabel-position-wrapper[class^="amlabel-position-top-left-"] {
        max-width: 112px !important
    }

    html:lang(ar) .amlabel-position-wrapper[class^="amlabel-position-top-right-"] {
        max-width: 112px !important
    }
} */


.category-view .category-cms img 
{
    width: 100%;
}
.product-status-messages .message
{
    font-weight: 700 !important
}
    @media(max-width: 768px){
       .sales-info,
    .stock-warning,
    .sales-info.message,
    .discount-info {
        font-size: 10px !important;
    }
}


                    html:lang(en) #keySvg {
                        transform: rotate(180deg)
                    }

                    @media (max-width: 768px) {
                        #keySvg {
                            width: 16px;
                            height: 16px;
                        }

                        #padgeMoreDiscount {
                            font-size: 9px !important;
                        }

                        div:has(#padgeMoreDiscount) {
                            gap: 2px !important
                        }
                    }

                    .product-labels {
                        display: none;
                        flex-direction: column;
                        top: 0px;
                    }

                    html:lang(en) .product-labels {
                        right: unset;
                        left: 0px;
                    }

                    html:lang(ar) .product-labels {
                        left: unset;
                        right: 0px;
                    }

                    html:lang(en) .action.towishlist.actions-secondary::before {
                        position: absolute;
                        left: unset;
                        right: 0;
                    }

                    /* html:lang(ar) div .product-labels
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              right: 0 !important ;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              left: unset !important ;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          } */
                    html:lang(ar) .action.towishlist.actions-secondary::before {
                        position: absolute;
                        right: unset;
                        left: 0;
                    }

                    @media (max-width: 768px) {

                        /* .product-labels {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  top: 24px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            */
                        .sale-price-wishlist .product-label.sale-label {
                            font-size: 9px;
                        }
                    }

                    .product-labels .product-label {
                        height: unset;
                        line-height: unset;
                        padding: 5px;
                        border-radius: 4px;
                        font-size: 10px
                    }

                    @media (min-width: 768px) {
                        div .product-labels {
                            display: none;
                            align-items: baseline;
                            gap: 4px
                        }
                    }

                    .container .container:has(.product-slider) {
                        padding-left: 0;
                        padding-right: 0;
                    }

                    @media(max-width: 768px) {
                        .brand-banners-wrapper .brand-banners-left span {
                            font-size: 16px;
                        }

                        .brand-banners-wrapper .brand-banners-left h1 {
                            font-size: 16px;
                        }
                    }