{"id":7,"date":"2026-10-13T11:32:10","date_gmt":"2026-10-13T11:32:10","guid":{"rendered":"https:\/\/upkar.techmarkmarketing.com\/?page_id=7"},"modified":"2026-10-13T11:33:35","modified_gmt":"2026-10-13T11:33:35","slug":"home","status":"publish","type":"page","link":"https:\/\/upkar.techmarkmarketing.com\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5e036f e-con e-atomic-element e-flexbox-base e-default-div e-1a89f84 \" data-id=\"b5e036f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b5e036f\">\n    \t\t<div class=\"elementor-element elementor-element-e0641d8 elementor-widget elementor-widget-html\" data-id=\"e0641d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"upkaar-store\">\n  <style>\n    #upkaar-store {\n      --primary: #176b45;\n      --primary-dark: #104d32;\n      --bg: #f7f8f5;\n      --text: #202820;\n      --muted: #727a72;\n      font-family: Arial, sans-serif;\n      color: var(--text);\n      background: var(--bg);\n      width: 100%;\n      min-height: 100vh;\n      box-sizing: border-box;\n    }\n    #upkaar-store * {\n      box-sizing: border-box;\n    }\n    #upkaar-store button,\n    #upkaar-store input,\n    #upkaar-store select {\n      font: inherit;\n    }\n    #upkaar-store .store-header {\n      background: #fff;\n      padding: 18px 5%;\n      display: flex;\n      align-items: center;\n      gap: 25px;\n      justify-content: space-between;\n      border-bottom: 1px solid #e8ebe6;\n      position: sticky;\n      top: 0;\n      z-index: 999;\n    }\n    #upkaar-store .store-logo {\n      font-size: 26px;\n      font-weight: 800;\n      color: var(--primary);\n      white-space: nowrap;\n    }\n    #upkaar-store .search-box {\n      display: flex;\n      align-items: center;\n      flex: 1;\n      max-width: 650px;\n      background: #f2f4f0;\n      border: 1px solid #e4e8e1;\n      border-radius: 10px;\n      overflow: hidden;\n    }\n    #upkaar-store .search-box input {\n      width: 100%;\n      min-width: 0;\n      padding: 14px;\n      border: 0;\n      outline: none;\n      background: transparent;\n    }\n    #upkaar-store .search-box button {\n      border: 0;\n      background: var(--primary);\n      color: #fff;\n      padding: 14px 20px;\n      cursor: pointer;\n    }\n    #upkaar-store .cart-button {\n      background: #fff;\n      color: var(--primary);\n      border: 1px solid var(--primary);\n      border-radius: 9px;\n      padding: 12px 17px;\n      cursor: pointer;\n      font-weight: 700;\n      white-space: nowrap;\n    }\n    #upkaar-store .cart-count {\n      display: inline-flex;\n      background: var(--primary);\n      color: #fff;\n      min-width: 22px;\n      height: 22px;\n      border-radius: 50%;\n      align-items: center;\n      justify-content: center;\n      margin-left: 5px;\n      font-size: 12px;\n    }\n    #upkaar-store .store-container {\n      max-width: 1440px;\n      margin: auto;\n      padding: 30px 5%;\n    }\n    #upkaar-store .welcome-banner {\n      background: linear-gradient(120deg, #145a39, #2b8959);\n      color: #fff;\n      border-radius: 18px;\n      padding: 45px 40px;\n      margin-bottom: 32px;\n    }\n    #upkaar-store .welcome-banner h1 {\n      color: #fff;\n      font-size: clamp(28px, 4vw, 44px);\n      line-height: 1.2;\n      margin: 0 0 12px;\n    }\n    #upkaar-store .welcome-banner p {\n      color: #e7f3eb;\n      font-size: 16px;\n      margin: 0 0 22px;\n    }\n    #upkaar-store .shop-now {\n      display: inline-block;\n      padding: 12px 22px;\n      background: #fff;\n      color: var(--primary-dark);\n      border-radius: 8px;\n      font-weight: 700;\n      text-decoration: none;\n      cursor: pointer;\n      border: 0;\n    }\n    #upkaar-store .section-heading {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 15px;\n      flex-wrap: wrap;\n      margin-bottom: 22px;\n    }\n    #upkaar-store .section-heading h2 {\n      font-size: 25px;\n      margin: 0;\n      color: #202820;\n    }\n    #upkaar-store .store-controls {\n      display: flex;\n      gap: 10px;\n      flex-wrap: wrap;\n      margin-bottom: 24px;\n    }\n    #upkaar-store .store-controls select {\n      border: 1px solid #dce2d9;\n      background: #fff;\n      border-radius: 8px;\n      padding: 11px 14px;\n      outline-color: var(--primary);\n      max-width: 100%;\n    }\n    #upkaar-store .product-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 22px;\n    }\n    #upkaar-store .product-card {\n      background: #fff;\n      border: 1px solid #eaede7;\n      border-radius: 13px;\n      overflow: hidden;\n      transition: transform .2s, box-shadow .2s;\n      display: flex;\n      flex-direction: column;\n      min-width: 0;\n    }\n    #upkaar-store .product-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 8px 25px rgba(25, 65, 35, .09);\n    }\n    #upkaar-store .product-image {\n      height: 210px;\n      width: 100%;\n      background: #f1f4ef;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n    #upkaar-store .product-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      padding: 12px;\n    }\n    #upkaar-store .product-info {\n      padding: 16px;\n      display: flex;\n      flex-direction: column;\n      flex: 1;\n    }\n    #upkaar-store .product-category {\n      color: var(--primary);\n      text-transform: uppercase;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: .6px;\n      margin-bottom: 8px;\n    }\n    #upkaar-store .product-name {\n      font-size: 16px;\n      line-height: 1.45;\n      font-weight: 700;\n      margin: 0 0 10px;\n      min-height: 46px;\n    }\n    #upkaar-store .product-price {\n      font-size: 20px;\n      font-weight: 800;\n      color: var(--primary);\n      margin-bottom: 15px;\n    }\n    #upkaar-store .add-cart {\n      margin-top: auto;\n      background: var(--primary);\n      color: #fff;\n      border: 0;\n      border-radius: 7px;\n      padding: 12px;\n      cursor: pointer;\n      font-weight: 700;\n      width: 100%;\n    }\n    #upkaar-store .add-cart:hover {\n      background: var(--primary-dark);\n    }\n    #upkaar-store .empty-results {\n      display: none;\n      padding: 45px 15px;\n      text-align: center;\n      color: var(--muted);\n      background: #fff;\n      border-radius: 12px;\n    }\n    #upkaar-store .store-footer {\n      text-align: center;\n      background: #fff;\n      border-top: 1px solid #e7ebe5;\n      padding: 24px 15px;\n      color: var(--muted);\n      font-size: 14px;\n    }\n    \/* Cart drawer *\/\n    #upkaar-store .cart-overlay {\n      position: fixed;\n      inset: 0;\n      background: rgba(0, 0, 0, .42);\n      z-index: 10000;\n      display: none;\n    }\n    #upkaar-store .cart-overlay.open {\n      display: block;\n    }\n    #upkaar-store .cart-drawer {\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: min(430px, 100%);\n      height: 100%;\n      background: #fff;\n      padding: 24px;\n      overflow-y: auto;\n      box-shadow: -5px 0 30px rgba(0, 0, 0, .1);\n    }\n    #upkaar-store .cart-title {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 10px;\n      padding-bottom: 18px;\n      border-bottom: 1px solid #eee;\n    }\n    #upkaar-store .cart-title h2 {\n      margin: 0;\n      font-size: 23px;\n    }\n    #upkaar-store .close-cart {\n      border: 0;\n      background: #f0f2ed;\n      border-radius: 7px;\n      width: 38px;\n      height: 38px;\n      cursor: pointer;\n      font-size: 22px;\n    }\n    #upkaar-store .cart-item {\n      display: grid;\n      grid-template-columns: 65px 1fr;\n      gap: 12px;\n      padding: 18px 0;\n      border-bottom: 1px solid #eee;\n    }\n    #upkaar-store .cart-item img {\n      width: 65px;\n      height: 65px;\n      object-fit: contain;\n      background: #f3f5f0;\n      border-radius: 7px;\n    }\n    #upkaar-store .cart-item-name {\n      font-weight: 700;\n      margin-bottom: 5px;\n    }\n    #upkaar-store .cart-item-price {\n      color: var(--primary);\n      font-weight: 700;\n      margin-bottom: 8px;\n    }\n    #upkaar-store .quantity-controls {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n    #upkaar-store .quantity-controls button {\n      width: 28px;\n      height: 28px;\n      border: 1px solid #dce2d9;\n      background: #fff;\n      border-radius: 5px;\n      cursor: pointer;\n    }\n    #upkaar-store .remove-item {\n      border: 0 !important;\n      color: #b42318;\n      font-size: 12px;\n      background: transparent !important;\n      width: auto !important;\n      margin-left: auto;\n    }\n    #upkaar-store .cart-total {\n      display: flex;\n      justify-content: space-between;\n      gap: 10px;\n      font-size: 19px;\n      font-weight: 800;\n      margin: 24px 0;\n    }\n    #upkaar-store .checkout-button {\n      width: 100%;\n      padding: 14px;\n      background: var(--primary);\n      color: #fff;\n      border: 0;\n      border-radius: 8px;\n      font-weight: 700;\n      cursor: pointer;\n    }\n    #upkaar-store .checkout-note {\n      font-size: 12px;\n      color: var(--muted);\n      line-height: 1.5;\n      margin-top: 12px;\n    }\n    #upkaar-store .cart-empty {\n      text-align: center;\n      padding: 45px 10px;\n      color: var(--muted);\n    }\n    @media (max-width: 1000px) {\n      #upkaar-store .product-grid {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n      }\n      #upkaar-store .product-image {\n        height: 180px;\n      }\n    }\n    @media (max-width: 700px) {\n      #upkaar-store .store-header {\n        padding: 13px 4%;\n        gap: 10px;\n        flex-wrap: wrap;\n      }\n      #upkaar-store .store-logo {\n        font-size: 22px;\n      }\n      #upkaar-store .search-box {\n        order: 3;\n        flex-basis: 100%;\n        max-width: none;\n      }\n      #upkaar-store .search-box input {\n        padding: 12px;\n      }\n      #upkaar-store .search-box button {\n        padding: 12px 15px;\n      }\n      #upkaar-store .cart-button {\n        padding: 10px 12px;\n        font-size: 13px;\n      }\n      #upkaar-store .store-container {\n        padding: 20px 4%;\n      }\n      #upkaar-store .welcome-banner {\n        padding: 28px 22px;\n        border-radius: 13px;\n      }\n      #upkaar-store .welcome-banner p {\n        line-height: 1.6;\n      }\n      #upkaar-store .section-heading h2 {\n        font-size: 22px;\n      }\n      #upkaar-store .product-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 12px;\n      }\n      #upkaar-store .product-image {\n        height: 145px;\n      }\n      #upkaar-store .product-info {\n        padding: 11px;\n      }\n      #upkaar-store .product-name {\n        font-size: 14px;\n        min-height: 40px;\n      }\n      #upkaar-store .product-price {\n        font-size: 17px;\n      }\n      #upkaar-store .add-cart {\n        padding: 10px 6px;\n        font-size: 12px;\n      }\n      #upkaar-store .store-controls select {\n        flex: 1;\n        min-width: 0;\n        font-size: 13px;\n      }\n    }\n  <\/style>\n  <!-- HEADER -->\n  <header class=\"store-header\">\n    <div class=\"store-logo\">Upkaar Store<\/div>\n    <form class=\"search-box\" id=\"upkaar-search-form\">\n      <input\n        type=\"search\"\n        id=\"upkaar-search\"\n        placeholder=\"Search for products...\"\n        aria-label=\"Search products\"\n      >\n      <button type=\"submit\">Search<\/button>\n    <\/form>\n    <button type=\"button\" class=\"cart-button\" id=\"upkaar-open-cart\">\n      \ud83d\uded2 Cart <span class=\"cart-count\" id=\"upkaar-cart-count\">0<\/span>\n    <\/button>\n  <\/header>\n  <!-- MAIN CONTENT -->\n  <main class=\"store-container\">\n    <section class=\"welcome-banner\">\n      <h1>Welcome to Upkaar Store<\/h1>\n      <p>Discover products you'll love, all in one place.<\/p>\n      <button type=\"button\" class=\"shop-now\" id=\"upkaar-shop-now\">\n        Explore Products \u2192\n      <\/button>\n    <\/section>\n    <section id=\"upkaar-products-section\">\n      <div class=\"section-heading\">\n        <h2>Explore Our Products<\/h2>\n        <span id=\"upkaar-product-count\"><\/span>\n      <\/div>\n      <div class=\"store-controls\">\n        <select id=\"upkaar-category\" aria-label=\"Filter by category\">\n          <option value=\"all\">All Categories<\/option>\n          <option value=\"home\">Home & Living<\/option>\n          <option value=\"fashion\">Fashion<\/option>\n          <option value=\"kitchen\">Kitchen<\/option>\n          <option value=\"accessories\">Accessories<\/option>\n        <\/select>\n        <select id=\"upkaar-sort\" aria-label=\"Sort products\">\n          <option value=\"default\">Sort: Featured<\/option>\n          <option value=\"low\">Price: Low to High<\/option>\n          <option value=\"high\">Price: High to Low<\/option>\n          <option value=\"name\">Name: A to Z<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"product-grid\" id=\"upkaar-product-grid\"><\/div>\n      <div class=\"empty-results\" id=\"upkaar-empty-results\">\n        <h3>No products found<\/h3>\n        <p>Try another search term or category.<\/p>\n      <\/div>\n    <\/section>\n  <\/main>\n  <!-- FOOTER -->\n  <footer class=\"store-footer\">\n    \u00a9\ufe0f <span id=\"upkaar-year\"><\/span> Upkaar Store. All rights reserved.\n  <\/footer>\n  <!-- CART DRAWER -->\n  <div class=\"cart-overlay\" id=\"upkaar-cart-overlay\">\n    <section class=\"cart-drawer\" role=\"dialog\"\n      aria-modal=\"true\" aria-label=\"Shopping cart\">\n      <div class=\"cart-title\">\n        <h2>Your Shopping Cart<\/h2>\n        <button type=\"button\" class=\"close-cart\"\n          id=\"upkaar-close-cart\" aria-label=\"Close cart\">\u00d7<\/button>\n      <\/div>\n      <div id=\"upkaar-cart-items\"><\/div>\n      <div id=\"upkaar-cart-summary\" hidden>\n        <div class=\"cart-total\">\n          <span>Total<\/span>\n          <span id=\"upkaar-cart-total\">\u20b90<\/span>\n        <\/div>\n        <button type=\"button\" class=\"checkout-button\"\n          id=\"upkaar-checkout\">\n          Proceed to Checkout\n        <\/button>\n        <p class=\"checkout-note\">\n          Checkout must be connected to your store's order and payment\n          system before accepting real customer orders.\n        <\/p>\n      <\/div>\n    <\/section>\n  <\/div>\n  <script>\n    (function () {\n      const root = document.getElementById(\"upkaar-store\");\n      if (!root || root.dataset.initialized === \"true\") return;\n      root.dataset.initialized = \"true\";\n      \/*\n       * DEMO PRODUCTS\n       * Replace these with your real products, prices and image URLs.\n       *\/\n      const products = [\n        {\n          id: 1,\n          name: \"Premium Storage Organizer\",\n          category: \"home\",\n          price: 499,\n          image: \"https:\/\/placehold.co\/500x400\/f1f4ef\/176b45?text=Storage+Organizer\"\n        },\n        {\n          id: 2,\n          name: \"Everyday Cotton Tote Bag\",\n          category: \"fashion\",\n          price: 299,\n          image: \"https:\/\/placehold.co\/500x400\/f1f4ef\/176b45?text=Tote+Bag\"\n        },\n        {\n          id: 3,\n          name: \"Kitchen Essentials Set\",\n          category: \"kitchen\",\n          price: 799,\n          image: \"https:\/\/placehold.co\/500x400\/f1f4ef\/176b45?text=Kitchen+Set\"\n        },\n        {\n          id: 4,\n          name: \"Classic Water Bottle\",\n          category: \"accessories\",\n          price: 349,\n          image: \"https:\/\/placehold.co\/500x400\/f1f4ef\/176b45?text=Water+Bottle\"\n        },\n        {\n          id: 5,\n          name: \"Decorative Table Vase\",\n          category: \"home\",\n          price: 599,\n          image: \"https:\/\/placehold.co\/500x400\/f1f4ef\/176b45?text=Table+Vase\"\n        },\n        {\n          id: 6,\n          name: \"Daily Use Kitchen Container\",\n          category: \"kitchen\",\n          price: 249,\n          image: \"https:\/\/placehold.co\/500x400\/f1f4ef\/176b45?text=Container\"\n        },\n        {\n          id: 7,\n          name: \"Casual Everyday Backpack\",\n          category: \"fashion\",\n          price: 899,\n          image: \"https:\/\/placehold.co\/500x400\/f1f4ef\/176b45?text=Backpack\"\n        },\n        {\n          id: 8,\n          name: \"Travel Accessories Pouch\",\n          category: \"accessories\",\n          price: 199,\n          image: \"https:\/\/placehold.co\/500x400\/f1f4ef\/176b45?text=Travel+Pouch\"\n        }\n      ];\n      const money = amount =>\n        new Intl.NumberFormat(\"en-IN\", {\n          style: \"currency\",\n          currency: \"INR\",\n          maximumFractionDigits: 2\n        }).format(amount);\n      const grid = root.querySelector(\"#upkaar-product-grid\");\n      const search = root.querySelector(\"#upkaar-search\");\n      const category = root.querySelector(\"#upkaar-category\");\n      const sort = root.querySelector(\"#upkaar-sort\");\n      const empty = root.querySelector(\"#upkaar-empty-results\");\n      const count = root.querySelector(\"#upkaar-product-count\");\n      const overlay = root.querySelector(\"#upkaar-cart-overlay\");\n      const cartItems = root.querySelector(\"#upkaar-cart-items\");\n      const cartSummary = root.querySelector(\"#upkaar-cart-summary\");\n      const cartTotal = root.querySelector(\"#upkaar-cart-total\");\n      const cartCount = root.querySelector(\"#upkaar-cart-count\");\n      let cart = {};\n      \/\/ Restore the shopping cart if the customer refreshes the page.\n      try {\n        const saved = localStorage.getItem(\"upkaar_store_cart\");\n        if (saved) {\n          const parsed = JSON.parse(saved);\n          if (parsed && typeof parsed === \"object\" && !Array.isArray(parsed)) {\n            products.forEach(product => {\n              const qty = Number(parsed[product.id]);\n              if (Number.isSafeInteger(qty) && qty > 0 && qty <= 99) {\n                cart[product.id] = qty;\n              }\n            });\n          }\n        }\n      } catch (error) {\n        cart = {};\n      }\n      function saveCart() {\n        try {\n          localStorage.setItem(\"upkaar_store_cart\", JSON.stringify(cart));\n        } catch (error) {\n          \/\/ Cart still works during the current page session.\n        }\n      }\n      function renderProducts() {\n        const term = search.value.trim().toLowerCase();\n        let visible = products.filter(product => {\n          const matchesName = product.name.toLowerCase().includes(term);\n          const matchesCategory =\n            category.value === \"all\" ||\n            product.category === category.value;\n          return matchesName && matchesCategory;\n        });\n        if (sort.value === \"low\") {\n          visible.sort((a, b) => a.price - b.price);\n        } else if (sort.value === \"high\") {\n          visible.sort((a, b) => b.price - a.price);\n        } else if (sort.value === \"name\") {\n          visible.sort((a, b) => a.name.localeCompare(b.name));\n        }\n        grid.innerHTML = visible.map(product => `\n          <article class=\"product-card\">\n            <div class=\"product-image\">\n              <img decoding=\"async\"\n                src=\"${product.image}\"\n                alt=\"${product.name}\"\n                loading=\"lazy\"\n              >\n            <\/div>\n            <div class=\"product-info\">\n              <div class=\"product-category\">\n                ${product.category}\n              <\/div>\n              <h3 class=\"product-name\">${product.name}<\/h3>\n              <div class=\"product-price\">${money(product.price)}<\/div>\n              <button type=\"button\" class=\"add-cart\"\n                data-add=\"${product.id}\">\n                + Add to Cart\n              <\/button>\n            <\/div>\n          <\/article>\n        `).join(\"\");\n        count.textContent = visible.length + \" products\";\n        empty.style.display = visible.length ? \"none\" : \"block\";\n        grid.style.display = visible.length ? \"grid\" : \"none\";\n      }\n      function renderCart() {\n        const entries = Object.entries(cart)\n          .map(([id, qty]) => ({\n            product: products.find(p => p.id === Number(id)),\n            qty\n          }))\n          .filter(item => item.product && item.qty > 0);\n        const totalQty = entries.reduce((sum, item) => sum + item.qty, 0);\n        const totalPrice = entries.reduce(\n          (sum, item) => sum + item.product.price * item.qty, 0\n        );\n        cartCount.textContent = totalQty;\n        cartSummary.hidden = entries.length === 0;\n        if (!entries.length) {\n          cartItems.innerHTML = `\n            <div class=\"cart-empty\">\n              <div style=\"font-size:42px\">\ud83d\uded2<\/div>\n              <h3>Your cart is empty<\/h3>\n              <p>Add some products to get started.<\/p>\n            <\/div>\n          `;\n        } else {\n          cartItems.innerHTML = entries.map(({ product, qty }) => `\n            <div class=\"cart-item\">\n              <img decoding=\"async\" src=\"${product.image}\" alt=\"${product.name}\">\n              <div>\n                <div class=\"cart-item-name\">${product.name}<\/div>\n                <div class=\"cart-item-price\">\n                  ${money(product.price * qty)}\n                <\/div>\n                <div class=\"quantity-controls\">\n                  <button type=\"button\" data-minus=\"${product.id}\"\n                    aria-label=\"Decrease quantity\">\u2212<\/button>\n                  <span>${qty}<\/span>\n                  <button type=\"button\" data-plus=\"${product.id}\"\n                    aria-label=\"Increase quantity\">+<\/button>\n                  <button type=\"button\" class=\"remove-item\"\n                    data-remove=\"${product.id}\">Remove<\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n          `).join(\"\");\n        }\n        cartTotal.textContent = money(totalPrice);\n        saveCart();\n      }\n      function addToCart(id) {\n        if (!products.some(product => product.id === id)) return;\n        if ((cart[id] || 0) >= 99) {\n          alert(\"Maximum quantity is 99 per product.\");\n          return;\n        }\n        cart[id] = (cart[id] || 0) + 1;\n        renderCart();\n      }\n      grid.addEventListener(\"click\", event => {\n        const button = event.target.closest(\"[data-add]\");\n        if (!button) return;\n        addToCart(Number(button.dataset.add));\n        button.textContent = \"\u2713 Added\";\n        setTimeout(() => {\n          button.textContent = \"+ Add to Cart\";\n        }, 900);\n      });\n      cartItems.addEventListener(\"click\", event => {\n        const minus = event.target.closest(\"[data-minus]\");\n        const plus = event.target.closest(\"[data-plus]\");\n        const remove = event.target.closest(\"[data-remove]\");\n        if (minus) {\n          const id = Number(minus.dataset.minus);\n          cart[id] = (cart[id] || 0) - 1;\n          if (cart[id] <= 0) delete cart[id];\n        }\n        if (plus) {\n          const id = Number(plus.dataset.plus);\n          if ((cart[id] || 0) < 99) {\n            cart[id] = (cart[id] || 0) + 1;\n          } else {\n            alert(\"Maximum quantity is 99 per product.\");\n          }\n        }\n        if (remove) delete cart[Number(remove.dataset.remove)];\n        renderCart();\n      });\n      function openCart() {\n        overlay.classList.add(\"open\");\n        document.body.style.overflow = \"hidden\";\n      }\n      function closeCart() {\n        overlay.classList.remove(\"open\");\n        document.body.style.overflow = \"\";\n      }\n      root.querySelector(\"#upkaar-open-cart\")\n        .addEventListener(\"click\", openCart);\n      root.querySelector(\"#upkaar-close-cart\")\n        .addEventListener(\"click\", closeCart);\n      overlay.addEventListener(\"click\", event => {\n        if (event.target === overlay) closeCart();\n      });\n      document.addEventListener(\"keydown\", event => {\n        if (event.key === \"Escape\") closeCart();\n      });\n      root.querySelector(\"#upkaar-search-form\")\n        .addEventListener(\"submit\", event => {\n          event.preventDefault();\n          renderProducts();\n          root.querySelector(\"#upkaar-products-section\")\n            .scrollIntoView({ behavior: \"smooth\" });\n        });\n      search.addEventListener(\"input\", renderProducts);\n      category.addEventListener(\"change\", renderProducts);\n      sort.addEventListener(\"change\", renderProducts);\n      root.querySelector(\"#upkaar-shop-now\")\n        .addEventListener(\"click\", () => {\n          root.querySelector(\"#upkaar-products-section\")\n            .scrollIntoView({ behavior: \"smooth\" });\n        });\n      root.querySelector(\"#upkaar-checkout\")\n        .addEventListener(\"click\", () => {\n          alert(\n            \"Checkout is not connected yet. Connect WooCommerce to accept orders and payments.\"\n          );\n        });\n      root.querySelector(\"#upkaar-year\").textContent =\n        new Date().getFullYear();\n      renderProducts();\n      renderCart();\n    })();\n  <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Upkaar Store Search \ud83d\uded2 Cart 0 Welcome to Upkaar Store Discover products you&#8217;ll love, all in one place. Explore Products \u2192 Explore Our Products All CategoriesHome &#038; LivingFashionKitchenAccessories Sort: FeaturedPrice: Low to HighPrice: High to LowName: A to Z No products found Try another search term or category. \u00a9\ufe0f Upkaar Store. All rights reserved. Your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/upkar.techmarkmarketing.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/upkar.techmarkmarketing.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/upkar.techmarkmarketing.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/upkar.techmarkmarketing.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/upkar.techmarkmarketing.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":4,"href":"https:\/\/upkar.techmarkmarketing.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/upkar.techmarkmarketing.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/upkar.techmarkmarketing.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}