/* Professional glass WooCommerce cart page. Loaded only on the cart screen. */

body.page-p-cart-cart {
    --qtr-cart-ink: #000875;
    --qtr-cart-soft: rgba(0,8,117,.6);
    --qtr-cart-mint: #36ddbd;
    --qtr-cart-pink: #ffb3c6;
}

body.page-p-cart-cart .cart-page {
    width: min(1240px, calc(100% - 28px));
    max-width: none;
    margin-inline: auto;
    padding: 116px 0 70px;
}

body.page-p-cart-cart .cart-hero {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin: 0 auto 22px;
    padding: clamp(22px, 3vw, 32px);
    overflow: hidden;
    text-align: right;
    background:
        radial-gradient(circle at 100% 0, rgba(127,255,212,.36), transparent 33%),
        radial-gradient(circle at 0 100%, rgba(255,179,198,.25), transparent 31%),
        linear-gradient(140deg, rgba(255,255,255,.78), rgba(235,255,249,.54));
    border: 1px solid rgba(255,255,255,.93);
    border-radius: 30px;
    box-shadow: 0 20px 48px rgba(49,42,70,.11), inset 0 1px 0 #fff;
    backdrop-filter: blur(22px) saturate(140%);
    -webkit-backdrop-filter: blur(22px) saturate(140%);
}

body.page-p-cart-cart .cart-hero-icon {
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    margin: 0;
    background: linear-gradient(145deg, rgba(127,255,212,.7), rgba(255,255,255,.8), rgba(255,179,198,.28));
    border: 1px solid rgba(255,255,255,.95);
    border-radius: 24px;
    box-shadow: 0 13px 27px rgba(49,42,70,.11), inset 0 1px 0 #fff;
}

body.page-p-cart-cart .cart-hero-icon img {
    width: 45px;
    height: 45px;
    object-fit: contain;
}

body.page-p-cart-cart .cart-hero-copy {
    position: relative;
    z-index: 1;
}

body.page-p-cart-cart .cart-hero .cart-eyebrow {
    margin: 0 0 3px;
    color: #07816a;
    font-size: 10px;
    font-weight: 900;
}

body.page-p-cart-cart .cart-hero h1 {
    margin: 0 0 6px;
    color: var(--qtr-cart-ink);
    font-size: clamp(1.65rem, 3vw, 2.25rem);
    font-weight: 900;
}

body.page-p-cart-cart .cart-hero-copy > p:last-child {
    margin: 0;
    color: var(--qtr-cart-soft);
    font-size: 12px;
    line-height: 1.9;
}

body.page-p-cart-cart .cart-progress {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

body.page-p-cart-cart .cart-progress-step {
    display: grid;
    place-items: center;
    gap: 5px;
    min-width: 68px;
    color: rgba(0,8,117,.42);
    text-align: center;
}

body.page-p-cart-cart .cart-progress-step span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    font-size: 11px;
    font-weight: 900;
    background: rgba(255,255,255,.58);
    border: 1px solid rgba(255,255,255,.86);
    border-radius: 12px;
}

body.page-p-cart-cart .cart-progress-step strong {
    font-size: 8px;
    white-space: nowrap;
}

body.page-p-cart-cart .cart-progress-step.is-active {
    color: var(--qtr-cart-ink);
}

body.page-p-cart-cart .cart-progress-step.is-active span {
    color: #005c4a;
    background: linear-gradient(145deg, rgba(127,255,212,.82), rgba(255,255,255,.8));
    border-color: rgba(54,221,189,.35);
    box-shadow: 0 7px 17px rgba(49,42,70,.08);
}

body.page-p-cart-cart .cart-progress-line {
    width: 34px;
    height: 2px;
    background: linear-gradient(90deg, rgba(0,8,117,.08), rgba(54,221,189,.5));
    border-radius: 999px;
}

body.page-p-cart-cart .cart-shell {
    width: 100%;
    padding: 0;
    background: transparent;
}

body.page-p-cart-cart .cart-shell > .woocommerce {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 350px);
    gap: 22px;
    align-items: start;
}

body.page-p-cart-cart .woocommerce-notices-wrapper,
body.page-p-cart-cart .woocommerce-error,
body.page-p-cart-cart .woocommerce-message,
body.page-p-cart-cart .woocommerce-info,
body.page-p-cart-cart .qatreh-empty-cart,
body.page-p-cart-cart .return-to-shop {
    grid-column: 1 / -1;
}

body.page-p-cart-cart .woocommerce-message,
body.page-p-cart-cart .woocommerce-info,
body.page-p-cart-cart .woocommerce-error {
    margin: 0 0 2px !important;
    padding: 14px 48px 14px 16px !important;
    color: var(--qtr-cart-ink);
    font-size: 11px;
    line-height: 1.8;
    background: rgba(255,255,255,.7);
    border: 1px solid rgba(255,255,255,.9);
    border-top: 0;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(49,42,70,.07);
}

body.page-p-cart-cart .woocommerce-cart-form {
    grid-column: 1;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: clamp(14px, 2vw, 20px);
    background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(239,255,251,.54));
    border: 1px solid rgba(255,255,255,.92);
    border-radius: 25px;
    box-shadow: 0 17px 40px rgba(49,42,70,.1), inset 0 1px 0 #fff;
    backdrop-filter: blur(20px) saturate(135%);
    -webkit-backdrop-filter: blur(20px) saturate(135%);
}

body.page-p-cart-cart .woocommerce-cart-form::before {
    content: "محصولات انتخاب‌شده";
    display: block;
    margin-bottom: 14px;
    padding: 0 4px 12px;
    color: var(--qtr-cart-ink);
    font-size: 15px;
    font-weight: 900;
    border-bottom: 1px solid rgba(0,8,117,.08);
}

body.page-p-cart-cart table.shop_table {
    width: 100%;
    margin: 0 !important;
    overflow: hidden;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0 9px;
}

body.page-p-cart-cart table.shop_table thead th {
    padding: 5px 9px 8px !important;
    color: rgba(0,8,117,.52);
    font-size: 9px;
    font-weight: 900;
    text-align: right;
    background: transparent !important;
    border: 0 !important;
}

body.page-p-cart-cart table.shop_table tbody tr.cart_item {
    overflow: hidden;
    background: rgba(255,255,255,.55);
    border-radius: 18px;
    box-shadow: 0 8px 19px rgba(49,42,70,.06), inset 0 1px 0 rgba(255,255,255,.92);
}

body.page-p-cart-cart table.shop_table tbody tr.cart_item td {
    padding: 12px 8px !important;
    color: var(--qtr-cart-ink);
    font-size: 11px;
    vertical-align: middle;
    background: transparent !important;
    border-top: 1px solid rgba(255,255,255,.78) !important;
    border-bottom: 1px solid rgba(255,255,255,.78) !important;
}

