{"product_id":"indowestern-jacket-sharara-suit","title":"Indowestern jacket  sharara suit","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/5.3.3\/css\/bootstrap.min.css\" integrity=\"sha384-ENjdO4Dr2bkBIFxQpeoVMXHnE8eIDVN3G8sAknmJ5xFk5W1VUj5+3w5Y4Q0DZiE3\" crossorigin=\"anonymous\"\u003e\u003c\/p\u003e\n\u003c!-- Custom Styles --\u003e\n\u003cstyle\u003e\n      .first-column {\n        margin-top: 55px;\n      }\n      @media (max-width: 700px) {\n        .vertical-border {\n          border-right: none !important;\n        }\n        .first-column {\n          margin-top: 0px;\n        }\n        #description-section {\n          padding: 0rem, 1rem;\n        }\n      }\n      input {\n        visibility: hidden;\n      }\n      \/* General Styles *\/\n      body {\n        font-family: Arial, sans-serif;\n        background-color: #f8f9fa;\n      }\n\n      \/* CSS-Only Tabs Styling *\/\n      .tabs {\n        display: flex;\n        border-bottom: 3px solid rgba(161, 132, 85, 0.2);\n        margin-bottom: 1rem;\n        cursor: pointer;\n      }\n\n      \/* Hide radio buttons visually but keep them accessible *\/\n      .tabs input[type=\"radio\"] {\n        position: absolute;\n        opacity: 0;\n        width: 0;\n        height: 0;\n        overflow: hidden;\n      }\n\n      \/* Style labels as tabs *\/\n      .tabs label {\n        flex: 1;\n        text-align: center;\n        padding-bottom: 10px;\n        font-size: 1.25rem;\n        transition: background-color 0.3s ease, font-weight 0.3s ease;\n        margin-right: 2px; \/* Slight gap between tabs *\/\n        user-select: none; \/* Prevent text selection on double-click *\/\n      }\n\n      \/* Remove margin from the last label *\/\n      .tabs label:last-child {\n        margin-right: 0;\n      }\n\n      \/* Active Tab Styling *\/\n      .tabs input[type=\"radio\"]:checked + label {\n        font-weight: bold;\n      }\n\n      \n\n      \/* Hide all sections by default *\/\n      .tab-content \u003e div {\n        display: none;\n        padding: 1rem;\n        background-color: #ffffff;\n        border: 1px solid #dee2e6;\n        border-top: none;\n        animation: fadeIn 0.3s ease-in-out;\n      }\n\n      \/* Show the active section *\/\n      #tab-specifications:checked ~ .tab-content #specifications-section,\n      #tab-description:checked ~ .tab-content #description-section {\n        display: block;\n      }\n\n      \/* Fade-in Animation *\/\n      @keyframes fadeIn {\n        from {\n          opacity: 0;\n        }\n        to {\n          opacity: 1;\n        }\n      }\n\n      \/* Specifications Content Styling *\/\n      .specifications-container .row \u003e div {\n        border-right: 1px solid #dee2e6;\n        padding-right: 15px;\n      }\n\n      .specifications-container .row \u003e div:last-child {\n        border-right: none;\n      }\n\n      .specifications-container .spec-column div {\n        display: flex;\n        justify-content: space-between;\n        margin-bottom: 0.75rem;\n        font-size: 0.9rem;\n      }\n\n      .specifications-container .spec-column .spec-title {\n        font-weight: bold;\n        font-size: 1rem;\n        margin-bottom: 0.75rem;\n      }\n\n      \/* Responsive Design *\/\n      @media (max-width: 768px) {\n        .specifications-container .row \u003e div {\n          border-right: none !important;\n          border-bottom: 1px solid #dee2e6;\n          padding-right: 0;\n          padding-bottom: 15px;\n        }\n\n        .specifications-container .row \u003e div:last-child {\n          border-bottom: none;\n        }\n      }\n\n      \/* Description Section Styling *\/\n      .description-container {\n        font-size: 1rem;\n        line-height: 1.6;\n      }\n\n      \/* Additional Styling to Enhance UI *\/\n      .tabs label:focus {\n        outline: none;\n        background-color: #d6d8db;\n      }\n\n      \/* Optional: Add transition for smooth background color change *\/\n      .tabs label {\n        transition: background-color 0.3s ease;\n      }\n    \u003c\/style\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n      $(document).ready(function() {\n        function updateTabStyles() {\n          const $firstTabLabel = $(\"#firsttab\");\n          const $secondTabLabel = $(\"#2ndtab\");\n\n          $firstTabLabel.css({ borderBottom: \"\", marginBottom: \"\" });\n          $secondTabLabel.css({ borderBottom: \"\", marginBottom: \"\" });\n\n          if ($(\"#tab-specifications\").is(\":checked\")) {\n            $firstTabLabel.css({ borderBottom: \"3px solid #A18455\", marginBottom: \"-2px\" });\n          } else if ($(\"#tab-description\").is(\":checked\")) {\n            $secondTabLabel.css({ borderBottom: \"3px solid #A18455\", marginBottom: \"-2px\" });\n          }\n        }\n\n        $('input[name=\"tabs\"]').change(updateTabStyles);\n        updateTabStyles();\n      });\n    \u003c\/script\u003e\u003c\/p\u003e\n\u003c!-- Main Description Container --\u003e\n\u003cdiv class=\"container\" id=\"main-description-container\"\u003e\n\u003cdiv class=\"border px-4 bg-white shadow-sm\"\u003e\n\u003c!-- Radio Inputs (Placed Before .tabs) --\u003e \u003cinput role=\"tab\" aria-selected=\"true\" aria-controls=\"specifications-section\" checked name=\"tabs\" id=\"tab-specifications\" type=\"radio\"\u003e \u003cinput role=\"tab\" aria-selected=\"false\" aria-controls=\"description-section\" name=\"tabs\" id=\"tab-description\" type=\"radio\"\u003e \u003c!-- Tabs Header with Labels --\u003e\n\u003cdiv style=\"margin-top: -17px;\" role=\"tablist\" class=\"tabs\" data-mce-style=\"margin-top: -17px;\"\u003e\n\u003clabel style=\"cursor: pointer;\" role=\"tab\" for=\"tab-specifications\" id=\"firsttab\" data-mce-style=\"cursor: pointer;\"\u003eSpecifications\u003c\/label\u003e \u003clabel style=\"cursor: pointer;\" role=\"tab\" for=\"tab-description\" id=\"2ndtab\" data-mce-style=\"cursor: pointer;\"\u003eDescription\u003c\/label\u003e\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- Tab Content --\u003e\n\u003cdiv class=\"tab-content\"\u003e\n\u003c!-- Specifications Section --\u003e\n\u003cdiv class=\"specifications-container\" id=\"specifications-section\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"col-md-3 vertical-border\" style=\"border-right: 1px solid black; padding-right: 15px;\" data-mce-style=\"border-right: 1px solid black; padding-right: 15px;\"\u003e\n\u003cdiv style=\"padding-top: 1rem;\" data-mce-style=\"padding-top: 1rem;\"\u003e\n\u003cdiv style=\"font-size: 1rem; margin-bottom: 1rem;\" data-mce-style=\"font-size: 1rem; margin-bottom: 1rem;\"\u003eKAMEEZ\u003c\/div\u003e\n\u003cdiv style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\" data-mce-style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\"\u003e\n\u003cspan\u003eKameez Color:\u003c\/span\u003e\u003cspan\u003e Purple Blouse and Jacket\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\" data-mce-style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\"\u003e\n\u003cspan\u003eKameez Fabric:\u003c\/span\u003e \u003cspan\u003eJacket- Raw Silk, Blouse- Raw Silk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\" data-mce-style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\"\u003e\n\u003cspan\u003eKameez Work:\u003c\/span\u003e \u003cspan\u003eSequence, pearl, dori  aari, zardos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-md-3 vertical-border\" style=\"border-right: 1px solid black; padding-right: 15px;\" data-mce-style=\"border-right: 1px solid black; padding-right: 15px;\"\u003e\n\u003cdiv style=\"padding-top: 1rem;\" data-mce-style=\"padding-top: 1rem;\"\u003e\n\u003cdiv style=\"font-size: 1rem; margin-bottom: 1rem;\" data-mce-style=\"font-size: 1rem; margin-bottom: 1rem;\"\u003eDUPATTA\u003c\/div\u003e\n\u003cdiv style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\" data-mce-style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\"\u003e\n\u003cspan\u003eDupatta Color:\u003c\/span\u003e \u003cspan\u003e-\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\" data-mce-style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\"\u003e\n\u003cspan\u003eDupatta Fabric:\u003c\/span\u003e \u003cspan\u003e-\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\" data-mce-style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\"\u003e\n\u003cspan\u003eDupatta Work:\u003c\/span\u003e \u003cspan\u003e-\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-md-3\"\u003e\n\u003cdiv style=\"padding-top: 1rem;\" data-mce-style=\"padding-top: 1rem;\"\u003e\n\u003cdiv style=\"font-size: 1rem; margin-bottom: 1rem;\" data-mce-style=\"font-size: 1rem; margin-bottom: 1rem;\"\u003eBOTTOM\u003c\/div\u003e\n\u003cdiv style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\" data-mce-style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\"\u003e\n\u003cspan\u003eBottom Color:\u003c\/span\u003e \u003cspan\u003ePurple\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\" data-mce-style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\"\u003e\n\u003cspan\u003eBottom Fabric:\u003c\/span\u003e \u003cspan\u003eCrape silk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\" data-mce-style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\"\u003e\n\u003cspan\u003eBottom Style:\u003c\/span\u003e \u003cspan\u003eStitched\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\" data-mce-style=\"display: flex; justify-content: space-between; margin-bottom: 1rem; font-size: 12px;\"\u003e\n\u003cspan\u003eBottom Work:\u003c\/span\u003e \u003cspan\u003ePlain\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Description Section --\u003e\n\u003cdiv style=\"font-size: 12px;\" class=\"description-container\" id=\"description-section\" data-mce-style=\"font-size: 12px;\"\u003e\n\u003cp\u003e\u003cspan\u003eElevate your wardrobe with our Indowestern jacket sharara suit in luxurious purple. Crafted with raw silk, the blouse and jacket feature intricate sequence, pearl, and zardosi work. The jacket is adorned with resham and ghungroo details, adding a touch of elegance to the crape silk sharara.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Bootstrap JS (Optional) --\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/@popperjs\/core@2.11.6\/dist\/umd\/popper.min.js\" integrity=\"sha384-oBqDVmMz4fnFO9gyb1EKfF5x10kc1Jw5z4a4p0LBVbGzF7Nx8R+HgII4AHe9jjkD\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/5.3.3\/js\/bootstrap.min.js\" integrity=\"sha384-voU3D9WZ6lF1gAL8hc+FYjWcxhcJ4rDq8z8npwFQJO7zWf+MNNG2I9HCg4B9L8B4\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\u003c\/p\u003e","brand":"Pallodstore","offers":[{"title":"Purple","offer_id":50241214415157,"sku":"","price":57290.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0891\/3040\/2101\/files\/Indowestern_jacket__sharara_suit_-_Pallodstore-8431837.webp?v=1759149543","url":"https:\/\/pallodstore.myshopify.com\/products\/indowestern-jacket-sharara-suit","provider":"Pallodstore","version":"1.0","type":"link"}