.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;
    gap: 15px;
    margin: 5px 0;
}

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

.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: #ddd;
    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 .limiter span.limiter-text {
    display: none;
}

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

.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;
    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;
} */

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

/* 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;
    }

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

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

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

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

.sales-info {
    color: #4D69FF;
    font-size: 14px;
    font-weight: 900;
    display: flex;
    gap: 5px;
    align-items: center;
}

.product-status-messages {
    position: relative;
    height: 20px;
    overflow: hidden;
    margin: 5px 0;
}

/* 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*/
}

/* 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%);
}


@keyframes cycleMessages {

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

    50%,
    95% {
        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 {
    display: block;
    border: none;
    font-family: Open Sans;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    text-transform: capitalize;
    padding: 0px 0px 16px;
}

.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: 10px;
}

.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;
}

.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;
}

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 .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: 100%;
    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;
    }

    #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;
    }

    .sort-tabs {
        display: flex;
        flex-direction: row;
    }

    .tabs-navigation-wrapper.fixed {
        position: static;
    }

    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
    }
}