body.page-p-cart-cart table.shop_table tbody tr.cart_item td:first-child {
    border-right: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 0 17px 17px 0;
}

body.page-p-cart-cart table.shop_table tbody tr.cart_item td:last-child {
    border-left: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 17px 0 0 17px;
}

body.page-p-cart-cart .product-remove {
    width: 40px;
}

body.page-p-cart-cart .product-remove .remove {
    display: grid !important;
    place-items: center;
    width: 30px !important;
    height: 30px !important;
    margin-inline: auto;
    color: #a7376d !important;
    font-family: Arial, sans-serif;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    background: rgba(255,228,238,.72) !important;
    border: 1px solid rgba(255,179,198,.4) !important;
    border-radius: 10px !important;
    transition: transform .2s ease, background .2s ease;
}

body.page-p-cart-cart .product-remove .remove:hover,
body.page-p-cart-cart .product-remove .remove:focus-visible {
    background: rgba(255,210,226,.95) !important;
    transform: rotate(5deg) scale(1.05);
}

body.page-p-cart-cart .product-thumbnail {
    width: 88px;
}

body.page-p-cart-cart .product-thumbnail img {
    width: 76px !important;
    height: 76px !important;
    padding: 4px;
    object-fit: contain;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(0,8,117,.06);
    border-radius: 15px;
}

body.page-p-cart-cart .product-name a {
    color: var(--qtr-cart-ink);
    font-size: 11px;
    font-weight: 900;
    line-height: 1.8;
    text-decoration: none;
}

body.page-p-cart-cart .product-name .variation {
    margin: 6px 0 0;
    color: var(--qtr-cart-soft);
    font-size: 9px;
}

body.page-p-cart-cart .product-price,
body.page-p-cart-cart .product-subtotal {
    white-space: nowrap;
}

body.page-p-cart-cart .product-subtotal {
    color: #087b62 !important;
    font-weight: 900;
}

body.page-p-cart-cart .quantity {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 3px;
    background: rgba(255,255,255,.7);
    border: 1px solid rgba(0,8,117,.08);
    border-radius: 12px;
}

body.page-p-cart-cart .quantity .qty {
    width: 42px !important;
    height: 34px;
    padding: 4px !important;
    color: var(--qtr-cart-ink);
    font-family: "Vazirmatn", Arial, sans-serif;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
    background: transparent;
    border: 0 !important;
    outline: 0;
}

body.page-p-cart-cart .qatreh-qty-button {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    color: var(--qtr-cart-ink);
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 9px;
    cursor: pointer;
}

body.page-p-cart-cart .qatreh-qty-plus {
    color: #006b56;
    background: rgba(127,255,212,.32);
}

body.page-p-cart-cart table.shop_table td.actions {
    padding: 14px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
}

body.page-p-cart-cart .actions .coupon {
    display: flex;
    gap: 7px;
}

body.page-p-cart-cart .actions .coupon .input-text {
    width: min(220px, 100%) !important;
    min-height: 43px;
    padding: 8px 12px !important;
    color: var(--qtr-cart-ink);
    font-family: "Vazirmatn", Arial, sans-serif;
    font-size: 10px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(0,8,117,.1) !important;
    border-radius: 12px;
    outline: 0;
}

body.page-p-cart-cart .actions .button {
    min-height: 43px;
    padding: 9px 14px !important;
    color: var(--qtr-cart-ink) !important;
    font-family: "Vazirmatn", Arial, sans-serif;
    font-size: 10px !important;
    font-weight: 900 !important;
    background: linear-gradient(135deg, rgba(255,228,238,.9), rgba(255,255,255,.72)) !important;
    border: 1px solid rgba(255,179,198,.43) !important;
    border-radius: 12px !important;
}

body.page-p-cart-cart .actions [name="update_cart"] {
    color: #005c4a !important;
    background: linear-gradient(135deg, rgba(127,255,212,.75), rgba(255,255,255,.68)) !important;
    border-color: rgba(54,221,189,.32) !important;
}

body.page-p-cart-cart .cart-collaterals {
    grid-column: 2;
    width: 100%;
    margin: 0;
}

body.page-p-cart-cart .cart-collaterals .cart_totals {
    position: sticky;
    top: 100px;
    float: none !important;
    width: 100% !important;
    padding: 21px;
    background:
        radial-gradient(circle at 100% 0, rgba(127,255,212,.3), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.84), rgba(235,255,249,.64));
    border: 1px solid rgba(255,255,255,.94);
    border-radius: 25px;
    box-shadow: 0 18px 42px rgba(49,42,70,.11), inset 0 1px 0 #fff;
    backdrop-filter: blur(20px) saturate(135%);
    -webkit-backdrop-filter: blur(20px) saturate(135%);
}

body.page-p-cart-cart .cart_totals h2 {
    margin: 0 0 15px;
    padding-bottom: 13px;
    color: var(--qtr-cart-ink);
    font-size: 16px;
    font-weight: 900;
    border-bottom: 1px solid rgba(0,8,117,.08);
}

body.page-p-cart-cart .cart_totals table {
    border: 0 !important;
    border-spacing: 0 7px;
}

body.page-p-cart-cart .cart_totals th,
body.page-p-cart-cart .cart_totals td {
    padding: 10px 9px !important;
    color: var(--qtr-cart-soft);
    font-size: 10px;
    text-align: right;
    background: rgba(255,255,255,.47) !important;
    border: 0 !important;
}

body.page-p-cart-cart .cart_totals th {
    border-radius: 0 12px 12px 0;
}

body.page-p-cart-cart .cart_totals td {
    color: var(--qtr-cart-ink);
    font-weight: 800;
    text-align: left;
    border-radius: 12px 0 0 12px;
}

body.page-p-cart-cart .cart_totals .order-total th,
body.page-p-cart-cart .cart_totals .order-total td {
    color: var(--qtr-cart-ink);
    font-size: 12px;
    font-weight: 900;
    background: rgba(127,255,212,.2) !important;
}

body.page-p-cart-cart .wc-proceed-to-checkout {
    padding: 12px 0 0 !important;
}

body.page-p-cart-cart .wc-proceed-to-checkout .checkout-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    margin: 0 !important;
    padding: 11px 16px !important;
    color: #004d3e !important;
    font-family: "Vazirmatn", Arial, sans-serif;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.6 !important;
    background: linear-gradient(135deg, rgba(127,255,212,.98), rgba(54,221,189,.78)) !important;
    border: 1px solid rgba(255,255,255,.92) !important;
    border-radius: 15px !important;
    box-shadow: 0 12px 25px rgba(26,169,141,.18), inset 0 1px 0 rgba(255,255,255,.86);
    transition: transform .2s ease, box-shadow .2s ease;
}

body.page-p-cart-cart .wc-proceed-to-checkout .checkout-button:hover,
body.page-p-cart-cart .wc-proceed-to-checkout .checkout-button:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(26,169,141,.25), inset 0 1px 0 rgba(255,255,255,.9);
}

