/* ==========================================================================
   GWL Cart (AR/RTL) Stylesheet — .checkout-cart-index cart table/summary only (not minicart)
   Loaded via checkout_cart_index.xml, order="210"
   START: Cart (AR/RTL)
   ========================================================================== */

/* ==========================================================================
   GWL Cart Page styles (inlined; was saudiceramics-ar-cart.css)
   ========================================================================== */

/* ==========================================================================
   GWL Cart Page — Arabic / RTL (Figma). Single file — .checkout-cart-index scope.
   ========================================================================== */

.checkout-cart-index {

    --gwl-cart-text: #100F1B;
    --gwl-cart-text-secondary: #58575F;
    --gwl-cart-text-muted: #6C698B;
    --gwl-cart-title-color: #0A053D;
    --gwl-cart-accent: #160B8B;
    --gwl-cart-accent-hover: #0F0760;
    --gwl-cart-border: #E7E6EC;
    --gwl-cart-row-divider: #CECDD8;
    --gwl-cart-icon-divider: #C3C1CB;
    --gwl-cart-checkbox-border: #6C698B;
    --gwl-cart-summary-bg: #F5F5F7;
    --gwl-cart-radius: 4px;
    --gwl-cart-font: 'Outfit', 'Open Sans', Helvetica, Arial, sans-serif;
}

/* ---- Page shell ---- */
.checkout-cart-index .page-main {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 40px 56px;
    box-sizing: border-box;
}

.checkout-cart-index .column.main {
    font-family: var(--gwl-cart-font);
}

/* ---- Title: Your Cart (N) — Figma H4 ---- */
.checkout-cart-index .gwl-cart__title,
.checkout-cart-index .gwl-cart__title .base {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: var(--gwl-cart-font);
    font-size: 32px;
    font-weight: 300;
    font-style: normal;
    line-height: 40px;
    letter-spacing: -0.5px;
    color: var(--gwl-cart-title-color);
    text-align: right;
}

/* Full-width divider under title (Figma) */
.checkout-cart-index .gwl-cart__title-line {
    display: block;
    width: 100%;
    height: 1px;
    margin: 16px 0 24px;
    padding: 0;
    border: 0;
    background-color: #CECDD8;
}

/* ---- Layout: listing + summary (Figma: 40px gap only) ---- */
.checkout-cart-index .cart-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.checkout-cart-index .cart-container:before,
.checkout-cart-index .cart-container:after {
    display: none;
    content: none;
}

.checkout-cart-index .cart-container .form-cart,
.checkout-cart-index .cart-container .gwl-cart-form {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    max-width: none;
    float: none;
    order: 1;
    margin: 0;
    padding: 0;
}

.checkout-cart-index .cart-summary {
    flex: 0 0 380px;
    width: 380px;
    max-width: 380px;
    float: none;
    order: 2;
    margin: 0;
    padding: 24px;
    box-sizing: border-box;
    background: var(--gwl-cart-summary-bg);
    border: 1px solid var(--gwl-cart-border);
    border-radius: var(--gwl-cart-radius);
}

.checkout-cart-index .gwl-cart-form .cart.table-wrapper {
    margin-bottom: 0;
    border-top: 0;
}

/* ---- Table ---- */
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

/* Desktop table cells from 992px (tablet ≤991 keeps mobile/grid layout) */
@media only screen and (min-width: 992px) {
    .checkout-cart-index .cart.table-wrapper .item .col.item,
    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col,
    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col {
        display: table-cell !important;
        float: none !important;
        position: static !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }

    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col.item,
    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.item {
        width: 46% !important;
        padding-left: 0 !important;
    }

    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col.price,
    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.price {
        width: 16% !important;
    }

    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col.qty,
    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.qty {
        width: 16% !important;
    }

    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col.subtotal,
    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.subtotal {
        width: 22% !important;
    }
}

.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th {
    padding: 0 8px 0;
    border: 0;
    background: transparent;
    font-family: var(--gwl-cart-font);
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    line-height: 20px;
    letter-spacing: 0.21px;
    text-transform: uppercase;
    color: var(--gwl-cart-text);
    vertical-align: bottom;
    white-space: nowrap;
}

.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col.item,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.item {
    width: auto;
    padding-left: 0;
    text-align: left;
}

.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col.price,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.price {
    width: 1%;
    min-width: 120px;
    white-space: nowrap;
    text-align: left;
    padding-left: 16px;
    padding-right: 12px;
    vertical-align: top;
}

.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col.qty,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.qty {
    width: 1%;
    min-width: 120px;
    white-space: nowrap;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    vertical-align: top;
}

.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col.subtotal,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.subtotal {
    width: 1%;
    min-width: 160px;
    text-align: right;
    padding-right: 0;
    padding-left: 12px;
    vertical-align: top;
}

.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item {
    border: 0;
}

.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td {
    padding: 24px 16px 24px 0;
    border: 0;
    border-bottom: 1px solid var(--gwl-cart-row-divider);
    vertical-align: middle;
}

/* ---- Product cell ---- */
.checkout-cart-index .gwl-cart-table .product-item-photo {
    display: block;
    float: left;
    width: 148px;
    max-width: 148px;
    margin: 0 24px 0 0;
    padding: 0;
    position: static;
}

.checkout-cart-index .gwl-cart-table .product-item-photo .product-image-photo,
.checkout-cart-index .gwl-cart-table .product-item-photo img,
.checkout-cart-index .gwl-cart-table .product-item-photo .product-image-wrapper,
.checkout-cart-index .gwl-cart-table .product-item-photo .product-image-container {
    max-width: 148px;
    width: 148px;
    height: 148px;
    object-fit: cover;
    border-radius: var(--gwl-cart-radius);
}

.checkout-cart-index .gwl-cart-table .product-item-details {
    display: block;
    overflow: hidden;
    width: auto;
    max-width: none;
    padding-left: 0;
    padding-bottom: 0;
    white-space: normal;
    vertical-align: top;
}

.checkout-cart-index .gwl-cart-table td.col.item::after {
    content: '';
    display: table;
    clear: both;
}

.checkout-cart-index .gwl-cart-table .product-item-name,
.checkout-cart-index .gwl-cart-table .product-item-name a {
    display: block;
    margin: 0 0 0;
    padding: 0;
    font-family: var(--gwl-cart-font);
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 24px;
    color: var(--gwl-cart-text);
    text-decoration: none;
    white-space: normal;
    overflow-wrap: break-word;
}

.checkout-cart-index .gwl-cart-table .product-item-name a:hover {
    color: var(--gwl-cart-accent);
}

/* ---- Installation option ---- */
.checkout-cart-index .gwl-cart-table .item-options.hello_local_default {
    margin: 24px 0 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    align-content: center;
    gap: 0 4px;
    line-height: 20px;
}

.checkout-cart-index .gwl-cart-table .item-options.hello_local_default label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    font-family: var(--gwl-cart-font);
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    line-height: 20px;
    color: var(--gwl-cart-text);
    cursor: pointer;
    vertical-align: middle;
}

.checkout-cart-index .gwl-cart-table .item-options.hello_local_default label input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    border-radius: 2px;
    border: 1px solid var(--gwl-cart-checkbox-border);
    background: #fff;
    appearance: none;
    -webkit-appearance: none;
    flex-shrink: 0;
    box-sizing: border-box;
    align-self: center;
    vertical-align: middle;
    position: relative;
    top: 0;
}

.checkout-cart-index .gwl-cart-table .item-options.hello_local_default label input[type="checkbox"]:checked {
    background: var(--gwl-cart-accent);
    border-color: var(--gwl-cart-accent);
}

.checkout-cart-index .gwl-cart-table .item-options.hello_local_default .custom-price-option {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    font-family: var(--gwl-cart-font);
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: var(--gwl-cart-text);
}

.checkout-cart-index .gwl-cart-table .item-options.hello_local_default dd {
    font-size: 14px;
    color: var(--gwl-cart-text-secondary);
    margin: 0;
}

.checkout-cart-index .gwl-cart-table .item-options.hello_local_default dd:empty {
    display: none;
}

.checkout-cart-index .gwl-cart-table .item-options.hello_local_default label br,
.checkout-cart-index .gwl-cart-table .item-options.hello_local_default label .ajeer-logo {
    display: none;
}

/* ---- Move to wishlist ---- */
.checkout-cart-index .gwl-cart-item__wishlist {
    margin-top: 24px;
    text-align: left;
}

.checkout-cart-index .gwl-cart-item__wishlist .action.towishlist,
.checkout-cart-index .gwl-cart-item__wishlist .gwl-cart-towishlist {
    display: inline-block;
    font-family: var(--gwl-cart-font);
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    line-height: 20px;
    color: var(--gwl-cart-accent);
    text-decoration: underline;
    text-decoration-line: underline;
    border: 0;
    background: none;
    padding: 0;
}

.checkout-cart-index .gwl-cart-item__wishlist .action.towishlist span,
.checkout-cart-index .gwl-cart-item__wishlist .gwl-cart-towishlist span {
    display: inline;
    font-size: 16px;
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    text-indent: 0;
}

/* ---- Prices ---- */
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table .col.price .price-including-tax,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table .col.price .price-excluding-tax,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table .col.price .price,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table .col.price .cart-price,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table .col.price .price-including-tax .price,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table .col.price .price-excluding-tax .price {
    display: inline-block;
    text-align: left;
    font-family: var(--gwl-cart-font);
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    line-height: 20px;
    color: var(--gwl-cart-text-secondary);
    white-space: nowrap;
}

.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table .col.qty .gwl-cart-qty__control {
    margin: 0 auto;
}

.checkout-cart-index .gwl-cart-item__subtotal-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
}

.checkout-cart-index .gwl-cart-item__subtotal-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    text-align: right;
    width: 100%;
}

.checkout-cart-index .gwl-cart-item__subtotal-price .price,
.checkout-cart-index .gwl-cart-item__subtotal-price .cart-price {
    font-family: var(--gwl-cart-font);
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 20px;
    color: var(--gwl-cart-text);
    text-align: right;
}

