Lucky Gifts \u2014 Products<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Nunito+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --white: #FFFFFF;\n --bg: #FFFFFF;\n --off-white: #F9F9F9;\n --border: #ECECEC;\n --border-hover: #D4D4D4;\n --text-dark: #222222;\n --text-body: #555555;\n --text-muted: #999999;\n --red: #E74C3C;\n --red-bg: #FFF0EE;\n --green-tag: #27AE60;\n --green-bg: #EAFAF1;\n --gold: #C5983E;\n --gold-light: #F5EDD6;\n --accent: #E74C3C;\n --font-heading: 'Cormorant Garamond', Georgia, serif;\n --font-body: 'Nunito Sans', -apple-system, sans-serif;\n --radius: 12px;\n --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n body {\n font-family: var(--font-body);\n background: var(--bg);\n color: var(--text-dark);\n -webkit-font-smoothing: antialiased;\n }\n\n \/* \u2500\u2500 Section \u2500\u2500 *\/\n .products-section {\n max-width: 1260px;\n margin: 0 auto;\n padding: 60px 20px 80px;\n }\n\n \/* \u2500\u2500 Header \u2500\u2500 *\/\n .section-header {\n text-align: center;\n margin-bottom: 40px;\n }\n\n .section-header h2 {\n font-family: var(--font-heading);\n font-size: clamp(1.8rem, 4.5vw, 2.8rem);\n font-weight: 500;\n color: var(--text-dark);\n line-height: 1.2;\n margin-bottom: 8px;\n }\n\n .section-header h2 span {\n font-style: italic;\n color: var(--gold);\n }\n\n .section-header p {\n font-size: 14.5px;\n font-weight: 400;\n color: var(--text-muted);\n max-width: 420px;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n \/* \u2500\u2500 Filters \u2500\u2500 *\/\n .filter-row {\n display: flex;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n margin-bottom: 36px;\n }\n\n .fbtn {\n font-family: var(--font-body);\n font-size: 13.5px;\n font-weight: 600;\n padding: 10px 24px;\n border-radius: 100px;\n border: 1.5px solid var(--border);\n background: var(--white);\n color: var(--text-body);\n cursor: pointer;\n transition: all 0.25s var(--ease);\n }\n\n .fbtn:hover {\n border-color: var(--accent);\n color: var(--accent);\n background: var(--red-bg);\n }\n\n .fbtn.active {\n background: var(--accent);\n color: #fff;\n border-color: var(--accent);\n }\n\n \/* \u2500\u2500 Grid \u2500\u2500 *\/\n .product-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 22px;\n }\n\n \/* \u2500\u2500 Card \u2500\u2500 *\/\n .pcard {\n background: var(--white);\n border-radius: var(--radius);\n overflow: hidden;\n border: 1px solid var(--border);\n text-decoration: none;\n color: inherit;\n display: flex;\n flex-direction: column;\n transition: all 0.35s var(--ease);\n position: relative;\n opacity: 0;\n transform: translateY(14px);\n animation: slideUp 0.45s var(--ease) forwards;\n }\n\n .pcard:nth-child(1) { animation-delay: .03s }\n .pcard:nth-child(2) { animation-delay: .08s }\n .pcard:nth-child(3) { animation-delay: .13s }\n .pcard:nth-child(4) { animation-delay: .18s }\n .pcard:nth-child(5) { animation-delay: .23s }\n .pcard:nth-child(6) { animation-delay: .28s }\n .pcard:nth-child(7) { animation-delay: .33s }\n .pcard:nth-child(8) { animation-delay: .38s }\n\n @keyframes slideUp {\n to { opacity: 1; transform: translateY(0); }\n }\n\n .pcard:hover {\n border-color: var(--border-hover);\n box-shadow: 0 8px 30px rgba(0,0,0,0.08);\n transform: translateY(-4px);\n }\n\n .pcard.hidden { display: none; }\n\n \/* \u2500\u2500 Image \u2500\u2500 *\/\n .pcard-img {\n position: relative;\n aspect-ratio: 1\/1;\n overflow: hidden;\n background: var(--off-white);\n }\n\n .pcard-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s var(--ease);\n }\n\n .pcard:hover .pcard-img img {\n transform: scale(1.05);\n }\n\n \/* \u2500\u2500 Badges \u2500\u2500 *\/\n .badge-wrap {\n position: absolute;\n top: 12px;\n left: 12px;\n display: flex;\n flex-direction: column;\n gap: 6px;\n z-index: 2;\n }\n\n .badge-cat {\n font-family: var(--font-body);\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 1.2px;\n text-transform: uppercase;\n color: #fff;\n background: var(--accent);\n padding: 5px 10px;\n border-radius: 6px;\n line-height: 1;\n width: fit-content;\n }\n\n .badge-new {\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 1.2px;\n text-transform: uppercase;\n color: #fff;\n background: var(--green-tag);\n padding: 5px 10px;\n border-radius: 6px;\n line-height: 1;\n width: fit-content;\n }\n\n .badge-sale {\n position: absolute;\n top: 12px;\n right: 12px;\n z-index: 2;\n font-size: 11px;\n font-weight: 800;\n color: var(--accent);\n background: var(--white);\n padding: 6px 10px;\n border-radius: 8px;\n line-height: 1;\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n }\n\n \/* \u2500\u2500 Quick Add Overlay \u2500\u2500 *\/\n .quick-overlay {\n position: absolute;\n inset: 0;\n background: rgba(0,0,0,0.35);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n opacity: 0;\n transition: opacity 0.3s var(--ease);\n z-index: 3;\n }\n\n .pcard:hover .quick-overlay {\n opacity: 1;\n }\n\n .qbtn {\n font-family: var(--font-body);\n font-size: 12px;\n font-weight: 700;\n padding: 12px 20px;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 6px;\n transition: all 0.2s var(--ease);\n text-decoration: none;\n }\n\n .qbtn svg { width: 15px; height: 15px; flex-shrink: 0; }\n\n .qbtn-cart {\n background: var(--white);\n color: var(--text-dark);\n }\n .qbtn-cart:hover {\n background: var(--accent);\n color: #fff;\n transform: scale(1.04);\n }\n .qbtn-cart:hover svg { stroke: #fff; }\n\n .qbtn-view {\n background: rgba(255,255,255,0.2);\n backdrop-filter: blur(4px);\n color: #fff;\n border: 1px solid rgba(255,255,255,0.3);\n }\n .qbtn-view:hover {\n background: rgba(255,255,255,0.35);\n transform: scale(1.04);\n }\n\n \/* \u2500\u2500 Card Body \u2500\u2500 *\/\n .pcard-body {\n padding: 16px 18px 20px;\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n\n .pcard-name {\n font-family: var(--font-body);\n font-size: 15px;\n font-weight: 700;\n color: var(--text-dark);\n line-height: 1.35;\n margin-bottom: 4px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n transition: color 0.2s;\n }\n\n .pcard:hover .pcard-name {\n color: var(--accent);\n }\n\n .pcard-rating {\n display: flex;\n align-items: center;\n gap: 4px;\n margin-bottom: 12px;\n }\n\n .pcard-rating svg {\n width: 14px;\n height: 14px;\n fill: #F5B942;\n }\n\n .pcard-rating svg.empty-star {\n fill: #DDD;\n }\n\n .pcard-rating .cnt {\n font-size: 12px;\n color: var(--text-muted);\n margin-left: 2px;\n }\n\n \/* \u2500\u2500 Price \u2500\u2500 *\/\n .pcard-price {\n margin-top: auto;\n display: flex;\n align-items: baseline;\n gap: 8px;\n flex-wrap: wrap;\n }\n\n .p-old {\n font-size: 14px;\n font-weight: 400;\n color: var(--text-muted);\n text-decoration: line-through;\n }\n\n .p-new {\n font-size: 20px;\n font-weight: 800;\n color: var(--accent);\n letter-spacing: -0.3px;\n }\n\n \/* \u2500\u2500 View All \u2500\u2500 *\/\n .view-all-row {\n text-align: center;\n margin-top: 48px;\n }\n\n .btn-all {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: var(--font-body);\n font-size: 14px;\n font-weight: 700;\n color: #fff;\n background: var(--accent);\n border: none;\n padding: 14px 40px;\n border-radius: 100px;\n cursor: pointer;\n transition: all 0.3s var(--ease);\n text-decoration: none;\n }\n\n .btn-all:hover {\n background: #D04333;\n transform: translateY(-2px);\n box-shadow: 0 6px 24px rgba(231,76,60,0.3);\n }\n\n .btn-all svg {\n width: 16px;\n height: 16px;\n transition: transform 0.3s var(--ease);\n }\n\n .btn-all:hover svg {\n transform: translateX(4px);\n }\n\n \/* \u2500\u2500 Divider line \u2500\u2500 *\/\n .section-line {\n width: 60px;\n height: 2px;\n background: var(--accent);\n margin: 0 auto 20px;\n border-radius: 2px;\n }\n\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n @media (max-width: 1024px) {\n .product-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; }\n }\n\n \/* \u2500\u2500 Mobile Add to Cart (below price, hidden on desktop) \u2500\u2500 *\/\n .mobile-cart-btn {\n display: none;\n }\n\n @media (max-width: 768px) {\n .products-section { padding: 48px 14px 64px; }\n .section-header { margin-bottom: 32px; }\n .product-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\n .pcard-body { padding: 12px 12px 16px; }\n .pcard-name { font-size: 13.5px; }\n .p-new { font-size: 17px; }\n .p-old { font-size: 12px; }\n .filter-row { gap: 6px; margin-bottom: 28px; }\n .fbtn { font-size: 12px; padding: 8px 16px; }\n\n \/* Hide overlay on mobile completely *\/\n .quick-overlay { display: none !important; }\n\n \/* Show mobile cart button below price *\/\n .mobile-cart-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n width: 100%;\n margin-top: 10px;\n padding: 9px 12px;\n font-family: var(--font-body);\n font-size: 11.5px;\n font-weight: 700;\n color: #fff;\n background: var(--accent);\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s var(--ease);\n }\n\n .mobile-cart-btn:hover,\n .mobile-cart-btn:active {\n background: #D04333;\n }\n\n .mobile-cart-btn svg {\n width: 14px;\n height: 14px;\n stroke: #fff;\n fill: none;\n stroke-width: 2;\n }\n }\n\n @media (max-width: 420px) {\n .product-grid { gap: 10px; }\n .pcard-body { padding: 10px 10px 14px; }\n .pcard-name { font-size: 12.5px; margin-bottom: 2px; }\n .pcard-rating svg { width: 12px; height: 12px; }\n .pcard-rating { margin-bottom: 8px; }\n .p-new { font-size: 15px; }\n .badge-cat, .badge-new { font-size: 8.5px; padding: 4px 7px; }\n .badge-sale { font-size: 9.5px; padding: 4px 7px; }\n .btn-all { padding: 12px 32px; font-size: 13px; }\n .mobile-cart-btn { padding: 8px 10px; font-size: 10.5px; margin-top: 8px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"products-section\">\n\n <div class=\"section-header\">\n <div class=\"section-line\"><\/div>\n <h2>Our Best <span>Sellers<\/span><\/h2>\n <p>Handpicked gifts loved by our customers \u2014 personalized, wrapped, and delivered with care.<\/p>\n <\/div>\n\n <div class=\"filter-row\">\n <button class=\"fbtn active\" data-f=\"all\">All Collection<\/button>\n <button class=\"fbtn\" data-f=\"hampers\">Hampers<\/button>\n <button class=\"fbtn\" data-f=\"accessories\">Customized Accessories<\/button>\n <button class=\"fbtn\" data-f=\"flasks\">Flasks & Water Bottles<\/button>\n <button class=\"fbtn\" data-f=\"keychains\">Keychains<\/button>\n <\/div>\n\n <div class=\"product-grid\" id=\"pgrid\">\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=school-galaxy-hamper\" data-cat=\"hampers\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-03-28-at-12.01.58-PM-2-1024x1024.jpeg\" alt=\"School Galaxy Hamper\" loading=\"lazy\">\n <div class=\"badge-wrap\"><span class=\"badge-cat\">Hampers<\/span><\/div>\n <span class=\"badge-sale\">-32%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">School Galaxy Hamper<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(24)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b92,488.00<\/span>\n <span class=\"p-new\">\u20b91,699.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=school-hamper\" data-cat=\"hampers\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-03-28-at-12.01.58-PM-1-1024x840.jpeg\" alt=\"School Hamper\" loading=\"lazy\">\n <div class=\"badge-wrap\"><span class=\"badge-cat\">Hampers<\/span><\/div>\n <span class=\"badge-sale\">-24%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">School Hamper<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg class=\"empty-star\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(18)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b91,699.00<\/span>\n <span class=\"p-new\">\u20b91,299.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=atlantis-combo-set\" data-cat=\"hampers\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-03-30-at-9.21.27-AM-1-1024x1024.jpeg\" alt=\"Atlantis Combo Set\" loading=\"lazy\">\n <div class=\"badge-wrap\"><span class=\"badge-cat\">Hampers<\/span><\/div>\n <span class=\"badge-sale\">-28%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">Atlantis Combo Set<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(31)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b91,799.00<\/span>\n <span class=\"p-new\">\u20b91,299.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=mens-gift\" data-cat=\"hampers\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-03-30-at-9.29.29-AM-1024x1024.jpeg\" alt=\"Men's Gift\" loading=\"lazy\">\n <div class=\"badge-wrap\"><span class=\"badge-cat\">Gifts<\/span><\/div>\n <span class=\"badge-sale\">-36%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">Men’s Gift<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg class=\"empty-star\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(15)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b9999.00<\/span>\n <span class=\"p-new\">\u20b9639.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=customised-bottle\" data-cat=\"flasks\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-03-31-at-7.28.51-PM-768x1024.jpeg\" alt=\"Customised Bottle\" loading=\"lazy\">\n <div class=\"badge-wrap\"><span class=\"badge-cat\">Flasks<\/span><\/div>\n <span class=\"badge-sale\">-30%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">Customised Bottle<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(42)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b9599.00<\/span>\n <span class=\"p-new\">\u20b9419.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=real-heat-pendant\" data-cat=\"accessories\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-06-at-10.08.20-AM-1024x1024.jpeg\" alt=\"Real Heart Pendant\" loading=\"lazy\">\n <div class=\"badge-wrap\">\n <span class=\"badge-cat\">Accessories<\/span>\n <span class=\"badge-new\">New<\/span>\n <\/div>\n <span class=\"badge-sale\">-30%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">Real Heart Pendant<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(27)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b9999.00<\/span>\n <span class=\"p-new\">\u20b9699.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=home-keychain\" data-cat=\"keychains\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-03-30-at-5.30.44-PM-1024x1024.jpeg\" alt=\"Home Keychain\" loading=\"lazy\">\n <div class=\"badge-wrap\"><span class=\"badge-cat\">Keychains<\/span><\/div>\n <span class=\"badge-sale\">-29%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">Home Keychain<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg class=\"empty-star\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(9)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b9349.00<\/span>\n <span class=\"p-new\">\u20b9249.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=customised-bellavita-photo-perfume\" data-cat=\"accessories\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-03-at-11.37.09-AM-1024x1024.jpeg\" alt=\"Customised Bellavita Photo Perfume\" loading=\"lazy\">\n <div class=\"badge-wrap\"><span class=\"badge-cat\">Accessories<\/span><\/div>\n <span class=\"badge-sale\">-22%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">Bellavita Photo Perfume<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(36)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b9899.00<\/span>\n <span class=\"p-new\">\u20b9699.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n <\/div>\n\n <div class=\"view-all-row\">\n <a class=\"btn-all\" href=\"https:\/\/luckygifts.cloud\/?page_id=11\">\n View All Products\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n\n<\/section>\n\n<script>\n \/\/ Inject mobile Add to Cart button into each card\n document.querySelectorAll('.pcard-body').forEach(body => {\n const btn = document.createElement('button');\n btn.className = 'mobile-cart-btn';\n btn.onclick = (e) => { e.preventDefault(); };\n btn.innerHTML = '<svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg> Add to Cart';\n body.appendChild(btn);\n });\n\n \/\/ Filter logic\n const btns = document.querySelectorAll('.fbtn');\n const cards = document.querySelectorAll('.pcard');\n\n btns.forEach(b => b.addEventListener('click', () => {\n btns.forEach(x => x.classList.remove('active'));\n b.classList.add('active');\n const f = b.dataset.f;\n let i = 0;\n cards.forEach(c => {\n const show = f === 'all' || c.dataset.cat === f;\n c.classList.toggle('hidden', !show);\n if (show) {\n c.style.animation = 'none';\n void c.offsetHeight;\n c.style.opacity = '0';\n c.style.animation = `slideUp 0.4s ${i * 0.05}s cubic-bezier(0.25,0.46,0.45,0.94) forwards`;\n i++;\n }\n });\n }));\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Lucky Gifts \u2014 Reviews<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Nunito+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --white: #FFFFFF;\n --bg: #FFFFFF;\n --off-white: #F8F8F8;\n --border: #ECECEC;\n --text-dark: #222222;\n --text-body: #555555;\n --text-muted: #999999;\n --red: #E74C3C;\n --red-bg: #FFF0EE;\n --gold-star: #F5B942;\n --green: #27AE60;\n --font-heading: 'Cormorant Garamond', Georgia, serif;\n --font-body: 'Nunito Sans', -apple-system, sans-serif;\n --radius: 12px;\n --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n body {\n font-family: var(--font-body);\n background: var(--bg);\n color: var(--text-dark);\n -webkit-font-smoothing: antialiased;\n }\n\n \/* \u2501\u2501\u2501 Section \u2501\u2501\u2501 *\/\n .review-section {\n max-width: 1260px;\n margin: 0 auto;\n padding: 60px 20px 80px;\n overflow: hidden;\n }\n\n \/* \u2501\u2501\u2501 Header \u2501\u2501\u2501 *\/\n .rv-header {\n text-align: center;\n margin-bottom: 36px;\n }\n\n .rv-line {\n width: 60px;\n height: 2px;\n background: var(--red);\n margin: 0 auto 18px;\n border-radius: 2px;\n }\n\n .rv-header h2 {\n font-family: var(--font-heading);\n font-size: clamp(1.8rem, 4.5vw, 2.8rem);\n font-weight: 500;\n color: var(--text-dark);\n line-height: 1.2;\n margin-bottom: 8px;\n }\n\n .rv-header h2 span {\n font-style: italic;\n color: var(--red);\n }\n\n .rv-header p {\n font-size: 14.5px;\n color: var(--text-muted);\n max-width: 440px;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n \/* \u2501\u2501\u2501 Stats Strip \u2501\u2501\u2501 *\/\n .stats-strip {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 48px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n padding: 24px 32px;\n background: var(--off-white);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n }\n\n .stat {\n text-align: center;\n }\n\n .stat-val {\n font-family: var(--font-heading);\n font-size: 2rem;\n font-weight: 600;\n color: var(--text-dark);\n line-height: 1;\n }\n\n .stat-label {\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-top: 4px;\n }\n\n .stat-stars {\n display: flex;\n gap: 3px;\n justify-content: center;\n margin-bottom: 4px;\n }\n\n .stat-stars svg {\n width: 20px;\n height: 20px;\n fill: var(--gold-star);\n }\n\n .stat-sep {\n width: 1px;\n height: 44px;\n background: var(--border);\n }\n\n \/* \u2501\u2501\u2501 Desktop Grid \u2501\u2501\u2501 *\/\n .rv-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-bottom: 40px;\n }\n\n \/* \u2501\u2501\u2501 Mobile Slider (hidden on desktop) \u2501\u2501\u2501 *\/\n .rv-slider-wrap {\n display: none;\n position: relative;\n margin-bottom: 40px;\n }\n\n .rv-slider {\n display: flex;\n gap: 14px;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n padding: 4px 0 16px;\n }\n\n .rv-slider::-webkit-scrollbar { display: none; }\n\n .rv-slider .rv-card {\n min-width: 85%;\n scroll-snap-align: center;\n flex-shrink: 0;\n }\n\n \/* Dots *\/\n .rv-dots {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 4px;\n }\n\n .rv-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--border);\n border: none;\n cursor: pointer;\n transition: all 0.3s var(--ease);\n padding: 0;\n }\n\n .rv-dot.active {\n background: var(--red);\n width: 24px;\n border-radius: 4px;\n }\n\n \/* \u2501\u2501\u2501 Review Card \u2501\u2501\u2501 *\/\n .rv-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n position: relative;\n transition: all 0.3s var(--ease);\n display: flex;\n flex-direction: column;\n }\n\n .rv-card:hover {\n border-color: #ddd;\n box-shadow: 0 6px 24px rgba(0,0,0,0.06);\n transform: translateY(-3px);\n }\n\n \/* Quote mark *\/\n .rv-quote {\n position: absolute;\n top: 18px;\n right: 22px;\n font-family: var(--font-heading);\n font-size: 56px;\n line-height: 1;\n color: var(--red-bg);\n pointer-events: none;\n user-select: none;\n }\n\n \/* Top row: avatar + info *\/\n .rv-top {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 14px;\n }\n\n .rv-avatar {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-heading);\n font-weight: 600;\n font-size: 18px;\n color: var(--white);\n flex-shrink: 0;\n }\n\n .av-1 { background: #E74C3C; }\n .av-2 { background: #8E44AD; }\n .av-3 { background: #2980B9; }\n .av-4 { background: #27AE60; }\n .av-5 { background: #E67E22; }\n .av-6 { background: #16A085; }\n\n .rv-name {\n font-size: 14.5px;\n font-weight: 700;\n color: var(--text-dark);\n line-height: 1.2;\n }\n\n .rv-verified {\n display: flex;\n align-items: center;\n gap: 3px;\n font-size: 11px;\n font-weight: 600;\n color: var(--green);\n margin-top: 2px;\n }\n\n .rv-verified svg {\n width: 12px;\n height: 12px;\n fill: var(--green);\n }\n\n \/* Stars + date *\/\n .rv-stars-row {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 12px;\n }\n\n .rv-stars {\n display: flex;\n gap: 2px;\n }\n\n .rv-stars svg {\n width: 14px;\n height: 14px;\n fill: var(--gold-star);\n }\n\n .rv-date {\n font-size: 12px;\n color: var(--text-muted);\n }\n\n \/* Review text *\/\n .rv-text {\n font-size: 14px;\n line-height: 1.7;\n color: var(--text-body);\n margin-bottom: 16px;\n flex: 1;\n position: relative;\n z-index: 1;\n }\n\n \/* Product tag *\/\n .rv-product {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n font-size: 12px;\n font-weight: 600;\n color: var(--red);\n background: var(--red-bg);\n padding: 5px 12px;\n border-radius: 100px;\n border: 1px solid rgba(231,76,60,0.12);\n width: fit-content;\n text-decoration: none;\n transition: all 0.2s var(--ease);\n }\n\n .rv-product:hover {\n background: var(--red);\n color: #fff;\n }\n\n .rv-product svg {\n width: 13px;\n height: 13px;\n }\n\n \/* \u2501\u2501\u2501 CTA \u2501\u2501\u2501 *\/\n .rv-cta {\n text-align: center;\n }\n\n .btn-review {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: var(--font-body);\n font-size: 14px;\n font-weight: 700;\n color: #fff;\n background: var(--red);\n border: none;\n padding: 14px 36px;\n border-radius: 100px;\n cursor: pointer;\n transition: all 0.3s var(--ease);\n text-decoration: none;\n }\n\n .btn-review:hover {\n background: #D04333;\n transform: translateY(-2px);\n box-shadow: 0 6px 24px rgba(231,76,60,0.3);\n }\n\n .btn-review svg {\n width: 16px;\n height: 16px;\n }\n\n \/* \u2501\u2501\u2501 Navigation Arrows (desktop) \u2501\u2501\u2501 *\/\n .rv-grid-wrap {\n position: relative;\n }\n\n .rv-nav {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: 1px solid var(--border);\n background: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.25s var(--ease);\n z-index: 5;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n }\n\n .rv-nav:hover {\n border-color: var(--red);\n background: var(--red);\n }\n\n .rv-nav:hover svg { stroke: #fff; }\n\n .rv-nav svg {\n width: 18px;\n height: 18px;\n stroke: var(--text-dark);\n stroke-width: 2.5;\n fill: none;\n transition: stroke 0.25s var(--ease);\n }\n\n .rv-prev { left: -20px; }\n .rv-next { right: -20px; }\n\n \/* \u2501\u2501\u2501 Responsive \u2501\u2501\u2501 *\/\n @media (max-width: 1024px) {\n .rv-prev { left: -10px; }\n .rv-next { right: -10px; }\n }\n\n @media (max-width: 768px) {\n .review-section { padding: 48px 16px 64px; }\n .stats-strip { gap: 24px; padding: 20px 16px; }\n .stat-val { font-size: 1.6rem; }\n .stat-sep { display: none; }\n\n \/* Hide grid, show slider *\/\n .rv-grid-wrap { display: none; }\n .rv-slider-wrap { display: block; }\n\n .rv-card { padding: 22px 18px; }\n .rv-quote { font-size: 44px; top: 14px; right: 16px; }\n }\n\n @media (max-width: 420px) {\n .rv-slider .rv-card { min-width: 90%; }\n .rv-card { padding: 18px 16px; }\n .rv-name { font-size: 13.5px; }\n .rv-text { font-size: 13px; }\n .rv-avatar { width: 38px; height: 38px; font-size: 15px; }\n .stats-strip { flex-direction: column; gap: 14px; }\n .btn-review { padding: 12px 28px; font-size: 13px; width: 100%; justify-content: center; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"review-section\">\n\n <div class=\"rv-header\">\n <div class=\"rv-line\"><\/div>\n <h2>What Customers <span>Say<\/span><\/h2>\n <p>Real stories from happy customers who found the perfect gift at Lucky Gifts.<\/p>\n <\/div>\n\n \n <div class=\"stats-strip\">\n <div class=\"stat\">\n <div class=\"stat-val\">4.9<\/div>\n <div class=\"stat-label\">Average Rating<\/div>\n <\/div>\n <div class=\"stat-sep\"><\/div>\n <div class=\"stat\">\n <div class=\"stat-stars\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <\/div>\n <div class=\"stat-label\">250+ Happy Customers<\/div>\n <\/div>\n <div class=\"stat-sep\"><\/div>\n <div class=\"stat\">\n <div class=\"stat-val\">98%<\/div>\n <div class=\"stat-label\">Recommend Us<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"rv-grid-wrap\">\n <button class=\"rv-nav rv-prev\" id=\"prevBtn\" aria-label=\"Previous\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n <\/button>\n <button class=\"rv-nav rv-next\" id=\"nextBtn\" aria-label=\"Next\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n <\/button>\n\n <div class=\"rv-grid\" id=\"rvGrid\">\n \n <\/div>\n <\/div>\n\n \n <div class=\"rv-slider-wrap\">\n <div class=\"rv-slider\" id=\"rvSlider\">\n \n <\/div>\n <div class=\"rv-dots\" id=\"rvDots\"><\/div>\n <\/div>\n\n \n <div class=\"rv-cta\">\n <button class=\"btn-review\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg>\n Write a Review\n <\/button>\n <\/div>\n\n<\/section>\n\n<script>\nconst reviews = [\n {\n name: \"Ananya Sharma\",\n init: \"A\",\n av: \"av-1\",\n stars: 5,\n date: \"2 days ago\",\n text: \"Ordered the School Galaxy Hamper for my nephew's birthday. The packaging was absolutely stunning and the quality exceeded my expectations. He loved every single item inside!\",\n product: \"School Galaxy Hamper\",\n link: \"https:\/\/luckygifts.cloud\/?product=school-galaxy-hamper\"\n },\n {\n name: \"Priya Nair\",\n init: \"P\",\n av: \"av-2\",\n stars: 5,\n date: \"5 days ago\",\n text: \"Got the customised bottle for my husband's anniversary and he was speechless! The engraving was so clean and precise. Will definitely be ordering more gifts from here.\",\n product: \"Customised Bottle\",\n link: \"https:\/\/luckygifts.cloud\/?product=customised-bottle\"\n },\n {\n name: \"Rahul Verma\",\n init: \"R\",\n av: \"av-3\",\n stars: 5,\n date: \"1 week ago\",\n text: \"The Mens Hamper was a total hit at my friend's bachelor party. Premium look, great variety and the gift wrapping made it feel really special. Highly recommended!\",\n product: \"Mens Hamper\",\n link: \"https:\/\/luckygifts.cloud\/?product=mens-hamper\"\n },\n {\n name: \"Deepika Raj\",\n init: \"D\",\n av: \"av-4\",\n stars: 5,\n date: \"1 week ago\",\n text: \"Ordered the Real Heart Pendant as a surprise for my sister. She cried happy tears! The quality is amazing for this price point. Lucky Gifts never disappoints.\",\n product: \"Real Heart Pendant\",\n link: \"https:\/\/luckygifts.cloud\/?product=real-heat-pendant\"\n },\n {\n name: \"Mohammed Asif\",\n init: \"M\",\n av: \"av-5\",\n stars: 4,\n date: \"2 weeks ago\",\n text: \"The Atlantis Combo Set was a perfect corporate gift for our team. Everyone loved it. The flask quality is top-notch and the presentation box gives it a very premium feel.\",\n product: \"Atlantis Combo Set\",\n link: \"https:\/\/luckygifts.cloud\/?product=atlantis-combo-set\"\n },\n {\n name: \"Sneha Iyer\",\n init: \"S\",\n av: \"av-6\",\n stars: 5,\n date: \"2 weeks ago\",\n text: \"I got the Kada + Hug Ring combo for my best friend and she absolutely adored it. The craftsmanship is beautiful and the packaging made it feel like a luxury brand. 10\/10!\",\n product: \"Kada + Hug Ring\",\n link: \"https:\/\/luckygifts.cloud\/?product=kada-hug-ring\"\n }\n];\n\nfunction starSVG(filled) {\n return filled\n ? '<svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>'\n : '<svg viewBox=\"0 0 24 24\" style=\"fill:#DDD\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>';\n}\n\nfunction buildCard(r) {\n const starsHTML = Array.from({length:5}, (_,i) => starSVG(i < r.stars)).join('');\n return `\n <div class=\"rv-card\">\n <span class=\"rv-quote\">\"<\/span>\n <div class=\"rv-top\">\n <div class=\"rv-avatar ${r.av}\">${r.init}<\/div>\n <div>\n <div class=\"rv-name\">${r.name}<\/div>\n <div class=\"rv-verified\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n Verified Buyer\n <\/div>\n <\/div>\n <\/div>\n <div class=\"rv-stars-row\">\n <div class=\"rv-stars\">${starsHTML}<\/div>\n <span class=\"rv-date\">${r.date}<\/span>\n <\/div>\n <p class=\"rv-text\">${r.text}<\/p>\n <a class=\"rv-product\" href=\"${r.link}\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z\"\/><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"\/><\/svg>\n ${r.product}\n <\/a>\n <\/div>`;\n}\n\n\/\/ \u2500\u2500 Desktop Grid (show 3 at a time, paginated) \u2500\u2500\nconst grid = document.getElementById('rvGrid');\nconst prevBtn = document.getElementById('prevBtn');\nconst nextBtn = document.getElementById('nextBtn');\nlet page = 0;\nconst perPage = 3;\nconst totalPages = Math.ceil(reviews.length \/ perPage);\n\nfunction renderGrid() {\n const start = page * perPage;\n const slice = reviews.slice(start, start + perPage);\n grid.innerHTML = slice.map(buildCard).join('');\n prevBtn.style.opacity = page === 0 ? '0.3' : '1';\n prevBtn.style.pointerEvents = page === 0 ? 'none' : 'auto';\n nextBtn.style.opacity = page >= totalPages - 1 ? '0.3' : '1';\n nextBtn.style.pointerEvents = page >= totalPages - 1 ? 'none' : 'auto';\n}\n\nprevBtn.addEventListener('click', () => { if (page > 0) { page--; renderGrid(); } });\nnextBtn.addEventListener('click', () => { if (page < totalPages - 1) { page++; renderGrid(); } });\nrenderGrid();\n\n\/\/ \u2500\u2500 Mobile Slider \u2500\u2500\nconst slider = document.getElementById('rvSlider');\nconst dotsWrap = document.getElementById('rvDots');\n\nslider.innerHTML = reviews.map(buildCard).join('');\n\n\/\/ Create dots\nreviews.forEach((_, i) => {\n const dot = document.createElement('button');\n dot.className = 'rv-dot' + (i === 0 ? ' active' : '');\n dot.setAttribute('aria-label', `Review ${i + 1}`);\n dot.addEventListener('click', () => {\n const cards = slider.querySelectorAll('.rv-card');\n cards[i].scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' });\n });\n dotsWrap.appendChild(dot);\n});\n\n\/\/ Update dots on scroll\nlet scrollTimer;\nslider.addEventListener('scroll', () => {\n clearTimeout(scrollTimer);\n scrollTimer = setTimeout(() => {\n const cards = slider.querySelectorAll('.rv-card');\n const sliderRect = slider.getBoundingClientRect();\n const center = sliderRect.left + sliderRect.width \/ 2;\n let closest = 0;\n let closestDist = Infinity;\n cards.forEach((card, i) => {\n const cardRect = card.getBoundingClientRect();\n const cardCenter = cardRect.left + cardRect.width \/ 2;\n const dist = Math.abs(center - cardCenter);\n if (dist < closestDist) { closestDist = dist; closest = i; }\n });\n dotsWrap.querySelectorAll('.rv-dot').forEach((d, i) => {\n d.classList.toggle('active', i === closest);\n });\n }, 60);\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Lucky Gifts \u2014 Products Our Best Sellers Handpicked gifts loved by our customers \u2014 personalized, wrapped, and delivered with care. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=38"}],"version-history":[{"count":6,"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":170,"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions\/170"}],"wp:attachment":[{"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":38,"date":"2026-04-08T05:48:57","date_gmt":"2026-04-08T05:48:57","guid":{"rendered":"https:\/\/luckygifts.cloud\/?page_id=38"},"modified":"2026-04-08T22:44:20","modified_gmt":"2026-04-08T22:44:20","slug":"home","status":"publish","type":"page","link":"https:\/\/luckygifts.cloud\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\nLucky Gifts \u2014 Products<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Nunito+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --white: #FFFFFF;\n --bg: #FFFFFF;\n --off-white: #F9F9F9;\n --border: #ECECEC;\n --border-hover: #D4D4D4;\n --text-dark: #222222;\n --text-body: #555555;\n --text-muted: #999999;\n --red: #E74C3C;\n --red-bg: #FFF0EE;\n --green-tag: #27AE60;\n --green-bg: #EAFAF1;\n --gold: #C5983E;\n --gold-light: #F5EDD6;\n --accent: #E74C3C;\n --font-heading: 'Cormorant Garamond', Georgia, serif;\n --font-body: 'Nunito Sans', -apple-system, sans-serif;\n --radius: 12px;\n --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n body {\n font-family: var(--font-body);\n background: var(--bg);\n color: var(--text-dark);\n -webkit-font-smoothing: antialiased;\n }\n\n \/* \u2500\u2500 Section \u2500\u2500 *\/\n .products-section {\n max-width: 1260px;\n margin: 0 auto;\n padding: 60px 20px 80px;\n }\n\n \/* \u2500\u2500 Header \u2500\u2500 *\/\n .section-header {\n text-align: center;\n margin-bottom: 40px;\n }\n\n .section-header h2 {\n font-family: var(--font-heading);\n font-size: clamp(1.8rem, 4.5vw, 2.8rem);\n font-weight: 500;\n color: var(--text-dark);\n line-height: 1.2;\n margin-bottom: 8px;\n }\n\n .section-header h2 span {\n font-style: italic;\n color: var(--gold);\n }\n\n .section-header p {\n font-size: 14.5px;\n font-weight: 400;\n color: var(--text-muted);\n max-width: 420px;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n \/* \u2500\u2500 Filters \u2500\u2500 *\/\n .filter-row {\n display: flex;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n margin-bottom: 36px;\n }\n\n .fbtn {\n font-family: var(--font-body);\n font-size: 13.5px;\n font-weight: 600;\n padding: 10px 24px;\n border-radius: 100px;\n border: 1.5px solid var(--border);\n background: var(--white);\n color: var(--text-body);\n cursor: pointer;\n transition: all 0.25s var(--ease);\n }\n\n .fbtn:hover {\n border-color: var(--accent);\n color: var(--accent);\n background: var(--red-bg);\n }\n\n .fbtn.active {\n background: var(--accent);\n color: #fff;\n border-color: var(--accent);\n }\n\n \/* \u2500\u2500 Grid \u2500\u2500 *\/\n .product-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 22px;\n }\n\n \/* \u2500\u2500 Card \u2500\u2500 *\/\n .pcard {\n background: var(--white);\n border-radius: var(--radius);\n overflow: hidden;\n border: 1px solid var(--border);\n text-decoration: none;\n color: inherit;\n display: flex;\n flex-direction: column;\n transition: all 0.35s var(--ease);\n position: relative;\n opacity: 0;\n transform: translateY(14px);\n animation: slideUp 0.45s var(--ease) forwards;\n }\n\n .pcard:nth-child(1) { animation-delay: .03s }\n .pcard:nth-child(2) { animation-delay: .08s }\n .pcard:nth-child(3) { animation-delay: .13s }\n .pcard:nth-child(4) { animation-delay: .18s }\n .pcard:nth-child(5) { animation-delay: .23s }\n .pcard:nth-child(6) { animation-delay: .28s }\n .pcard:nth-child(7) { animation-delay: .33s }\n .pcard:nth-child(8) { animation-delay: .38s }\n\n @keyframes slideUp {\n to { opacity: 1; transform: translateY(0); }\n }\n\n .pcard:hover {\n border-color: var(--border-hover);\n box-shadow: 0 8px 30px rgba(0,0,0,0.08);\n transform: translateY(-4px);\n }\n\n .pcard.hidden { display: none; }\n\n \/* \u2500\u2500 Image \u2500\u2500 *\/\n .pcard-img {\n position: relative;\n aspect-ratio: 1\/1;\n overflow: hidden;\n background: var(--off-white);\n }\n\n .pcard-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s var(--ease);\n }\n\n .pcard:hover .pcard-img img {\n transform: scale(1.05);\n }\n\n \/* \u2500\u2500 Badges \u2500\u2500 *\/\n .badge-wrap {\n position: absolute;\n top: 12px;\n left: 12px;\n display: flex;\n flex-direction: column;\n gap: 6px;\n z-index: 2;\n }\n\n .badge-cat {\n font-family: var(--font-body);\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 1.2px;\n text-transform: uppercase;\n color: #fff;\n background: var(--accent);\n padding: 5px 10px;\n border-radius: 6px;\n line-height: 1;\n width: fit-content;\n }\n\n .badge-new {\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 1.2px;\n text-transform: uppercase;\n color: #fff;\n background: var(--green-tag);\n padding: 5px 10px;\n border-radius: 6px;\n line-height: 1;\n width: fit-content;\n }\n\n .badge-sale {\n position: absolute;\n top: 12px;\n right: 12px;\n z-index: 2;\n font-size: 11px;\n font-weight: 800;\n color: var(--accent);\n background: var(--white);\n padding: 6px 10px;\n border-radius: 8px;\n line-height: 1;\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n }\n\n \/* \u2500\u2500 Quick Add Overlay \u2500\u2500 *\/\n .quick-overlay {\n position: absolute;\n inset: 0;\n background: rgba(0,0,0,0.35);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n opacity: 0;\n transition: opacity 0.3s var(--ease);\n z-index: 3;\n }\n\n .pcard:hover .quick-overlay {\n opacity: 1;\n }\n\n .qbtn {\n font-family: var(--font-body);\n font-size: 12px;\n font-weight: 700;\n padding: 12px 20px;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 6px;\n transition: all 0.2s var(--ease);\n text-decoration: none;\n }\n\n .qbtn svg { width: 15px; height: 15px; flex-shrink: 0; }\n\n .qbtn-cart {\n background: var(--white);\n color: var(--text-dark);\n }\n .qbtn-cart:hover {\n background: var(--accent);\n color: #fff;\n transform: scale(1.04);\n }\n .qbtn-cart:hover svg { stroke: #fff; }\n\n .qbtn-view {\n background: rgba(255,255,255,0.2);\n backdrop-filter: blur(4px);\n color: #fff;\n border: 1px solid rgba(255,255,255,0.3);\n }\n .qbtn-view:hover {\n background: rgba(255,255,255,0.35);\n transform: scale(1.04);\n }\n\n \/* \u2500\u2500 Card Body \u2500\u2500 *\/\n .pcard-body {\n padding: 16px 18px 20px;\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n\n .pcard-name {\n font-family: var(--font-body);\n font-size: 15px;\n font-weight: 700;\n color: var(--text-dark);\n line-height: 1.35;\n margin-bottom: 4px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n transition: color 0.2s;\n }\n\n .pcard:hover .pcard-name {\n color: var(--accent);\n }\n\n .pcard-rating {\n display: flex;\n align-items: center;\n gap: 4px;\n margin-bottom: 12px;\n }\n\n .pcard-rating svg {\n width: 14px;\n height: 14px;\n fill: #F5B942;\n }\n\n .pcard-rating svg.empty-star {\n fill: #DDD;\n }\n\n .pcard-rating .cnt {\n font-size: 12px;\n color: var(--text-muted);\n margin-left: 2px;\n }\n\n \/* \u2500\u2500 Price \u2500\u2500 *\/\n .pcard-price {\n margin-top: auto;\n display: flex;\n align-items: baseline;\n gap: 8px;\n flex-wrap: wrap;\n }\n\n .p-old {\n font-size: 14px;\n font-weight: 400;\n color: var(--text-muted);\n text-decoration: line-through;\n }\n\n .p-new {\n font-size: 20px;\n font-weight: 800;\n color: var(--accent);\n letter-spacing: -0.3px;\n }\n\n \/* \u2500\u2500 View All \u2500\u2500 *\/\n .view-all-row {\n text-align: center;\n margin-top: 48px;\n }\n\n .btn-all {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: var(--font-body);\n font-size: 14px;\n font-weight: 700;\n color: #fff;\n background: var(--accent);\n border: none;\n padding: 14px 40px;\n border-radius: 100px;\n cursor: pointer;\n transition: all 0.3s var(--ease);\n text-decoration: none;\n }\n\n .btn-all:hover {\n background: #D04333;\n transform: translateY(-2px);\n box-shadow: 0 6px 24px rgba(231,76,60,0.3);\n }\n\n .btn-all svg {\n width: 16px;\n height: 16px;\n transition: transform 0.3s var(--ease);\n }\n\n .btn-all:hover svg {\n transform: translateX(4px);\n }\n\n \/* \u2500\u2500 Divider line \u2500\u2500 *\/\n .section-line {\n width: 60px;\n height: 2px;\n background: var(--accent);\n margin: 0 auto 20px;\n border-radius: 2px;\n }\n\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n @media (max-width: 1024px) {\n .product-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; }\n }\n\n \/* \u2500\u2500 Mobile Add to Cart (below price, hidden on desktop) \u2500\u2500 *\/\n .mobile-cart-btn {\n display: none;\n }\n\n @media (max-width: 768px) {\n .products-section { padding: 48px 14px 64px; }\n .section-header { margin-bottom: 32px; }\n .product-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\n .pcard-body { padding: 12px 12px 16px; }\n .pcard-name { font-size: 13.5px; }\n .p-new { font-size: 17px; }\n .p-old { font-size: 12px; }\n .filter-row { gap: 6px; margin-bottom: 28px; }\n .fbtn { font-size: 12px; padding: 8px 16px; }\n\n \/* Hide overlay on mobile completely *\/\n .quick-overlay { display: none !important; }\n\n \/* Show mobile cart button below price *\/\n .mobile-cart-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n width: 100%;\n margin-top: 10px;\n padding: 9px 12px;\n font-family: var(--font-body);\n font-size: 11.5px;\n font-weight: 700;\n color: #fff;\n background: var(--accent);\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s var(--ease);\n }\n\n .mobile-cart-btn:hover,\n .mobile-cart-btn:active {\n background: #D04333;\n }\n\n .mobile-cart-btn svg {\n width: 14px;\n height: 14px;\n stroke: #fff;\n fill: none;\n stroke-width: 2;\n }\n }\n\n @media (max-width: 420px) {\n .product-grid { gap: 10px; }\n .pcard-body { padding: 10px 10px 14px; }\n .pcard-name { font-size: 12.5px; margin-bottom: 2px; }\n .pcard-rating svg { width: 12px; height: 12px; }\n .pcard-rating { margin-bottom: 8px; }\n .p-new { font-size: 15px; }\n .badge-cat, .badge-new { font-size: 8.5px; padding: 4px 7px; }\n .badge-sale { font-size: 9.5px; padding: 4px 7px; }\n .btn-all { padding: 12px 32px; font-size: 13px; }\n .mobile-cart-btn { padding: 8px 10px; font-size: 10.5px; margin-top: 8px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"products-section\">\n\n <div class=\"section-header\">\n <div class=\"section-line\"><\/div>\n <h2>Our Best <span>Sellers<\/span><\/h2>\n <p>Handpicked gifts loved by our customers \u2014 personalized, wrapped, and delivered with care.<\/p>\n <\/div>\n\n <div class=\"filter-row\">\n <button class=\"fbtn active\" data-f=\"all\">All Collection<\/button>\n <button class=\"fbtn\" data-f=\"hampers\">Hampers<\/button>\n <button class=\"fbtn\" data-f=\"accessories\">Customized Accessories<\/button>\n <button class=\"fbtn\" data-f=\"flasks\">Flasks & Water Bottles<\/button>\n <button class=\"fbtn\" data-f=\"keychains\">Keychains<\/button>\n <\/div>\n\n <div class=\"product-grid\" id=\"pgrid\">\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=school-galaxy-hamper\" data-cat=\"hampers\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-03-28-at-12.01.58-PM-2-1024x1024.jpeg\" alt=\"School Galaxy Hamper\" loading=\"lazy\">\n <div class=\"badge-wrap\"><span class=\"badge-cat\">Hampers<\/span><\/div>\n <span class=\"badge-sale\">-32%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">School Galaxy Hamper<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(24)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b92,488.00<\/span>\n <span class=\"p-new\">\u20b91,699.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=school-hamper\" data-cat=\"hampers\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-03-28-at-12.01.58-PM-1-1024x840.jpeg\" alt=\"School Hamper\" loading=\"lazy\">\n <div class=\"badge-wrap\"><span class=\"badge-cat\">Hampers<\/span><\/div>\n <span class=\"badge-sale\">-24%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">School Hamper<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg class=\"empty-star\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(18)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b91,699.00<\/span>\n <span class=\"p-new\">\u20b91,299.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=atlantis-combo-set\" data-cat=\"hampers\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-03-30-at-9.21.27-AM-1-1024x1024.jpeg\" alt=\"Atlantis Combo Set\" loading=\"lazy\">\n <div class=\"badge-wrap\"><span class=\"badge-cat\">Hampers<\/span><\/div>\n <span class=\"badge-sale\">-28%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">Atlantis Combo Set<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(31)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b91,799.00<\/span>\n <span class=\"p-new\">\u20b91,299.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=mens-gift\" data-cat=\"hampers\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-03-30-at-9.29.29-AM-1024x1024.jpeg\" alt=\"Men's Gift\" loading=\"lazy\">\n <div class=\"badge-wrap\"><span class=\"badge-cat\">Gifts<\/span><\/div>\n <span class=\"badge-sale\">-36%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">Men’s Gift<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg class=\"empty-star\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(15)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b9999.00<\/span>\n <span class=\"p-new\">\u20b9639.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=customised-bottle\" data-cat=\"flasks\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-03-31-at-7.28.51-PM-768x1024.jpeg\" alt=\"Customised Bottle\" loading=\"lazy\">\n <div class=\"badge-wrap\"><span class=\"badge-cat\">Flasks<\/span><\/div>\n <span class=\"badge-sale\">-30%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">Customised Bottle<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(42)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b9599.00<\/span>\n <span class=\"p-new\">\u20b9419.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=real-heat-pendant\" data-cat=\"accessories\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-06-at-10.08.20-AM-1024x1024.jpeg\" alt=\"Real Heart Pendant\" loading=\"lazy\">\n <div class=\"badge-wrap\">\n <span class=\"badge-cat\">Accessories<\/span>\n <span class=\"badge-new\">New<\/span>\n <\/div>\n <span class=\"badge-sale\">-30%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">Real Heart Pendant<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(27)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b9999.00<\/span>\n <span class=\"p-new\">\u20b9699.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=home-keychain\" data-cat=\"keychains\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-03-30-at-5.30.44-PM-1024x1024.jpeg\" alt=\"Home Keychain\" loading=\"lazy\">\n <div class=\"badge-wrap\"><span class=\"badge-cat\">Keychains<\/span><\/div>\n <span class=\"badge-sale\">-29%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">Home Keychain<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg class=\"empty-star\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(9)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b9349.00<\/span>\n <span class=\"p-new\">\u20b9249.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n \n <a class=\"pcard\" href=\"https:\/\/luckygifts.cloud\/?product=customised-bellavita-photo-perfume\" data-cat=\"accessories\">\n <div class=\"pcard-img\">\n <img decoding=\"async\" src=\"https:\/\/luckygifts.cloud\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-03-at-11.37.09-AM-1024x1024.jpeg\" alt=\"Customised Bellavita Photo Perfume\" loading=\"lazy\">\n <div class=\"badge-wrap\"><span class=\"badge-cat\">Accessories<\/span><\/div>\n <span class=\"badge-sale\">-22%<\/span>\n <div class=\"quick-overlay\">\n <button class=\"qbtn qbtn-cart\" onclick=\"event.preventDefault()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#222\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\n Add to Cart\n <\/button>\n <button class=\"qbtn qbtn-view\" onclick=\"event.stopPropagation()\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n Quick View\n <\/button>\n <\/div>\n <\/div>\n <div class=\"pcard-body\">\n <div class=\"pcard-name\">Bellavita Photo Perfume<\/div>\n <div class=\"pcard-rating\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <span class=\"cnt\">(36)<\/span>\n <\/div>\n <div class=\"pcard-price\">\n <span class=\"p-old\">\u20b9899.00<\/span>\n <span class=\"p-new\">\u20b9699.00<\/span>\n <\/div>\n <\/div>\n <\/a>\n\n <\/div>\n\n <div class=\"view-all-row\">\n <a class=\"btn-all\" href=\"https:\/\/luckygifts.cloud\/?page_id=11\">\n View All Products\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n\n<\/section>\n\n<script>\n \/\/ Inject mobile Add to Cart button into each card\n document.querySelectorAll('.pcard-body').forEach(body => {\n const btn = document.createElement('button');\n btn.className = 'mobile-cart-btn';\n btn.onclick = (e) => { e.preventDefault(); };\n btn.innerHTML = '<svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg> Add to Cart';\n body.appendChild(btn);\n });\n\n \/\/ Filter logic\n const btns = document.querySelectorAll('.fbtn');\n const cards = document.querySelectorAll('.pcard');\n\n btns.forEach(b => b.addEventListener('click', () => {\n btns.forEach(x => x.classList.remove('active'));\n b.classList.add('active');\n const f = b.dataset.f;\n let i = 0;\n cards.forEach(c => {\n const show = f === 'all' || c.dataset.cat === f;\n c.classList.toggle('hidden', !show);\n if (show) {\n c.style.animation = 'none';\n void c.offsetHeight;\n c.style.opacity = '0';\n c.style.animation = `slideUp 0.4s ${i * 0.05}s cubic-bezier(0.25,0.46,0.45,0.94) forwards`;\n i++;\n }\n });\n }));\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Lucky Gifts \u2014 Reviews<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Nunito+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --white: #FFFFFF;\n --bg: #FFFFFF;\n --off-white: #F8F8F8;\n --border: #ECECEC;\n --text-dark: #222222;\n --text-body: #555555;\n --text-muted: #999999;\n --red: #E74C3C;\n --red-bg: #FFF0EE;\n --gold-star: #F5B942;\n --green: #27AE60;\n --font-heading: 'Cormorant Garamond', Georgia, serif;\n --font-body: 'Nunito Sans', -apple-system, sans-serif;\n --radius: 12px;\n --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n body {\n font-family: var(--font-body);\n background: var(--bg);\n color: var(--text-dark);\n -webkit-font-smoothing: antialiased;\n }\n\n \/* \u2501\u2501\u2501 Section \u2501\u2501\u2501 *\/\n .review-section {\n max-width: 1260px;\n margin: 0 auto;\n padding: 60px 20px 80px;\n overflow: hidden;\n }\n\n \/* \u2501\u2501\u2501 Header \u2501\u2501\u2501 *\/\n .rv-header {\n text-align: center;\n margin-bottom: 36px;\n }\n\n .rv-line {\n width: 60px;\n height: 2px;\n background: var(--red);\n margin: 0 auto 18px;\n border-radius: 2px;\n }\n\n .rv-header h2 {\n font-family: var(--font-heading);\n font-size: clamp(1.8rem, 4.5vw, 2.8rem);\n font-weight: 500;\n color: var(--text-dark);\n line-height: 1.2;\n margin-bottom: 8px;\n }\n\n .rv-header h2 span {\n font-style: italic;\n color: var(--red);\n }\n\n .rv-header p {\n font-size: 14.5px;\n color: var(--text-muted);\n max-width: 440px;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n \/* \u2501\u2501\u2501 Stats Strip \u2501\u2501\u2501 *\/\n .stats-strip {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 48px;\n flex-wrap: wrap;\n margin-bottom: 40px;\n padding: 24px 32px;\n background: var(--off-white);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n }\n\n .stat {\n text-align: center;\n }\n\n .stat-val {\n font-family: var(--font-heading);\n font-size: 2rem;\n font-weight: 600;\n color: var(--text-dark);\n line-height: 1;\n }\n\n .stat-label {\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-top: 4px;\n }\n\n .stat-stars {\n display: flex;\n gap: 3px;\n justify-content: center;\n margin-bottom: 4px;\n }\n\n .stat-stars svg {\n width: 20px;\n height: 20px;\n fill: var(--gold-star);\n }\n\n .stat-sep {\n width: 1px;\n height: 44px;\n background: var(--border);\n }\n\n \/* \u2501\u2501\u2501 Desktop Grid \u2501\u2501\u2501 *\/\n .rv-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-bottom: 40px;\n }\n\n \/* \u2501\u2501\u2501 Mobile Slider (hidden on desktop) \u2501\u2501\u2501 *\/\n .rv-slider-wrap {\n display: none;\n position: relative;\n margin-bottom: 40px;\n }\n\n .rv-slider {\n display: flex;\n gap: 14px;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n padding: 4px 0 16px;\n }\n\n .rv-slider::-webkit-scrollbar { display: none; }\n\n .rv-slider .rv-card {\n min-width: 85%;\n scroll-snap-align: center;\n flex-shrink: 0;\n }\n\n \/* Dots *\/\n .rv-dots {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 4px;\n }\n\n .rv-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--border);\n border: none;\n cursor: pointer;\n transition: all 0.3s var(--ease);\n padding: 0;\n }\n\n .rv-dot.active {\n background: var(--red);\n width: 24px;\n border-radius: 4px;\n }\n\n \/* \u2501\u2501\u2501 Review Card \u2501\u2501\u2501 *\/\n .rv-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px 24px;\n position: relative;\n transition: all 0.3s var(--ease);\n display: flex;\n flex-direction: column;\n }\n\n .rv-card:hover {\n border-color: #ddd;\n box-shadow: 0 6px 24px rgba(0,0,0,0.06);\n transform: translateY(-3px);\n }\n\n \/* Quote mark *\/\n .rv-quote {\n position: absolute;\n top: 18px;\n right: 22px;\n font-family: var(--font-heading);\n font-size: 56px;\n line-height: 1;\n color: var(--red-bg);\n pointer-events: none;\n user-select: none;\n }\n\n \/* Top row: avatar + info *\/\n .rv-top {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 14px;\n }\n\n .rv-avatar {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-heading);\n font-weight: 600;\n font-size: 18px;\n color: var(--white);\n flex-shrink: 0;\n }\n\n .av-1 { background: #E74C3C; }\n .av-2 { background: #8E44AD; }\n .av-3 { background: #2980B9; }\n .av-4 { background: #27AE60; }\n .av-5 { background: #E67E22; }\n .av-6 { background: #16A085; }\n\n .rv-name {\n font-size: 14.5px;\n font-weight: 700;\n color: var(--text-dark);\n line-height: 1.2;\n }\n\n .rv-verified {\n display: flex;\n align-items: center;\n gap: 3px;\n font-size: 11px;\n font-weight: 600;\n color: var(--green);\n margin-top: 2px;\n }\n\n .rv-verified svg {\n width: 12px;\n height: 12px;\n fill: var(--green);\n }\n\n \/* Stars + date *\/\n .rv-stars-row {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 12px;\n }\n\n .rv-stars {\n display: flex;\n gap: 2px;\n }\n\n .rv-stars svg {\n width: 14px;\n height: 14px;\n fill: var(--gold-star);\n }\n\n .rv-date {\n font-size: 12px;\n color: var(--text-muted);\n }\n\n \/* Review text *\/\n .rv-text {\n font-size: 14px;\n line-height: 1.7;\n color: var(--text-body);\n margin-bottom: 16px;\n flex: 1;\n position: relative;\n z-index: 1;\n }\n\n \/* Product tag *\/\n .rv-product {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n font-size: 12px;\n font-weight: 600;\n color: var(--red);\n background: var(--red-bg);\n padding: 5px 12px;\n border-radius: 100px;\n border: 1px solid rgba(231,76,60,0.12);\n width: fit-content;\n text-decoration: none;\n transition: all 0.2s var(--ease);\n }\n\n .rv-product:hover {\n background: var(--red);\n color: #fff;\n }\n\n .rv-product svg {\n width: 13px;\n height: 13px;\n }\n\n \/* \u2501\u2501\u2501 CTA \u2501\u2501\u2501 *\/\n .rv-cta {\n text-align: center;\n }\n\n .btn-review {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: var(--font-body);\n font-size: 14px;\n font-weight: 700;\n color: #fff;\n background: var(--red);\n border: none;\n padding: 14px 36px;\n border-radius: 100px;\n cursor: pointer;\n transition: all 0.3s var(--ease);\n text-decoration: none;\n }\n\n .btn-review:hover {\n background: #D04333;\n transform: translateY(-2px);\n box-shadow: 0 6px 24px rgba(231,76,60,0.3);\n }\n\n .btn-review svg {\n width: 16px;\n height: 16px;\n }\n\n \/* \u2501\u2501\u2501 Navigation Arrows (desktop) \u2501\u2501\u2501 *\/\n .rv-grid-wrap {\n position: relative;\n }\n\n .rv-nav {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: 1px solid var(--border);\n background: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.25s var(--ease);\n z-index: 5;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n }\n\n .rv-nav:hover {\n border-color: var(--red);\n background: var(--red);\n }\n\n .rv-nav:hover svg { stroke: #fff; }\n\n .rv-nav svg {\n width: 18px;\n height: 18px;\n stroke: var(--text-dark);\n stroke-width: 2.5;\n fill: none;\n transition: stroke 0.25s var(--ease);\n }\n\n .rv-prev { left: -20px; }\n .rv-next { right: -20px; }\n\n \/* \u2501\u2501\u2501 Responsive \u2501\u2501\u2501 *\/\n @media (max-width: 1024px) {\n .rv-prev { left: -10px; }\n .rv-next { right: -10px; }\n }\n\n @media (max-width: 768px) {\n .review-section { padding: 48px 16px 64px; }\n .stats-strip { gap: 24px; padding: 20px 16px; }\n .stat-val { font-size: 1.6rem; }\n .stat-sep { display: none; }\n\n \/* Hide grid, show slider *\/\n .rv-grid-wrap { display: none; }\n .rv-slider-wrap { display: block; }\n\n .rv-card { padding: 22px 18px; }\n .rv-quote { font-size: 44px; top: 14px; right: 16px; }\n }\n\n @media (max-width: 420px) {\n .rv-slider .rv-card { min-width: 90%; }\n .rv-card { padding: 18px 16px; }\n .rv-name { font-size: 13.5px; }\n .rv-text { font-size: 13px; }\n .rv-avatar { width: 38px; height: 38px; font-size: 15px; }\n .stats-strip { flex-direction: column; gap: 14px; }\n .btn-review { padding: 12px 28px; font-size: 13px; width: 100%; justify-content: center; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"review-section\">\n\n <div class=\"rv-header\">\n <div class=\"rv-line\"><\/div>\n <h2>What Customers <span>Say<\/span><\/h2>\n <p>Real stories from happy customers who found the perfect gift at Lucky Gifts.<\/p>\n <\/div>\n\n \n <div class=\"stats-strip\">\n <div class=\"stat\">\n <div class=\"stat-val\">4.9<\/div>\n <div class=\"stat-label\">Average Rating<\/div>\n <\/div>\n <div class=\"stat-sep\"><\/div>\n <div class=\"stat\">\n <div class=\"stat-stars\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>\n <\/div>\n <div class=\"stat-label\">250+ Happy Customers<\/div>\n <\/div>\n <div class=\"stat-sep\"><\/div>\n <div class=\"stat\">\n <div class=\"stat-val\">98%<\/div>\n <div class=\"stat-label\">Recommend Us<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"rv-grid-wrap\">\n <button class=\"rv-nav rv-prev\" id=\"prevBtn\" aria-label=\"Previous\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n <\/button>\n <button class=\"rv-nav rv-next\" id=\"nextBtn\" aria-label=\"Next\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n <\/button>\n\n <div class=\"rv-grid\" id=\"rvGrid\">\n \n <\/div>\n <\/div>\n\n \n <div class=\"rv-slider-wrap\">\n <div class=\"rv-slider\" id=\"rvSlider\">\n \n <\/div>\n <div class=\"rv-dots\" id=\"rvDots\"><\/div>\n <\/div>\n\n \n <div class=\"rv-cta\">\n <button class=\"btn-review\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg>\n Write a Review\n <\/button>\n <\/div>\n\n<\/section>\n\n<script>\nconst reviews = [\n {\n name: \"Ananya Sharma\",\n init: \"A\",\n av: \"av-1\",\n stars: 5,\n date: \"2 days ago\",\n text: \"Ordered the School Galaxy Hamper for my nephew's birthday. The packaging was absolutely stunning and the quality exceeded my expectations. He loved every single item inside!\",\n product: \"School Galaxy Hamper\",\n link: \"https:\/\/luckygifts.cloud\/?product=school-galaxy-hamper\"\n },\n {\n name: \"Priya Nair\",\n init: \"P\",\n av: \"av-2\",\n stars: 5,\n date: \"5 days ago\",\n text: \"Got the customised bottle for my husband's anniversary and he was speechless! The engraving was so clean and precise. Will definitely be ordering more gifts from here.\",\n product: \"Customised Bottle\",\n link: \"https:\/\/luckygifts.cloud\/?product=customised-bottle\"\n },\n {\n name: \"Rahul Verma\",\n init: \"R\",\n av: \"av-3\",\n stars: 5,\n date: \"1 week ago\",\n text: \"The Mens Hamper was a total hit at my friend's bachelor party. Premium look, great variety and the gift wrapping made it feel really special. Highly recommended!\",\n product: \"Mens Hamper\",\n link: \"https:\/\/luckygifts.cloud\/?product=mens-hamper\"\n },\n {\n name: \"Deepika Raj\",\n init: \"D\",\n av: \"av-4\",\n stars: 5,\n date: \"1 week ago\",\n text: \"Ordered the Real Heart Pendant as a surprise for my sister. She cried happy tears! The quality is amazing for this price point. Lucky Gifts never disappoints.\",\n product: \"Real Heart Pendant\",\n link: \"https:\/\/luckygifts.cloud\/?product=real-heat-pendant\"\n },\n {\n name: \"Mohammed Asif\",\n init: \"M\",\n av: \"av-5\",\n stars: 4,\n date: \"2 weeks ago\",\n text: \"The Atlantis Combo Set was a perfect corporate gift for our team. Everyone loved it. The flask quality is top-notch and the presentation box gives it a very premium feel.\",\n product: \"Atlantis Combo Set\",\n link: \"https:\/\/luckygifts.cloud\/?product=atlantis-combo-set\"\n },\n {\n name: \"Sneha Iyer\",\n init: \"S\",\n av: \"av-6\",\n stars: 5,\n date: \"2 weeks ago\",\n text: \"I got the Kada + Hug Ring combo for my best friend and she absolutely adored it. The craftsmanship is beautiful and the packaging made it feel like a luxury brand. 10\/10!\",\n product: \"Kada + Hug Ring\",\n link: \"https:\/\/luckygifts.cloud\/?product=kada-hug-ring\"\n }\n];\n\nfunction starSVG(filled) {\n return filled\n ? '<svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>'\n : '<svg viewBox=\"0 0 24 24\" style=\"fill:#DDD\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z\"\/><\/svg>';\n}\n\nfunction buildCard(r) {\n const starsHTML = Array.from({length:5}, (_,i) => starSVG(i < r.stars)).join('');\n return `\n <div class=\"rv-card\">\n <span class=\"rv-quote\">\"<\/span>\n <div class=\"rv-top\">\n <div class=\"rv-avatar ${r.av}\">${r.init}<\/div>\n <div>\n <div class=\"rv-name\">${r.name}<\/div>\n <div class=\"rv-verified\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n Verified Buyer\n <\/div>\n <\/div>\n <\/div>\n <div class=\"rv-stars-row\">\n <div class=\"rv-stars\">${starsHTML}<\/div>\n <span class=\"rv-date\">${r.date}<\/span>\n <\/div>\n <p class=\"rv-text\">${r.text}<\/p>\n <a class=\"rv-product\" href=\"${r.link}\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z\"\/><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"\/><\/svg>\n ${r.product}\n <\/a>\n <\/div>`;\n}\n\n\/\/ \u2500\u2500 Desktop Grid (show 3 at a time, paginated) \u2500\u2500\nconst grid = document.getElementById('rvGrid');\nconst prevBtn = document.getElementById('prevBtn');\nconst nextBtn = document.getElementById('nextBtn');\nlet page = 0;\nconst perPage = 3;\nconst totalPages = Math.ceil(reviews.length \/ perPage);\n\nfunction renderGrid() {\n const start = page * perPage;\n const slice = reviews.slice(start, start + perPage);\n grid.innerHTML = slice.map(buildCard).join('');\n prevBtn.style.opacity = page === 0 ? '0.3' : '1';\n prevBtn.style.pointerEvents = page === 0 ? 'none' : 'auto';\n nextBtn.style.opacity = page >= totalPages - 1 ? '0.3' : '1';\n nextBtn.style.pointerEvents = page >= totalPages - 1 ? 'none' : 'auto';\n}\n\nprevBtn.addEventListener('click', () => { if (page > 0) { page--; renderGrid(); } });\nnextBtn.addEventListener('click', () => { if (page < totalPages - 1) { page++; renderGrid(); } });\nrenderGrid();\n\n\/\/ \u2500\u2500 Mobile Slider \u2500\u2500\nconst slider = document.getElementById('rvSlider');\nconst dotsWrap = document.getElementById('rvDots');\n\nslider.innerHTML = reviews.map(buildCard).join('');\n\n\/\/ Create dots\nreviews.forEach((_, i) => {\n const dot = document.createElement('button');\n dot.className = 'rv-dot' + (i === 0 ? ' active' : '');\n dot.setAttribute('aria-label', `Review ${i + 1}`);\n dot.addEventListener('click', () => {\n const cards = slider.querySelectorAll('.rv-card');\n cards[i].scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' });\n });\n dotsWrap.appendChild(dot);\n});\n\n\/\/ Update dots on scroll\nlet scrollTimer;\nslider.addEventListener('scroll', () => {\n clearTimeout(scrollTimer);\n scrollTimer = setTimeout(() => {\n const cards = slider.querySelectorAll('.rv-card');\n const sliderRect = slider.getBoundingClientRect();\n const center = sliderRect.left + sliderRect.width \/ 2;\n let closest = 0;\n let closestDist = Infinity;\n cards.forEach((card, i) => {\n const cardRect = card.getBoundingClientRect();\n const cardCenter = cardRect.left + cardRect.width \/ 2;\n const dist = Math.abs(center - cardCenter);\n if (dist < closestDist) { closestDist = dist; closest = i; }\n });\n dotsWrap.querySelectorAll('.rv-dot').forEach((d, i) => {\n d.classList.toggle('active', i === closest);\n });\n }, 60);\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Lucky Gifts \u2014 Products Our Best Sellers Handpicked gifts loved by our customers \u2014 personalized, wrapped, and delivered with care. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=38"}],"version-history":[{"count":6,"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":170,"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions\/170"}],"wp:attachment":[{"href":"https:\/\/luckygifts.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}