body.page-p-cart-cart .cart-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

body.page-p-cart-cart .cart-benefits article {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 15px;
    background: rgba(255,255,255,.48);
    border: 1px solid rgba(255,255,255,.82);
    border-radius: 18px;
    box-shadow: 0 10px 25px rgba(49,42,70,.07), inset 0 1px 0 rgba(255,255,255,.92);
}

body.page-p-cart-cart .cart-benefits article > span {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    color: #087b62;
    font-size: 18px;
    font-weight: 900;
    background: linear-gradient(145deg, rgba(127,255,212,.54), rgba(255,255,255,.75));
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 13px;
}

body.page-p-cart-cart .cart-benefits strong,
body.page-p-cart-cart .cart-benefits p {
    display: block;
    margin: 0;
}

body.page-p-cart-cart .cart-benefits strong {
    color: var(--qtr-cart-ink);
    font-size: 11px;
    font-weight: 900;
}

body.page-p-cart-cart .cart-benefits p {
    margin-top: 3px;
    color: var(--qtr-cart-soft);
    font-size: 9px;
}

/* Dedicated empty state */
body.page-p-cart-cart .qatreh-empty-cart {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 480px;
    padding: clamp(32px, 6vw, 62px) 22px;
    overflow: hidden;
    text-align: center;
    background:
        radial-gradient(circle at 95% 0, rgba(127,255,212,.3), transparent 31%),
        radial-gradient(circle at 5% 100%, rgba(255,179,198,.23), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.79), rgba(239,255,251,.57));
    border: 1px solid rgba(255,255,255,.93);
    border-radius: 28px;
    box-shadow: 0 19px 46px rgba(49,42,70,.1), inset 0 1px 0 #fff;
    backdrop-filter: blur(22px) saturate(140%);
    -webkit-backdrop-filter: blur(22px) saturate(140%);
}

body.page-p-cart-cart .qatreh-empty-cart__visual {
    display: grid;
    place-items: center;
    width: 128px;
    height: 128px;
    margin-bottom: 20px;
    color: #5b4c8d;
    background: linear-gradient(145deg, rgba(127,255,212,.5), rgba(255,255,255,.82), rgba(255,179,198,.24));
    border: 1px solid rgba(255,255,255,.96);
    border-radius: 40px;
    box-shadow: 0 19px 38px rgba(49,42,70,.12), inset 0 1px 0 #fff;
}

body.page-p-cart-cart .qatreh-empty-cart__visual svg {
    width: 82px;
    height: 82px;
}

body.page-p-cart-cart .qatreh-empty-cart__eyebrow {
    margin: 0 0 6px !important;
    color: #07816a !important;
    font-size: 10px !important;
    font-weight: 900;
}

body.page-p-cart-cart .qatreh-empty-cart h2 {
    margin: 0 0 9px;
    color: var(--qtr-cart-ink);
    font-size: clamp(1.3rem, 3vw, 1.8rem);
    font-weight: 900;
}

body.page-p-cart-cart .qatreh-empty-cart > p:not(.qatreh-empty-cart__eyebrow) {
    max-width: 580px;
    margin: 0;
    color: var(--qtr-cart-soft);
    font-size: 11px;
    line-height: 2;
}

body.page-p-cart-cart .qatreh-empty-cart__button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 48px;
    margin-top: 20px !important;
    padding: 10px 23px !important;
    color: #004d3e !important;
    font-family: "Vazirmatn", Arial, sans-serif;
    font-size: 11px !important;
    font-weight: 900 !important;
    background: linear-gradient(135deg, rgba(127,255,212,.96), rgba(54,221,189,.72)) !important;
    border: 1px solid rgba(255,255,255,.92) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 24px rgba(49,42,70,.1);
}

@media (max-width: 960px) {
    body.page-p-cart-cart .cart-hero {
        grid-template-columns: auto minmax(0, 1fr);
    }

    body.page-p-cart-cart .cart-progress {
        grid-column: 1 / -1;
        justify-content: center;
        padding-top: 15px;
        border-top: 1px solid rgba(0,8,117,.07);
    }

    body.page-p-cart-cart .cart-shell > .woocommerce {
        grid-template-columns: minmax(0, 1fr);
    }

    body.page-p-cart-cart .woocommerce-cart-form,
    body.page-p-cart-cart .cart-collaterals {
        grid-column: 1;
    }

    body.page-p-cart-cart .cart-collaterals .cart_totals {
        position: static;
    }
}

@media (max-width: 768px) {
    body.page-p-cart-cart .cart-page {
        width: min(100% - 18px, 680px);
        padding-top: 92px;
    }

    body.page-p-cart-cart table.shop_table_responsive thead {
        display: none;
    }

    body.page-p-cart-cart table.shop_table_responsive tbody tr.cart_item {
        display: grid;
        grid-template-columns: 40px 78px minmax(0, 1fr);
        gap: 5px 7px;
        margin-bottom: 11px;
        padding: 10px;
        border: 1px solid rgba(255,255,255,.84);
        border-radius: 18px;
    }

    body.page-p-cart-cart table.shop_table_responsive tbody tr.cart_item td {
        display: block;
        width: auto;
        padding: 5px !important;
        text-align: right !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    body.page-p-cart-cart table.shop_table_responsive tbody tr.cart_item td::before {
        float: none;
        margin-left: 7px;
        color: var(--qtr-cart-soft);
        font-size: 8px;
    }

    body.page-p-cart-cart .product-remove {
        grid-column: 1;
        grid-row: 1 / span 2;
    }

    body.page-p-cart-cart .product-thumbnail {
        display: block !important;
        grid-column: 2;
        grid-row: 1 / span 3;
    }

    body.page-p-cart-cart .product-name,
    body.page-p-cart-cart .product-price,
    body.page-p-cart-cart .product-quantity,
    body.page-p-cart-cart .product-subtotal {
        grid-column: 3;
    }

    body.page-p-cart-cart .actions .coupon {
        float: none !important;
        width: 100%;
        margin-bottom: 8px;
    }

    body.page-p-cart-cart .actions .coupon .input-text,
    body.page-p-cart-cart .actions .button {
        width: 100% !important;
    }

    body.page-p-cart-cart .cart-benefits {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 520px) {
    body.page-p-cart-cart .cart-hero {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        text-align: center;
        border-radius: 23px;
    }

    body.page-p-cart-cart .cart-progress {
        width: 100%;
        gap: 3px;
    }

    body.page-p-cart-cart .cart-progress-step {
        min-width: 58px;
    }

    body.page-p-cart-cart .cart-progress-line {
        width: 18px;
    }

    body.page-p-cart-cart .woocommerce-cart-form,
    body.page-p-cart-cart .cart-collaterals .cart_totals,
    body.page-p-cart-cart .qatreh-empty-cart {
        border-radius: 21px;
    }
}

/* =========================================================
   Card-based cart structure (applied to every Woo cart page)
   ========================================================= */
body.page-p-cart-cart .qatreh-digikala-cart::before {
    content: none;
    display: none;
}

body.page-p-cart-cart .qatreh-digikala-cart {
    padding: clamp(16px, 2.3vw, 24px);
}

body.page-p-cart-cart .qatreh-cart-list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 15px;
    padding: 0 4px 15px;
    border-bottom: 1px solid rgba(0, 8, 117, .09);
}

body.page-p-cart-cart .qatreh-cart-list-header p,
body.page-p-cart-cart .qatreh-cart-list-header h2 {
    margin: 0;
}

body.page-p-cart-cart .qatreh-cart-list-header p {
    color: var(--qtr-cart-ink);
    font-size: 1rem;
    font-weight: 900;
}

body.page-p-cart-cart .qatreh-cart-list-header h2 {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    padding-bottom: 8px;
    color: var(--qtr-cart-soft);
    font-size: .74rem;
    font-weight: 700;
}

body.page-p-cart-cart .qatreh-cart-list-header h2::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 42px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--qtr-cart-mint), var(--qtr-cart-pink));
}