.checkout-cart-index .gwl-cart-item__vat {
    display: block;
    font-family: var(--gwl-cart-font);
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 20px;
    color: var(--gwl-cart-text-secondary);
    text-align: right;
    width: 100%;
}

/* ---- Qty stepper (100×40, Figma) ---- */
.checkout-cart-index .gwl-cart-qty__control {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100px;
    height: 40px;
    border: 1px solid var(--gwl-cart-row-divider);
    border-radius: var(--gwl-cart-radius);
    background: #fff;
    padding: 0;
    box-sizing: border-box;
}

.checkout-cart-index .gwl-cart-qty__control > label {
    margin: 0;
    display: flex;
    align-items: center;
}

.checkout-cart-index .gwl-cart-qty__control .label {
    display: none;
}

.checkout-cart-index .gwl-cart-qty__control .input-text.qty {
    width: auto;
    min-width: 0;
    flex: 1 1 auto;
    height: 38px;
    margin: 0;
    padding: 0 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
    text-align: center;
    font-family: var(--gwl-cart-font);
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    line-height: 22px;
    color: var(--gwl-cart-text-secondary);
    box-shadow: none;
    -moz-appearance: textfield;
    appearance: textfield;
}

.checkout-cart-index .gwl-cart-qty__control .input-text.qty::-webkit-outer-spin-button,
.checkout-cart-index .gwl-cart-qty__control .input-text.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.checkout-cart-index .gwl-cart-qty__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 38px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--gwl-cart-text);
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}

.checkout-cart-index .gwl-cart-qty__btn svg {
    display: block;
    flex-shrink: 0;
}

.checkout-cart-index .gwl-cart-qty__btn:hover {
    color: var(--gwl-cart-accent);
}

/* ---- Row actions (delete / edit) ---- */
.checkout-cart-index .gwl-cart-item__row-actions {
    position: static;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    align-self: flex-end;
    gap: 0;
    min-width: 0;
    min-height: 20px;
    margin: 0;
    padding: 2px 0 0;
    overflow: visible;
}

.checkout-cart-index .cart.table-wrapper .gwl-cart-item__row-actions > .action-edit,
.checkout-cart-index .cart.table-wrapper .gwl-cart-item__row-actions > a.action-edit,
.checkout-cart-index .gwl-cart-item__row-actions > .action-edit {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    float: none;
    color: var(--gwl-cart-accent);
    line-height: 1;
    text-decoration: none;
    background-color: transparent;
    box-shadow: none;
}

.checkout-cart-index .gwl-cart-item__row-actions > .action-delete,
.checkout-cart-index .gwl-cart-item__row-actions > a.action-delete,
.checkout-cart-index .gwl-cart-item__row-actions > .gwl-cart-action-delete {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    min-width: 50px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    float: none;
    color: var(--gwl-cart-accent);
    line-height: 1;
    text-decoration: none;
    background-color: transparent;
    box-shadow: none;
}

.checkout-cart-index .gwl-cart-item__row-actions > .action-delete {
    display: inline-flex;
    align-items: center;
}

.checkout-cart-index .gwl-cart-item__row-actions > .action-delete::after {
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    margin: 0 16px;
    background: var(--gwl-cart-icon-divider);
    flex-shrink: 0;
}

.checkout-cart-index .gwl-cart-item__row-actions .gwl-cart-action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    position: static;
    overflow: visible;
    clip: auto;
    margin: 0;
    padding: 0;
    border: 0;
}

.checkout-cart-index .gwl-cart-item__row-actions .gwl-cart-action-icon svg {
    display: block;
    width: 20px;
    height: 20px;
}

/* ---- Form actions ---- */
.checkout-cart-index .cart.main.actions.gwl-cart-actions,
.checkout-cart-index .gwl-cart-actions {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    margin: 24px 0 32px;
    padding: 0;
    box-sizing: border-box;
}

.checkout-cart-index .gwl-cart-actions .action.update,
.checkout-cart-index .gwl-cart-actions .action.continue {
    font-family: var(--gwl-cart-font);
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    min-height: 0;
    height: auto;
    padding: 12px 32px;
    border-radius: var(--gwl-cart-radius);
    text-transform: none;
    letter-spacing: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.checkout-cart-index .gwl-cart-actions .action.update {
    order: 1;
    margin: 0;
    margin-right: auto;
    min-width: 0;
    border: 0;
    background: var(--gwl-cart-accent);
    color: #fff;
}

.checkout-cart-index .gwl-cart-actions .action.update:hover {
    background: var(--gwl-cart-accent-hover);
}

.checkout-cart-index .gwl-cart-actions .action.continue {
    order: 2;
    margin: 0;
    margin-left: auto;
    min-width: 0;
    background: #fff;
    border: 1px solid var(--gwl-cart-accent);
    color: var(--gwl-cart-accent);
    text-align: center;
    text-decoration: none;
    float: none;
}

.checkout-cart-index .gwl-cart-actions .action.continue:hover {
    background: #F5F3FF;
}

.checkout-cart-index .gwl-cart-actions .action.update > span,
.checkout-cart-index .gwl-cart-actions .action.continue > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0;
    margin: 0;
}

/* ---- Summary ---- */
.checkout-cart-index .cart-summary .title,
.checkout-cart-index .cart-summary .block > .title strong {
    font-family: var(--gwl-cart-font);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--gwl-cart-text);
}

.checkout-cart-index .cart-summary .totals .grand .amount .price,
.checkout-cart-index .cart-summary .totals .grand strong {
    font-family: var(--gwl-cart-font);
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: var(--gwl-cart-text);
}

.checkout-cart-index .cart-summary .totals tbody tr:not(.grand) .amount .price,
.checkout-cart-index .cart-summary .totals tbody tr:not(.grand) th,
.checkout-cart-index .cart-summary .totals tbody tr:not(.grand) td {
    font-family: var(--gwl-cart-font);
    font-size: 14px;
    font-weight: 400;
    color: var(--gwl-cart-text-secondary);
}

/* Coupon — always visible in summary (Figma); override Magento collapsible + borders */
.checkout-cart-index .cart-summary #block-discount,
.checkout-cart-index .cart-summary div#block-discount {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    margin: 16px 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.checkout-cart-index .cart-summary #block-discount > .title {
    display: none;
}

/* Opened via gwl-cart-page.js (.active + show); Magento .active .content = block */
.checkout-cart-index .cart-summary #block-discount > .content {
    display: block !important;
    height: auto;
    padding: 0;
    overflow: visible;
}

.checkout-cart-index .cart-summary #block-discount .fieldset.coupon {
    margin: 0;
    position: relative;
}

.checkout-cart-index .cart-summary #block-discount .fieldset.coupon .field {
    margin: 0;
}

.checkout-cart-index .cart-summary #block-discount .fieldset.coupon .label {
    display: none;
}

.checkout-cart-index .cart-summary #block-discount .fieldset.coupon .control {
    position: relative;
    margin: 0;
}

.checkout-cart-index .cart-summary #block-discount #coupon_code {
    width: 100%;
    min-height: 48px;
    padding: 12px 72px 12px 14px;
    border: 1px solid var(--gwl-cart-border);
    border-radius: var(--gwl-cart-radius);
    background: #fff;
    font-family: var(--gwl-cart-font);
    font-size: 14px;
    color: var(--gwl-cart-text);
    box-sizing: border-box;
}

.checkout-cart-index .cart-summary #block-discount .actions-toolbar {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    width: auto;
    z-index: 2;
}

.checkout-cart-index .cart-summary #block-discount .actions-toolbar .primary {
    float: none;
    margin: 0;
}

.checkout-cart-index .cart-summary #block-discount #apply-coupon-btn,
.checkout-cart-index .cart-summary #block-discount button.action.apply,
.checkout-cart-index .cart-summary #block-discount button.action.cancel {
    min-height: 0;
    margin: 0;
    padding: 6px 8px;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--gwl-cart-accent);
    font-family: var(--gwl-cart-font);
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    line-height: 1.2;
}

.checkout-cart-index .cart-summary #block-discount #apply-coupon-btn span::after {
    content: "تطبيق";
    font-size: 14px;
    font-weight: 500;
    color: var(--gwl-cart-accent);
}

/* Installments (Tabby / Tamara — amounts via gwl-cart-page.js) */
.checkout-cart-index .cart-summary .gwl-cart-installments {
    margin: 16px 0 12px;
}

.checkout-cart-index .cart-summary .gwl-cart-installments-title {
    margin: 0 0 10px;
    padding: 0;
    font-family: var(--gwl-cart-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--gwl-cart-text);
}

.checkout-cart-index .cart-summary .gwl-cart-installments__cards {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 10px;
    width: 100%;
}

.checkout-cart-index .cart-summary .gwl-cart-installments__slot {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
}

.checkout-cart-index .cart-summary .gwl-cart-installments__card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: 100%;
    height: 100%;
    min-height: 96px;
    margin: 0;
    padding: 12px;
    border-radius: var(--gwl-cart-radius);
    text-align: left;
    box-sizing: border-box;
    pointer-events: none;
}

.checkout-cart-index .cart-summary .gwl-cart-installments__link {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: block;
    border-radius: var(--gwl-cart-radius);
    text-decoration: none;
    cursor: pointer;
    background: transparent;
}

.checkout-cart-index .cart-summary .gwl-cart-installments__link:focus {
    outline: 2px solid var(--gwl-cart-accent);
    outline-offset: 2px;
}

.checkout-cart-index .cart-summary .gwl-cart-installments__slot:hover .gwl-cart-installments__card {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.checkout-cart-index .cart-summary .gwl-cart-installments__card--tabby {
    border: 0;
    background: #D6F5E8;
    color: var(--gwl-cart-text);
}

.checkout-cart-index .cart-summary .gwl-cart-installments__card--tamara {
    border: 1px solid var(--gwl-cart-border);
    background: #fff;
    color: var(--gwl-cart-text);
}

.checkout-cart-index .cart-summary .gwl-cart-installments__head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}

.checkout-cart-index .cart-summary .gwl-cart-installments__logo {
    display: block;
    height: 24px;
    width: auto;
    max-width: none;
    object-fit: contain;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 4px;
}

