{"product_id":"safe-chlor-1000l-50-tablets","title":"Safe Chlor 1000L - 50 Tablets","description":"\u003cstyle\u003e\n  .sc-wrap { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; max-width: 1100px; margin-inline: auto; padding: 2.5rem 1rem 3rem; }\n\n  \/* Section Title *\/\n  .sc-title { text-align: center; font-size: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem); font-weight: 800; color: #00b8d9; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 2.5rem; }\n  .sc-title::after { content: ''; display: block; width: 64px; height: 3px; background: #00b8d9; border-radius: 9999px; margin: 0.6rem auto 0; opacity: 0.4; }\n\n  \/* Steps Grid *\/\n  .sc-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-bottom: 2.5rem; }\n  .sc-step { background: #0d2d4e; border-radius: 1rem; padding: 2rem 1.5rem; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1.25rem; box-shadow: 0 6px 20px rgba(0,100,130,0.16); position: relative; overflow: hidden; transition: transform 200ms ease, box-shadow 200ms ease; }\n  .sc-step::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(0,184,217,0.08) 0%, transparent 60%); pointer-events: none; }\n  .sc-step:hover { transform: translateY(-4px); box-shadow: 0 14px 40px rgba(0,100,130,0.24); }\n  .sc-badge { display: inline-flex; align-items: center; background: #00b8d9; color: #fff; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.2rem 1rem; border-radius: 9999px; }\n  .sc-icon { width: 70px; height: 70px; border-radius: 50%; border: 2.5px solid rgba(0,184,217,0.5); display: flex; align-items: center; justify-content: center; background: rgba(0,184,217,0.12); }\n  .sc-icon svg { width: 32px; height: 32px; stroke: #00b8d9; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n  .sc-desc { font-size: 0.9rem; color: #c8e8f2; font-weight: 500; line-height: 1.55; }\n\n  \/* Highlights *\/\n  .sc-highlights { background: #fff; border-radius: 1rem; box-shadow: 0 6px 20px rgba(0,100,130,0.1); overflow: hidden; border: 1px solid rgba(0,184,217,0.15); }\n  .sc-tab { display: inline-block; background: #e3f5fa; color: #0d2d4e; font-size: 0.85rem; font-weight: 700; padding: 0.4rem 1.5rem; border-bottom: 2px solid #00b8d9; }\n  .sc-hbody { background: #e8f7fb; padding: 2rem; }\n  .sc-hlist { list-style: none; padding: 0; margin: 0 0 2rem; display: flex; flex-direction: column; gap: 1rem; }\n  .sc-hlist li { display: flex; align-items: flex-start; gap: 0.75rem; font-size: 0.9rem; font-weight: 500; color: #0d2d4e; }\n  .sc-dot { flex-shrink: 0; width: 18px; height: 18px; border-radius: 50%; background: #00b8d9; margin-top: 2px; }\n\n  \/* Table *\/\n  .sc-table-wrap { border-radius: 0.75rem; overflow: hidden; }\n  .sc-table-head { background: #0d2d4e; color: #fff; padding: 0.9rem 1.5rem; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }\n  .sc-table { width: 100%; border-collapse: collapse; background: #fff; }\n  .sc-table th, .sc-table td { padding: 0.9rem 1.5rem; font-size: 0.85rem; text-align: left; border-bottom: 1px solid rgba(0,184,217,0.12); color: #0d2d4e; }\n  .sc-table th { font-weight: 700; color: #4a6580; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.06em; }\n  .sc-table tr:last-child td { border-bottom: none; }\n  .sc-table td:first-child { font-weight: 600; }\n\n  \/* Responsive *\/\n  @media (max-width: 700px) {\n    .sc-steps { grid-template-columns: 1fr; max-width: 360px; margin-inline: auto; }\n    .sc-hbody { padding: 1.25rem; }\n    .sc-table th, .sc-table td { padding: 0.65rem 1rem; font-size: 0.78rem; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"sc-wrap\"\u003e\n\u003ch2 class=\"sc-title\"\u003eHow To Use\u003c\/h2\u003e\n\u003cdiv class=\"sc-steps\"\u003e\n\u003cdiv class=\"sc-step\"\u003e\n\u003cspan class=\"sc-badge\"\u003eStep-1\u003c\/span\u003e\n\u003cdiv class=\"sc-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cline x1=\"4.93\" y1=\"4.93\" x2=\"19.07\" y2=\"19.07\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp class=\"sc-desc\"\u003eAdd 1 tablet per 1000 liters water tank\/sump\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-step\"\u003e\n\u003cspan class=\"sc-badge\"\u003eStep-2\u003c\/span\u003e\n\u003cdiv class=\"sc-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"13\" r=\"8\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 9 12 13\"\u003e\u003c\/polyline\u003e\u003cline x1=\"9.5\" y1=\"3\" x2=\"14.5\" y2=\"3\"\u003e\u003c\/line\u003e\u003cline x1=\"19.5\" y1=\"7\" x2=\"21\" y2=\"5.5\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp class=\"sc-desc\"\u003eUse safe and disinfected water after 30 minutes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-step\"\u003e\n\u003cspan class=\"sc-badge\"\u003eStep-3\u003c\/span\u003e\n\u003cdiv class=\"sc-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"23 4 23 10 17 10\"\u003e\u003c\/polyline\u003e\u003cpolyline points=\"1 20 1 14 7 14\"\u003e\u003c\/polyline\u003e\u003cpath d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cp class=\"sc-desc\"\u003eWater tank \u0026amp; sump, repeat the process every 2–3 days\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Safe Chlor","offers":[{"title":"Default Title","offer_id":51939428466973,"sku":"SCT1000L-50T","price":497.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/0196\/4573\/files\/1000-50.jpg?v=1783338045","url":"https:\/\/safechlor.in\/products\/safe-chlor-1000l-50-tablets","provider":"Safe Chlor","version":"1.0","type":"link"}