{"product_id":"women-s-vegan-leather-tote-handbag-waterproof-zipper-casual-carry-bag","title":"Women’s Vegan Leather Tote Handbag – Waterproof Zipper Casual Carry Bag","description":"\u003cstyle\u003e\n  :root {\n    --gold: #a48152;\n    --dark: #42271a;\n    --bg-light: #fdfcfb;\n    --border-color: #e8e8e8;\n  }\n\n  .sp-container {\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid var(--border-color);\n    background: #fff;\n  }\n\n  \/* Desktop Tabs Navigation *\/\n  .sp-tabs-nav {\n    display: flex;\n    border-bottom: 1px solid var(--border-color);\n    background: #f9f9f9;\n  }\n\n  .sp-tab-btn {\n    flex: 1;\n    padding: 15px;\n    border: none;\n    background: none;\n    cursor: pointer;\n    font-weight: 600;\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: #888;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    transition: 0.3s;\n    border-right: 1px solid var(--border-color);\n    outline: none;\n  }\n\n  .sp-tab-btn i { color: var(--gold); font-size: 16px; }\n  .sp-tab-btn:last-child { border-right: none; }\n  \n  .sp-tab-btn.active {\n    background: #fff;\n    color: var(--dark);\n    border-bottom: 2px solid var(--gold);\n    margin-bottom: -1px;\n  }\n\n  \/* Content Panels *\/\n  .sp-panel { display: none; }\n  .sp-panel.active { display: block; animation: spFadeIn 0.3s ease forwards; }\n  .sp-content { padding: 25px; }\n\n  \/* Grid Layout (4 Columns Desktop) *\/\n  .sp-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 15px;\n  }\n\n  @media (min-width: 1024px) {\n    .sp-grid { grid-template-columns: repeat(4, 1fr); }\n  }\n\n  \/* Box Design *\/\n  .sp-box {\n    border: 1px solid var(--border-color);\n    padding: 18px;\n    background: var(--bg-light);\n    height: 100%;\n  }\n\n  .sp-box-title {\n    font-weight: 700;\n    color: var(--gold);\n    margin-bottom: 12px;\n    font-size: 14px;\n    text-transform: uppercase;\n    border-bottom: 1px solid rgba(164, 129, 82, 0.2);\n    padding-bottom: 5px;\n  }\n\n  .sp-box p, .sp-box li {\n    font-size: 13px;\n    color: #444;\n    line-height: 1.6;\n    margin: 0;\n  }\n\n  .sp-box ul { padding-left: 18px; margin: 0; list-style-type: square; }\n\n  \/* Mobile Accordion Header *\/\n  .sp-mobile-trigger {\n    display: none;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    padding: 15px;\n    background: #fff;\n    border-bottom: 1px solid var(--border-color);\n    font-weight: 600;\n    color: var(--dark);\n    cursor: pointer;\n    outline: none;\n  }\n\n  .sp-mobile-trigger i.fa-chevron-down { transition: 0.3s; font-size: 12px; }\n  .sp-mobile-trigger.active { background: var(--bg-light); border-bottom: 2px solid var(--gold); }\n  .sp-mobile-trigger.active i.fa-chevron-down { transform: rotate(180deg); }\n\n  @keyframes spFadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }\n\n  @media (max-width: 768px) {\n    .sp-tabs-nav { display: none; }\n    .sp-mobile-trigger { display: flex; }\n    .sp-content { padding: 15px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"sp-container\" id=\"spStandardToteTabs\"\u003e\n\u003cdiv class=\"sp-tabs-nav\"\u003e\n\u003cbutton class=\"sp-tab-btn active\" data-tab=\"tab-1\"\u003e\u003ci class=\"fas fa-file-alt\"\u003e\u003c\/i\u003e OVERVIEW\u003c\/button\u003e \u003cbutton class=\"sp-tab-btn\" data-tab=\"tab-2\"\u003e\u003ci class=\"fas fa-list-ul\"\u003e\u003c\/i\u003e SPECIFICATIONS\u003c\/button\u003e \u003cbutton class=\"sp-tab-btn\" data-tab=\"tab-3\"\u003e\u003ci class=\"fas fa-hand-holding-heart\"\u003e\u003c\/i\u003e PRODUCT CARE\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-mobile-trigger active\" data-tab=\"tab-1\"\u003e\n\u003cspan\u003e\u003ci style=\"color: var(--gold); margin-right: 10px;\" class=\"fas fa-file-alt\"\u003e\u003c\/i\u003e OVERVIEW\u003c\/span\u003e \u003ci class=\"fas fa-chevron-down\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-panel active\" id=\"tab-1\"\u003e\n\u003cdiv class=\"sp-content\"\u003e\n\u003cdiv class=\"sp-box\"\u003e\n\u003cdiv class=\"sp-box-title\"\u003eProduct Description\u003c\/div\u003e\n\u003cp\u003eDesigned for everyday convenience and modern styling, this tote handbag offers a perfect combination of functionality and simplicity. Its spacious interior makes it easy to carry daily essentials, whether you're heading to work, running errands, or going out for casual outings. The clean and solid design gives it a versatile look that pairs effortlessly with different outfits.\u003c\/p\u003e\n\u003cp style=\"margin-top: 10px;\"\u003eCrafted with a durable and water-resistant exterior, it helps protect your belongings from unexpected spills and changing weather conditions. The secure zipper closure ensures your items stay safe, while the sturdy build provides reliability for regular use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-mobile-trigger\" data-tab=\"tab-2\"\u003e\n\u003cspan\u003e\u003ci style=\"color: var(--gold); margin-right: 10px;\" class=\"fas fa-list-ul\"\u003e\u003c\/i\u003e SPECIFICATIONS\u003c\/span\u003e \u003ci class=\"fas fa-chevron-down\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-panel\" id=\"tab-2\"\u003e\n\u003cdiv class=\"sp-content\"\u003e\n\u003cdiv class=\"sp-grid\"\u003e\n\u003cdiv class=\"sp-box\"\u003e\n\u003cdiv class=\"sp-box-title\"\u003eHighlights\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eSpacious interior design\u003c\/li\u003e\n\u003cli\u003eWaterproof \u0026amp; Spill-resistant\u003c\/li\u003e\n\u003cli\u003eDurable long-term material\u003c\/li\u003e\n\u003cli\u003eSecure zipper for safety\u003c\/li\u003e\n\u003cli\u003eEasy \u0026amp; comfortable carry\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-box\"\u003e\n\u003cdiv class=\"sp-box-title\"\u003eMaterial \u0026amp; Style\u003c\/div\u003e\n\u003cp\u003e\u003cb\u003eMain Material:\u003c\/b\u003e Vegan Leather\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003eLining:\u003c\/b\u003e Polyester\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003eStyle:\u003c\/b\u003e Casual Tote \/ Fashion\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003ePattern:\u003c\/b\u003e Solid\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003eDecoration:\u003c\/b\u003e Minimal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-box\"\u003e\n\u003cdiv class=\"sp-box-title\"\u003eDimensions\u003c\/div\u003e\n\u003cp\u003e\u003cb\u003eSize:\u003c\/b\u003e Standard Tote Size\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003eWeight:\u003c\/b\u003e 1.000 kg\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003eStrap Type:\u003c\/b\u003e Single Strap\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-box\"\u003e\n\u003cdiv class=\"sp-box-title\"\u003eUsage\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eSuitable for Daily Use\u003c\/li\u003e\n\u003cli\u003eIdeal for Work \u0026amp; Outings\u003c\/li\u003e\n\u003cli\u003ePerfect for Travel\u003c\/li\u003e\n\u003cli\u003eAll Season Compatibility\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-mobile-trigger\" data-tab=\"tab-3\"\u003e\n\u003cspan\u003e\u003ci style=\"color: var(--gold); margin-right: 10px;\" class=\"fas fa-hand-holding-heart\"\u003e\u003c\/i\u003e PRODUCT CARE\u003c\/span\u003e \u003ci class=\"fas fa-chevron-down\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-panel\" id=\"tab-3\"\u003e\n\u003cdiv class=\"sp-content\"\u003e\n\u003cdiv class=\"sp-box\"\u003e\n\u003cdiv class=\"sp-box-title\"\u003eCare Instructions\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eClean with a soft dry or slightly damp cloth\u003c\/li\u003e\n\u003cli\u003eAvoid harsh chemicals or detergents\u003c\/li\u003e\n\u003cli\u003eKeep away from prolonged exposure to sunlight\u003c\/li\u003e\n\u003cli\u003eStore properly to maintain shape and finish\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- YOUR SAME CODE (UNCHANGED) --\u003e\n\u003c!-- ... (your full CSS + HTML remains exactly same) ... --\u003e\n\n\u003c!-- ADD THIS SCRIPT AT THE END --\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  \/\/ Desktop Tabs\n  const tabButtons = document.querySelectorAll(\"#spStandardToteTabs .sp-tab-btn\");\n  const tabPanels = document.querySelectorAll(\"#spStandardToteTabs .sp-panel\");\n\n  tabButtons.forEach(button =\u003e {\n    button.addEventListener(\"click\", () =\u003e {\n      const target = button.getAttribute(\"data-tab\");\n\n      \/\/ Remove active from all\n      tabButtons.forEach(btn =\u003e btn.classList.remove(\"active\"));\n      tabPanels.forEach(panel =\u003e panel.classList.remove(\"active\"));\n\n      \/\/ Add active to clicked\n      button.classList.add(\"active\");\n      document.getElementById(target).classList.add(\"active\");\n    });\n  });\n\n  \/\/ Mobile Accordion\n  const mobileTriggers = document.querySelectorAll(\"#spStandardToteTabs .sp-mobile-trigger\");\n\n  mobileTriggers.forEach(trigger =\u003e {\n    trigger.addEventListener(\"click\", () =\u003e {\n      const target = trigger.getAttribute(\"data-tab\");\n      const panel = document.getElementById(target);\n\n      const isActive = trigger.classList.contains(\"active\");\n\n      \/\/ Close all\n      mobileTriggers.forEach(t =\u003e t.classList.remove(\"active\"));\n      tabPanels.forEach(p =\u003e p.classList.remove(\"active\"));\n\n      \/\/ Open clicked if it was closed\n      if (!isActive) {\n        trigger.classList.add(\"active\");\n        panel.classList.add(\"active\");\n      }\n    });\n  });\n\n});\n\u003c\/script\u003e","brand":"BlackGrape","offers":[{"title":"Purple","offer_id":44801505001541,"sku":"BGP-OO031","price":3199.0,"currency_code":"INR","in_stock":true},{"title":"Green","offer_id":44801499824197,"sku":"BGP-OO028","price":3199.0,"currency_code":"INR","in_stock":true},{"title":"Brown","offer_id":44801499889733,"sku":"BGP-OO029","price":3199.0,"currency_code":"INR","in_stock":true},{"title":"Black","offer_id":44801499922501,"sku":"BGP-OO030","price":3199.0,"currency_code":"INR","in_stock":true},{"title":"Navy","offer_id":44801505034309,"sku":"BGP-OO032","price":3199.0,"currency_code":"INR","in_stock":true},{"title":"Red","offer_id":44801505067077,"sku":"BGP-OO033","price":3199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/4397\/2165\/files\/34.jpg?v=1773993543","url":"https:\/\/blackgrape.in\/products\/women-s-vegan-leather-tote-handbag-waterproof-zipper-casual-carry-bag","provider":"BlackGrape","version":"1.0","type":"link"}