.checkout-cart-index .cart-summary .gwl-cart-installments__logo--tabby,
.checkout-cart-index .cart-summary .gwl-cart-installments__logo--tamara {
    height: 24px;
    background: transparent !important;
    background-color: transparent !important;
}

.checkout-cart-index .cart-summary .gwl-cart-installments__logo-text {
    font-size: 16px;
    font-weight: 700;
    color: var(--gwl-cart-text);
    letter-spacing: -0.02em;
}

.checkout-cart-index .cart-summary .gwl-cart-installments__arrow {
    flex-shrink: 0;
    color: var(--gwl-cart-text);
    opacity: 0.75;
}

.checkout-cart-index .cart-summary .gwl-cart-installments__copy {
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.35;
    color: var(--gwl-cart-text-secondary);
}

.checkout-cart-index .cart-summary .gwl-cart-installments__widget-host {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    opacity: 0;
}

/* Checkout buttons */
.checkout-cart-index .cart-summary .checkout-methods-items .action.primary.checkout,
.checkout-cart-index .cart-summary button.action.primary.checkout {
    width: 100%;
    min-height: 52px;
    height: 52px;
    margin: 8px 0 0;
    border: 0;
    border-radius: var(--gwl-cart-radius);
    background: var(--gwl-cart-accent);
    font-family: var(--gwl-cart-font);
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-transform: none;
}

.checkout-cart-index .cart-summary .checkout-methods-items .action.primary.checkout:hover,
.checkout-cart-index .cart-summary button.action.primary.checkout:hover {
    background: var(--gwl-cart-accent-hover);
}

.checkout-cart-index .cart-summary .action.multicheckout,
.checkout-cart-index .cart-summary .gwl-cart-multicheckout {
    display: none !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    margin: 12px 0 0;
    padding: 12px 16px;
    border: 1.5px solid var(--gwl-cart-accent);
    border-radius: var(--gwl-cart-radius);
    background: #fff;
    font-family: var(--gwl-cart-font);
    font-size: 14px;
    font-weight: 500;
    color: var(--gwl-cart-accent);
    text-align: center;
    text-decoration: none;
    text-transform: none;
    box-sizing: border-box;
}

.checkout-cart-index .cart-summary .action.multicheckout:hover,
.checkout-cart-index .cart-summary .gwl-cart-multicheckout:hover {
    background: #F5F3FF;
    color: var(--gwl-cart-accent);
}

.checkout-cart-index .cart-summary .action.multicheckout span,
.checkout-cart-index .cart-summary .gwl-cart-multicheckout span {
    color: var(--gwl-cart-accent);
}

/* ---- Empty cart ---- */
.checkout-cart-index .gwl-cart-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 420px;
    padding: 48px 16px 72px;
    text-align: center;
    background: #fff;
}

.checkout-cart-index .gwl-cart-empty__inner {
    max-width: 520px;
    margin: 0 auto;
}

.checkout-cart-index .gwl-cart-empty__icon {
    display: flex;
    justify-content: center;
    margin: 0 0 36px;
}

.checkout-cart-index .gwl-cart-empty__icon img {
    display: block;
    width: 145px;
    max-width: 145px;
    height: auto;
}

.checkout-cart-index .gwl-cart-empty__title {
    margin: 0 0 16px;
    padding: 0;
    color: var(--gwl-cart-title-color);
    text-align: center;
    font-family: var(--gwl-cart-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: -0.5px;
}

.checkout-cart-index .gwl-cart-empty__text {
    margin: 0 0 24px;
    color: var(--gwl-cart-title-color);
    text-align: center;
    font-family: var(--gwl-cart-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    opacity: 0.6;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.checkout-cart-index .gwl-cart-empty__cta,
.checkout-cart-index a.action.gwl-cart-empty__cta,
.checkout-cart-index a.action.continue.gwl-cart-empty__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto;
    min-width: 160px;
    height: 48px;
    min-height: 48px;
    margin: 0 auto;
    padding: 0 36px;
    border: 0;
    border-radius: var(--gwl-cart-radius);
    background: var(--gwl-cart-accent);
    color: #fff;
    text-align: center;
    font-family: var(--gwl-cart-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
}

.checkout-cart-index .gwl-cart-empty__cta:hover {
    background: var(--gwl-cart-accent-hover);
    color: #fff;
    text-decoration: none;
}

.checkout-cart-index .gwl-cart-empty__cta > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    color: inherit;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    background: transparent;
    border: 0;
    position: static;
    width: auto;
    height: auto;
    clip: auto;
    overflow: visible;
}

/* ---- Currency ---- */
.checkout-cart-index .price,
.checkout-cart-index .cart-price .price,
.checkout-cart-index .gwl-cart-price-sar,
.checkout-cart-index .totals .amount .price {
    font-family: var(--gwl-cart-font);
    font-variant-ligatures: none;
}

/* ==========================================================================
   Mobile (Figma 2029-41871)
   ========================================================================== */
@media only screen and (max-width: 991px) {
    .checkout-cart-index .page-main {
        padding: 24px 16px 40px;
    }

    .checkout-cart-index .gwl-cart__title {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: -0.5px;
        margin: 0;
        padding: 0;
        text-align: right;
    }

    .checkout-cart-index .gwl-cart__title .base {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        font-size: inherit;
        line-height: inherit;
        letter-spacing: inherit;
    }

    .checkout-cart-index .gwl-cart__title-line {
        margin: 16px 0 16px;
    }

    .checkout-cart-index .cart-container {
        flex-direction: column;
        gap: 24px;
    }

    .checkout-cart-index .cart-container .form-cart,
    .checkout-cart-index .cart-container .gwl-cart-form,
    .checkout-cart-index .cart-summary {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
    }

    .checkout-cart-index .cart.table-wrapper {
        overflow-x: hidden;
        margin-top: 0;
        border-top: 0;
    }

    .checkout-cart-index .gwl-cart-actions {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
        justify-content: space-between;
        gap: 12px;
        max-width: 100%;
        box-sizing: border-box;
        overflow: visible;
    }

    .checkout-cart-index .gwl-cart-actions .action.update,
    .checkout-cart-index .gwl-cart-actions .action.continue {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        margin-inline-start: 0 !important;
        box-sizing: border-box !important;
    }

    .checkout-cart-index .cart-summary .gwl-cart-installments__cards {
        flex-direction: row;
        align-items: stretch;
    }

    .checkout-cart-index .gwl-cart-empty {
        min-height: 360px;
        padding: 32px 16px 56px;
    }

    .checkout-cart-index .gwl-cart-empty__title {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -1px;
    }

    .checkout-cart-index .gwl-cart-empty__text {
        font-size: 14px;
        line-height: 20px;
    }

    .checkout-cart-index .gwl-cart-empty__cta {
        width: 100%;
        max-width: 320px;
    }

    /* Magento styles-m floats .col.price/.qty/.subtotal at 33% with data-th labels.
       .gwl-cart-table is on the table-wrapper itself, not a descendant.
       Figma RTL order: price(VAT) + name | image → qty → installation → actions + wishlist */
    .checkout-cart-index .gwl-cart-table #shopping-cart-table,
    .checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item {
        display: block;
        width: 100%;
    }

    .checkout-cart-index .gwl-cart-table #shopping-cart-table > thead,
    .checkout-cart-index .gwl-cart-table #shopping-cart-table > caption {
        display: none;
    }

    .checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item {
        border-bottom: 1px solid #CECDD8;
        padding: 16px 0;
    }

    .checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info {
        display: grid;
        direction: rtl;
        grid-template-columns: 80px minmax(0, 1fr) minmax(0, 1.2fr);
        grid-template-areas:
            "photo name  price"
            "photo qty   price"
            "opt   opt   opt"
            ".     wish  actions";
        column-gap: 12px;
        row-gap: 8px;
        align-items: start;
        width: 100%;
    }

    .checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.item,
    .checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.subtotal,
    .checkout-cart-index .gwl-cart-table .product-item-details,
    .checkout-cart-index .gwl-cart-item__subtotal-wrap {
        display: contents !important;
        float: none !important;
        width: auto;
        min-width: 0;
        padding: 0;
        border: 0;
        overflow: visible !important;
    }

    .checkout-cart-index .gwl-cart-table td.col.item::after {
        display: none;
        content: none;
    }

    .checkout-cart-index .cart.table-wrapper .col.qty,
    .checkout-cart-index .cart.table-wrapper .col.price,
    .checkout-cart-index .cart.table-wrapper .col.subtotal,
    .checkout-cart-index .cart.table-wrapper .col.msrp {
        display: block;
        float: none;
        width: auto;
        max-width: none;
        min-width: 0;
        box-sizing: border-box;
        text-align: right;
        white-space: normal;
        padding: 0;
        border: 0;
    }

    .checkout-cart-index .cart.table-wrapper .col.qty[data-th]:before,
    .checkout-cart-index .cart.table-wrapper .col.price[data-th]:before,
    .checkout-cart-index .cart.table-wrapper .col.subtotal[data-th]:before,
    .checkout-cart-index .cart.table-wrapper .col.msrp[data-th]:before {
        content: none;
        display: none;
        padding: 0;
        font-weight: inherit;
    }

    .checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.price {
        display: none;
    }

    .checkout-cart-index .gwl-cart-table .product-item-photo {
        grid-area: photo;
        display: block;
        float: none !important;
        width: 80px;
        max-width: 80px;
        margin: 0 !important;
        padding: 0;
    }

    .checkout-cart-index .gwl-cart-table .product-item-photo .product-image-photo,
    .checkout-cart-index .gwl-cart-table .product-item-photo img,
    .checkout-cart-index .gwl-cart-table .product-item-photo .product-image-wrapper,
    .checkout-cart-index .gwl-cart-table .product-item-photo .product-image-container {
        width: 80px;
        max-width: 80px;
        height: 80px;
        object-fit: cover;
    }

    .checkout-cart-index .gwl-cart-table .product-item-name {
        grid-area: name;
        margin: 0;
        font-size: 16px;
        line-height: 22px;
        text-align: right;
    }

    .checkout-cart-index .gwl-cart-table .product-item-name a {
        font-size: inherit;
        line-height: inherit;
        text-align: inherit;
    }

    .checkout-cart-index .gwl-cart-item__subtotal-price {
        grid-area: price;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: start;
        justify-content: flex-start;
        gap: 2px;
        text-align: right;
        width: 100%;
        white-space: normal;
        direction: rtl;
    }

    .checkout-cart-index .gwl-cart-item__subtotal-price .price,
    .checkout-cart-index .gwl-cart-item__subtotal-price .cart-price,
    .checkout-cart-index .gwl-cart-item__vat {
        text-align: right;
        width: auto;
    }

    .checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.qty {
        grid-area: qty;
        display: block;
        float: none;
        width: auto;
        max-width: none;
        min-width: 0;
        margin: 0;
        padding: 0;
        border: 0;
        text-align: right;
        white-space: normal;
    }

    .checkout-cart-index .gwl-cart-table #shopping-cart-table .col.qty .gwl-cart-qty__control {
        direction: ltr;
        margin: 0 0 0 auto;
    }

    .checkout-cart-index .gwl-cart-table .item-options.hello_local_default {
        grid-area: opt;
        margin: 16px 0 0;
        flex-wrap: nowrap;
        white-space: nowrap;
        direction: rtl;
        justify-content: flex-start;
        justify-self: stretch;
    }

    .checkout-cart-index .gwl-cart-item__wishlist {
        grid-area: wish;
        margin: 16px 0 0;
        align-self: start;
        text-align: right;
        min-width: 0;
        white-space: nowrap;
        justify-self: stretch;
    }

    .checkout-cart-index .gwl-cart-item__wishlist .action.towishlist,
    .checkout-cart-index .gwl-cart-item__wishlist .gwl-cart-towishlist,
    .checkout-cart-index .gwl-cart-item__wishlist .action.towishlist span,
    .checkout-cart-index .gwl-cart-item__wishlist .gwl-cart-towishlist span {
        white-space: nowrap;
    }

    .checkout-cart-index .gwl-cart-item__row-actions {
        grid-area: actions;
        display: inline-flex;
        flex-wrap: nowrap;
        flex-direction: row-reverse;
        justify-content: flex-start;
        align-self: start;
        align-items: center;
        width: auto;
        flex-shrink: 0;
        margin: 16px 0 0;
        white-space: nowrap;
        direction: ltr;
        justify-self: end;
    }

    .checkout-cart-index .gwl-cart-actions .action.update,
    .checkout-cart-index .gwl-cart-actions .action.continue {
        padding: 12px 16px;
    }

    .checkout-cart-index .cart-summary .gwl-cart-installments__slot,
    .checkout-cart-index .cart-summary .gwl-cart-installments__card {
        min-width: 0;
        flex: 1 1 0;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .checkout-cart-index .page-main {
        padding: 32px 24px 48px;
    }

    .checkout-cart-index .cart-summary {
        flex: 0 0 340px;
        width: 340px;
        max-width: 340px;
    }

    .checkout-cart-index .gwl-cart__title,
    .checkout-cart-index .gwl-cart__title .base {
        font-size: 30px;
    }

    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col.price,
    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.price,
    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col.qty,
    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.qty,
    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col.subtotal,
    .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.subtotal {
        min-width: 0;
        padding-left: 8px;
        padding-right: 8px;
    }

    .checkout-cart-index .gwl-cart-table .product-item-photo,
    .checkout-cart-index .gwl-cart-table .product-item-photo img {
        width: 80px;
        max-width: 80px;
    }
}
/* ==========================================================================
   Figma spec overrides + Magento/theme wins (!important where needed)
   ========================================================================== */

/* Hide unused cart blocks.
   Keep Magento empty .cart-discount shell hidden — coupon lives in summary.
   Magento styles-l floats .cart-discount at 75% and breaks desktop flex layout. */
.checkout-cart-index .cart-discount,
.checkout-cart-index div#gift-options-cart,
.checkout-cart-index .gwl-cart-table .item-options.hello_local_default .ajeer-logo,
.checkout-cart-index .gwl-cart-actions .action.clear,
.checkout-cart-index #shopping-cart-table .gwl-cart-qty__control .qty-switcher-dec,
.checkout-cart-index #shopping-cart-table .gwl-cart-qty__control .qty-switcher-inc,
.checkout-cart-index .cart-summary #block-discount #form-validate,
.checkout-cart-index .cart-summary #block-discount .field-name-customer_mobile,
.checkout-cart-index .cart-summary #block-discount .otp_generatenote,
.checkout-cart-index .cart-summary #block-discount > .title:after,
.checkout-cart-index .cart-summary #block-discount > .title:before,
.checkout-cart-index .cart-summary #block-discount #coupon_msg_custom:empty {
    display: none;
}

