/* 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: 46%;
    top: 50%;
    transform: translate(-50%, -50%);
}

html[lang="ar"] .loading-mask .loader {
    position: absolute;
    left: 54%;
    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; /* Increased to 300px */
    width: 150px; /* Force the width */
    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;
}

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

    .loading-mask .loader {
        left: 33%;
    }
    .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: 74%;
    }
}

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

/* Always show discount code section in checkout */
.payment-option._collapsible.opc-payment-additional.discount-code {
    display: block !important;
}

.payment-option._collapsible.opc-payment-additional.discount-code .payment-option-content {
    display: block !important;
}

.payment-option._collapsible.opc-payment-additional.discount-code .payment-option-title {
    cursor: default;
}

.payment-option._collapsible.opc-payment-additional.discount-code .payment-option-title .action-toggle:after {
    display: none;
}

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

.field[name="shippingAddress.postcode"] {
    display:none;
}

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

.details-qty.amcheckout-qty label {
    margin-left: 10px;
}

/* RTL adjustments for shipping table */
html[lang="ar"] .amcheckout-shipping-methods .col-price {
    text-align: center !important;
}

html[lang="ar"] .amcheckout-shipping-methods .col-carrier {
    text-align: center !important;
}

tr.row.amcheckout-method .col {
    -webkit-flex-grow: unset !important;
    flex-grow: unset !important;
}

.amcheckout-method .col-carrier {
    min-width: 55% !important;
}

.amcheckout-method .col-method {
    min-width: 20% !important;
}

.amcheckout-method .col-method:first-child{
    min-width: 5% !important;
}

img.payment-icon {
    max-width: 200px !important;
}

button.action.primary.checkout.amasty {
    line-height: 0;
    font-size: 15px;
    padding: 15px;
    height: 20px;
    border-radius: 5px;
}


html[lang="en"] .checkout-payment-method .payment-method-title label {
    font-size: 12px !important;
}

html[lang="en"] .details-qty.amcheckout-qty label {
    margin-right: 10px;
}

html[lang="ar"] .amcheckout-wrapper tr.totals.sub .mark{
    text-align: right;
}

html[lang="ar"] .amcheckout-wrapper tr.totals.shipping.incl .mark{
    text-align: right;
}

html[lang="ar"] .amcheckout-wrapper tr.grand.totals .mark{
    text-align: right;
}

.payment-method-content {
    display: none !important;
}

/* Geidea Payment Method - Mobile Layout */
@media only screen and (max-width: 768px) {
    .payment-method.geidea-payment .payment-method-title.field.choice {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 15px 10px !important;
        position: relative;
    }

    html[lang="ar"] .amcheckout-method .col-carrier {
        min-width: 45% !important;
    }
    
    .payment-method.geidea-payment .payment-method-title.field.choice input[type="radio"] {
        position: absolute !important;
        top: 10px !important;
        left: 10px !important;
        margin: 0 !important;
    }
    
    .payment-method.geidea-payment .payment-method-title.field.choice .payment-icon {
        order: 1 !important;
        max-width: 150px !important;
        max-height: 60px !important;
        width: auto !important;
        height: auto !important;
        margin: 5px 0 10px 0 !important;
        display: block !important;
    }
    
    .payment-method.geidea-payment .payment-method-title.field.choice .label {
        order: 2 !important;
        margin: 0 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #333 !important;
        line-height: 1.4 !important;
        text-align: center !important;
        width: 100% !important;
        display: block !important;
    }
    
    .payment-method.geidea-payment .payment-method-title.field.choice .label span {
        display: block !important;
    }
    
    /* RTL Support for mobile */
    html[lang="ar"] .payment-method.geidea-payment .payment-method-title.field.choice input[type="radio"] {
        left: auto !important;
        right: 19px !important;
    }

    .checkout-payment-method .payment-methods {
        margin: 0 !important;
    }

    .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-3columns .shipping-address-item, .checkout-index-index .opc-wrapper.am-opc-wrapper.layout-2-3-columns .shipping-address-item {
        width: 100%;
    }

    .checkout-index-index .opc-wrapper.am-opc-wrapper .checkout-payment-method .payment-methods .step-title {
        border-bottom: unset !important;
    }

    .checkout-index-index .checkout-header {
        width: 100%;
    }


    .minicart-items {
        display: flex;
    }

    .checkout-index-index .checkout-header .description {
        padding-bottom: 10px !important;
    }

    .checkout-index-index .am-checkout {
        padding: 15px !important;
    }   
}

