{"id":11,"date":"2025-12-18T09:06:51","date_gmt":"2025-12-18T09:06:51","guid":{"rendered":"https:\/\/makemylife.in\/?page_id=11"},"modified":"2025-12-18T09:07:17","modified_gmt":"2025-12-18T09:07:17","slug":"cart","status":"publish","type":"page","link":"https:\/\/makemylife.in\/?page_id=11","title":{"rendered":"Cart"},"content":{"rendered":"\n<style>\n.luxury-cart-page {\n    background: var(--luxury-cream);\n    min-height: 80vh;\n    padding: 50px 0;\n}\n\n.luxury-cart-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 30px;\n}\n\n.luxury-cart-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n\n.luxury-cart-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 42px;\n    font-weight: 600;\n    color: var(--luxury-primary);\n    margin-bottom: 10px;\n}\n\n.luxury-cart-subtitle {\n    font-size: 16px;\n    color: var(--luxury-text-light);\n}\n\n.luxury-cart-content {\n    display: grid;\n    grid-template-columns: 1fr 380px;\n    gap: 40px;\n}\n\n.luxury-cart-items {\n    background: var(--luxury-white);\n    border-radius: var(--luxury-radius-lg);\n    padding: 30px;\n    box-shadow: var(--luxury-shadow);\n}\n\n.luxury-cart-item {\n    display: grid;\n    grid-template-columns: 100px 1fr auto auto;\n    gap: 25px;\n    align-items: center;\n    padding: 25px 0;\n    border-bottom: 1px solid var(--luxury-cream);\n}\n\n.luxury-cart-item:last-child {\n    border-bottom: none;\n}\n\n.luxury-cart-item-image {\n    width: 100px;\n    height: 100px;\n    border-radius: var(--luxury-radius);\n    overflow: hidden;\n    background: var(--luxury-cream);\n}\n\n.luxury-cart-item-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.luxury-cart-item-info h3 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--luxury-text);\n    margin-bottom: 8px;\n}\n\n.luxury-cart-item-price {\n    font-size: 16px;\n    color: var(--luxury-primary);\n    font-weight: 600;\n}\n\n.luxury-cart-qty {\n    display: flex;\n    align-items: center;\n    border: 1px solid var(--luxury-cream-dark);\n    border-radius: var(--luxury-radius);\n    overflow: hidden;\n}\n\n.luxury-cart-qty-btn {\n    width: 38px;\n    height: 38px;\n    border: none;\n    background: var(--luxury-cream);\n    color: var(--luxury-text);\n    font-size: 16px;\n    cursor: pointer;\n    transition: var(--luxury-transition);\n}\n\n.luxury-cart-qty-btn:hover {\n    background: var(--luxury-primary);\n    color: var(--luxury-white);\n}\n\n.luxury-cart-qty-value {\n    width: 50px;\n    height: 38px;\n    border: none;\n    text-align: center;\n    font-size: 15px;\n    font-weight: 600;\n}\n\n.luxury-cart-item-subtotal {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--luxury-primary);\n    min-width: 100px;\n    text-align: right;\n}\n\n.luxury-remove-btn {\n    width: 38px;\n    height: 38px;\n    border: none;\n    background: var(--luxury-cream);\n    color: var(--luxury-text-light);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: var(--luxury-transition);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.luxury-remove-btn:hover {\n    background: #dc3545;\n    color: var(--luxury-white);\n}\n\n.luxury-remove-btn svg {\n    width: 18px;\n    height: 18px;\n}\n\n.luxury-cart-summary {\n    background: var(--luxury-white);\n    border-radius: var(--luxury-radius-lg);\n    padding: 35px;\n    box-shadow: var(--luxury-shadow);\n    height: fit-content;\n    position: sticky;\n    top: 100px;\n}\n\n.luxury-summary-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 26px;\n    font-weight: 600;\n    color: var(--luxury-primary);\n    margin-bottom: 30px;\n    padding-bottom: 20px;\n    border-bottom: 2px solid var(--luxury-cream);\n}\n\n.luxury-summary-row {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 18px;\n    font-size: 15px;\n}\n\n.luxury-summary-row.total {\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--luxury-primary);\n    padding-top: 20px;\n    margin-top: 20px;\n    border-top: 2px solid var(--luxury-cream);\n}\n\n.luxury-checkout-btn {\n    display: block;\n    width: 100%;\n    padding: 18px;\n    margin-top: 30px;\n    background: var(--luxury-primary);\n    color: var(--luxury-white);\n    border: none;\n    border-radius: var(--luxury-radius);\n    font-family: 'Lato', sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-decoration: none;\n    text-align: center;\n    cursor: pointer;\n    transition: var(--luxury-transition);\n}\n\n.luxury-checkout-btn:hover {\n    background: var(--luxury-primary-dark);\n    transform: translateY(-2px);\n}\n\n.luxury-continue-shopping {\n    display: block;\n    text-align: center;\n    margin-top: 20px;\n    color: var(--luxury-text-light);\n    text-decoration: none;\n    font-size: 14px;\n    transition: var(--luxury-transition);\n}\n\n.luxury-continue-shopping:hover {\n    color: var(--luxury-primary);\n}\n\n.luxury-empty-cart {\n    text-align: center;\n    padding: 80px 30px;\n    background: var(--luxury-white);\n    border-radius: var(--luxury-radius-lg);\n    box-shadow: var(--luxury-shadow);\n}\n\n.luxury-empty-cart svg {\n    width: 80px;\n    height: 80px;\n    color: var(--luxury-text-light);\n    margin-bottom: 25px;\n}\n\n.luxury-empty-cart h2 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 32px;\n    color: var(--luxury-primary);\n    margin-bottom: 15px;\n}\n\n.luxury-empty-cart p {\n    color: var(--luxury-text-light);\n    margin-bottom: 30px;\n}\n\n.luxury-empty-cart .luxury-btn {\n    display: inline-block;\n    padding: 15px 40px;\n    background: var(--luxury-primary);\n    color: var(--luxury-white);\n    text-decoration: none;\n    border-radius: var(--luxury-radius);\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    transition: var(--luxury-transition);\n}\n\n.luxury-empty-cart .luxury-btn:hover {\n    background: var(--luxury-primary-dark);\n}\n\n@media (max-width: 1024px) {\n    .luxury-cart-content {\n        grid-template-columns: 1fr;\n    }\n    \n    .luxury-cart-summary {\n        position: static;\n    }\n}\n\n@media (max-width: 768px) {\n    .luxury-cart-page {\n        padding: 30px 0;\n    }\n    \n    .luxury-cart-container {\n        padding: 0 20px;\n    }\n    \n    .luxury-cart-title {\n        font-size: 32px;\n    }\n    \n    .luxury-cart-item {\n        grid-template-columns: 80px 1fr;\n        gap: 15px;\n    }\n    \n    .luxury-cart-item-image {\n        width: 80px;\n        height: 80px;\n    }\n    \n    .luxury-cart-qty,\n    .luxury-cart-item-subtotal,\n    .luxury-remove-btn {\n        grid-column: 2;\n    }\n    \n    .luxury-cart-item-actions {\n        display: flex;\n        gap: 15px;\n        align-items: center;\n        margin-top: 10px;\n    }\n}\n<\/style>\n\n<div class=\"luxury-cart-page\">\n    <div class=\"luxury-cart-container\">\n        <div class=\"luxury-cart-header\">\n            <h1 class=\"luxury-cart-title\">Shopping Cart<\/h1>\n            <p class=\"luxury-cart-subtitle\">0 items in your cart<\/p>\n        <\/div>\n        \n                <div class=\"luxury-empty-cart\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <circle cx=\"8\" cy=\"21\" r=\"1\"><\/circle>\n                <circle cx=\"19\" cy=\"21\" r=\"1\"><\/circle>\n                <path d=\"M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12\"><\/path>\n            <\/svg>\n            <h2>Your Cart is Empty<\/h2>\n            <p>Looks like you haven't added any items to your cart yet.<\/p>\n            <a href=\"https:\/\/makemylife.in\/?page_id=9\" class=\"luxury-btn\">Start Shopping<\/a>\n        <\/div>\n            <\/div>\n<\/div>\n\n<script>\n(function() {\n    var ajaxUrl = 'https:\/\/makemylife.in\/wp-admin\/admin-ajax.php';\n    var nonce = '570bb35302';\n    \n    function updateCart(productId, quantity) {\n        var formData = new FormData();\n        formData.append('action', 'luxury_update_cart');\n        formData.append('product_id', productId);\n        formData.append('quantity', quantity);\n        formData.append('nonce', nonce);\n        \n        return fetch(ajaxUrl, {\n            method: 'POST',\n            body: formData\n        }).then(function(response) { return response.json(); });\n    }\n    \n    function removeFromCart(productId) {\n        var formData = new FormData();\n        formData.append('action', 'luxury_remove_from_cart');\n        formData.append('product_id', productId);\n        formData.append('nonce', nonce);\n        \n        return fetch(ajaxUrl, {\n            method: 'POST',\n            body: formData\n        }).then(function(response) { return response.json(); });\n    }\n    \n    function updateTotals(data) {\n        document.getElementById('cart-subtotal').textContent = '\u20b9' + parseFloat(data.cart_total).toFixed(2);\n        document.getElementById('cart-total').textContent = '\u20b9' + parseFloat(data.cart_total).toFixed(2);\n        if (window.updateLuxuryCartCount) {\n            window.updateLuxuryCartCount(data.cart_count);\n        }\n    }\n    \n    document.querySelectorAll('.luxury-cart-item').forEach(function(item) {\n        var productId = item.getAttribute('data-product-id');\n        var qtyInput = item.querySelector('.luxury-cart-qty-value');\n        var subtotalEl = item.querySelector('.luxury-cart-item-subtotal');\n        var priceText = item.querySelector('.luxury-cart-item-price').textContent;\n        var price = parseFloat(priceText.replace(\/[^0-9.]\/g, ''));\n        \n        item.querySelector('.qty-minus').addEventListener('click', function() {\n            var qty = parseInt(qtyInput.value) || 1;\n            if (qty > 1) {\n                qtyInput.value = qty - 1;\n                updateCart(productId, qty - 1).then(function(data) {\n                    if (data.success) {\n                        subtotalEl.textContent = '\u20b9' + (price * (qty - 1)).toFixed(2);\n                        updateTotals(data.data);\n                    }\n                });\n            }\n        });\n        \n        item.querySelector('.qty-plus').addEventListener('click', function() {\n            var qty = parseInt(qtyInput.value) || 1;\n            if (qty < 99) {\n                qtyInput.value = qty + 1;\n                updateCart(productId, qty + 1).then(function(data) {\n                    if (data.success) {\n                        subtotalEl.textContent = '\u20b9' + (price * (qty + 1)).toFixed(2);\n                        updateTotals(data.data);\n                    }\n                });\n            }\n        });\n        \n        qtyInput.addEventListener('change', function() {\n            var qty = parseInt(this.value) || 1;\n            if (qty < 1) qty = 1;\n            if (qty > 99) qty = 99;\n            this.value = qty;\n            \n            updateCart(productId, qty).then(function(data) {\n                if (data.success) {\n                    subtotalEl.textContent = '\u20b9' + (price * qty).toFixed(2);\n                    updateTotals(data.data);\n                }\n            });\n        });\n        \n        item.querySelector('.luxury-remove-btn').addEventListener('click', function() {\n            removeFromCart(productId).then(function(data) {\n                if (data.success) {\n                    item.remove();\n                    updateTotals(data.data);\n                    \n                    if (data.data.cart_count === 0) {\n                        location.reload();\n                    }\n                }\n            });\n        });\n    });\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/makemylife.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":1,"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/makemylife.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}