.checkout-cart-index .cart-summary #block-discount #apply-coupon-btn span {
    font-size: 0 !important;
}

.checkout-cart-index .price .symbol {
    display: none !important;
    float: none !important;
}

/* ---- Title: Your Cart (N) ---- */
.checkout-cart-index .gwl-cart__title,
.checkout-cart-index .gwl-cart__title .base {
    color: #0A053D !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    letter-spacing: -0.5px !important;
}

@media only screen and (min-width: 992px) {
.checkout-cart-index .gwl-cart__title,
.checkout-cart-index .gwl-cart__title .base {
    font-size: 32px !important;
    line-height: 40px !important;
    margin: 0 0 32px !important;
}

/* Hide divider under Your Cart title (desktop) */
.checkout-cart-index .gwl-cart__title-line {
    display: none !important;
    margin: 0 !important;
}
}

/* Desktop listing + summary (desktop only from 992px — tablet 769–991 uses stacked layout) */
@media only screen and (min-width: 992px) {
/* ---- Cart listing + summary: exactly 40px gap (override Magento 75%/25% + 4% padding) ---- */
.checkout-cart-index .cart-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 40px !important;
    column-gap: 40px !important;
    row-gap: 40px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}

.checkout-cart-index .cart-container:before,
.checkout-cart-index .cart-container:after {
    display: none !important;
    content: none !important;
}

.checkout-cart-index .cart-container .form-cart,
.checkout-cart-index .cart-container .gwl-cart-form,
.checkout-cart-index .cart-container .cart-gift-item {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
    order: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-right: 0 !important;
    position: static !important;
}

.checkout-cart-index .cart-summary {
    flex: 0 0 380px !important;
    width: 380px !important;
    max-width: 380px !important;
    float: none !important;
    order: 2 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    padding: 24px !important;
    position: static !important;
    box-sizing: border-box !important;
}

/* ---- Column headers — single border on th only (not span) ---- */
/* Kill Magento styles-m `.cart.table-wrapper { border-top }` so title-line is the only divider */
.checkout-cart-index .cart.table-wrapper,
.checkout-cart-index .gwl-cart-form .cart.table-wrapper,
body.checkout-cart-index .column.main .cart.table-wrapper {
    border-top: 0 !important;
}

.checkout-cart-index .cart.table-wrapper .cart thead tr th.col,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table .cart thead tr th.col,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table thead tr th.col,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th {
    color: #100F1B !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: 20px !important;
    letter-spacing: 0.21px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    border: 0 !important;
    border-bottom: 1px solid #CECDD8 !important;
    background: transparent !important;
    padding-top: 0 !important;
    padding-bottom: 16px !important;
    vertical-align: bottom !important;
}

.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th span,
.checkout-cart-index .cart.table-wrapper #shopping-cart-table.cart thead tr th.col span {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline !important;
}

.checkout-cart-index .cart.table-wrapper .cart thead tr th.col.item,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col.item {
    text-align: left !important;
    padding-left: 0 !important;
}

.checkout-cart-index .cart.table-wrapper .cart thead tr th.col.price,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col.price {
    text-align: left !important;
}

.checkout-cart-index .cart.table-wrapper .cart thead tr th.col.qty,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col.qty {
    text-align: center !important;
}

.checkout-cart-index .cart.table-wrapper .cart thead tr th.col.subtotal,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th.col.subtotal {
    text-align: right !important;
    padding-right: 0 !important;
}
}

/* Desktop row / image (Figma 148px) — not on mobile */
@media only screen and (min-width: 992px) {
/* ---- Row divider: 24px padding, #CECDD8 line ---- */
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td,
.checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    border: 0 !important;
    border-bottom: 1px solid #CECDD8 !important;
}

.checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.subtotal {
    vertical-align: top !important;
}

.checkout-cart-index .gwl-cart-item__subtotal-wrap {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}

.checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info .gwl-cart-item__row-actions {
    margin-top: 24px !important;
}

.checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info:has(.item-options.hello_local_default) .gwl-cart-item__row-actions {
    margin-top: calc(24px + 20px + 24px) !important;
}

@media only screen and (min-width: 768px) {
/* ---- Product image 148×148, 24px gap (desktop RTL: image on the right) ---- */
.checkout-cart-index .gwl-cart-table .product-item-photo {
    display: block !important;
    float: right !important;
    width: 148px !important;
    max-width: 148px !important;
    margin: 0 0 0 24px !important;
}

.checkout-cart-index .gwl-cart-table .product-item-photo .product-image-photo,
.checkout-cart-index .gwl-cart-table .product-item-photo img,
.checkout-cart-index .gwl-cart-table .product-item-photo .product-image-wrapper,
.checkout-cart-index .gwl-cart-table .product-item-photo .product-image-container {
    width: 148px !important;
    max-width: 148px !important;
    height: 148px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
}

.checkout-cart-index .gwl-cart-table .product-item-details {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    overflow: hidden !important;
}
}