/* Product Item Name - Two Lines Display */
/* Standard minicart and Amasty checkout compatibility */
.minicart-items .product-item-name,
.am-checkout .minicart-items .product-item-name,
.checkout-index-index .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 */
}

/* Override Porto theme's table-cell display for proper flexbox layout */
.opc-block-summary .product-item .product-item-name-block,
.am-checkout .opc-block-summary .product-item .product-item-name-block,
.checkout-index-index .block.items-in-cart .product-item .product-item-name-block {
    display: block !important; /* Override table-cell */
    vertical-align: top !important;
}

/* Ensure the product item inner uses flexbox for better control */
.opc-block-summary .product-item .product-item-inner,
.am-checkout .product-item .product-item-inner,
.checkout-index-index .block.items-in-cart .product-item .product-item-inner {
    display: flex !important;
    align-items: flex-start !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
}

/* Ensure the name block has proper width and flexibility */
.minicart-items .product-item-name-block,
.am-checkout .minicart-items .product-item-name-block,
.checkout-index-index .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 */

.am-checkout .minicart-items .product-image-container[style],
.checkout-index-index .minicart-items .product-image-container[style],
.minicart-items .product-image-container,
.am-checkout .minicart-items .product-image-container,
.checkout-index-index .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;
}

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


.am-checkout .minicart-items .product-image-container[style] img,
.checkout-index-index .minicart-items .product-image-container[style] img,
.minicart-items .product-image-container img,
.am-checkout .minicart-items .product-image-container img,
.checkout-index-index .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"] .am-checkout .minicart-items .product-image-container[style],
html[lang="ar"] .checkout-index-index .minicart-items .product-image-container[style],
html[lang="ar"] .am-checkout .minicart-items .product-image-container,
html[lang="ar"] .checkout-index-index .minicart-items .product-image-container {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

/* Ensure subtotal stays aligned to the right */
.opc-block-summary .product-item .subtotal,
.am-checkout .product-item .subtotal,
.checkout-index-index .block.items-in-cart .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;
}

/* Amasty specific adjustments for their checkout layout */
.checkout-index-index .am-opc-wrapper .block.items-in-cart {
    .product-item-name {
        font-size: 14px !important;
        font-weight: 500 !important;
    }
}

/* Mobile adjustments for product name */
@media only screen and (max-width: 768px) {
    .minicart-items .product-item-name-block,
    .am-checkout .minicart-items .product-item-name-block,
    .checkout-index-index .minicart-items .product-item-name-block {
        max-width: 60% !important; /* More space on mobile */
    }
    
    .minicart-items .product-item-name,
    .am-checkout .minicart-items .product-item-name,
    .checkout-index-index .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 */
    .am-checkout .minicart-items .product-image-container[style],
    .am-checkout .minicart-items .product-image-container,
    .checkout-index-index .minicart-items .product-image-container {
        width: 60px !important;
        height: 60px !important;
        margin-right: 12px !important;
        min-width: 60px !important;
        min-height: 60px !important;
    }
    
    .am-checkout .minicart-items .product-image-container[style] img,
    .checkout-index-index .minicart-items .product-image-container[style] img,
    .am-checkout .minicart-items .product-image-container img,
    .checkout-index-index .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-items .product-image-container[style],
    html[lang="ar"] .am-checkout .minicart-items .product-image-container[style],
    html[lang="ar"] .checkout-index-index .minicart-items .product-image-container[style],
    html[lang="ar"] .minicart-items .product-image-container,
    html[lang="ar"] .am-checkout .minicart-items .product-image-container,
    html[lang="ar"] .checkout-index-index .minicart-items .product-image-container {
        margin-right: 0 !important;
        margin-left: 12px !important;
    }
    
    /* Amasty mobile override - respect their flex-direction: column */
    .am-checkout .product-item .product-item-inner {
        flex-direction: column !important;
    }
    
    .am-checkout .product-item .product-item-name-block {
        max-width: 100% !important;
        margin-bottom: 10px !important;
    }
    
    .am-checkout .product-item .subtotal {
        margin-left: 0 !important;
        text-align: left !important;
    }
}


html[lang="en"] .checkout-index-index .opc-block-summary .minicart-items .product-item-details {
    padding-left: 0px !important;
}

