/* ========================================
   LOCAL FONTS
======================================== */

@font-face {
    font-family: "Cinzel";
    src:
        url("../assets/fonts/Cinzel-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Cinzel";
    src:
        url("../assets/fonts/Cinzel-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Cinzel";
    src:
        url("../assets/fonts/Cinzel-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src:
        url("../assets/fonts/Vazirmatn-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src:
        url("../assets/fonts/Vazirmatn-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src:
        url("../assets/fonts/Vazirmatn-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    background: #090909;
}

.cart-header,
.cart-page,
.cart-footer-note,
.cart-content,
.cart-product,
.cart-summary {
    box-sizing: border-box;
}


/* ========================================
   CART HEADER
======================================== */

.cart-header {

    position: relative;

    width: 100%;

    min-height: 5rem;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 5vw;

    box-sizing: border-box;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.08);

    background:
        rgba(7, 7, 7, 0.96);
}


.cart-logo {

    font-family:
        "Cinzel",
        serif;

    font-size: 1rem;

    letter-spacing: 0.3rem;

    color: #fff;

    text-decoration: none;
}


.cart-header-label {

    position: absolute;

    left: 5vw;

    font-family:
        "Cinzel",
        serif;

    font-size: 0.5rem;

    letter-spacing: 0.2rem;

    color:
        rgba(255, 255, 255, 0.35);
}


.cart-back {

    position: absolute;

    right: 5vw;

    display: flex;

    align-items: center;

    gap: 0.6rem;

    color:
        rgba(255, 255, 255, 0.55);

    font-family:
        "Vazirmatn",
        sans-serif;

    font-size: 0.65rem;

    text-decoration: none;

    transition:
        color 0.3s ease;
}


.cart-back:hover {

    color: #fff;
}


.cart-back i {

    transition:
        transform 0.3s ease;
}


.cart-back:hover i {

    transform:
        translateX(0.2rem);
}



/* ========================================
   CART MAIN PAGE
======================================== */

.cart-page {

    position: relative;

    width: 100%;

    min-height: auto;

    box-sizing: border-box;

    padding:
        3rem 5vw 3.5rem;

    background:
        radial-gradient(circle at 75% 20%,
            rgba(100, 8, 25, 0.15),
            transparent 28rem),
        #090909;
}



/* ========================================
   PAGE HEADING
======================================== */

.cart-heading {

    text-align: center;

    margin-bottom: 2.2rem;
}


.cart-chapter {

    display: block;

    margin-bottom: 0.8rem;

    font-family:
        "Cinzel",
        serif;

    font-size: 0.5rem;

    letter-spacing: 0.28rem;

    color:
        rgba(255, 255, 255, 0.35);
}


.cart-heading h1 {

    margin: 0;

    font-family:
        "Vazirmatn",
        sans-serif;

    font-size: 2.2rem;

    font-weight: 300;

    color: #fff;
}


.cart-heading p {

    margin:
        0.6rem 0 0;

    font-family:
        "Vazirmatn",
        sans-serif;

    font-size: 0.65rem;

    font-weight: 300;

    color:
        rgba(255, 255, 255, 0.35);
}



/* ========================================
   CART CONTENT
======================================== */

.cart-content {

    width: min(75rem,
            100%);

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr) 22rem;

    gap: 3rem;

    align-items: start;
}



/* ========================================
   PRODUCTS
======================================== */

.cart-products {

    display: flex;

    flex-direction: column;

    gap: 0.8rem;
}


.cart-product {

    position: relative;

    display: grid;

    grid-template-columns:
        7rem minmax(0, 1fr) auto 2rem;

    align-items: center;

    gap: 1.4rem;

    min-height: 8rem;

    padding: 0.8rem;

    border:
        1px solid rgba(255, 255, 255, 0.08);

    border-radius: 0.25rem;

    background:
        rgba(255, 255, 255, 0.025);

    box-sizing: border-box;

    transition:
        border-color 0.3s ease,
        background 0.3s ease;
}


.cart-product:hover {

    border-color:
        rgba(170, 25, 45, 0.35);

    background:
        rgba(120, 10, 25, 0.045);
}



/* ========================================
   PRODUCT IMAGE
======================================== */

.cart-product-image {

    width: 7rem;

    height: 7rem;

    overflow: hidden;

    border-radius: 0.2rem;

    background: #111;
}


.cart-product-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 0.6s cubic-bezier(.2, .7, .2, 1);
}


.cart-product:hover .cart-product-image img {

    transform:
        scale(1.08);
}



/* ========================================
   PRODUCT INFORMATION
======================================== */

.cart-product-info {
    min-width: 0;
}


.cart-product-category {

    display: block;

    margin-bottom: 0.45rem;

    font-family:
        "Cinzel",
        serif;

    font-size: 0.45rem;

    letter-spacing: 0.18rem;


    color:
        rgba(255, 255, 255, 0.3);
}


.cart-product-info h2 {

    margin: 0;

    font-family:
        "Cinzel",
        serif;

    font-size: 0.9rem;

    font-weight: 500;

    color: #fff;
}


.cart-product-persian {

    margin:
        0.3rem 0 0.7rem;

    font-family:
        "Vazirmatn",
        sans-serif;

    font-size: 0.58rem;

    color:
        rgba(255, 255, 255, 0.38);
}


.cart-product-price {

    font-family:
        "Vazirmatn",
        sans-serif;

    font-size: 0.65rem;

    color:
        rgba(255, 255, 255, 0.75);
}



/* ========================================
   QUANTITY
======================================== */

.cart-product-quantity {

    display: flex;

    align-items: center;

    border:
        1px solid rgba(255, 255, 255, 0.1);

    border-radius: 0.2rem;

    overflow: hidden;
}


.cart-product-quantity button {

    width: 2rem;

    height: 2rem;

    border: none;

    background: transparent;

    color:
        rgba(255, 255, 255, 0.55);

    font-size: 0.85rem;

    cursor: pointer;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}


.cart-product-quantity button:hover {

    background:
        rgba(150, 20, 40, 0.2);

    color: #fff;
}


.cart-product-quantity span {

    width: 1.8rem;

    text-align: center;

    font-family:
        "Vazirmatn",
        sans-serif;

    font-size: 0.6rem;

    color: #fff;
}



/* ========================================
   REMOVE BUTTON
======================================== */

.cart-product-remove {

    width: 2rem;

    height: 2rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border: none;

    background: transparent;

    color:
        rgba(255, 255, 255, 0.25);

    cursor: pointer;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}


.cart-product-remove:hover {

    color:
        #b21c35;

    transform:
        rotate(90deg);
}


.cart-product-remove i {

    font-size: 0.7rem;
}



/* ========================================
   ORDER SUMMARY
======================================== */

.cart-summary {

    position: sticky;

    top: 2rem;

    padding: 1.5rem;

    border:
        1px solid rgba(255, 255, 255, 0.09);

    border-radius: 0.3rem;

    background:
        rgba(255, 255, 255, 0.025);

    box-sizing: border-box;
}


.cart-summary-heading {

    padding-bottom: 1.2rem;

    margin-bottom: 1rem;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.08);
}


.cart-summary-heading span {

    display: block;

    margin-bottom: 0.5rem;

    font-family:
        "Cinzel",
        serif;

    font-size: 0.45rem;

    letter-spacing: 0.2rem;

    color:
        rgba(255, 255, 255, 0.3);
}


.cart-summary-heading h2 {

    margin: 0;

    font-family:
        "Vazirmatn",
        sans-serif;

    font-size: 0.95rem;

    font-weight: 400;

    color: #fff;
}



/* ========================================
   SUMMARY LINES
======================================== */

.cart-summary-line {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 1rem;

    padding:
        0.65rem 0;

    font-family:
        "Vazirmatn",
        sans-serif;

    font-size: 0.65rem;

    color:
        rgba(255, 255, 255, 0.42);
}


.cart-summary-line span:last-child {

    color:
        rgba(255, 255, 255, 0.7);
}


.cart-shipping {

    font-size: 0.5rem !important;

    color:
        rgba(255, 255, 255, 0.35) !important;
}



/* ========================================
   TOTAL
======================================== */

.cart-summary-total {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 0.7rem;

    padding-top: 1rem;

    border-top:
        1px solid rgba(255, 255, 255, 0.1);

    font-family:
        "Vazirmatn",
        sans-serif;

    font-size: 0.65rem;

    color:
        rgba(255, 255, 255, 0.55);
}


.cart-summary-total strong {

    font-size: 0.8rem;

    font-weight: 400;

    color: #fff;
}



/* ========================================
   CHECKOUT BUTTON
======================================== */

.cart-checkout-btn {

    width: 100%;

    min-height: 3rem;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.8rem;

    margin-top: 1.2rem;

    border:
        1px solid rgba(170, 25, 45, 0.6);

    border-radius: 0.2rem;

    background:
        rgba(130, 10, 28, 0.25);

    color: #fff;

    font-family:
        "Vazirmatn",
        sans-serif;

    font-size: 0.65rem;

    text-decoration: none;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}


.cart-checkout-btn:hover {

    background:
        rgba(160, 15, 38, 0.55);

    border-color:
        rgba(200, 35, 60, 0.8);

    transform:
        translateY(-0.15rem);
}


.cart-checkout-btn i {

    transition:
        transform 0.3s ease;
}


.cart-checkout-btn:hover i {

    transform:
        translateX(-0.2rem);
}



/* ========================================
   CONTINUE SHOPPING
======================================== */

.cart-continue {

    display: block;

    margin-top: 0.8rem;

    text-align: center;

    font-family:
        "Vazirmatn",
        sans-serif;

    font-size: 0.55rem;

    color:
        rgba(255, 255, 255, 0.35);

    text-decoration: none;

    transition:
        color 0.3s ease;
}


.cart-continue:hover {

    color: #fff;
}



/* ========================================
   FOOTER NOTE
======================================== */

.cart-footer-note {

    padding:
        1.2rem 5vw;

    text-align: center;

    background: #070707;

    font-family:
        "Cinzel",
        serif;

    font-size: 0.42rem;

    letter-spacing: 0.15rem;

    color:
        rgba(255, 255, 255, 0.25);

    box-sizing: border-box;
}


.cart-footer-note span {

    margin:
        0 0.7rem;

    color:
        rgba(160, 20, 40, 0.7);
}


.cart-product-price {
    direction: rtl;
    unicode-bidi: isolate;
}

.price-number {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
}

.price-unit {
    direction: rtl;
    unicode-bidi: isolate;
    display: inline-block;
    margin-right: 0.25rem;
}

/* ========================================
   EMPTY CART — TIN ERA
======================================== */

.empty-cart {

    width: 100%;

    min-height: 35vh;

    margin: 0;

    padding: 2rem 0;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    text-align: right;

    transform: translateY(-35px);
    box-sizing: border-box;

}

/* ========================================
   EMPTY CART — DESKTOP CENTER
======================================== */

@media (min-width: 50.01rem) {

    .cart-content:has(.empty-cart) {

        display: block;

    }


    .cart-content:has(.empty-cart) .cart-products {

        width: 100%;

    }


    .cart-content:has(.empty-cart) .empty-cart {

        align-items: center;

        text-align: center;

        transform: translateY(-35px);

    }


    .cart-content:has(.empty-cart) .empty-cart h2,
    .cart-content:has(.empty-cart) .empty-cart p {

        text-align: center;

    }

}


/* Hide icon */

.empty-cart>i {

    display: none !important;

}


/* Title */

.empty-cart h2 {

    margin: 0 0 0.5rem;

    color: rgba(255, 255, 255, 0.9);

    font-family: "Vazirmatn", sans-serif;

    font-size: 0.95rem;

    font-weight: 400;

    line-height: 1.8;

    text-align: right;

}


/* Description */

.empty-cart p {

    margin: 0;

    color: rgba(255, 255, 255, 0.4);

    font-family: "Vazirmatn", sans-serif;

    font-size: 0.72rem;

    font-weight: 300;

    line-height: 1.9;

    text-align: right;

}


/* Continue Shopping */

.empty-cart a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: fit-content;

    margin-top: 1.3rem;

    padding: 0.6rem 1rem;

    border: 1px solid rgba(255, 255, 255, 0.14);

    border-radius: 0.4rem;

    color: rgba(255, 255, 255, 0.7);

    background: transparent;

    text-decoration: none;

    font-family: "Vazirmatn", sans-serif;

    font-size: 0.7rem;

    font-weight: 300;

    transition: all 0.3s ease;

}


.empty-cart a:hover {

    color: #fff;

    border-color: rgba(180, 0, 0, 0.6);

    background: rgba(180, 0, 0, 0.06);

}


.cart-product-variant {
    display: block;

    margin-top: 0.5rem;

    direction: rtl;
    unicode-bidi: isolate;

    font-family:
        "Vazirmatn",
        sans-serif;

    font-size: 0.62rem;

    color:
        rgba(255, 255, 255, 0.45);
}

.cart-product-price {
    display: block;

    direction: rtl;
    unicode-bidi: isolate;

    font-family:
        "Vazirmatn",
        sans-serif;

    font-size: 0.65rem;

    color:
        rgba(255, 255, 255, 0.75);
}


/* ========================================
   RESPONSIVE — CART PAGE
======================================== */

/* =========================
   TABLET
========================= */

@media (max-width: 1000px) {

    .cart-page {
        padding: 2.8rem 4vw 3rem;
    }

    .cart-content {
        width: 100%;
        grid-template-columns: minmax(0, 1fr) 19rem;
        gap: 1.8rem;
    }

    .cart-product {
        grid-template-columns:
            5.5rem minmax(0, 1fr) auto 1.8rem;

        gap: 1rem;
    }

    .cart-product-image {
        width: 5.5rem;
        height: 5.5rem;
    }

    .cart-summary {
        padding: 1.2rem;
    }
}


/* =========================
   SMALL TABLET
========================= */

@media (max-width: 800px) {

    .cart-header {
        min-height: 4.5rem;
        padding: 0 4vw;
    }

    .cart-header-label {
        display: none;
    }

    .cart-back {
        right: 4vw;
        font-size: 0.58rem;
    }

    .cart-logo {
        font-size: 0.9rem;
    }


    .cart-page {
        padding: 2.5rem 5vw 3rem;
    }

    .cart-heading {
        margin-bottom: 2rem;
    }

    .cart-heading h1 {
        font-size: 1.9rem;
    }


    /* تبدیل محتوا به یک ستون */

    .cart-content {
        display: flex;
        flex-direction: column;

        width: 100%;
        gap: 2rem;
    }


    .cart-products {
        width: 100%;
    }


    /* خلاصه سفارش زیر محصولات */

    .cart-summary {
        position: relative;
        top: auto;

        width: 100%;
    }


    .cart-product {
        grid-template-columns:
            6rem minmax(0, 1fr) auto 1.8rem;

        gap: 1rem;
    }

    .cart-product-image {
        width: 6rem;
        height: 6rem;
    }
}




/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .cart-header {
        min-height: 4rem;
        padding: 0 5%;
    }

    .cart-logo {
        font-size: 0.78rem;
        letter-spacing: 0.22rem;
    }

    .cart-back {
        right: 5%;
        gap: 0.35rem;
        font-size: 0.5rem;
    }

    .cart-back i {
        font-size: 0.65rem;
    }


    /* =====================
       MAIN
    ===================== */

    .cart-page {
        padding: 2rem 5% 2.5rem;
    }


    /* ========================================
   CART PAGE HEADING — CENTERED
======================================== */

    .cart-heading {
        width: 100%;

        display: flex;
        flex-direction: column;

        align-items: center;
        justify-content: center;

        text-align: center;

        margin: 0 auto 2.2rem;
    }


    .cart-chapter {
        display: block;

        margin-bottom: 0.8rem;

        font-family: "Cinzel", serif;

        font-size: 0.5rem;

        letter-spacing: 0.28rem;

        color: rgba(255, 255, 255, 0.35);

        text-align: center;
    }


    .cart-heading h1 {
        margin: 0;

        font-family: "Vazirmatn", sans-serif;

        font-size: 2.2rem;

        font-weight: 300;

        color: #fff;

        text-align: center;
    }


    .cart-heading p {
        margin: 0.6rem 0 0;

        font-family: "Vazirmatn", sans-serif;

        font-size: 0.65rem;

        font-weight: 300;

        color: rgba(255, 255, 255, 0.35);

        text-align: center;
    }


    /* ========================================
   MOBILE
======================================== */

    @media (max-width: 600px) {

        .cart-heading {
            margin-bottom: 2rem;
            padding: 0 1rem;
        }

        .cart-chapter {
            font-size: 0.42rem;
            letter-spacing: 0.2rem;
            margin-bottom: 0.65rem;
        }

        .cart-heading h1 {
            font-size: 1.45rem;
        }

        .cart-heading p {
            font-size: 0.58rem;
            line-height: 1.8;
        }
    }

    /* =====================
       CONTENT
    ===================== */

    .cart-content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        gap: 1.5rem;
    }


    /* =====================
       PRODUCT CARD
    ===================== */

    .cart-product {

        display: grid;

        grid-template-columns:
            4.8rem minmax(0, 1fr) 1.5rem;

        grid-template-rows: auto auto;

        column-gap: 0.8rem;
        row-gap: 0.55rem;

        min-height: 0;

        padding: 0.65rem;
    }


    /* =====================
       IMAGE
    ===================== */

    .cart-product-image {

        width: 4.8rem;
        height: 4.8rem;

        grid-column: 1;
        grid-row: 1 / 3;
    }


    /* =====================
       INFO
    ===================== */

    .cart-product-info {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        min-width: 0;
    }

    .cart-product-category {
        margin-bottom: 0.3rem;
        font-size: 0.38rem;
        letter-spacing: 0.12rem;
    }

    .cart-product-info h2 {
        font-size: 0.72rem;
        line-height: 1.4;
    }

    .cart-product-persian {
        margin: 0.2rem 0 0.4rem;
        font-size: 0.5rem;
        line-height: 1.6;
    }

    .cart-product-price {
        font-size: 0.52rem;
    }

    .cart-product-variant {
        font-size: 0.48rem;
    }


    /* =====================
       REMOVE
    ===================== */

    .cart-product-remove {

        grid-column: 3;
        grid-row: 1;

        width: 1.5rem;
        height: 1.5rem;

        align-self: start;
    }

    .cart-product-remove i {
        font-size: 0.55rem;
    }


    /* =====================
       QUANTITY
    ===================== */

    .cart-product-quantity {

        grid-column: 2;
        grid-row: 2;

        width: fit-content;

        justify-self: start;
    }

    .cart-product-quantity button {
        width: 1.55rem;
        height: 1.55rem;
        font-size: 0.7rem;
    }

    .cart-product-quantity span {
        width: 1.5rem;
        font-size: 0.52rem;
    }


    /* =====================
       SUMMARY
    ===================== */

    .cart-summary {
        width: 100%;
        padding: 1rem;
    }

    .cart-summary-heading {
        padding-bottom: 0.9rem;
        margin-bottom: 0.7rem;
    }

    .cart-summary-heading span {
        font-size: 0.38rem;
        letter-spacing: 0.15rem;
    }

    .cart-summary-heading h2 {
        font-size: 0.8rem;
    }

    .cart-summary-line {
        padding: 0.5rem 0;
        font-size: 0.55rem;
    }

    .cart-shipping {
        font-size: 0.43rem !important;
    }

    .cart-summary-total {
        margin-top: 0.5rem;
        padding-top: 0.8rem;
        font-size: 0.55rem;
    }

    .cart-summary-total strong {
        font-size: 0.68rem;
    }

    .cart-checkout-btn {
        min-height: 2.7rem;
        margin-top: 1rem;
        font-size: 0.55rem;
    }

    .cart-continue {
        margin-top: 0.65rem;
        font-size: 0.48rem;
    }


    /* =====================
       EMPTY CART
    ===================== */

    .empty-cart {

        min-height: 32vh;

        padding: 1.5rem 0;

        transform: translateY(-15px);

        text-align: right;
        align-items: flex-start;
    }

    .empty-cart h2 {
        margin-bottom: 0.4rem;
        font-size: 0.78rem;
        line-height: 1.8;
    }

    .empty-cart p {
        font-size: 0.58rem;
        line-height: 1.9;
    }

    .empty-cart a {
        margin-top: 1rem;
        padding: 0.5rem 0.8rem;
        font-size: 0.58rem;
    }


    /* =====================
       FOOTER
    ===================== */

    .cart-footer-note {
        padding: 1rem 5%;
        font-size: 0.35rem;
        letter-spacing: 0.1rem;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .cart-footer-note span {
        margin: 0 0.35rem;
    }
}