/* ---- Product name ---- */
.checkout-cart-index .gwl-cart-table .product-item-name,
.checkout-cart-index .gwl-cart-table .product-item-name a,
.checkout-cart-index .cart.table-wrapper .product-item-name,
.checkout-cart-index .cart.table-wrapper .product-item-name a {
    color: #100F1B !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 24px !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Match price+VAT block height so Installation sits 24px below (Incl. of VAT) */
@media only screen and (min-width: 992px) {
.checkout-cart-index .gwl-cart-table .product-item-name {
    min-height: 42px !important;
    box-sizing: border-box !important;
}
}

/* ---- Product details stack: 24px gaps (Figma) ---- */
@media only screen and (min-width: 768px) {
.checkout-cart-index .gwl-cart-table .product-item-details {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: fit-content;
}
}

.checkout-cart-index .gwl-cart-table .item-options.hello_local_default {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0 4px !important;
    margin: 24px 0 0 !important;
    line-height: 20px !important;
}

.checkout-cart-index .gwl-cart-table .item-options.hello_local_default label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #100F1B !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    vertical-align: middle !important;
}

.checkout-cart-index .gwl-cart-table .item-options.hello_local_default label input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    border-radius: 2px !important;
    border: 1px solid #6C698B !important;
    background: #FFF !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    vertical-align: middle !important;
}

.checkout-cart-index .gwl-cart-table .item-options.hello_local_default .custom-price-option {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #100F1B !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
}

.checkout-cart-index .gwl-cart-table .item-options.hello_local_default label br,
.checkout-cart-index .gwl-cart-table .item-options.hello_local_default label .ajeer-logo {
    display: none !important;
}
}

/* ---- Move to wishlist ---- */
@media only screen and (min-width: 992px) {
.checkout-cart-index .gwl-cart-item__wishlist {
    margin-top: 24px !important;
    text-align: right !important;
}
}

.checkout-cart-index .gwl-cart-item__wishlist .action.towishlist,
.checkout-cart-index .gwl-cart-item__wishlist .action.towishlist span {
    color: #160B8B !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    text-decoration: underline !important;
    text-decoration-line: underline !important;
    text-align: right !important;
    background: none !important;
    border: 0 !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    clip: auto !important;
    overflow: visible !important;
}

.checkout-cart-index .gwl-cart-item__wishlist .action.towishlist:before,
.checkout-cart-index .gwl-cart-item__wishlist .action.towishlist:after {
    display: none !important;
    content: none !important;
}

/* ---- Item price ---- */
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table .col.price .price,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table .col.price .cart-price,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table .col.price .price-including-tax,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table .col.price .price-excluding-tax,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table .col.price .price-including-tax .price,
.checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table .col.price .price-excluding-tax .price,
.checkout-cart-index .cart.table-wrapper .col.price .price {
    color: #58575F !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    font-style: normal !important;
    line-height: 20px !important;
}

/* ---- Qty box 100×40 ---- */
.checkout-cart-index .gwl-cart-qty__control,
.checkout-cart-index .cart.table-wrapper .col.qty .gwl-cart-qty__control {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    height: 40px !important;
    border-radius: 4px !important;
    border: 1px solid #CECDD8 !important;
    background: #FFF !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.checkout-cart-index .gwl-cart-qty__control > label {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    min-width: 0 !important;
}

.checkout-cart-index .gwl-cart-qty__control .input-text.qty,
.checkout-cart-index .cart.table-wrapper .col.qty .input-text {
    width: auto !important;
    min-width: 24px !important;
    flex: 1 1 auto !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
    color: #58575F !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 22px !important;
}

.checkout-cart-index .gwl-cart-qty__btn,
.checkout-cart-index .gwl-cart-qty__btn--dec,
.checkout-cart-index .gwl-cart-qty__btn--inc {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    visibility: visible !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

.checkout-cart-index .gwl-cart-qty__btn svg {
    display: block !important;
    width: 10px !important;
    height: auto !important;
}

/* ---- Subtotal + VAT ---- */
.checkout-cart-index .gwl-cart-item__subtotal-price .price,
.checkout-cart-index .gwl-cart-item__subtotal-price .cart-price,
.checkout-cart-index .gwl-cart-item__subtotal-price .price-including-tax .price,
.checkout-cart-index .gwl-cart-item__subtotal-price .price-excluding-tax .price {
    color: #100F1B !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
}

.checkout-cart-index .gwl-cart-item__vat {
    color: #58575F !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    text-align: left !important;
}

/* ---- Delete / Edit icons (template SVG only — hide Magento duplicates) ---- */
.checkout-cart-index .gwl-cart-item__row-actions.actions-toolbar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    min-height: 20px !important;
}

.checkout-cart-index .gwl-cart-item__row-actions > .action-delete,
.checkout-cart-index .gwl-cart-item__row-actions > a.action-delete,
.checkout-cart-index .gwl-cart-item__row-actions > .gwl-cart-action-delete {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 20px !important;
    min-width: 50px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    float: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    overflow: visible !important;
}

.checkout-cart-index .gwl-cart-item__row-actions > .action-edit,
.checkout-cart-index .gwl-cart-item__row-actions > a.action-edit {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    float: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    overflow: visible !important;
}

.checkout-cart-index .gwl-cart-item__row-actions > .action-delete:before,
.checkout-cart-index .gwl-cart-item__row-actions > .action-edit:before,
.checkout-cart-index .cart.table-wrapper .actions-toolbar > .action-delete:before,
.checkout-cart-index .cart.table-wrapper .actions-toolbar > .action-edit:before {
    display: none !important;
    content: none !important;
}

.checkout-cart-index .gwl-cart-item__row-actions .gwl-cart-action-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    position: static !important;
    overflow: visible !important;
    clip: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.checkout-cart-index .gwl-cart-item__row-actions .gwl-cart-action-icon svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
}

.checkout-cart-index .gwl-cart-item__row-actions .gwl-cart-action-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.checkout-cart-index .gwl-cart-item__row-actions > .action-delete::after {
    content: '' !important;
    display: block !important;
    width: 1px !important;
    height: 16px !important;
    margin: 0 16px !important;
    background: #C3C1CB !important;
    flex-shrink: 0 !important;
}

/* ---- Bottom buttons: 24px gap from table; Continue right-aligned (LTR) / start-aligned (RTL) ---- */
.checkout-cart-index .gwl-cart-actions,
.checkout-cart-index .cart.main.actions.gwl-cart-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 24px !important;
    margin-bottom: 32px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.checkout-cart-index .cart.main.actions.gwl-cart-actions > input,
.checkout-cart-index .gwl-cart-actions > input {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.checkout-cart-index .gwl-cart-actions .action.update,
.checkout-cart-index .gwl-cart-actions .action.update > span {
    color: #FFF !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    border-radius: 4px !important;
    background: #160B8B !important;
    background-color: #160B8B !important;
    border: 0 !important;
    text-transform: none !important;
}

.checkout-cart-index .cart.main.actions.gwl-cart-actions .action.update,
.checkout-cart-index .gwl-cart-actions .action.update {
    margin: 0 !important;
    float: none !important;
    /* Grow/shrink so the pair fits narrow columns; desktop 992 sets 224px. */
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    order: 1 !important;
}

.checkout-cart-index .gwl-cart-actions .action.continue,
.checkout-cart-index .cart.main.actions.gwl-cart-actions .action.continue,
.checkout-cart-index .cart.main.actions .action.continue {
    color: #160B8B !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    border-radius: 4px !important;
    border: 1px solid #160B8B !important;
    background: #FFF !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    float: none !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    order: 2 !important;
    margin: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-align: center !important;
    justify-content: center !important;
}

.checkout-cart-index .gwl-cart-actions .action.continue > span {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    display: inline !important;
}

.checkout-cart-index .gwl-cart-actions .action.continue:before,
.checkout-cart-index .gwl-cart-actions .action.continue:after {
    display: none !important;
    content: none !important;
}

/* Figma desktop: Update + Continue equal 224px buttons */
@media only screen and (min-width: 992px) {
    .checkout-cart-index .gwl-cart-actions .action.update,
    .checkout-cart-index .gwl-cart-actions .action.continue,
    .checkout-cart-index .cart.main.actions.gwl-cart-actions .action.update,
    .checkout-cart-index .cart.main.actions.gwl-cart-actions .action.continue {
        width: 224px !important;
        min-width: 224px !important;
        max-width: 224px !important;
        flex: 0 0 224px !important;
        padding: 12px 16px !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
}

.checkout-cart-index .gwl-cart-empty__cta,
.checkout-cart-index a.action.gwl-cart-empty__cta,
.checkout-cart-index .cart-summary .checkout-methods-items .action.primary.checkout,
.checkout-cart-index .cart-summary button.action.primary.checkout {
    background: #160B8B !important;
    background-color: #160B8B !important;
    color: #fff !important;
}

.checkout-cart-index .gwl-cart-empty__cta:before,
.checkout-cart-index .gwl-cart-empty__cta:after,
.checkout-cart-index .gwl-cart-empty__cta > span:before,
.checkout-cart-index .gwl-cart-empty__cta > span:after {
    content: none !important;
    display: none !important;
}

/* ---- LAST: cart summary box (Figma) ---- */
.checkout-cart-index .cart-summary {
    background: #F5F5F7 !important;
    padding: 24px !important;
    border: 0 !important;
}

.checkout-cart-index .cart-summary .block.shipping > .title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 24px !important;
    padding: 0 0 16px !important;
    border: 0 !important;
    border-bottom: 1px solid #CECDD8 !important;
    border-top: 0 !important;
    cursor: pointer !important;
    overflow: visible !important;
    min-height: 0 !important;
}

.checkout-cart-index .cart-summary .block.shipping > .title:before {
    content: none !important;
    display: none !important;
}

.checkout-cart-index .cart-summary .block.shipping > .title:after {
    content: '' !important;
    display: block !important;
    position: static !important;
    flex-shrink: 0 !important;
    width: 13px !important;
    height: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-family: inherit !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M6.36398 4.94978L1.41421 0L0 1.41422L6.36398 7.77818L12.7279 1.41422L11.3137 0L6.36398 4.94978Z' fill='%23100F1B'/%3E%3C/svg%3E") no-repeat center / contain !important;
    transform: none !important;
    transition: transform 0.2s ease !important;
}

.checkout-cart-index .cart-summary .block.shipping.active > .title:after {
    transform: rotate(180deg) !important;
}

.checkout-cart-index .cart-summary .block.shipping > .title strong,
.checkout-cart-index .cart-summary .block.shipping > .title #block-shipping-heading {
    color: #100F1B !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.checkout-cart-index .cart-summary .cart-totals,
.checkout-cart-index .cart-summary #cart-totals {
    border-top: 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.checkout-cart-index .cart-summary .cart-totals .table-caption,
.checkout-cart-index .cart-summary #cart-totals .table-caption {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    clip: auto !important;
    overflow: visible !important;
    text-transform: uppercase !important;
    color: #100F1B !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
}

