{"product_id":"indo-western-suit","title":"White Indo western suit","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink crossorigin=\"anonymous\" integrity=\"sha384-ENjdO4Dr2bkBIFxQpeoVMXHnE8eIDVN3G8sAknmJ5xFk5W1VUj5+3w5Y4Q0DZiE3\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/5.3.3\/css\/bootstrap.min.css\" rel=\"stylesheet\"\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 white\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\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\u003eKameez Work:\u003c\/span\u003e \u003cspan\u003esequence resham kadtana, shells,pearl,zardozi,mirror tikki, resham tassels\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\u003eWhite\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\u003eGeorgette\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\u003eResham tassels highlights\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\u003eThis Indo western suit is perfect for those who want to add a touch of traditional Indian style to their look. The white color is highlighted with a beautiful hot pink design, while the raw silk blouse is adorned with exquisite resham kadtana, shells, pearls, zardozi, and mirror tikki work, finished off with resham tassels. The sharara is made from georgette and also features resham tassels for a complete and elegant look.\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 crossorigin=\"anonymous\" integrity=\"sha384-oBqDVmMz4fnFO9gyb1EKfF5x10kc1Jw5z4a4p0LBVbGzF7Nx8R+HgII4AHe9jjkD\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/@popperjs\/core@2.11.6\/dist\/umd\/popper.min.js\"\u003e\u003c\/script\u003e \u003cscript crossorigin=\"anonymous\" integrity=\"sha384-voU3D9WZ6lF1gAL8hc+FYjWcxhcJ4rDq8z8npwFQJO7zWf+MNNG2I9HCg4B9L8B4\" src=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/5.3.3\/js\/bootstrap.min.js\"\u003e\u003c\/script\u003e\u003c\/p\u003e","brand":"Pallodstore","offers":[{"title":"White","offer_id":50316339249461,"sku":"","price":29990.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0891\/3040\/2101\/files\/White_Indo_western_suit_-_Pallodstore-8431578.jpg?v=1759149119","url":"https:\/\/pallodstore.myshopify.com\/products\/indo-western-suit","provider":"Pallodstore","version":"1.0","type":"link"}