[{"id":"2a988b5","elType":"section","settings":[],"elements":[{"id":"71764a2","elType":"column","settings":{"_column_size":100},"elements":[{"id":"a35bcbf","elType":"widget","settings":{"html":"<style>\n\/* Main Grid Layout *\/\n.hp-featured-category {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin-bottom: 40px;\n}\n\n.hp-featured-category .title_block {\n    grid-column: 1 \/ -1; \n    text-align: center;\n    margin-bottom: 20px;\n}\n\n\/* Individual Category Box *\/\n.category_single {\n    position: relative;\n    overflow: hidden; \n    border-radius: 4px; \n    aspect-ratio: 1 \/ 1; \n}\n\n.category_single a {\n    display: block;\n    width: 100%;\n    height: 100%;\n    text-decoration: none;\n}\n\n\/* Image Styling & Smooth Zoom Setup *\/\n.category_single .img_cat {\n    display: block;\n    width: 100%;\n    height: 100%;\n}\n\n.category_single .img_cat img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.4s ease; \/* Smooth animation *\/\n}\n\n\/* Static Dark Tint (Color change nahi hoga) *\/\n.category_single a::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.4); \n    z-index: 1;\n}\n\n\/* ONLY Zoom on Hover *\/\n.category_single a:hover .img_cat img {\n    transform: scale(1.1); \n}\n\n\/* Centered White Text (Original Look) *\/\n.category_single a > span:not(.img_cat) {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: #ffffff;\n    font-size: 20px;\n    font-weight: bold;\n    text-align: center;\n    width: 90%;\n    z-index: 2; \n}\n\n\/* Mobile Responsiveness *\/\n@media (max-width: 768px) {\n    .hp-featured-category {\n        grid-template-columns: repeat(2, 1fr); \n    }\n}\n@media (max-width: 480px) {\n    .hp-featured-category {\n        grid-template-columns: 1fr; \n    }\n}\n<\/style>\n\n<!-- Your HTML -->\n<div class=\"hp-featured-category\">\n    <div class=\"category_single\"><a href=\"\/34-essentials\"> <span class=\"img_cat\"> <img src=\"https:\/\/www.buynutritionals.sg\/img\/cms\/usana-essentials.webp\" alt=\"usana-essentials\" \/> <\/span> <span>USANA Essentials<\/span> <\/a><\/div>\n    <div class=\"category_single\"><a href=\"\/35-optimisers\"> <span class=\"img_cat\"> <img src=\"https:\/\/www.buynutritionals.sg\/img\/cms\/usana-sg-optimizers.webp\" alt=\"usana-optimisers\" \/> <\/span> <span>USANA Optimisers<\/span> <\/a><\/div>\n    <div class=\"category_single\"><a href=\"\/36-digestion-detox\"> <span class=\"img_cat\"> <img src=\"https:\/\/www.buynutritionals.sg\/img\/cms\/usana-digestion-detox.webp\" alt=\"usana-digestion-detox\" \/> <\/span> <span>USANA Digestion &amp; Detox<\/span> <\/a><\/div>\n    <div class=\"category_single\"><a href=\"\/37-food-s-and-energy\"> <span class=\"img_cat\"> <img src=\"https:\/\/www.buynutritionals.sg\/img\/cms\/usana-food-energy.webp\" alt=\"usana-food-energy\" \/> <\/span> <span>USANA Food's and Energy<\/span> <\/a><\/div>\n    <div class=\"category_single\"><a href=\"\/38-celavive\"> <span class=\"img_cat\"> <img src=\"https:\/\/www.buynutritionals.sg\/img\/cms\/usana-celavive.jpg\" alt=\"usana-celavive\" \/> <\/span> <span>USANA Celavive<\/span> <\/a><\/div>\n    <div class=\"category_single\"><a href=\"\/40-oral-care\"> <span class=\"img_cat\"> <img src=\"https:\/\/www.buynutritionals.sg\/img\/cms\/usana-oral-care.jpg\" alt=\"usana-oral-care\" \/> <\/span> <span>USANA Oral Care<\/span> <\/a><\/div>\n<\/div>"},"elements":[],"widgetType":"html"}],"isInner":false}],"isInner":false}]