/* =========================
   VERY SMALL PHONES
========================= */

@media (max-width: 380px) {

    .cart-page {
        padding-left: 4%;
        padding-right: 4%;
    }

    .cart-product {
        grid-template-columns:
            4.3rem minmax(0, 1fr) 1.3rem;

        column-gap: 0.65rem;
        padding: 0.55rem;
    }

    .cart-product-image {
        width: 4.3rem;
        height: 4.3rem;
    }

    .cart-product-info h2 {
        font-size: 0.65rem;
    }

    .cart-product-persian {
        font-size: 0.46rem;
    }

    .cart-product-price {
        font-size: 0.48rem;
    }

    .cart-product-quantity button {
        width: 1.4rem;
        height: 1.4rem;
    }

    .cart-product-quantity span {
        width: 1.3rem;
    }

    .cart-summary {
        padding: 0.85rem;
    }
}


/* ========================================
   EMPTY CART — CENTERED
======================================== */

.empty-cart {
    width: 100%;
    min-height: 35vh;

    margin: 0;
    padding: 2rem 0;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    text-align: center;

    transform: none;
}


/* Hide icon */

.empty-cart>i {
    display: none !important;
}


/* Title */

.empty-cart h2 {
    margin: 0 0 0.5rem;

    color: rgba(255, 255, 255, 0.9);

    font-family: "Vazirmatn", sans-serif;

    font-size: 0.95rem;
    font-weight: 400;

    line-height: 1.8;

    text-align: center;
}


