{"product_id":"beige-indowestern-suit","title":"Beige Indo-western 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 id=\"main-description-container\" class=\"container\"\u003e\n\u003cdiv class=\"border px-4 bg-white shadow-sm\"\u003e\n\u003c!-- Radio Inputs (Placed Before .tabs) --\u003e \u003cinput type=\"radio\" id=\"tab-specifications\" name=\"tabs\" checked aria-controls=\"specifications-section\" aria-selected=\"true\" role=\"tab\"\u003e \u003cinput type=\"radio\" id=\"tab-description\" name=\"tabs\" aria-controls=\"description-section\" aria-selected=\"false\" role=\"tab\"\u003e \u003c!-- Tabs Header with Labels --\u003e\n\u003cdiv class=\"tabs\" role=\"tablist\" style=\"margin-top: -17px;\" data-mce-style=\"margin-top: -17px;\"\u003e\n\u003clabel id=\"firsttab\" for=\"tab-specifications\" role=\"tab\" style=\"cursor: pointer;\" data-mce-style=\"cursor: pointer;\"\u003eSpecifications\u003c\/label\u003e \u003clabel id=\"2ndtab\" for=\"tab-description\" role=\"tab\" style=\"cursor: pointer;\" 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 id=\"specifications-section\" class=\"specifications-container\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv style=\"border-right: 1px solid black; padding-right: 15px;\" class=\"col-md-3 vertical-border\" 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 Beige 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- Georgette, 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\u003eSequins work on jacket\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border-right: 1px solid black; padding-right: 15px;\" class=\"col-md-3 vertical-border\" 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\u003eBeige\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\u003eRaw 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 id=\"description-section\" class=\"description-container\" style=\"font-size: 12px;\" data-mce-style=\"font-size: 12px;\"\u003e\n\u003cp\u003e\u003cspan\u003eGet ready to make a statement with our Beige Indo-western Suit. Made with georgette jacket fabric, and raw silk pants and blouse, this suit is perfect for any occasion. With delicate sequence work, you'll be the talk of the town. Grab yours today!\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":"Beige","offer_id":50157979533621,"sku":"","price":45590.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0891\/3040\/2101\/files\/Beige_Indo-western_Suit_-_Pallodstore-8431263.webp?v=1759148521","url":"https:\/\/pallodstore.myshopify.com\/products\/beige-indowestern-suit","provider":"Pallodstore","version":"1.0","type":"link"}