body.page-p-cart-cart .qatreh-cart-list-header > a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 7px 12px;
    color: #076b5c;
    font-size: .72rem;
    font-weight: 900;
    text-decoration: none;
    background: rgba(127, 255, 212, .22);
    border: 1px solid rgba(54, 221, 189, .25);
    border-radius: 12px;
    transition: transform .2s ease, background .2s ease;
}

body.page-p-cart-cart .qatreh-cart-list-header > a:hover {
    transform: translateY(-2px);
    background: rgba(127, 255, 212, .38);
}

body.page-p-cart-cart .qatreh-cart-items {
    display: grid;
    gap: 12px;
}

body.page-p-cart-cart .qatreh-cart-item {
    position: relative;
    display: grid;
    grid-template-columns: 142px minmax(0, 1fr);
    gap: 18px;
    padding: 17px;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0, rgba(127, 255, 212, .16), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, .68), rgba(248, 255, 253, .47));
    border: 1px solid rgba(255, 255, 255, .92);
    border-radius: 21px;
    box-shadow: 0 10px 26px rgba(49, 42, 70, .07), inset 0 1px 0 rgba(255, 255, 255, .96);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

body.page-p-cart-cart .qatreh-cart-item:hover {
    transform: translateY(-2px);
    border-color: rgba(54, 221, 189, .28);
    box-shadow: 0 16px 34px rgba(49, 42, 70, .1), inset 0 1px 0 rgba(255, 255, 255, .98);
}

body.page-p-cart-cart .qatreh-cart-item__media {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 148px;
    padding: 10px;
    background: rgba(255, 255, 255, .58);
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 18px;
}

body.page-p-cart-cart .qatreh-cart-item__media > a {
    display: block;
    line-height: 0;
}

body.page-p-cart-cart .qatreh-cart-item__media img {
    display: block;
    width: 112px;
    height: 112px;
    margin: auto;
    object-fit: contain;
    border-radius: 14px;
}

body.page-p-cart-cart .qatreh-cart-item__media > span {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 4px 8px;
    color: #076b5c;
    font-size: .58rem;
    font-weight: 900;
    line-height: 1.4;
    background: rgba(127, 255, 212, .72);
    border: 1px solid rgba(255, 255, 255, .88);
    border-radius: 999px;
    box-shadow: 0 5px 12px rgba(38, 154, 132, .12);
}

body.page-p-cart-cart .qatreh-cart-item__content {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

body.page-p-cart-cart .qatreh-cart-item__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

body.page-p-cart-cart .qatreh-cart-item__heading h3 {
    margin: 2px 0 6px;
    color: var(--qtr-cart-ink);
    font-size: .94rem;
    font-weight: 900;
    line-height: 1.9;
}

body.page-p-cart-cart .qatreh-cart-item__heading h3 a {
    color: inherit;
    text-decoration: none;
}

body.page-p-cart-cart .qatreh-cart-item__heading .variation {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 12px;
    margin: 0;
    color: var(--qtr-cart-soft);
    font-size: .68rem;
}

body.page-p-cart-cart .qatreh-cart-item__heading .variation dt,
body.page-p-cart-cart .qatreh-cart-item__heading .variation dd,
body.page-p-cart-cart .qatreh-cart-item__heading .variation p {
    margin: 0;
}

body.page-p-cart-cart .qatreh-cart-item__remove {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    width: auto !important;
    height: auto !important;
    padding: 6px 9px !important;
    flex: 0 0 auto;
    color: #9d3c69 !important;
    font-size: .65rem !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    text-decoration: none;
    background: rgba(255, 228, 238, .55) !important;
    border: 1px solid rgba(255, 179, 198, .35) !important;
    border-radius: 10px !important;
}

body.page-p-cart-cart .qatreh-cart-item__remove span {
    font: 400 1rem/1 Arial, sans-serif;
}

body.page-p-cart-cart .qatreh-cart-item__remove b {
    font-weight: 800;
}

body.page-p-cart-cart .qatreh-cart-item__remove:hover {
    color: #7f1f50 !important;
    background: rgba(255, 211, 226, .82) !important;
}

body.page-p-cart-cart .qatreh-cart-item__services {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 15px;
    margin: 10px 0 16px;
    padding: 0;
    color: var(--qtr-cart-soft);
    font-size: .66rem;
    list-style: none;
}

body.page-p-cart-cart .qatreh-cart-item__services li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

body.page-p-cart-cart .qatreh-cart-item__services span {
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
    color: #087b62;
    background: rgba(127, 255, 212, .28);
    border-radius: 7px;
    font-weight: 900;
}

body.page-p-cart-cart .qatreh-cart-item__services .is-backorder span {
    color: #a45d12;
    background: rgba(255, 214, 137, .34);
}

body.page-p-cart-cart .qatreh-cart-item__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px;
    margin-top: auto;
    padding-top: 13px;
    border-top: 1px dashed rgba(0, 8, 117, .1);
}

body.page-p-cart-cart .qatreh-cart-item__quantity > span {
    display: block;
    margin-bottom: 6px;
    color: var(--qtr-cart-soft);
    font-size: .62rem;
    font-weight: 800;
}

body.page-p-cart-cart .qatreh-cart-item__price {
    display: grid;
    gap: 4px;
    text-align: left;
}

body.page-p-cart-cart .qatreh-cart-item__price small {
    color: var(--qtr-cart-soft);
    font-size: .62rem;
}

body.page-p-cart-cart .qatreh-cart-item__price strong {
    color: var(--qtr-cart-ink);
    font-size: 1rem;
    font-weight: 900;
}

body.page-p-cart-cart .qatreh-cart-actions {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(0, 8, 117, .08);
}