.checkout-cart-index .cart-summary .totals tbody tr:not(.grand) th,
.checkout-cart-index .cart-summary .totals tbody tr:not(.grand) th .label,
.checkout-cart-index .cart-summary .totals tr.totals.sub th,
.checkout-cart-index .cart-summary .totals tr.totals-tax th,
.checkout-cart-index .cart-summary .totals tr.totals-tax-summary th {
    color: #58575F !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 22px !important;
    text-align: left !important;
    border: 0 !important;
    background: transparent !important;
}

.checkout-cart-index .cart-summary .totals tbody tr:not(.grand) td.amount,
.checkout-cart-index .cart-summary .totals tbody tr:not(.grand) td.amount .price,
.checkout-cart-index .cart-summary .totals tr.totals.sub td.amount .price,
.checkout-cart-index .cart-summary .totals tr.totals-tax td.amount .price {
    color: #100F1B !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 22px !important;
    text-align: right !important;
    border: 0 !important;
    background: transparent !important;
}

.checkout-cart-index .cart-summary .totals tbody tr:has(+ tr.grand.totals) th,
.checkout-cart-index .cart-summary .totals tbody tr:has(+ tr.grand.totals) td.amount,
.checkout-cart-index .cart-summary .totals tbody tr:has(+ tr.grand.totals.incl) th,
.checkout-cart-index .cart-summary .totals tbody tr:has(+ tr.grand.totals.incl) td.amount,
.checkout-cart-index .cart-summary .totals tbody tr:has(+ tr.grand.totals.excl) th,
.checkout-cart-index .cart-summary .totals tbody tr:has(+ tr.grand.totals.excl) td.amount {
    padding-bottom: 16px !important;
}

.checkout-cart-index .cart-summary .totals tr.grand.totals,
.checkout-cart-index .cart-summary .totals tr.grand.totals.incl,
.checkout-cart-index .cart-summary .totals tr.grand.totals.excl {
    border-top: 1px dashed #CECDD8 !important;
    border-bottom: 1px dashed #CECDD8 !important;
}

.checkout-cart-index .cart-summary .totals tr.grand.totals th,
.checkout-cart-index .cart-summary .totals tr.grand.totals td.amount,
.checkout-cart-index .cart-summary .totals tr.grand.totals.incl th,
.checkout-cart-index .cart-summary .totals tr.grand.totals.incl td.amount,
.checkout-cart-index .cart-summary .totals tr.grand.totals.excl th,
.checkout-cart-index .cart-summary .totals tr.grand.totals.excl td.amount {
    color: #100F1B !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    margin: 0 !important;
}

.checkout-cart-index .cart-summary .totals tr.grand.totals th strong,
.checkout-cart-index .cart-summary .totals tr.grand.totals td.amount .price,
.checkout-cart-index .cart-summary .totals tr.grand.totals td.amount strong,
.checkout-cart-index .cart-summary .totals tr.grand.totals.incl th strong,
.checkout-cart-index .cart-summary .totals tr.grand.totals.incl td.amount .price,
.checkout-cart-index .cart-summary .totals tr.grand.totals.incl td.amount strong,
.checkout-cart-index .cart-summary .totals tr.grand.totals.excl th strong,
.checkout-cart-index .cart-summary .totals tr.grand.totals.excl td.amount .price,
.checkout-cart-index .cart-summary .totals tr.grand.totals.excl td.amount strong {
    color: #100F1B !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.checkout-cart-index .cart-summary .totals tr.grand.totals th {
    text-align: left !important;
}

.checkout-cart-index .cart-summary .totals tr.grand.totals td.amount {
    text-align: right !important;
}

.checkout-cart-index .cart-summary .gwl-cart-installments-title {
    color: #100F1B !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
}

.checkout-cart-index .cart-summary .gwl-cart-installments__card--tabby {
    border: 1px solid #5AFEAE !important;
    background: #CCFFE6 !important;
    border-radius: 4px !important;
}

.checkout-cart-index .cart-summary .gwl-cart-installments__logo,
.checkout-cart-index .cart-summary .gwl-cart-installments__logo--tabby,
.checkout-cart-index .cart-summary .gwl-cart-installments__logo--tamara {
    height: 24px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 4px !important;
}

.checkout-cart-index .cart-summary .gwl-cart-installments__copy {
    color: #100F1B !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    line-height: 18px !important;
}

.checkout-cart-index .cart-summary .checkout-methods-items .action.primary.checkout,
.checkout-cart-index .cart-summary button.action.primary.checkout {
    height: 40px !important;
    min-height: 40px !important;
    padding: 12px 32px !important;
    border-radius: 4px !important;
    background: #160B8B !important;
    color: #fff !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
}

.checkout-cart-index .cart-summary .action.multicheckout,
.checkout-cart-index .cart-summary .gwl-cart-multicheckout {
    display: none !important;
}

/* ---- LAST: cart grid column headers (Figma C3 — beats styles-m / theme) ---- */
body.checkout-cart-index .cart.table-wrapper .cart.items thead tr th.col,
body.checkout-cart-index .cart.table-wrapper table#shopping-cart-table thead tr th.col,
body.checkout-cart-index .cart.table-wrapper .gwl-cart-table table.cart thead tr th.col,
body.checkout-cart-index .column.main .cart.table-wrapper .cart thead tr th.col {
    color: #100F1B !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: 20px !important;
    letter-spacing: 0.21px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    border: 0 !important;
    border-bottom: 1px solid #CECDD8 !important;
    background: transparent !important;
    background-color: transparent !important;
    padding-top: 0 !important;
    padding-bottom: 16px !important;
}

body.checkout-cart-index .cart.table-wrapper .cart thead tr th.col span,
body.checkout-cart-index .cart.table-wrapper table#shopping-cart-table thead tr th.col span {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline !important;
}



/* ---- Arabic / RTL overrides ---- */
html[lang="ar"] .checkout-cart-index .cart.table-wrapper .cart thead tr th.col,
.rtl .checkout-cart-index .cart.table-wrapper .cart thead tr th.col,
html[lang="ar"] .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th,
.rtl .checkout-cart-index .cart.table-wrapper .gwl-cart-table #shopping-cart-table > thead > tr > th {
    text-align: right !important;
}

html[lang="ar"] .checkout-cart-index .gwl-cart-table .product-item-photo,
.rtl .checkout-cart-index .gwl-cart-table .product-item-photo {
    float: right !important;
    margin: 0 0 0 24px !important;
}

@media only screen and (max-width: 991px) {
    html[lang="ar"] body.checkout-cart-index .gwl-cart-table .product-item-photo,
    .rtl body.checkout-cart-index .gwl-cart-table .product-item-photo {
        float: none !important;
        margin: 0 !important;
    }
}

html[lang="ar"] .checkout-cart-index .cart-summary #block-discount #coupon_code,
.rtl .checkout-cart-index .cart-summary #block-discount #coupon_code {
    padding: 12px 14px 12px 72px !important;
}

html[lang="ar"] .checkout-cart-index .cart-summary #block-discount .actions-toolbar,
.rtl .checkout-cart-index .cart-summary #block-discount .actions-toolbar {
    right: auto !important;
    left: 8px !important;
}

html[lang="ar"] .checkout-cart-index .cart-summary .totals tbody tr:not(.grand) th,
html[lang="ar"] .checkout-cart-index .cart-summary .totals tr.totals.sub th,
html[lang="ar"] .checkout-cart-index .cart-summary .totals tr.totals-tax th,
html[lang="ar"] .checkout-cart-index .cart-summary .totals tr.grand.totals th,
.rtl .checkout-cart-index .cart-summary .totals tbody tr:not(.grand) th,
.rtl .checkout-cart-index .cart-summary .totals tr.totals.sub th,
.rtl .checkout-cart-index .cart-summary .totals tr.totals-tax th,
.rtl .checkout-cart-index .cart-summary .totals tr.grand.totals th {
    text-align: right !important;
}

html[lang="ar"] .checkout-cart-index .cart-summary .totals tbody tr:not(.grand) td.amount,
html[lang="ar"] .checkout-cart-index .cart-summary .totals tr.grand.totals td.amount,
.rtl .checkout-cart-index .cart-summary .totals tbody tr:not(.grand) td.amount,
.rtl .checkout-cart-index .cart-summary .totals tr.grand.totals td.amount {
    text-align: left !important;
}

html[lang="ar"] .checkout-cart-index .cart-summary .cart-totals .table-caption,
.rtl .checkout-cart-index .cart-summary .cart-totals .table-caption {
    text-align: right !important;
}

/* ---- LAST: empty cart (Figma 1673-10364) ---- */
body.checkout-cart-index .gwl-cart-empty__icon {
    margin: 0 0 36px !important;
}

body.checkout-cart-index .gwl-cart-empty__icon img {
    width: 145px !important;
    max-width: 145px !important;
    height: auto !important;
}