.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;
    }
    
    /* Fix Amasty Checkout Order Summary - Mobile Layout */
    .checkout-index-index .opc-block-summary .block.items-in-cart .minicart-items {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }
    
    .checkout-index-index .opc-block-summary .block.items-in-cart .minicart-items .product-item {
        width: 100% !important;
        display: block !important;
        margin-bottom: 15px !important;
        border-bottom: 1px solid #f0f0f0 !important;
        padding-bottom: 15px !important;
    }
    
    .checkout-index-index .opc-block-summary .block.items-in-cart .minicart-items .product-item:last-child {
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }
    
    /* Fix Amasty checkout product layout */
    .checkout-index-index .opc-block-summary .block.items-in-cart .product {
        display: flex !important;
        align-items: flex-start !important;
        width: 100% !important;
        position: relative !important;
    }
    
    /* Position delete button properly */
    .checkout-index-index .opc-block-summary .block.items-in-cart .product .delete {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        z-index: 10 !important;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTS0xLTFoMTJ2MTJILTF6Ii8+PHBhdGggZmlsbD0iI2I1YjViNSIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkPSJNNiA1bDQtNC0xLTEtNCA0LTQtNC0xIDEgNCA0LTQgNCAxIDEgNC00IDQgNCAxLTEtNC00eiIgc3Ryb2tlPSJudWxsIi8+PC9zdmc+) no-repeat center;
        background-size: 7px;
        border: 1px #b6b6b6 solid;
        cursor: pointer;
        font-size: 18px !important;
        color: #999 !important;
        width: 15px !important;
        height: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    html[lang="ar"] .checkout-index-index .opc-block-summary .block.items-in-cart .product .delete {
        right: auto !important;
        left: 0 !important;
    }
    
    /* Fix product image container in checkout */
    .checkout-index-index .opc-block-summary .block.items-in-cart .product-image-container {
        width: 60px !important;
        height: 60px !important;
        flex-shrink: 0 !important;
        margin-right: 12px !important;
        min-width: 60px !important;
        min-height: 60px !important;
        display: inline-block !important;
        padding: 0 !important;
    }
    
    .checkout-index-index .opc-block-summary .block.items-in-cart .product-image-container img {
        width: 60px !important;
        height: 60px !important;
        object-fit: cover !important;
        border-radius: 4px !important;
        min-width: 60px !important;
        min-height: 60px !important;
    }
    
    html[lang="ar"] .checkout-index-index .opc-block-summary .block.items-in-cart .product-image-container {
        margin-right: 0 !important;
        margin-left: 12px !important;
    }
    
    /* Fix product details layout */
    .checkout-index-index .opc-block-summary .block.items-in-cart .product-item-details {
        flex: 1 !important;
        min-width: 0 !important;
        padding-right: 35px !important; /* Space for delete button */
    }
    
    html[lang="ar"] .checkout-index-index .opc-block-summary .block.items-in-cart .product-item-details {
        padding-right: 0 !important;
        padding-left: 35px !important;
    }
    
    /* Fix product inner layout */
    .checkout-index-index .opc-block-summary .block.items-in-cart .product-item-inner {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }
    
    .checkout-index-index .opc-block-summary .block.items-in-cart .product-item-name-block {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    
    .checkout-index-index .opc-block-summary .block.items-in-cart .product-item-name {
        font-size: 13px !important;
        line-height: 1.3 !important;
        margin-bottom: 5px !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-height: 2.6em !important;
    }
    
    /* Fix quantity and subtotal layout */
    .checkout-index-index .opc-block-summary .block.items-in-cart .details-qty.amcheckout-qty {
        display: flex !important;
        align-items: center !important;
        margin-bottom: 10px !important;
    }
    
    .checkout-index-index .opc-block-summary .block.items-in-cart .details-qty.amcheckout-qty label {
        margin-right: 8px !important;
        margin-bottom: 0 !important;
        font-size: 12px !important;
    }
    
    html[lang="ar"] .checkout-index-index .opc-block-summary .block.items-in-cart .details-qty.amcheckout-qty label {
        margin-right: 0 !important;
        margin-left: 8px !important;
    }
    
    .checkout-index-index .opc-block-summary .block.items-in-cart .details-qty.amcheckout-qty input.qty {
        width: 60px !important;
        padding: 5px !important;
        font-size: 12px !important;
        border: 1px solid #ddd !important;
        border-radius: 3px !important;
    }
    
    .checkout-index-index .opc-block-summary .block.items-in-cart .subtotal {
        text-align: right !important;
        font-weight: bold !important;
        font-size: 14px !important;
        margin-top: auto !important;
    }
    
    html[lang="ar"] .checkout-index-index .opc-block-summary .block.items-in-cart .subtotal {
        text-align: left !important;
    }
}

/* hotfix checkout */

.field[name="shippingAddress.postcode"] {
    display: none !important;
}

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