body.page-p-cart-cart .qatreh-cart-coupon {
    display: grid;
    gap: 7px;
}

body.page-p-cart-cart .qatreh-cart-coupon > label {
    color: var(--qtr-cart-soft);
    font-size: .66rem;
    font-weight: 800;
}

body.page-p-cart-cart .qatreh-cart-coupon > div {
    display: flex;
    align-items: stretch;
}

body.page-p-cart-cart .qatreh-cart-coupon .input-text {
    width: 180px;
    min-height: 41px;
    padding: 8px 12px;
    color: var(--qtr-cart-ink);
    font: 700 .7rem/1.5 "Vazirmatn", Tahoma, sans-serif;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(0, 8, 117, .11);
    border-left: 0;
    border-radius: 0 12px 12px 0;
    outline: none;
}

body.page-p-cart-cart .qatreh-cart-coupon .button,
body.page-p-cart-cart .qatreh-update-cart {
    min-height: 41px;
    padding: 8px 13px !important;
    color: var(--qtr-cart-ink) !important;
    font: 900 .68rem/1.5 "Vazirmatn", Tahoma, sans-serif !important;
    background: linear-gradient(135deg, rgba(255, 228, 238, .88), rgba(255, 255, 255, .74)) !important;
    border: 1px solid rgba(255, 179, 198, .4) !important;
    border-radius: 12px !important;
}

body.page-p-cart-cart .qatreh-cart-coupon .button {
    border-radius: 12px 0 0 12px !important;
}

body.page-p-cart-cart .qatreh-update-cart {
    color: #00604d !important;
    background: linear-gradient(135deg, rgba(127, 255, 212, .7), rgba(255, 255, 255, .74)) !important;
    border-color: rgba(54, 221, 189, .3) !important;
}

body.page-p-cart-cart .qatreh-cart-totals-eyebrow {
    margin: 0 0 3px;
    color: #07816a;
    font-size: .65rem;
    font-weight: 900;
}

body.page-p-cart-cart .qatreh-cart-checkout-note {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 12px;
    padding: 11px;
    color: var(--qtr-cart-soft);
    background: rgba(255, 255, 255, .48);
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 13px;
}

body.page-p-cart-cart .qatreh-cart-checkout-note > span {
    display: grid;
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    place-items: center;
    color: #087b62;
    background: rgba(127, 255, 212, .38);
    border-radius: 9px;
    font-weight: 900;
}

body.page-p-cart-cart .qatreh-cart-checkout-note p,
body.page-p-cart-cart .qatreh-cart-checkout-note strong,
body.page-p-cart-cart .qatreh-cart-checkout-note small {
    display: block;
    margin: 0;
}

body.page-p-cart-cart .qatreh-cart-checkout-note strong {
    color: var(--qtr-cart-ink);
    font-size: .65rem;
}

body.page-p-cart-cart .qatreh-cart-checkout-note small {
    margin-top: 2px;
    font-size: .57rem;
    line-height: 1.7;
}

/* A compact Digikala-like empty state followed by real Woo products. */
body.page-p-cart-cart .qatreh-empty-cart {
    min-height: 340px;
}

body.page-p-cart-cart .qatreh-empty-cart__visual {
    width: 106px;
    height: 106px;
    margin-bottom: 16px;
    border-radius: 32px;
}

body.page-p-cart-cart .qatreh-empty-cart__visual svg {
    width: 68px;
    height: 68px;
}

body.page-p-cart-cart .qatreh-cart-recommendations {
    margin-top: 20px;
    padding: clamp(17px, 2.5vw, 25px);
    background:
        radial-gradient(circle at 0 0, rgba(255, 179, 198, .17), transparent 27%),
        linear-gradient(145deg, rgba(255, 255, 255, .71), rgba(239, 255, 251, .5));
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 26px;
    box-shadow: 0 16px 38px rgba(49, 42, 70, .09), inset 0 1px 0 rgba(255, 255, 255, .96);
    backdrop-filter: blur(20px) saturate(135%);
    -webkit-backdrop-filter: blur(20px) saturate(135%);
}

body.page-p-cart-cart .qatreh-cart-recommendations > header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 17px;
}

body.page-p-cart-cart .qatreh-cart-recommendations header p,
body.page-p-cart-cart .qatreh-cart-recommendations header h2 {
    margin: 0;
}

body.page-p-cart-cart .qatreh-cart-recommendations header p {
    color: #07816a;
    font-size: .65rem;
    font-weight: 900;
}

body.page-p-cart-cart .qatreh-cart-recommendations header h2 {
    margin-top: 4px;
    color: var(--qtr-cart-ink);
    font-size: 1.08rem;
    font-weight: 900;
}

body.page-p-cart-cart .qatreh-cart-recommendations > header > a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #076b5c;
    font-size: .67rem;
    font-weight: 900;
    text-decoration: none;
}

body.page-p-cart-cart .qatreh-cart-recommendations ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-p-cart-cart .qatreh-cart-recommendations ul.products::before,
body.page-p-cart-cart .qatreh-cart-recommendations ul.products::after {
    content: none !important;
}

body.page-p-cart-cart .qatreh-cart-recommendations ul.products li.product {
    float: none !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 12px !important;
    text-align: right;
    background: rgba(255, 255, 255, .58);
    border: 1px solid rgba(255, 255, 255, .88);
    border-radius: 18px;
    box-shadow: 0 9px 22px rgba(49, 42, 70, .06);
}

body.page-p-cart-cart .qatreh-cart-recommendations li.product img {
    width: 100% !important;
    aspect-ratio: 1 / .78;
    margin: 0 0 10px !important;
    object-fit: contain;
    background: rgba(255, 255, 255, .62);
    border-radius: 13px;
}

body.page-p-cart-cart .qatreh-cart-recommendations li.product .woocommerce-loop-product__title {
    min-height: 3.5em;
    padding: 0 !important;
    color: var(--qtr-cart-ink);
    font-size: .75rem !important;
    font-weight: 900;
    line-height: 1.75;
}

body.page-p-cart-cart .qatreh-cart-recommendations li.product .price {
    color: #066a58 !important;
    font-size: .75rem !important;
    font-weight: 900 !important;
}

body.page-p-cart-cart .qatreh-cart-recommendations li.product .button {
    width: 100%;
    margin-top: 8px !important;
    padding: 8px 10px !important;
    color: #005443 !important;
    font: 900 .65rem/1.7 "Vazirmatn", Tahoma, sans-serif !important;
    text-align: center;
    background: linear-gradient(135deg, rgba(127, 255, 212, .72), rgba(255, 255, 255, .75)) !important;
    border: 1px solid rgba(54, 221, 189, .25) !important;
    border-radius: 11px !important;
}

