/* ============================================================
   /cartView  —  همه‌چیز زیر .cartview-page تا با /cart قاطی نشود
   ============================================================ */
.cartview-page.cart {
    max-width: 1100px;
    margin: 18px auto 30px;
    padding: 18px 14px 28px;
    box-sizing: border-box;
}

    /* گرید دو ستونه‌ی Cart.css را خنثی کن */
    .cartview-page.cart .row {
        display: flex !important;
        flex-direction: column;
        gap: 16px;
        grid-template-columns: none !important;
        grid-template-areas: none !important;
        margin: 0 !important;
        width: 100% !important;
    }

        .cartview-page.cart .row > * {
            grid-area: auto !important;
            float: none !important;
            width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
        }

/* عنوان */
.cartview-page .header {
    padding: 0 !important;
}

    .cartview-page .header .title {
        font-size: 20px;
        font-weight: 800;
        color: #0f2138;
        line-height: 46px;
        padding-right: 58px;
    }

/* بدنه */
.cartview-page .cartview {
    display: flex !important;
    flex-direction: column;
    gap: 16px;
}

.cartview-page .ItemsCart {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
    order: 1;
    margin: 0 !important;
    padding: 0 !important;
}

/* کارت هر کالا */
.cartview-page .ItemCart {
    position: static !important;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 14px !important;
    box-sizing: border-box;
    overflow: visible;
    background: #fff;
    border: 1px solid #e3e7ee;
    border-radius: 16px;
    box-shadow: 0 8px 22px -14px rgba(16,35,61,.25);
}

    .cartview-page .ItemCart .im {
        position: static !important;
        flex: 0 0 96px;
        width: 96px !important;
        height: 96px !important;
        margin: 0 !important;
        border: 1px solid #e3e7ee;
        border-radius: 12px;
        overflow: hidden;
        background: #fff;
    }

        .cartview-page .ItemCart .im img {
            width: 100% !important;
            height: 100% !important;
            object-fit: contain;
            display: block;
        }

    /* اطلاعات */
    .cartview-page .ItemCart .Item {
        flex: 1 1 auto;
        min-width: 0;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr auto;
        grid-template-areas: "title title" "price add";
        align-items: center;
        gap: 10px 12px;
    }

    .cartview-page .ItemCart .Ctitle {
        grid-area: title;
        font-size: 15px;
        line-height: 1.8;
        font-weight: 700;
        color: #0f2138;
    }

        .cartview-page .ItemCart .Ctitle span {
            display: block;
            font-size: 12px;
            font-weight: 500;
            color: #7a8291;
        }

    .cartview-page .ItemCart .CPrice {
        grid-area: price;
        width: auto !important;
        margin: 0 !important;
        line-height: 1.6;
        text-align: right;
    }

        .cartview-page .ItemCart .CPrice .galleryPrice {
            min-height: 0 !important;
            padding: 0 !important;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 3px;
        }

    .cartview-page .ItemCart .galleryPrice .pfirst2.takh {
        font-size: 12px;
        color: #7a8291;
        text-decoration: line-through;
    }

    .cartview-page .ItemCart .galleryPrice .pfirst2.all {
        font-size: 15px;
        font-weight: 800;
        color: #0f2138;
        background: #faf3e3;
        border-radius: 8px;
        padding: 4px 10px;
        white-space: nowrap;
    }

    /* شمارنده + حذف */
    .cartview-page .ItemCart .CAdd {
        grid-area: add;
        display: flex !important;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        width: auto !important;
        margin: 0 !important;
    }

        .cartview-page .ItemCart .CAdd .addCard {
            width: auto !important;
            margin: 0 !important;
            padding: 0 !important;
            min-height: 0 !important;
            background: transparent !important;
            border: 0 !important;
        }

        .cartview-page .ItemCart .CAdd .values {
            display: inline-flex !important;
            flex-direction: row;
            align-items: center;
            width: auto !important;
            height: 38px;
            border: 1px solid #d9deea;
            border-radius: 999px;
            background: #fff;
            overflow: hidden;
        }

            .cartview-page .ItemCart .CAdd .values > * {
                float: none !important;
            }

    .cartview-page .ItemCart .btn2 {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 36px;
        width: 36px !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        font-size: 20px;
        font-weight: 700;
        color: #0f2138;
    }

        .cartview-page .ItemCart .btn2 span {
            display: none !important;
        }

    .cartview-page .ItemCart .btnright {
        order: 1;
    }

    .cartview-page .ItemCart .textVal {
        order: 2;
    }

    .cartview-page .ItemCart .btnleft {
        order: 3;
    }

    .cartview-page .ItemCart .btnright::before {
        content: "+";
    }

    .cartview-page .ItemCart .btnleft::before {
        content: "\2212";
    }

    .cartview-page .ItemCart .textVal {
        flex: 0 0 38px;
        width: 38px !important;
        height: 38px !important;
        line-height: 38px !important;
        padding: 0 !important;
        border: 0 !important;
        font-size: 15px;
        font-weight: 700;
        text-align: center;
        color: #0f2138;
    }

    .cartview-page .ItemCart .product-remove-icon {
        float: none !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        margin: 0 !important;
        border-radius: 50%;
        background: #fdecea;
    }

        .cartview-page .ItemCart .product-remove-icon img {
            width: 18px !important;
            height: 18px !important;
        }