body.checkout-cart-index .gwl-cart-empty__title {
    margin: 0 0 16px !important;
    color: var(--Blue-blue-10, #0A053D) !important;
    text-align: center !important;
    font-family: var(--Typography-Font-1, 'Outfit'), sans-serif !important;
    font-size: 32px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 40px !important;
    letter-spacing: -0.5px !important;
}

body.checkout-cart-index .gwl-cart-empty__text {
    margin: 0 0 24px !important;
    color: var(--Blue-blue-10, #0A053D) !important;
    text-align: center !important;
    font-family: var(--Typography-Font-1, 'Outfit'), sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 22px !important;
    opacity: 0.6 !important;
}

body.checkout-cart-index .gwl-cart-empty__cta,
body.checkout-cart-index a.action.gwl-cart-empty__cta,
body.checkout-cart-index a.action.continue.gwl-cart-empty__cta {
    color: var(--Sub-White, #FFF) !important;
    text-align: center !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    border-radius: 4px !important;
    background: var(--Main-Primary, #160B8B) !important;
    background-color: #160B8B !important;
}

body.checkout-cart-index .gwl-cart-empty__cta > span {
    color: var(--Sub-White, #FFF) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
}

@media only screen and (max-width: 768px) {
    body.checkout-cart-index .gwl-cart-empty__title {
        font-size: 32px !important;
        line-height: 40px !important;
        letter-spacing: -1px !important;
    }

    body.checkout-cart-index .gwl-cart-empty__text {
        font-size: 14px !important;
        line-height: 20px !important;
    }
}

/*
 * Mobile cart lock (Figma 2029-41871)
 * Magento styles-m floats qty/price/subtotal and can collapse the table so
 * Update/Continue sit on top of items. Keep actions in normal flow after the list.
 */
@media only screen and (max-width: 767px) {
    body.checkout-cart-index .cart-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 24px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-bottom: 110px !important;
    }

    body.checkout-cart-index .cart-container .form-cart,
    body.checkout-cart-index .cart-container .gwl-cart-form {
        display: block !important;
        position: static !important;
        float: none !important;
        clear: both !important;
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.checkout-cart-index .cart-container .cart-summary {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }

    body.checkout-cart-index .gwl-cart-form .cart.table-wrapper,
    body.checkout-cart-index .gwl-cart-table {
        display: block !important;
        position: relative !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        overflow: visible !important;
        height: auto !important;
        min-height: 0 !important;
    }

    body.checkout-cart-index .gwl-cart-table #shopping-cart-table,
    body.checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item {
        display: block !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        height: auto !important;
    }

    body.checkout-cart-index .cart.table-wrapper .col.qty,
    body.checkout-cart-index .cart.table-wrapper .col.price,
    body.checkout-cart-index .cart.table-wrapper .col.subtotal,
    body.checkout-cart-index .cart.table-wrapper .col.msrp {
        float: none !important;
        width: auto !important;
        max-width: none !important;
        white-space: normal !important;
    }

    /* Figma 2064-26486 — photo far right, name beside it, price/VAT note in a
       left column aligned with the product name. Native RTL (do not lock LTR). */
    body.checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info {
        display: grid !important;
        direction: rtl !important;
        grid-template-columns: 80px minmax(0, 1fr) minmax(0, 1.2fr) !important;
        grid-template-areas:
            "photo name  price"
            "photo qty   price"
            "opt   opt   opt"
            ".     wish  actions" !important;
        column-gap: 12px !important;
        row-gap: 8px !important;
        align-items: start !important;
    }

    body.checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.item,
    body.checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.subtotal,
    body.checkout-cart-index .gwl-cart-table .product-item-details,
    body.checkout-cart-index .gwl-cart-item__subtotal-wrap {
        display: contents !important;
        float: none !important;
        overflow: visible !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
    }

    body.checkout-cart-index .gwl-cart-table .product-item-photo {
        grid-area: photo !important;
        display: block !important;
        float: none !important;
        width: 80px !important;
        max-width: 80px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.checkout-cart-index .gwl-cart-table .product-item-photo .product-image-photo,
    body.checkout-cart-index .gwl-cart-table .product-item-photo img,
    body.checkout-cart-index .gwl-cart-table .product-item-photo .product-image-wrapper,
    body.checkout-cart-index .gwl-cart-table .product-item-photo .product-image-container {
        width: 80px !important;
        max-width: 80px !important;
        height: 80px !important;
        border-radius: 0 !important;
    }

    body.checkout-cart-index .gwl-cart-table .product-item-name {
        grid-area: name !important;
        text-align: right !important;
        margin: 0 !important;
    }

    body.checkout-cart-index .gwl-cart-item__subtotal-price {
        grid-area: price !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: right !important;
        direction: rtl !important;
        width: 100% !important;
        white-space: normal !important;
    }

    body.checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.qty {
        grid-area: qty !important;
        text-align: right !important;
        direction: rtl !important;
    }

    body.checkout-cart-index .gwl-cart-table #shopping-cart-table .col.qty .gwl-cart-qty__control {
        direction: ltr !important;
        display: inline-flex !important;
        margin: 0 0 0 auto !important;
        /* Figma mobile — qty box 59 × 24 */
        width: 75px !important;
        min-width: 59px !important;
        max-width: 75px !important;
        height: 24px !important;
        border-radius: 4px !important;
        border: 1px solid #E7E6EC !important;
        padding: 0 !important;
    }

    body.checkout-cart-index .gwl-cart-table #shopping-cart-table .col.qty .gwl-cart-qty__btn {
        flex: 0 0 17px !important;
        width: 17px !important;
        height: 22px !important;
    }

    body.checkout-cart-index .gwl-cart-table #shopping-cart-table .col.qty .gwl-cart-qty__btn svg {
        width: 8px !important;
    }

    body.checkout-cart-index .gwl-cart-table #shopping-cart-table .col.qty .gwl-cart-qty__control > label {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    body.checkout-cart-index .gwl-cart-table #shopping-cart-table .col.qty .input-text.qty {
        min-width: 0 !important;
        height: 22px !important;
        padding: 0 !important;
        /* Figma — cart number value */
        color: #100F1B !important;
        text-align: center !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 12px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 18px !important;
    }

    body.checkout-cart-index .gwl-cart-table .item-options.hello_local_default {
        grid-area: opt !important;
        margin: 16px 0 0 !important;
        white-space: nowrap !important;
        direction: rtl !important;
        justify-content: flex-start !important;
        justify-self: stretch !important;
        text-align: right !important;
    }

    body.checkout-cart-index .gwl-cart-item__wishlist {
        grid-area: wish !important;
        margin: 16px 0 0 !important;
        text-align: right !important;
        justify-self: stretch !important;
        white-space: nowrap !important;
    }

    body.checkout-cart-index .gwl-cart-item__wishlist .action.towishlist,
    body.checkout-cart-index .gwl-cart-item__wishlist .action.towishlist span {
        white-space: nowrap !important;
    }

    body.checkout-cart-index .gwl-cart-item__row-actions {
        grid-area: actions !important;
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        flex-direction: row-reverse !important;
        align-items: center !important;
        align-self: start !important;
        /* Figma — edit/delete icons flush to the row's left edge */
        justify-self: end !important;
        justify-content: flex-start !important;
        margin: 16px 0 0 !important;
        white-space: nowrap !important;
        direction: ltr !important;
    }

    body.checkout-cart-index .gwl-cart-item__row-actions > .action-delete::after {
        display: none !important;
    }

    body.checkout-cart-index .gwl-cart-item__row-actions > .action-edit::after {
        content: '' !important;
        display: block !important;
        width: 1px !important;
        height: 16px !important;
        margin: 0 16px !important;
        background: var(--gwl-cart-icon-divider, #C3C1CB) !important;
        flex-shrink: 0 !important;
    }

    body.checkout-cart-index .gwl-cart-item__row-actions > .action-delete,
    body.checkout-cart-index .gwl-cart-item__row-actions > a.action-delete {
        width: 16px !important;
        min-width: 16px !important;
        height: 16px !important;
        min-height: 16px !important;
    }

    body.checkout-cart-index .gwl-cart-item__row-actions > .action-edit,
    body.checkout-cart-index .gwl-cart-item__row-actions > a.action-edit {
        width: auto !important;
        min-width: 16px !important;
        height: 16px !important;
        min-height: 16px !important;
    }

    /* Figma mobile — edit / delete icons 16 × 16 */
    body.checkout-cart-index .gwl-cart-item__row-actions .gwl-cart-action-icon,
    body.checkout-cart-index .gwl-cart-item__row-actions .gwl-cart-action-icon svg {
        width: 16px !important;
        height: 16px !important;
    }

    /* Update / Continue — fixed bottom bar (mobile) */
    body.checkout-cart-index .cart-container .form-cart .actions.main,
    body.checkout-cart-index .cart-container .form-cart .cart.main.actions,
    body.checkout-cart-index .cart.main.actions.gwl-cart-actions,
    body.checkout-cart-index .gwl-cart-actions {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        gap: 12px !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        float: none !important;
        clear: both !important;
        order: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 12px 16px !important;
        padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
        inset: auto 0 0 0 !important;
        transform: none !important;
        z-index: 300 !important;
        box-sizing: border-box !important;
        background: #fff !important;
        box-shadow: 0 -4px 16px rgba(16, 15, 27, 0.08) !important;
        border-top: 1px solid #E7E6EC !important;
    }

    body.checkout-cart-index .gwl-cart-actions .action.update,
    body.checkout-cart-index .gwl-cart-actions .action.continue,
    body.checkout-cart-index .cart.main.actions .action.update,
    body.checkout-cart-index .cart.main.actions .action.continue {
        flex: 1 1 0 !important;
        float: none !important;
        position: static !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 12px 16px !important;
        box-sizing: border-box !important;
    }
}

/*
 * Mobile typography (Figma 2029-41871 tokens)
 */
@media only screen and (max-width: 767px) {
    body.checkout-cart-index .gwl-cart-table .product-item-name,
    body.checkout-cart-index .gwl-cart-table .product-item-name a,
    body.checkout-cart-index .cart.table-wrapper .product-item-name,
    body.checkout-cart-index .cart.table-wrapper .product-item-name a {
        color: #100F1B !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        font-style: normal !important;
        line-height: 20px !important;
    }

    /* Figma mobile — product title capped at 155px */
    body.checkout-cart-index .gwl-cart-table .product-item-name,
    body.checkout-cart-index .cart.table-wrapper .product-item-name {
        max-width: 155px !important;
    }

    body.checkout-cart-index .gwl-cart-table .product-item-name a,
    body.checkout-cart-index .cart.table-wrapper .product-item-name a {
        display: block !important;
        max-width: 155px !important;
    }

    body.checkout-cart-index .gwl-cart-item__subtotal-price .price,
    body.checkout-cart-index .gwl-cart-item__subtotal-price .cart-price,
    body.checkout-cart-index .gwl-cart-item__subtotal-price .price-including-tax .price,
    body.checkout-cart-index .gwl-cart-item__subtotal-price .price-excluding-tax .price {
        color: #100F1B !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        font-style: normal !important;
        line-height: 20px !important;
        text-align: right !important;
    }

    body.checkout-cart-index .gwl-cart-item__subtotal-price {
        align-self: start !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: right !important;
        direction: rtl !important;
    }

    body.checkout-cart-index .gwl-cart-item__vat {
        color: #58575F !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        font-style: normal !important;
        line-height: 18px !important;
        text-align: right !important;
    }

    body.checkout-cart-index .gwl-cart-table .item-options.hello_local_default label,
    body.checkout-cart-index .gwl-cart-table .item-options.hello_local_default .custom-price-option {
        color: #100F1B !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 12px !important;
        font-weight: 300 !important;
        font-style: normal !important;
        line-height: 16px !important;
    }

    body.checkout-cart-index .gwl-cart-table .item-options.hello_local_default label input[type="checkbox"] {
        width: 16px !important;
        height: 16px !important;
        border-radius: 2px !important;
        border: 1px solid #6C698B !important;
        background: #FFF !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
    }

    body.checkout-cart-index .gwl-cart-table .item-options.hello_local_default label input[type="checkbox"]:checked {
        background: #160B8B !important;
        border-color: #160B8B !important;
    }

    body.checkout-cart-index .gwl-cart-item__wishlist .action.towishlist,
    body.checkout-cart-index .gwl-cart-item__wishlist .gwl-cart-towishlist,
    body.checkout-cart-index .gwl-cart-item__wishlist .action.towishlist span,
    body.checkout-cart-index .gwl-cart-item__wishlist .gwl-cart-towishlist span {
        color: #160B8B !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        font-style: normal !important;
        line-height: 16px !important;
        text-decoration: underline !important;
        text-decoration-line: underline !important;
    }

    body.checkout-cart-index .cart-summary .block.shipping > .title strong,
    body.checkout-cart-index .cart-summary .block.shipping > .title #block-shipping-heading {
        color: #100F1B !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        font-style: normal !important;
        line-height: 22px !important;
    }

    body.checkout-cart-index .cart-summary .cart-totals .table-caption,
    body.checkout-cart-index .cart-summary #cart-totals .table-caption {
        color: #100F1B !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        font-style: normal !important;
        line-height: 22px !important;
    }

    body.checkout-cart-index .cart-summary .gwl-cart-installments-title {
        color: #100F1B !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        font-style: normal !important;
        line-height: 22px !important;
    }

    body.checkout-cart-index .cart-summary .totals tr.grand.totals th,
    body.checkout-cart-index .cart-summary .totals tr.grand.totals th strong,
    body.checkout-cart-index .cart-summary .totals tr.grand.totals td.amount,
    body.checkout-cart-index .cart-summary .totals tr.grand.totals td.amount .price,
    body.checkout-cart-index .cart-summary .totals tr.grand.totals td.amount strong,
    body.checkout-cart-index .cart-summary .totals tr.grand.totals.incl th,
    body.checkout-cart-index .cart-summary .totals tr.grand.totals.incl th strong,
    body.checkout-cart-index .cart-summary .totals tr.grand.totals.incl td.amount,
    body.checkout-cart-index .cart-summary .totals tr.grand.totals.incl td.amount .price,
    body.checkout-cart-index .cart-summary .totals tr.grand.totals.excl th,
    body.checkout-cart-index .cart-summary .totals tr.grand.totals.excl th strong,
    body.checkout-cart-index .cart-summary .totals tr.grand.totals.excl td.amount,
    body.checkout-cart-index .cart-summary .totals tr.grand.totals.excl td.amount .price {
        color: #100F1B !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        font-style: normal !important;
        line-height: 24px !important;
    }
}

/*
 * Arabic RTL lock — Figma 2064-26486 (mobile cart).
 * EN cart CSS (and earlier AR copies) force label-left / value-right.
 * Arabic must read right-to-left: labels on the right, amounts on the left.
 */
html[lang="ar"] body.checkout-cart-index .cart-summary,
html[dir="rtl"] body.checkout-cart-index .cart-summary,
body.checkout-cart-index .cart-summary {
    direction: rtl !important;
    text-align: right !important;
}

html[lang="ar"] body.checkout-cart-index .cart-summary .cart-totals,
html[lang="ar"] body.checkout-cart-index .cart-summary #cart-totals,
html[lang="ar"] body.checkout-cart-index .cart-summary .totals,
html[dir="rtl"] body.checkout-cart-index .cart-summary .totals {
    direction: rtl !important;
    width: 100% !important;
}

html[lang="ar"] body.checkout-cart-index .cart-summary .cart-totals .table-caption,
html[lang="ar"] body.checkout-cart-index .cart-summary #cart-totals .table-caption,
html[dir="rtl"] body.checkout-cart-index .cart-summary .cart-totals .table-caption {
    text-align: right !important;
}

html[lang="ar"] body.checkout-cart-index .cart-summary .totals th,
html[lang="ar"] body.checkout-cart-index .cart-summary .totals tbody tr:not(.grand) th,
html[lang="ar"] body.checkout-cart-index .cart-summary .totals tbody tr:not(.grand) th .label,
html[lang="ar"] body.checkout-cart-index .cart-summary .totals tr.totals.sub th,
html[lang="ar"] body.checkout-cart-index .cart-summary .totals tr.totals-tax th,
html[lang="ar"] body.checkout-cart-index .cart-summary .totals tr.grand.totals th,
html[lang="ar"] body.checkout-cart-index .cart-summary .totals tr.grand.totals th strong,
html[dir="rtl"] body.checkout-cart-index .cart-summary .totals th,
html[dir="rtl"] body.checkout-cart-index .cart-summary .totals tr.grand.totals th {
    text-align: right !important;
}

html[lang="ar"] body.checkout-cart-index .cart-summary .totals td.amount,
html[lang="ar"] body.checkout-cart-index .cart-summary .totals tbody tr:not(.grand) td.amount,
html[lang="ar"] body.checkout-cart-index .cart-summary .totals tbody tr:not(.grand) td.amount .price,
html[lang="ar"] body.checkout-cart-index .cart-summary .totals tr.grand.totals td.amount,
html[lang="ar"] body.checkout-cart-index .cart-summary .totals tr.grand.totals td.amount .price,
html[lang="ar"] body.checkout-cart-index .cart-summary .totals tr.grand.totals td.amount strong,
html[dir="rtl"] body.checkout-cart-index .cart-summary .totals td.amount,
html[dir="rtl"] body.checkout-cart-index .cart-summary .totals tr.grand.totals td.amount {
    text-align: left !important;
}

html[lang="ar"] body.checkout-cart-index .cart-summary #block-discount #coupon_code,
html[dir="rtl"] body.checkout-cart-index .cart-summary #block-discount #coupon_code {
    text-align: right !important;
    padding: 12px 14px 12px 72px !important;
}