@media (max-width: 900px) {
    body.page-p-cart-cart .qatreh-cart-recommendations ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    body.page-p-cart-cart .qatreh-cart-item {
        grid-template-columns: 100px minmax(0, 1fr);
        gap: 12px;
        padding: 12px;
        border-radius: 18px;
    }

    body.page-p-cart-cart .qatreh-cart-item__media {
        min-height: 115px;
        padding: 7px;
    }

    body.page-p-cart-cart .qatreh-cart-item__media img {
        width: 84px;
        height: 84px;
    }

    body.page-p-cart-cart .qatreh-cart-item__media > span {
        display: none;
    }

    body.page-p-cart-cart .qatreh-cart-item__heading h3 {
        font-size: .78rem;
    }

    body.page-p-cart-cart .qatreh-cart-item__services {
        display: grid;
        gap: 5px;
        margin: 7px 0 11px;
    }

    body.page-p-cart-cart .qatreh-cart-item__footer {
        align-items: center;
    }

    body.page-p-cart-cart .qatreh-cart-item__price small {
        display: none;
    }

    body.page-p-cart-cart .qatreh-cart-item__price strong {
        font-size: .82rem;
    }

    body.page-p-cart-cart .qatreh-cart-actions {
        align-items: stretch;
        flex-direction: column;
    }

    body.page-p-cart-cart .qatreh-cart-coupon .input-text {
        width: 100%;
    }

    body.page-p-cart-cart .qatreh-update-cart {
        width: 100%;
    }
}

@media (max-width: 480px) {
    body.page-p-cart-cart .qatreh-digikala-cart {
        padding: 12px;
    }

    body.page-p-cart-cart .qatreh-cart-list-header > a span {
        display: none;
    }

    body.page-p-cart-cart .qatreh-cart-item {
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 9px;
    }

    body.page-p-cart-cart .qatreh-cart-item__media {
        min-height: 96px;
    }

    body.page-p-cart-cart .qatreh-cart-item__media img {
        width: 70px;
        height: 70px;
    }

    body.page-p-cart-cart .qatreh-cart-item__remove b {
        display: none;
    }

    body.page-p-cart-cart .qatreh-cart-item__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    body.page-p-cart-cart .qatreh-cart-item__price {
        width: 100%;
        text-align: right;
    }

    body.page-p-cart-cart .qatreh-cart-recommendations ul.products {
        grid-template-columns: minmax(0, 1fr);
    }

    body.page-p-cart-cart .qatreh-cart-recommendations > header {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* =========================================================
   v3.7 — premium motion, saved cart and recommendation cards
   ========================================================= */
body.page-p-cart-cart .cart-hero {
    animation: qatrehCartReveal .72s cubic-bezier(.2,.82,.2,1) backwards;
}

body.page-p-cart-cart .woocommerce-cart-form,
body.page-p-cart-cart .qatreh-empty-cart {
    animation: qatrehCartReveal .68s .08s cubic-bezier(.2,.82,.2,1) backwards;
}

body.page-p-cart-cart .cart-collaterals .cart_totals {
    overflow: hidden;
    animation: qatrehCartReveal .68s .16s cubic-bezier(.2,.82,.2,1) backwards;
}

body.page-p-cart-cart .cart-collaterals .cart_totals::after {
    content: "";
    position: absolute;
    inset: -35% auto -35% -35%;
    width: 42%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.52), transparent);
    transform: skewX(-17deg);
    animation: qatrehCartSheen 7s 1.2s ease-in-out infinite;
}

body.page-p-cart-cart .qatreh-cart-list-header__actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.page-p-cart-cart .qatreh-cart-list-header__actions > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 39px;
    padding: 7px 12px;
    color: #076b5c;
    font-size: .68rem;
    font-weight: 900;
    text-decoration: none;
    background: rgba(127,255,212,.28);
    border: 1px solid rgba(54,221,189,.28);
    border-radius: 12px;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

body.page-p-cart-cart .qatreh-cart-list-header__actions > a:hover {
    transform: translateY(-2px);
    box-shadow: 0 9px 18px rgba(34,126,111,.12);
}

body.page-p-cart-cart .qatreh-cart-list-header__actions .is-save-all {
    color: #68345f;
    background: linear-gradient(135deg, rgba(255,221,233,.82), rgba(255,255,255,.88));
    border-color: rgba(255,179,198,.46);
}

body.page-p-cart-cart .qatreh-cart-item {
    animation: qatrehCartItemReveal .56s cubic-bezier(.2,.82,.2,1) backwards;
}

body.page-p-cart-cart .qatreh-cart-item:nth-child(2) { animation-delay: .06s; }
body.page-p-cart-cart .qatreh-cart-item:nth-child(3) { animation-delay: .12s; }
body.page-p-cart-cart .qatreh-cart-item:nth-child(4) { animation-delay: .18s; }

body.page-p-cart-cart .qatreh-cart-item__services .is-save a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    color: #7d3d69;
    font-weight: 900;
    text-decoration: none;
    background: rgba(255,225,236,.48);
    border: 1px solid rgba(255,179,198,.3);
    border-radius: 9px;
    transition: transform .2s ease, background .2s ease;
}

body.page-p-cart-cart .qatreh-cart-item__services .is-save a:hover {
    transform: translateY(-1px);
    background: rgba(255,213,229,.78);
}

body.page-p-cart-cart .qatreh-cart-item__services .is-save a span {
    color: #9d3c69;
    background: rgba(255,255,255,.62);
}

body.page-p-cart-cart .qatreh-cart-status {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: -7px 0 18px;
    padding: 12px 14px;
    color: #075b4d;
    background: linear-gradient(135deg, rgba(224,255,247,.95), rgba(255,255,255,.88));
    border: 1px solid rgba(54,221,189,.35);
    border-radius: 15px;
    box-shadow: 0 10px 24px rgba(49,42,70,.08);
    animation: qatrehCartReveal .45s ease backwards;
}

body.page-p-cart-cart .qatreh-cart-status > span {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    font-weight: 900;
    background: rgba(127,255,212,.45);
    border-radius: 9px;
}