/* خلاصه مبلغ */
.cartview-page .total {
    order: 2;
    float: none !important;
    max-width: none !important;
    margin: 0 !important;
}

.cartview-page .mini-cart-subtotal {
    margin: 0;
}

/* دکمه‌ها */
.cartview-page .footer {
    order: 3;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    height: auto !important;
}

    .cartview-page .footer .btnCart a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50px;
        box-sizing: border-box;
        border-radius: 14px;
        border-bottom: 3px solid #c9a35c;
        background: linear-gradient(135deg, #16324f, #0f2138);
        color: #e7cd93;
        font-size: 16px;
        font-weight: 700;
        box-shadow: 0 12px 24px -12px rgba(15,33,56,.6);
    }

    .cartview-page .footer .back {
        text-align: center;
    }

        .cartview-page .footer .back a {
            font-size: 13px;
            color: #16324f;
        }

/* ---------- دسکتاپ: لیست راست، مبلغ + دکمه ستون چپ ---------- */
@media (min-width: 981px) {
    .cartview-page.cart .row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 340px !important;
        grid-template-areas:
            "head  head"
            "items side"
            "items foot" !important;
        gap: 18px 22px;
        align-items: start;
    }

        .cartview-page.cart .row > .header {
            grid-area: head !important;
        }

    .cartview-page .cartview {
        display: contents !important;
    }

    .cartview-page .ItemsCart {
        grid-area: items;
    }

    .cartview-page .total {
        grid-area: side;
    }

    .cartview-page.cart .row > .footer {
        grid-area: foot !important;
    }
}

/* ---------- موبایل ---------- */
@media (max-width: 480px) {
    .cartview-page .ItemCart {
        padding: 10px !important;
        gap: 10px;
        align-items: flex-start;
    }

        .cartview-page .ItemCart .im {
            flex-basis: 78px;
            width: 78px !important;
            height: 78px !important;
        }

        .cartview-page .ItemCart .Item {
            grid-template-columns: 1fr;
            grid-template-areas: "title" "price" "add";
            gap: 8px;
        }

        .cartview-page .ItemCart .Ctitle {
            font-size: 13.5px;
        }

        .cartview-page .ItemCart .CAdd {
            justify-content: space-between;
            width: 100% !important;
        }
}
/* دکمه «تکمیل فرآیند خرید» */
.cartview-page .footer .btnCart {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

    .cartview-page .footer .btnCart a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        float: none !important;
        box-sizing: border-box;
        width: 100% !important;
        min-height: 54px;
        height: auto !important;
        padding: 0 24px !important;
        margin: 0 !important;
        border: 0 !important;
        border-bottom: 3px solid #c9a35c !important;
        border-radius: 14px;
        background: linear-gradient(135deg, #16324f, #0f2138) !important;
        color: #e7cd93 !important;
        font-size: 16px !important;
        font-weight: 700;
        line-height: 1.4 !important;
        letter-spacing: 0;
        white-space: nowrap;
        text-decoration: none;
        box-shadow: 0 12px 24px -12px rgba(15, 33, 56, .6);
        transition: transform .15s ease, box-shadow .2s ease;
    }

        .cartview-page .footer .btnCart a:hover,
        .cartview-page .footer .btnCart a:focus {
            color: #fff !important;
            transform: translateY(-2px);
            box-shadow: 0 16px 28px -12px rgba(15, 33, 56, .7);
        }

        .cartview-page .footer .btnCart a:active {
            transform: translateY(0) scale(.98);
        }

@media (max-width: 480px) {
    .cartview-page .footer .btnCart a {
        min-height: 52px;
        font-size: 15px !important;
    }
}