html[lang="ar"] body.checkout-cart-index .cart-summary #block-discount .actions-toolbar,
html[dir="rtl"] body.checkout-cart-index .cart-summary #block-discount .actions-toolbar {
    right: auto !important;
    left: 8px !important;
}

@media only screen and (max-width: 767px) {
    html[lang="ar"] body.checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info,
    html[dir="rtl"] body.checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info {
        direction: rtl !important;
        grid-template-columns: 80px minmax(0, 1fr) minmax(0, 1.2fr) !important;
        grid-template-areas:
            "photo name  price"
            "photo qty   price"
            "opt   opt   opt"
            ".     wish  actions" !important;
    }

    html[lang="ar"] body.checkout-cart-index .gwl-cart-item__subtotal-price,
    html[dir="rtl"] body.checkout-cart-index .gwl-cart-item__subtotal-price {
        align-items: flex-start !important;
        align-self: start !important;
        text-align: right !important;
        direction: rtl !important;
    }

    html[lang="ar"] body.checkout-cart-index .gwl-cart-item__subtotal-price .price,
    html[lang="ar"] body.checkout-cart-index .gwl-cart-item__subtotal-price .cart-price,
    html[lang="ar"] body.checkout-cart-index .gwl-cart-item__vat,
    html[dir="rtl"] body.checkout-cart-index .gwl-cart-item__vat {
        text-align: right !important;
    }

    html[lang="ar"] body.checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.qty,
    html[dir="rtl"] body.checkout-cart-index .gwl-cart-table #shopping-cart-table > tbody.gwl-cart-item > tr.item-info > td.col.qty {
        text-align: right !important;
    }

    html[lang="ar"] body.checkout-cart-index .gwl-cart-table #shopping-cart-table .col.qty .gwl-cart-qty__control,
    html[dir="rtl"] body.checkout-cart-index .gwl-cart-table #shopping-cart-table .col.qty .gwl-cart-qty__control {
        direction: ltr !important;
        margin: 0 0 0 auto !important;
    }

    html[lang="ar"] body.checkout-cart-index .gwl-cart-table .item-options.hello_local_default,
    html[dir="rtl"] body.checkout-cart-index .gwl-cart-table .item-options.hello_local_default {
        direction: rtl !important;
        justify-content: flex-start !important;
        justify-self: stretch !important;
        text-align: right !important;
    }

    html[lang="ar"] body.checkout-cart-index .gwl-cart-item__row-actions,
    html[dir="rtl"] body.checkout-cart-index .gwl-cart-item__row-actions {
        justify-self: end !important;
        flex-direction: row-reverse !important;
        direction: ltr !important;
    }

    html[lang="ar"] body.checkout-cart-index .gwl-cart-item__wishlist,
    html[dir="rtl"] body.checkout-cart-index .gwl-cart-item__wishlist {
        text-align: right !important;
        justify-self: stretch !important;
    }
}

/* END: Cart (AR/RTL) */