body.page-p-cart-cart .qatreh-cart-status p { margin: 0; font-size: .72rem; font-weight: 900; }
body.page-p-cart-cart .qatreh-cart-status.is-error { color: #8d315d; background: linear-gradient(135deg, rgba(255,230,239,.96), rgba(255,255,255,.9)); border-color: rgba(255,179,198,.48); }
body.page-p-cart-cart .qatreh-cart-status.is-error > span { background: rgba(255,179,198,.32); }

/* Secondary cart / saved for later. */
body.page-p-cart-cart .qatreh-saved-cart {
    position: relative;
    margin-top: 20px;
    padding: clamp(17px,2.5vw,25px);
    overflow: hidden;
    background:
        radial-gradient(circle at 96% 0, rgba(255,179,198,.24), transparent 30%),
        radial-gradient(circle at 0 100%, rgba(127,255,212,.23), transparent 32%),
        linear-gradient(145deg, rgba(255,255,255,.91), rgba(242,255,251,.84));
    border: 1px solid rgba(255,255,255,.98);
    border-radius: 27px;
    box-shadow: 0 18px 46px rgba(49,42,70,.11), inset 0 1px 0 #fff;
    backdrop-filter: blur(22px) saturate(135%);
    -webkit-backdrop-filter: blur(22px) saturate(135%);
    animation: qatrehCartReveal .68s .18s cubic-bezier(.2,.82,.2,1) backwards;
}

body.page-p-cart-cart .qatreh-saved-cart::before {
    content: "";
    position: absolute;
    top: -80px;
    left: 16%;
    width: 180px;
    height: 180px;
    pointer-events: none;
    background: rgba(255,179,198,.16);
    border-radius: 50%;
    filter: blur(15px);
    animation: qatrehCartOrb 7s ease-in-out infinite;
}

body.page-p-cart-cart .qatreh-saved-cart__header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(0,8,117,.08);
}

body.page-p-cart-cart .qatreh-saved-cart__title {
    display: flex;
    align-items: center;
    gap: 13px;
}

body.page-p-cart-cart .qatreh-saved-cart__title > span {
    display: grid;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    place-items: center;
    color: #79446f;
    background: linear-gradient(145deg, rgba(255,220,233,.9), rgba(255,255,255,.9), rgba(127,255,212,.26));
    border: 1px solid rgba(255,255,255,.98);
    border-radius: 17px;
    box-shadow: 0 10px 22px rgba(119,69,105,.12), inset 0 1px 0 #fff;
}

body.page-p-cart-cart .qatreh-saved-cart__title svg { width: 27px; height: 27px; }
body.page-p-cart-cart .qatreh-saved-cart__title p,
body.page-p-cart-cart .qatreh-saved-cart__title h2,
body.page-p-cart-cart .qatreh-saved-cart__title small { display: block; margin: 0; }
body.page-p-cart-cart .qatreh-saved-cart__title p { color: #8b4770; font-size: .61rem; font-weight: 900; }
body.page-p-cart-cart .qatreh-saved-cart__title h2 { margin-top: 2px; color: var(--qtr-cart-ink); font-size: 1.02rem; font-weight: 900; }
body.page-p-cart-cart .qatreh-saved-cart__title small { margin-top: 3px; color: var(--qtr-cart-soft); font-size: .62rem; line-height: 1.7; }

body.page-p-cart-cart .qatreh-saved-cart__tools {
    display: flex;
    align-items: center;
    gap: 9px;
}

body.page-p-cart-cart .qatreh-saved-cart__tools b {
    display: grid;
    min-width: 35px;
    height: 35px;
    padding: 0 8px;
    place-items: center;
    color: #6f3c62;
    background: rgba(255,220,233,.75);
    border: 1px solid rgba(255,179,198,.38);
    border-radius: 11px;
    font-size: .72rem;
}

body.page-p-cart-cart .qatreh-saved-cart__tools a {
    padding: 9px 12px;
    color: #005b49;
    font-size: .65rem;
    font-weight: 900;
    text-decoration: none;
    background: rgba(127,255,212,.42);
    border: 1px solid rgba(54,221,189,.3);
    border-radius: 11px;
}

body.page-p-cart-cart .qatreh-saved-cart__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    margin-top: 16px;
}

body.page-p-cart-cart .qatreh-saved-item {
    display: grid;
    grid-template-columns: 94px minmax(0,1fr);
    gap: 12px;
    padding: 12px;
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(255,255,255,.98);
    border-radius: 19px;
    box-shadow: 0 9px 22px rgba(49,42,70,.07);
    transition: transform .22s ease, box-shadow .22s ease;
}