/* Description */

.empty-cart p {
    margin: 0;

    max-width: 30rem;

    color: rgba(255, 255, 255, 0.4);

    font-family: "Vazirmatn", sans-serif;

    font-size: 0.72rem;
    font-weight: 300;

    line-height: 1.9;

    text-align: center;
}


/* Continue Shopping */

.empty-cart a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: fit-content;

    margin-top: 1.3rem;

    padding: 0.6rem 1rem;

    border: 1px solid rgba(255, 255, 255, 0.14);

    border-radius: 0.4rem;

    color: rgba(255, 255, 255, 0.7);

    background: transparent;

    text-decoration: none;

    font-family: "Vazirmatn", sans-serif;

    font-size: 0.7rem;
    font-weight: 300;

    transition:
        color 0.3s ease,
        border-color 0.3s ease,
        background 0.3s ease;
}


.empty-cart a:hover {
    color: #fff;

    border-color: rgba(180, 0, 0, 0.6);

    background: rgba(180, 0, 0, 0.06);
}


/* ========================================
   EMPTY CART — MOBILE
======================================== */

@media (max-width: 600px) {

    .empty-cart {
        min-height: 32vh;

        padding: 2rem 1rem;

        align-items: center;

        text-align: center;

        transform: none;
    }

    .empty-cart h2 {
        font-size: 0.78rem;

        line-height: 1.9;

        text-align: center;
    }

    .empty-cart p {
        max-width: 20rem;

        font-size: 0.58rem;

        line-height: 1.9;

        text-align: center;
    }

    .empty-cart a {
        margin-top: 1rem;

        padding: 0.5rem 0.8rem;

        font-size: 0.58rem;
    }
}