/* Custom CSS modifications */
/* Add your custom CSS rules here */

/* Amasty Mostviewed module overrides */
.amrelated-cart-message {
    background: #ee3e54 !important;
    color: #ffffff !important;
}


@media only screen and (max-width: 1024px) {
    html[lang="ar"] .amrelated-pack-item .amrelated-details {
        margin-left: initial !important;
        margin-right: 20px !important;
    }
    html .amrelated-tocart-wrapper .action.primary, html .amrelated-tocart-wrapper .btn {
        padding: 1.125em 2.4em;
    }
}


/* Make product images appear above product names in all views */
@media only screen and (min-width: 1024px) {
    .amrelated-pack-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .amrelated-pack-item .amrelated-info {
        flex-direction: column !important;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .amrelated-pack-item .amrelated-details {
        margin-left: 0 !important;
        margin-top: 15px;
        width: 100%;
        text-align: center;
    }
    
    .amrelated-pack-item .amrelated-photo-container {
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
    .amrelated-pack-item .amrelated-photo {
        display: block;
        margin: 0 auto;
    }

    .amrelated-content-wrapper .amrelated-summary-content {
        width: 285px !important;
    }

    .amrelated-summary-content .main.price {
        font-size: 40px !important;
    }
    .amrelated-content-wrapper {
        align-items: center !important;
    }
}

.amrelated-pack-list.-wide .amrelated-pack-items .amrelated-background {
    background: #ffe6e9 !important;
}

.amrelated-content-wrapper .amrelated-summary-content .amrelated-price-wrapper {
    border: 3px dashed #ffe6e9 !important;
}

.amrelated-pack-wrapper .amrelated-content-wrapper .amrelated-equal {
    color: #000 !important;
}

.amrelated-pack-wrapper .amrelated-content-wrapper .amrelated-plus, .amrelated-pack-wrapper .amrelated-content-wrapper .amrelated-equal {
    font-size: 40px !important;
}

.amrelated-pack-wrapper .amrelated-content-wrapper .amrelated-plus {
    color: #000 !important;
}


.amrelated-photo-container .amrelated-checkbox + .amrelated-label {
    border: 1px solid #ee3e54;
}

.amrelated-photo-container .amrelated-checkbox:checked + .amrelated-label {
    background: #ee3e54 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMmEyIDIgMCAwIDEgMi0yaDE2YTIgMiAwIDAgMSAyIDJ2MTZhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJWMnoiIGZpbGw9IiNlZTNlNTQiLz48cGF0aCBkPSJNNSAxMGw0LjUgNEwxNSA3IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) no-repeat center !important;
}

.amrelated-photo-container {
    height: 150px !important;
}

/* Page Loader Styles */
.loading-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 9999;
}

.loading-mask .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

html[lang="ar"] .loading-mask .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

/* Remove default Porto loader icon */
.loading-mask .loader:before {
    display: none !important;
}

.loading-mask .loader img {
    max-width: 150px;
    width: 150px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.ln_overlay img, .loading-mask .loader>img {
    max-width: 150px !important;
}
/* Mobile Footer Accordion Styles */
@media only screen and (max-width: 767px) {
    .footer-middle .row > div {
        margin-bottom: 0;
    }
    
    .footer-middle .widget-title {
        position: relative;
        cursor: pointer;
        padding: 10px 0;
        margin: 0;
        border-bottom: 1px solid #ddd;
    }
    
    .footer-middle .widget-title:after {
        content: '+';
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        color: #ee3e54;
    }
    
    .footer-middle .widget-title.active:after {
        content: '-';
    }
    
    .footer-middle .widget .textwidget,
    .footer-middle .widget .custom-html-widget,
    .footer-middle .widget .links {
        display: none;
        padding: 15px 0;
    }
    
    .footer-middle .widget.active .textwidget,
    .footer-middle .widget.active .custom-html-widget,
    .footer-middle .widget.active .links {
        display: block;
    }

    /* عناوينا section styles */
    .footer-middle .row > div:nth-child(4) h4:has(span[style*="color: #ee3e54"]):nth-of-type(3) {
        cursor: pointer;
        position: relative;
        padding: 10px 0;
        margin: 0 !important;
        border-bottom: 1px solid #ddd;
    }

    .footer-middle .row > div:nth-child(4) h4:has(span[style*="color: #ee3e54"]):nth-of-type(3):after {
        content: '+';
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        color: #ee3e54;
    }

    .footer-middle .row > div:nth-child(4) h4.active:has(span[style*="color: #ee3e54"]):nth-of-type(3):after {
        content: '-';
    }

    html[lang="ar"] .footer-middle .row > div:nth-child(4) h4:has(span[style*="color: #ee3e54"]):nth-of-type(3):after {
        right: auto;
        left: 15px;
    }

    .footer-middle .row > div:nth-child(4) h4:has(span[style*="color: #ee3e54"]):nth-of-type(3) ~ p {
        padding: 10px 0;
        margin: 0;
    }

    /* Improve spacing and readability */
    .footer-middle ul.links li {
        margin-bottom: 10px;
    }
    
    .footer-middle .widget {
        margin-bottom: 0;
    }
    
    /* Hide desktop elements */
    .footer-middle .widget:not(.active) .textwidget,
    .footer-middle .widget:not(.active) .custom-html-widget,
    .footer-middle .widget:not(.active) .links {
        display: none;
    }
}


@media only screen and (max-width: 1024px) {
    .sticky-product {
        display: none !important;
    }
}

/* RTL Support for Footer Accordion */
html[lang="ar"] .footer-middle .widget-title:after {
    right: auto;
    left: 15px;
}

/* Social Media Icons Styling */
.enjoy-with p img,
.enjoy-with p a img {
    margin-right: 15px !important;
}
.enjoy-with p a:last-child img {
    margin-right: 0 !important;
}

/* RTL Support for Social Media Icons */
html[lang="ar"] .enjoy-with p img,
html[lang="ar"] .enjoy-with p a img {
    margin-right: 0 !important;
    margin-left: 15px !important;
    float: right;
}
html[lang="ar"] .enjoy-with p a:last-child img {
    margin-left: 0 !important;
}


@media (max-width: 768px) {
    .column.main {
        display: flex;
        flex-direction: column;
    }

    .product-info-main {
        order: 2 !important;
        width: 100%;
        margin-top: 20px;
    }

    .product.media {
        order: 1 !important;
        width: 100%;
        margin-bottom: 20px;
    }

    /* Adjust image and gallery size */

    .fotorama__stage__shaft {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.block.upsell button.action.tocart.primary{
    height: unset !important;
    width: unset !important;
    padding: 0 10px !important;
}


html[lang="ar"] .cart-summary .checkout-methods-items .action.primary.checkout::after {
    content: '\e8c4'; /* Retain the icon */
    font-family: 'porto-icons';
    padding-left: 1rem;
    transform: scaleX(-1); /* Flip the arrow horizontally */
    display: inline-block; /* Ensure transform works properly */
}



.mp-discount-label-wrap {
    color: #ee3e54 !important;
}

.customer-account-create .account-social-login, .customer-account-login .account-social-login {
    display: block !important;
}

/* Improve cookie notice styling */
.cookie-notice-container {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 15px;
    color: #fff;
    text-align: center;
    transition: all 0.3s ease;
}

.message.global.cookie {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #ddd;
    color: #333;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 15px;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
}

/* Prevent black screen flash */
.cookie-status-message {
    display: none;
}

.cookie-notice-type-info {
    opacity: 0.95;
}

.header-row .header-left {
    padding: 5px 0 !important;
}

/* Fix header layout shift */
.header-main {
    min-height: 80px;
    contain: layout size;
}

.header-container {
    contain: layout size;
}

/* Prevent image layout shift */
.porto-top-strip {
    contain: layout size paint;
    display: block !important;
}

.logo img {
    width: 115px !important;
}

.header-right .minicart-overlay {
    height: calc(100vh - 60px) !important;
}

.header-right .minicart-wrapper.minicart-offcanvas .block-minicart {
    height: calc(100vh - 100px) !important;
}

/* Mega Menu - Single Row Layout (responsive font + spacing) */
@media (min-width: 992px) {
    /* Force nav to use full available width */
    .layout-1220 .navigation.sw-megamenu {
        max-width: 100% !important;
    }

    /* Responsive font-size: 12px minimum, scales up to 14px on large screens */
    .page-header.type1 .navigation.sw-megamenu:not(.side-megamenu) .level0 .level-top {
        font-size: clamp(12px, 0.82vw, 14px) !important;
    }

    /* Responsive spacing between items (LTR fallback) */
    .navigation.sw-megamenu li.level0 {
        margin-right: clamp(4px, 0.5vw, 20px) !important;
    }

    /* RTL override for Arabic */
    html[lang="ar"] .navigation.sw-megamenu li.level0 {
        margin-right: 0 !important;
        margin-left: clamp(4px, 0.5vw, 20px) !important;
    }

    /* Scale down menu thumbnail icons proportionally */
    .navigation.sw-megamenu li.level0 > a .menu-thumb-icon {
        max-height: clamp(16px, 1.2vw, 22px);
        width: auto;
    }
}

/* Force single row on 1400px+ desktops (main header only, not sticky) */
@media (min-width: 1400px) {
    .page-header:not(.sticky-header) .navigation.sw-megamenu > ul {
        flex-wrap: nowrap !important;
        justify-content: center !important;
    }

    .page-header:not(.sticky-header) .navigation.sw-megamenu:not(.side-megamenu) .level0 .level-top {
        white-space: nowrap;
    }
}

/* Sticky Header Navigation */
@media (max-width: 1024px) {
    header.page-header.sticky-header nav.navigation.sw-megamenu ul {
        max-width: 550px;
    }
}


@media only screen and (max-width: 768px) {
    .fotorama__stage__shaft.fotorama__grab {
        max-width: 270px !important;
    }
    html[lang=ar] .loading-mask .loader {
        left: 50%;
    }

    .loading-mask .loader {
        left: 50%;
    }
    .gallery-placeholder .fotorama__thumb {
        max-height: 80px !important;
        max-width: 100px !important;
    }
}

@media only screen and (max-width: 345px) {

    html[lang=ar] .loading-mask .loader {
        left: 50%;
    }
}

.opc-progress-bar-item._active:before {
    background: #ee3e54 !important;
}

.opc-progress-bar-item._active>span:before {
    background: #ee3e54 !important;
}


@media only screen and (max-width: 429px) {
    .layout-1220 .block.category.event, .layout-1220 .footer.content, .layout-1220 .header.content, .layout-1220 .navigation, .layout-1220 .page-main, .layout-1220 .page-wrapper>.breadcrumbs >ul, .layout-1220 .page-wrapper>.page-bottom, .layout-1220 .page-wrapper>.widget, .layout-1220 .top-container, .layout-1220 .container, .container, .page-header.type15 .header-main .header.content {
        max-width: 99% !important;
    }

    .fotorama__stage__shaft.fotorama__grab {
        max-width: 235px !important;
    }
}


html[lang="en"] .catalog-product-view .product.media,
html[lang="en"] .catalog-product-view .product-info-main {
    display: inline-block;
    vertical-align: top;
}

html[lang="en"] .catalog-product-view .product-info-main {
    padding-left: 2%
}

html .phone-verification .action.primary, html .phone-verification .btn {
    line-height: 0;
}

.actions-toolbar:before, .actions-toolbar:after {
    display: none !important;
}

form#phone-verification-form .primary{
    font-size: 12px;
    padding: 0;
}

.block.social-login-authentication-channel.account-social-login a.btn.btn-block.btn-social.btn-facebook {
    font-size: 9px !important;
}

.block.social-login-authentication-channel.account-social-login a.btn.btn-block.btn-social.btn-google {
    font-size: 9px !important;
}

.sticky-header .menu-thumb-icon, .sticky-header .cat-label{
    display: none;
}

.fotorama__nav-wrap .fotorama_horizontal_ratio .fotorama__img {
    max-width: 100% !important;
}


html[lang="ar"] .action.primary, html[lang="ar"] .btn {
    letter-spacing: 0 !important;
}

@media (min-width: 1024px) {
    div#description {
        max-width: 1600px !important;
        margin: 0 auto;
    }
}


 .minicart-wrapper .minicart-items {
     display: flex;
 }


/* Product Item Name - Two Lines Display */
/* Standard minicart and Amasty checkout compatibility */
.minicart-wrapper .minicart-items .product-item-name {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.3 !important;
    max-height: 2.6em !important; /* 2 lines * 1.3 line-height */
    word-wrap: break-word !important;
    hyphens: auto !important;
    white-space: normal !important; /* Ensure text can wrap */
}

/* Ensure the name block has proper width and flexibility (header minicart only) */
.minicart-wrapper .minicart-items .product-item-name-block {
    max-width: 70% !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important; /* Allow shrinking */
}

/* Increase product image size in minicart - Consolidated and cleaned up */

.minicart-wrapper .minicart-items .product-image-container[style],
.minicart-wrapper .minicart-items .product-image-container {
    width: 70px !important;
    height: 70px !important;
    flex-shrink: 0 !important;
    margin-right: 15px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    display: inline-block !important;
    padding: 0 !important;
}

.minicart-wrapper .product-item-inner {
    border-bottom: none !important;
}

.abs-margin-for-blocks-and-widgets-desktop, .page-main .block, .customer-review .product-details {
    margin-bottom: 0 !important;
}


.minicart-wrapper .minicart-items .product-image-container[style] img,
.minicart-wrapper .minicart-items .product-image-container img {
    width: 70px !important;
    height: 70px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    min-width: 70px !important;
    min-height: 70px !important;
}

/* RTL support for image margins */

html[lang="ar"] .minicart-wrapper .minicart-items .product-image-container[style],
html[lang="ar"] .minicart-wrapper .minicart-items .product-image-container {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

/* Ensure subtotal stays aligned to the right (header minicart only) */
.minicart-wrapper .product-item .subtotal {
    display: block !important; /* Override table-cell */
    text-align: right !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
    align-self: flex-start !important;
}


/* Mobile adjustments for product name */
@media only screen and (max-width: 768px) {
    .minicart-wrapper .minicart-items .product-item-name-block {
        max-width: 60% !important; /* More space on mobile */
    }
    
    .minicart-wrapper .minicart-items .product-item-name {
        font-size: 13px !important;
        line-height: 1.2 !important;
        max-height: 2.4em !important; /* 2 lines * 1.2 line-height */
    }
    
    /* Mobile image size adjustments - Smaller for mobile */
    .minicart-wrapper .minicart-items .product-image-container[style],
    .minicart-wrapper .minicart-items .product-image-container {
        width: 60px !important;
        height: 60px !important;
        margin-right: 12px !important;
        min-width: 60px !important;
        min-height: 60px !important;
    }
    
    .minicart-wrapper .minicart-items .product-image-container[style] img,
    .minicart-wrapper .minicart-items .product-image-container img {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
    }
    
    /* RTL mobile margins */
    html[lang="ar"] .minicart-wrapper .minicart-items .product-image-container[style],
    html[lang="ar"] .minicart-wrapper .minicart-items .product-image-container {
        margin-right: 0 !important;
        margin-left: 12px !important;
    }
}



.minicart-wrapper .minicart-items .product-item-name-block {
    max-width: 70% !important;
}

/** Success Page */

html[lang="ar"] thead .col {
    text-align: right;
}

html[lang="ar"] th.col.qty {
    text-align:right !important;
}

/* Fix Order Items Table Overflow on iPad/Tablet */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .table-wrapper.order-items {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .data.table.table-order-items {
        width: 100% !important;
        table-layout: fixed !important;
        min-width: 650px !important;
    }
    
    .data.table.table-order-items .col.name {
        width: 35% !important;
        max-width: 35% !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        white-space: normal !important;
    }
    
    .data.table.table-order-items .col.sku {
        width: 15% !important;
        max-width: 15% !important;
        word-wrap: break-word !important;
        white-space: normal !important;
    }
    
    .data.table.table-order-items .col.price {
        width: 15% !important;
        max-width: 15% !important;
    }
    
    .data.table.table-order-items .col.qty {
        width: 15% !important;
        max-width: 15% !important;
    }
    
    .data.table.table-order-items .col.subtotal {
        width: 20% !important;
        max-width: 20% !important;
    }
    
    .data.table.table-order-items .product-item-name {
        font-size: 14px !important;
        line-height: 1.3 !important;
        margin-bottom: 5px !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
    }
    
    /* RTL specific adjustments */
    html[lang="ar"] .data.table.table-order-items .col.name {
        text-align: right !important;
        padding-right: 10px !important;
    }
    
    html[lang="ar"] .data.table.table-order-items .col.price,
    html[lang="ar"] .data.table.table-order-items .col.subtotal {
        text-align: center !important;
    }
    
    html[lang="ar"] .data.table.table-order-items .col.qty {
        text-align: center !important;
    }
}

/* Additional fixes for smaller tablets */
@media only screen and (min-width: 768px) and (max-width: 900px) {
    .data.table.table-order-items {
        font-size: 13px !important;
    }
    
    .data.table.table-order-items .product-item-name {
        font-size: 13px !important;
    }
    
    .data.table.table-order-items th,
    .data.table.table-order-items td {
        padding: 8px 5px !important;
    }

    .abs-incl-excl-tax .price-including-tax, .abs-incl-excl-tax .price-excluding-tax, .paypal-review .table-paypal-review-items .col.price .price-including-tax, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax, .order-details-items .col.price .price-including-tax, .order-details-items .col.price .price-excluding-tax, .order-details-items .col.subtotal .price-including-tax, .order-details-items .col.subtotal .price-excluding-tax {
        font-size: 0.9rem !important;
    }
}

/* Mobile specific table fixes */
@media only screen and (max-width: 767px) {
    .data.table.table-order-items .product-item-name {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        white-space: normal !important;
    }
}

/* hotfix cart and checkout */


@media only screen and (max-width: 767px) {
    .header-right .minicart-wrapper.minicart-offcanvas .block-minicart {
        height: calc(100vh) !important;
    }
    

    .minicart-offcanvas.minicart-wrapper .product .actions > .secondary {
        left: 25px !important;
    }
    
    /* Fix minicart items to display vertically on mobile */
    .minicart-items {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }
    
    .minicart-items .item.product.product-item {
        width: 100% !important;
        display: block !important;
        margin-bottom: 15px !important;
        border-bottom: 1px solid #f0f0f0 !important;
        padding-bottom: 15px !important;
    }
    
    .minicart-items .item.product.product-item:last-child {
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }
    
    /* Ensure product inner container is properly laid out */
    .minicart-items .product {
        display: flex !important;
        align-items: flex-start !important;
        width: 100% !important;
    }
    
    .minicart-items .product-item-photo {
        flex-shrink: 0 !important;
        margin-right: 12px !important;
    }
    
    html[lang="ar"] .minicart-items .product-item-photo {
        margin-right: 0 !important;
        margin-left: 12px !important;
    }
    
    .minicart-items .product-item-details {
        flex: 1 !important;
        min-width: 0 !important;
    }
}

a.weltpixel-quickview.weltpixel_quickview_button_v2 {
    display: none !important;
}

/* hotfix cart page */

.checkout-cart-index .amrelated-cart-bundle {
    width: 100% !important;
}

.checkout-cart-index .product-item-info .product-item-details .product-item-actions .tocart {
    padding: 0.225rem !important;
}   

.checkout-cart-index .product-item-info .product-item-details .product-item-actions .actions-secondary.towishlist {
     margin-left: 5px
}

.checkout-cart-index .product-item-info .product-item-details .product-item-actions .actions-secondary.tocompare {
    margin-right: 9px;
}

/* Product page mobile view enhancements */
@media only screen and (max-width: 767px) {
    .catalog-product-view .box-tocart .action.tocart {
        height: 3rem;
        padding: 0 1em;
    }

    .catalog-product-view .product-addto-links .action.towishlist {
        margin-right: 14px;
        margin-left: 5px;
    }
}


/* Product page mobile view enhancements */
@media only screen and (min-width: 767px) {
    .checkout-cart-index .block.crosssell {
        width: 100% !important;
        padding: 0 !important;
    }
    
    .checkout-cart-index .block.crosssell .products-grid .product-item {
        width: 13% !important;
    }
}

@media only screen and (max-width: 767px) {
    .block.crosssell .products-grid .product-item {
        width: calc(42.333333%) !important;
    }
}

/* ENGLISH STORE ONLY FIXES */

/* Fix RTL direction issues affecting English store */
html[lang="en"] .bundle-save-badge {
    direction: ltr !important;
}

html[lang="en"] .bundle-total-value-mobile {
    direction: ltr !important;
}

html[lang="en"] .bundle-product-discount-bottom {
    direction: ltr !important;
}

html[lang="en"] .bundle-discount-amount {
    direction: ltr !important;
}

html[lang="en"] .bundle-save-total {
    direction: ltr !important;
}

html[lang="en"] .bundle-product-save {
    direction: ltr !important;
}

html[lang="en"] .bonline-description-content {
    text-align: left !important;
    direction: ltr !important;
}

html[lang="en"] .rating-stars {
    direction: ltr !important;
}

/* Fix English crosssell 7-column grid layout */
@media only screen and (min-width: 1200px) {
    /* Container fixes */
    html[lang="en"] .block.crosssell .products-grid,
    html[lang="en"] .products-grid.products-crosssell {
        width: 100% !important;
        overflow: hidden !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    

    
    html[lang="en"] .block.crosssell .products-grid .product-item,
    html[lang="en"] .products-grid.products-crosssell .product-item,
    html[lang="en"] .products-grid.columns7.products-crosssell .product-item {
        width: 13.51% !important; /* Fallback for older browsers */
        width: calc(100% / 7 - 0.69%) !important; /* 7 columns - exact calculation */
        margin-right: 0 !important;
        margin-left: 0.6% !important;
        float: left !important;
        display: inline-block !important;
        box-sizing: border-box !important;
    }
    
    html[lang="en"] .block.crosssell .products-grid .product-item:nth-child(7n),
    html[lang="en"] .products-grid.products-crosssell .product-item:nth-child(7n),
    html[lang="en"] .products-grid.columns7.products-crosssell .product-item:nth-child(7n) {
        margin-right: 0 !important;
    }
    
    /* Clear fix after every 7 items */
    html[lang="en"] .block.crosssell .products-grid .product-item:nth-child(7n)::after,
    html[lang="en"] .products-grid.products-crosssell .product-item:nth-child(7n)::after {
        content: "";
        display: table;
        clear: both;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    html[lang="en"] .block.crosssell .products-grid .product-item,
    html[lang="en"] .products-grid.products-crosssell .product-item {
        width: 18.8% !important; /* 5 columns - adjusted for perfect fit */
        margin-right: 1% !important;
        float: left !important;
        box-sizing: border-box !important;
    }
    
    html[lang="en"] .block.crosssell .products-grid .product-item:nth-child(5n),
    html[lang="en"] .products-grid.products-crosssell .product-item:nth-child(5n) {
        margin-right: 0 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    html[lang="en"] .block.crosssell .products-grid .product-item,
    html[lang="en"] .products-grid.products-crosssell .product-item {
        width: 32% !important; /* 3 columns */
        margin-right: 2% !important;
        float: left !important;
        box-sizing: border-box !important;
    }
    
    html[lang="en"] .block.crosssell .products-grid .product-item:nth-child(3n),
    html[lang="en"] .products-grid.products-crosssell .product-item:nth-child(3n) {
        margin-right: 0 !important;
    }
}

/* Fix English crosssell height issues */
html[lang="en"] .block.crosssell .products-grid .product-item .product-item-info,
html[lang="en"] .products-grid.products-crosssell .product-item .product-item-info {
    min-height: auto !important;
    max-height: 320px !important;
    height: auto !important;
    width: 100% !important;
}


html[lang="en"] .products-grid.products-crosssell .price-box.price-final_price {
    text-align: center !important;
}

html[lang="en"] .block.crosssell .product-item-details,
html[lang="en"] .products-grid.products-crosssell .product-item-details {
    position: static !important;
    padding: 10px !important;
    height: auto !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    direction: ltr !important;
    text-align: left !important;
}

html[lang="en"] .block.crosssell .product-item-name .product-item-link,
html[lang="en"] .products-grid.products-crosssell .product-item-name .product-item-link {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.3 !important;
    font-size: 13px !important;
}

html[lang="en"] .block.crosssell .product-item-actions,
html[lang="en"] .products-grid.products-crosssell .product-item-actions {
    margin: 8px 0 0 0 !important;
    height: auto !important;
}

@media only screen and (min-width: 767px) {
    html[lang="en"] .block.crosssell .product-item,
    html[lang="en"] .products-grid.products-crosssell .product-item {
        height: 290px !important;
        overflow: hidden !important;
    }
}

/* General English direction enforcement */
html[lang="en"] .block-content {
    direction: ltr !important;
}

html[lang="en"] .product-item-name {
    direction: ltr !important;
    text-align: left !important;
}

html[lang="en"] .price-box {
    direction: ltr !important;
    text-align: center !important;
}


html[lang="en"] .checkout-cart-index .product-item-info .product-item-details .product-item-actions .actions-secondary.tocompare {
    margin-right: 0 !important;
    margin-left: 9px !important;
}

html[lang="en"] .checkout-cart-index .product-item-info .product-item-details .product-item-actions .actions-secondary.towishlist {
    margin-left: 0 !important;
    margin-right: 5px !important;
}

html[lang="en"] .checkout-cart-index button.action.tocart.primary {
    background: #ee3e54 !important;
    color: #fff !important;
    border-radius: 0px !important;
}

html[lang="en"] .bonline-attributes-table th, html[lang="en"] .bonline-attributes-table td {
    text-align: left !important;
}

html[lang="ar"] .product-info-main .product-reviews-summary .reviews-actions a:first-child {
    padding-left: 10px !important;
    padding-right: 0 !important;
}

.paypal.product-page.paypal-logo.braintree-paypal-logo.oneclick-container {display: none !important;}

.whatsapp-button {
    color: white !important;
}

html[lang="en"] .catalog-product-view .price-box {
    direction: ltr !important;
    text-align: left !important;
}

.product-info-main .product-reviews-summary .rating-summary .rating-result:before, .product-info-main .product-reviews-summary .rating-summary .rating-result > span:before {
    font-size: 15px;
    line-height: 15px;
    height: 15px;
    color: #ffc600;
}

.product-item .rating-summary .rating-result {
    width: 72px !important;
}

/* Override gray stars - make category page stars gold when there's a rating */
.product-item .rating-summary .rating-result > span:before {
    color: #ffc600 !important;
    font-size: 13.2px;
    letter-spacing: .1em;
}

.product-item .rating-summary .rating-result:before {
    color: rgb(0 0 0 / .16);
    font-size: 13.2px;
    letter-spacing: .1em;
}

.product-item .product-reviews-summary .reviews-actions {
    display: inline-block;
    margin-left: 8px;
    text-transform: lowercase;
    font-size: 1em;
}

.product-item-info .product-reviews-summary {
    display: flex !important;
    height: initial !important;
    justify-content: center !important;
}

 

  .am-porto-cmtb .mk-brands-container .owl-item {
    width: 250px !important;
}


div#amslider_id9990 {
    max-width: 1200px !important;
}

.catalog-product-view .block-minicart .product-item-name {
    max-width: 200px;
}

.catalog-product-view .block-minicart li.item.product.product-item {
    max-height: 150px;
}

.catalog-product-view .block-minicart .minicart-items .product-item-details {
    align-items: flex-start !important;
}

/* Ensure custom product labels overlay the main product image correctly */
.catalog-product-view .product.media {
    position: relative;
}

.bonlineco-product-labels-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.bonlineco-product-labels-container .bonlineco-product-label {
    pointer-events: auto;
}
.toolbar.sticky {
    z-index: 20 !important;
}


html[lang="en"] .message.notice.paymob-pricing-notice div{
    padding-right: 23px;
}

html[lang="en"] .message.notice > *:first-child:before { 
    right: 0;
    left: initial !important;
}

/* Mobile - Custom account icon for logged-in users only */
/* Note: a.my-account[href*="customer/account"] only exists when user is logged in */
@media (max-width: 991px) {
    /* Hide porto icon for logged-in users' account link */
    a.my-account[href*="customer/account"] i.porto-icon-user-2 {
        display: none !important;
    }
    
    /* Show custom icon for logged-in users' account link */
    a.my-account[href*="customer/account"]::before {
        content: '' !important;
        display: inline-block !important;
        width: 24px !important;
        height: 24px !important;
        background-image: url('../images/account-filled-icon.png') !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        vertical-align: middle !important;
    }
}