body.page-p-cart-cart .qatreh-saved-item:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(49,42,70,.11); }
body.page-p-cart-cart .qatreh-saved-item__image { display: grid; place-items: center; padding: 6px; background: #f8fffd; border-radius: 14px; }
body.page-p-cart-cart .qatreh-saved-item__image img { display: block; width: 78px; height: 78px; object-fit: contain; border-radius: 11px; }
body.page-p-cart-cart .qatreh-saved-item__content { min-width: 0; }
body.page-p-cart-cart .qatreh-saved-item__content > span { color: #8b4770; font-size: .55rem; font-weight: 900; }
body.page-p-cart-cart .qatreh-saved-item h3 { margin: 3px 0 4px; font-size: .75rem; font-weight: 900; line-height: 1.75; }
body.page-p-cart-cart .qatreh-saved-item h3 a { color: var(--qtr-cart-ink); text-decoration: none; }
body.page-p-cart-cart .qatreh-saved-item__content p { margin: 0; color: var(--qtr-cart-soft); font-size: .59rem; }
body.page-p-cart-cart .qatreh-saved-item__content strong { display: block; margin-top: 5px; color: #06705d; font-size: .72rem; }
body.page-p-cart-cart .qatreh-saved-item__actions { display: flex; grid-column: 1/-1; gap: 7px; padding-top: 10px; border-top: 1px dashed rgba(0,8,117,.09); }
body.page-p-cart-cart .qatreh-saved-item__actions a { padding: 7px 10px; font-size: .61rem; font-weight: 900; text-decoration: none; border-radius: 9px; }
body.page-p-cart-cart .qatreh-saved-item__actions .is-restore { color: #005b49; background: rgba(127,255,212,.43); }
body.page-p-cart-cart .qatreh-saved-item__actions .is-remove { color: #8f315c; background: rgba(255,220,233,.58); }

body.page-p-cart-cart .qatreh-saved-cart__empty {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 92px;
    margin-top: 15px;
    color: var(--qtr-cart-soft);
    text-align: right;
    background: rgba(255,255,255,.55);
    border: 1px dashed rgba(123,74,111,.2);
    border-radius: 17px;
}

body.page-p-cart-cart .qatreh-saved-cart__empty > span { display: grid; width: 38px; height: 38px; place-items: center; color: #914c75; background: rgba(255,220,233,.6); border-radius: 12px; font-size: 1.1rem; }
body.page-p-cart-cart .qatreh-saved-cart__empty h3,
body.page-p-cart-cart .qatreh-saved-cart__empty p { margin: 0; }
body.page-p-cart-cart .qatreh-saved-cart__empty h3 { color: var(--qtr-cart-ink); font-size: .75rem; font-weight: 900; }
body.page-p-cart-cart .qatreh-saved-cart__empty p { margin-top: 3px; font-size: .61rem; }

/* Purpose-built recommendation cards; no legacy product-loop collisions. */
body.page-p-cart-cart .qatreh-cart-recommendations {
    background:
        radial-gradient(circle at 100% 0, rgba(127,255,212,.28), transparent 30%),
        radial-gradient(circle at 0 100%, rgba(255,179,198,.22), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.94), rgba(240,255,251,.87));
    border-color: rgba(255,255,255,.98);
    box-shadow: 0 21px 52px rgba(49,42,70,.12), inset 0 1px 0 #fff;
    animation: qatrehCartReveal .7s .24s cubic-bezier(.2,.82,.2,1) backwards;
}

body.page-p-cart-cart .qatreh-recommendations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(210px,260px));
    justify-content: center;
    gap: 14px;
}

body.page-p-cart-cart .qatreh-recommendation-card {
    position: relative;
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    background: #fff;
    border: 1px solid rgba(226,240,238,.95);
    border-radius: 20px;
    box-shadow: 0 10px 26px rgba(49,42,70,.08), inset 0 1px 0 #fff;
    transition: transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease, border-color .24s ease;
    animation: qatrehRecommendationReveal .58s calc(var(--qtr-card-index) * 80ms) cubic-bezier(.2,.82,.2,1) backwards;
}

body.page-p-cart-cart .qatreh-recommendation-card:hover { transform: translateY(-7px); border-color: rgba(54,221,189,.38); box-shadow: 0 22px 42px rgba(49,42,70,.14); }
body.page-p-cart-cart .qatreh-recommendation-card__visual { position: relative; display: grid; min-height: 174px; padding: 15px; place-items: center; background: linear-gradient(145deg,#f5fffc,#fff8fb); border-bottom: 1px solid rgba(0,8,117,.05); }
body.page-p-cart-cart .qatreh-recommendation-card__visual > a { display: grid; width: 100%; height: 100%; place-items: center; }
body.page-p-cart-cart .qatreh-recommendation-card__visual img { display: block; width: 145px; max-width: 100%; height: 145px; margin: 0; object-fit: contain; border-radius: 14px; transition: transform .3s ease; animation: qatrehProductFloat 4.5s calc(var(--qtr-card-index) * 300ms) ease-in-out infinite; }
body.page-p-cart-cart .qatreh-recommendation-card:hover img { transform: scale(1.06) rotate(-1deg); }
body.page-p-cart-cart .qatreh-recommendation-card__visual > span { position: absolute; top: 11px; right: 11px; padding: 5px 8px; color: #82345e; font-size: .54rem; font-weight: 900; background: #ffe2ec; border: 1px solid #ffc7da; border-radius: 999px; box-shadow: 0 5px 12px rgba(130,52,94,.1); }
body.page-p-cart-cart .qatreh-recommendation-card__body { display: flex; min-height: 185px; padding: 14px; flex-direction: column; }
body.page-p-cart-cart .qatreh-recommendation-card__body > p { margin: 0; color: #07816a; font-size: .57rem; font-weight: 900; }
body.page-p-cart-cart .qatreh-recommendation-card h3 { margin: 5px 0 9px; font-size: .76rem; font-weight: 900; line-height: 1.8; }
body.page-p-cart-cart .qatreh-recommendation-card h3 a { color: var(--qtr-cart-ink); text-decoration: none; }
body.page-p-cart-cart .qatreh-recommendation-card__price { margin-top: auto; color: #075f50; font-size: .76rem; font-weight: 900; }
body.page-p-cart-cart .qatreh-recommendation-card__price del { margin-left: 4px; color: rgba(0,8,117,.38); font-size: .62rem; }
body.page-p-cart-cart .qatreh-recommendation-card__price ins { color: #075f50; text-decoration: none; }
body.page-p-cart-cart .qatreh-recommendation-card__action { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 11px; padding: 9px 11px; color: #005443; font-size: .64rem; font-weight: 900; text-decoration: none; background: linear-gradient(135deg,#c9fff0,#eafff9); border: 1px solid #a8f2df; border-radius: 11px; transition: background .2s ease, transform .2s ease; }
body.page-p-cart-cart .qatreh-recommendation-card__action:hover { background: linear-gradient(135deg,#aef8e3,#dbfff5); transform: translateX(-2px); }

@keyframes qatrehCartReveal { from { opacity: 0; transform: translateY(18px) scale(.987); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes qatrehCartItemReveal { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: translateX(0); } }
@keyframes qatrehRecommendationReveal { from { opacity: 0; transform: translateY(22px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes qatrehProductFloat { 0%,100% { translate: 0 0; } 50% { translate: 0 -5px; } }
@keyframes qatrehCartOrb { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(20px,13px) scale(1.08); } }
@keyframes qatrehCartSheen { 0%,68% { left: -45%; opacity: 0; } 73% { opacity: .8; } 88%,100% { left: 125%; opacity: 0; } }

@media (max-width: 900px) {
    body.page-p-cart-cart .qatreh-recommendations-grid { grid-template-columns: repeat(auto-fit,minmax(190px,260px)); justify-content: center; }
    body.page-p-cart-cart .qatreh-saved-cart__grid { grid-template-columns: minmax(0,1fr); }
}

@media (max-width: 680px) {
    body.page-p-cart-cart .qatreh-cart-list-header { align-items: flex-start; flex-direction: column; }
    body.page-p-cart-cart .qatreh-cart-list-header__actions { width: 100%; }
    body.page-p-cart-cart .qatreh-cart-list-header__actions > a { flex: 1; }
    body.page-p-cart-cart .qatreh-saved-cart__header { align-items: flex-start; flex-direction: column; }
    body.page-p-cart-cart .qatreh-saved-cart__tools { width: 100%; justify-content: space-between; }
}

@media (max-width: 430px) {
    body.page-p-cart-cart .qatreh-recommendations-grid { grid-template-columns: minmax(0,1fr); }
    body.page-p-cart-cart .qatreh-saved-cart { padding: 14px; border-radius: 21px; }
    body.page-p-cart-cart .qatreh-saved-cart__title { align-items: flex-start; }
    body.page-p-cart-cart .qatreh-saved-cart__title > span { width: 44px; height: 44px; flex-basis: 44px; }
    body.page-p-cart-cart .qatreh-saved-item { grid-template-columns: 78px minmax(0,1fr); }
    body.page-p-cart-cart .qatreh-saved-item__image img { width: 64px; height: 64px; }
    body.page-p-cart-cart .qatreh-cart-list-header__actions { flex-direction: column; }
    body.page-p-cart-cart .qatreh-cart-list-header__actions > a { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    body.page-p-cart-cart .cart-hero,
    body.page-p-cart-cart .woocommerce-cart-form,
    body.page-p-cart-cart .qatreh-empty-cart,
    body.page-p-cart-cart .cart-collaterals .cart_totals,
    body.page-p-cart-cart .qatreh-cart-item,
    body.page-p-cart-cart .qatreh-saved-cart,
    body.page-p-cart-cart .qatreh-saved-cart::before,
    body.page-p-cart-cart .qatreh-cart-recommendations,
    body.page-p-cart-cart .qatreh-recommendation-card,
    body.page-p-cart-cart .qatreh-recommendation-card__visual img {
        animation: none !important;
    }
}