Sahasrara Slider<\/title>\n<style>\n*{box-sizing:border-box;margin:0;padding:0}\n:root{--gold:#c9a96e;--dark:#1a1008;--mid:#2c1f14;--muted:#8a6f5b;--text:#5a4535;--bg1:#ede6da;--bg2:#deeadb}\n\n.sl-outer{width:100%;font-family:'Georgia',serif;background:#f5f0eb;position:relative;overflow:hidden}\n\n.sl-track{position:relative;width:100%;overflow:hidden}\n.sl-inner{display:flex;transition:transform 0.7s cubic-bezier(0.77,0,0.18,1);will-change:transform}\n.slide{min-width:100%;display:flex;align-items:stretch;position:relative}\n\n.slide-img{width:50%;flex-shrink:0;position:relative;overflow:hidden;min-height:520px}\n.slide-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}\n.slide-img .fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:72px}\n\n.slide-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 60px 80px 56px;gap:18px;position:relative;z-index:2}\n\n.badge{display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:var(--dark);font-size:9px;letter-spacing:3px;text-transform:uppercase;padding:5px 14px;font-family:sans-serif;font-weight:700;width:fit-content}\n.badge::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--dark);display:inline-block}\n\n.eyebrow{font-family:sans-serif;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--muted)}\n\n.slide-h{font-size:14px;color:var(--muted);font-weight:400;font-style:italic;line-height:1}\n.slide-h2{font-size:48px;font-weight:700;color:var(--dark);line-height:1.1;font-style:normal;font-family:'Georgia',serif}\n\n.divider{width:48px;height:1.5px;background:var(--gold)}\n\n.slide-p{font-family:sans-serif;font-size:13.5px;color:var(--text);line-height:1.85;max-width:340px}\n\n.stats{display:flex;gap:36px}\n.stat-n{font-size:36px;font-weight:700;color:var(--mid);font-family:sans-serif;line-height:1}\n.stat-l{font-size:10px;text-transform:uppercase;letter-spacing:2.5px;color:var(--muted);font-family:sans-serif;margin-top:5px}\n\n.cta-wrap{display:flex;align-items:center;gap:20px;margin-top:4px}\n.cta{padding:14px 36px;border:1px solid var(--mid);background:transparent;color:var(--mid);font-family:sans-serif;font-size:10px;letter-spacing:3.5px;text-transform:uppercase;cursor:pointer;transition:all 0.3s;position:relative;overflow:hidden;z-index:1}\n.cta::after{content:'';position:absolute;inset:0;background:var(--mid);transform:translateX(-101%);transition:transform 0.3s cubic-bezier(0.77,0,0.18,1);z-index:-1}\n.cta:hover{color:#f5f0eb}\n.cta:hover::after{transform:translateX(0)}\n.cta-link{font-family:sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);cursor:pointer;border-bottom:1px solid var(--gold);padding-bottom:2px;background:none;border-top:none;border-left:none;border-right:none;transition:color 0.3s}\n.cta-link:hover{color:var(--dark)}\n\n.img-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(237,230,218,0.35) 100%);z-index:1;pointer-events:none}\n\n\/* ARROWS *\/\n.arrows{position:absolute;bottom:32px;right:60px;display:flex;gap:12px;z-index:30}\n.arr{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,0.9);border:1px solid rgba(44,31,20,0.2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--mid);font-size:18px;transition:all 0.25s;user-select:none;flex-shrink:0;-webkit-tap-highlight-color:transparent}\n.arr:hover{background:var(--mid);color:#fff;border-color:var(--mid)}\n.arr:active{transform:scale(0.93)}\n.arr svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n\n\/* DOTS *\/\n.dots{position:absolute;bottom:42px;left:56px;display:flex;gap:10px;z-index:30;align-items:center}\n.dot{width:24px;height:2px;background:rgba(44,31,20,0.2);border:none;cursor:pointer;padding:0;transition:all 0.4s;border-radius:2px;-webkit-tap-highlight-color:transparent}\n.dot.on{width:40px;background:var(--gold)}\n\n\/* PROGRESS *\/\n.prog-bar{position:absolute;bottom:0;left:0;height:2px;background:var(--gold);width:0;z-index:30}\n\n\/* SLIDE NUMBER *\/\n.slide-count{position:absolute;top:32px;right:60px;font-family:sans-serif;font-size:11px;color:var(--muted);letter-spacing:2px;z-index:30}\n\n\/* Pause on hover *\/\n.sl-outer:hover .prog-bar{animation-play-state:paused}\n\n\/* Keyboard focus styles *\/\n.arr:focus-visible,.dot:focus-visible,.cta:focus-visible{outline:2px solid var(--gold);outline-offset:3px}\n\n\/* ---- RESPONSIVE ---- *\/\n@media(max-width:900px){\n .slide-body{padding:48px 40px 80px 40px;gap:14px}\n .slide-h2{font-size:38px}\n .arrows{right:40px;bottom:28px}\n .dots{left:40px;bottom:36px}\n .slide-count{right:40px}\n}\n\n@media(max-width:680px){\n .slide{flex-direction:column}\n .slide-img{width:100%;min-height:0;height:52vw;max-height:300px;flex-shrink:0}\n .slide-img img{position:absolute}\n .img-overlay{background:linear-gradient(180deg,transparent 50%,rgba(237,230,218,0.5) 100%)}\n .slide-body{padding:28px 24px 72px 24px;gap:12px}\n .slide-h2{font-size:28px}\n .slide-h{font-size:12px}\n .slide-p{font-size:13px;max-width:100%}\n .stats{gap:24px}\n .stat-n{font-size:28px}\n .cta{padding:12px 28px;font-size:9px}\n .arrows{right:20px;bottom:20px;gap:8px}\n .arr{width:42px;height:42px;font-size:16px}\n .arr svg{width:14px;height:14px}\n .dots{left:20px;bottom:26px}\n .slide-count{right:20px;top:20px}\n .divider{width:36px}\n}\n\n@media(max-width:420px){\n .slide-img{height:58vw}\n .slide-h2{font-size:24px}\n .slide-body{padding:22px 18px 68px 18px;gap:10px}\n .stats{gap:18px}\n .stat-n{font-size:24px}\n .cta-link{display:none}\n .arr{width:38px;height:38px}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"sl-outer\" role=\"region\" aria-label=\"Featured product slider\" aria-roledescription=\"carousel\">\n <div class=\"sl-track\">\n <div class=\"sl-inner\" id=\"track\" aria-live=\"off\">\n\n <div class=\"slide\" style=\"background:var(--bg1)\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 1 of 2\">\n <div class=\"slide-img\">\n <img decoding=\"async\" src=\"http:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/shopify_banner-1.jpg\" alt=\"Ayurvedic skincare products with natural herbs\"\n onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"fb\" style=\"background:#e0d3c2;display:none\">\ud83c\udf3f<\/div>\n <div class=\"img-overlay\"><\/div>\n <\/div>\n <div class=\"slide-body\">\n <span class=\"badge\">New Arrival<\/span>\n <div class=\"eyebrow\">Sahasrara Collection<\/div>\n <div>\n <div class=\"slide-h\">Pure<\/div>\n <h2 class=\"slide-h2\">Ayurvedic<br>Skincare<\/h2>\n <\/div>\n <div class=\"divider\" aria-hidden=\"true\"><\/div>\n <p class=\"slide-p\">Rooted in ancient wisdom, crafted for modern skin. Experience the sacred power of Ayurvedic herbs.<\/p>\n <div class=\"stats\">\n <div><div class=\"stat-n\">100%<\/div><div class=\"stat-l\">Natural<\/div><\/div>\n <div><div class=\"stat-n\">30+<\/div><div class=\"stat-l\">Herbs<\/div><\/div>\n <\/div>\n <div class=\"cta-wrap\">\n <button class=\"cta\">Shop Now<\/button>\n <button class=\"cta-link\">View All<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"slide\" style=\"background:var(--bg2)\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 2 of 2\">\n <div class=\"slide-img\">\n <img decoding=\"async\" src=\"http:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-11-2026-07_00_48-AM-1.png\" alt=\"Healing wellness ritual products\"\n onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"fb\" style=\"background:#cddfc9;display:none\">\ud83c\udf38<\/div>\n <div class=\"img-overlay\" style=\"background:linear-gradient(90deg,transparent 60%,rgba(222,234,219,0.35) 100%)\"><\/div>\n <\/div>\n <div class=\"slide-body\">\n <div class=\"eyebrow\">Wellness Range<\/div>\n <div>\n <div class=\"slide-h\">Sacred<\/div>\n <h2 class=\"slide-h2\">Healing<br>Rituals<\/h2>\n <\/div>\n <div class=\"divider\" aria-hidden=\"true\"><\/div>\n <p class=\"slide-p\">Time-honoured formulations blending botanicals and Vedic science for radiant inner balance.<\/p>\n <div class=\"stats\">\n <div><div class=\"stat-n\">97%<\/div><div class=\"stat-l\">Skin Clarity<\/div><\/div>\n <div><div class=\"stat-n\">2 Wks<\/div><div class=\"stat-l\">Results<\/div><\/div>\n <\/div>\n <div class=\"cta-wrap\">\n <button class=\"cta\">Explore Range<\/button>\n <button class=\"cta-link\">Learn More<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"slide-count\" aria-hidden=\"true\"><span id=\"cur-n\">01<\/span> \/ 02<\/div>\n <div class=\"dots\" id=\"dots\" role=\"tablist\" aria-label=\"Slide navigation\"><\/div>\n <div class=\"arrows\">\n <button class=\"arr\" id=\"prev\" aria-label=\"Previous slide\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n <\/button>\n <button class=\"arr\" id=\"nxt\" aria-label=\"Next slide\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\n <\/button>\n <\/div>\n <div class=\"prog-bar\" id=\"prog\"><\/div>\n<\/div>\n\n<script>\n(function() {\n const track = document.getElementById('track');\n const dotsEl = document.getElementById('dots');\n const prog = document.getElementById('prog');\n const curN = document.getElementById('cur-n');\n const outer = document.querySelector('.sl-outer');\n const total = document.querySelectorAll('.slide').length;\n let cur = 0;\n let timer = null;\n let isPaused = false;\n let isTransitioning = false;\n\n \/\/ Build dots\n for (let i = 0; i < total; i++) {\n const d = document.createElement('button');\n d.className = 'dot' + (i === 0 ? ' on' : '');\n d.setAttribute('aria-label', 'Go to slide ' + (i + 1));\n d.setAttribute('role', 'tab');\n d.setAttribute('aria-selected', i === 0 ? 'true' : 'false');\n d.onclick = () => go(i);\n dotsEl.appendChild(d);\n }\n\n \/\/ Prevent rapid clicking during transition\n track.addEventListener('transitionstart', () => { isTransitioning = true; });\n track.addEventListener('transitionend', () => { isTransitioning = false; });\n\n function go(n) {\n if (isTransitioning && n !== cur) return;\n cur = ((n % total) + total) % total;\n track.style.transform = 'translateX(-' + cur * 100 + '%)';\n\n \/\/ Update dots\n document.querySelectorAll('.dot').forEach((d, i) => {\n d.classList.toggle('on', i === cur);\n d.setAttribute('aria-selected', i === cur ? 'true' : 'false');\n });\n\n \/\/ Update slide counter\n curN.textContent = String(cur + 1).padStart(2, '0');\n\n \/\/ Update aria-live region\n const slides = document.querySelectorAll('.slide');\n slides.forEach((s, i) => {\n s.setAttribute('aria-hidden', i !== cur ? 'true' : 'false');\n });\n\n resetProg();\n startAutoplay();\n }\n\n function resetProg() {\n prog.style.transition = 'none';\n prog.style.width = '0%';\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n prog.style.transition = 'width 5s linear';\n prog.style.width = '100%';\n });\n });\n }\n\n function startAutoplay() {\n clearTimeout(timer);\n if (!isPaused) {\n timer = setTimeout(() => go(cur + 1), 5000);\n }\n }\n\n \/\/ Pause autoplay on hover\n outer.addEventListener('mouseenter', () => {\n isPaused = true;\n clearTimeout(timer);\n prog.style.animationPlayState = 'paused';\n });\n outer.addEventListener('mouseleave', () => {\n isPaused = false;\n startAutoplay();\n });\n\n \/\/ Pause autoplay on focus within (accessibility)\n outer.addEventListener('focusin', () => {\n isPaused = true;\n clearTimeout(timer);\n });\n outer.addEventListener('focusout', (e) => {\n if (!outer.contains(e.relatedTarget)) {\n isPaused = false;\n startAutoplay();\n }\n });\n\n \/\/ Arrow buttons\n document.getElementById('prev').onclick = () => go(cur - 1);\n document.getElementById('nxt').onclick = () => go(cur + 1);\n\n \/\/ Keyboard navigation\n document.addEventListener('keydown', (e) => {\n if (!outer.contains(document.activeElement) && document.activeElement !== document.body) return;\n if (e.key === 'ArrowLeft') { e.preventDefault(); go(cur - 1); }\n if (e.key === 'ArrowRight') { e.preventDefault(); go(cur + 1); }\n });\n\n \/\/ Touch \/ swipe support with improved thresholds\n let touchStartX = 0;\n let touchStartY = 0;\n let isSwiping = false;\n\n outer.addEventListener('touchstart', (e) => {\n touchStartX = e.touches[0].clientX;\n touchStartY = e.touches[0].clientY;\n isSwiping = false;\n }, { passive: true });\n\n outer.addEventListener('touchmove', (e) => {\n if (isSwiping) return;\n const dx = Math.abs(e.touches[0].clientX - touchStartX);\n const dy = Math.abs(e.touches[0].clientY - touchStartY);\n \/\/ Only count as swipe if horizontal movement exceeds vertical\n if (dx > dy && dx > 10) {\n isSwiping = true;\n }\n }, { passive: true });\n\n outer.addEventListener('touchend', (e) => {\n if (!isSwiping) return;\n const dx = e.changedTouches[0].clientX - touchStartX;\n if (Math.abs(dx) > 50) {\n go(dx < 0 ? cur + 1 : cur - 1);\n }\n }, { passive: true });\n\n \/\/ Visibility API \u2014 pause when tab is hidden\n document.addEventListener('visibilitychange', () => {\n if (document.hidden) {\n isPaused = true;\n clearTimeout(timer);\n } else {\n isPaused = false;\n startAutoplay();\n }\n });\n\n \/\/ Initialize: hide non-active slides for screen readers\n document.querySelectorAll('.slide').forEach((s, i) => {\n s.setAttribute('aria-hidden', i !== 0 ? 'true' : 'false');\n });\n\n \/\/ Initial fallback images should be hidden by default\n \/\/ (already handled via inline style display:none)\n\n \/\/ Start\n resetProg();\n startAutoplay();\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 <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --gold: #b4975a;\n --dark: #1a1a1a;\n --cream: #faf9f6;\n }\n\n .sahasrara-premium-grid {\n max-width: 1300px;\n margin: 0 auto;\n padding: 60px 20px;\n background: #fff;\n }\n\n .premium-header {\n text-align: center;\n margin-bottom: 50px;\n }\n\n .premium-header h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 500;\n letter-spacing: 2px;\n color: var(--dark);\n margin-bottom: 15px;\n }\n\n .premium-header .divider {\n width: 50px;\n height: 1px;\n background: var(--gold);\n margin: 0 auto;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SQUARE RESPONSIVE GRID\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .grid-layout {\n display: grid;\n \/* 3 columns on desktop for a spacious, luxury look *\/\n grid-template-columns: repeat(3, 1fr); \n gap: 25px;\n }\n\n .square-card {\n position: relative;\n width: 100%;\n aspect-ratio: 1 \/ 1; \/* Forces perfect square *\/\n overflow: hidden;\n display: block;\n background: var(--cream);\n border: 1px solid #f0f0f0;\n }\n\n .square-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);\n }\n\n .square-card:hover img {\n transform: scale(1.1);\n }\n\n \/* The Premium Overlay *\/\n .card-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, \n rgba(26, 26, 26, 0.8) 0%, \n rgba(26, 26, 26, 0.2) 40%, \n transparent 100%);\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n padding: 40px 20px;\n text-align: center;\n transition: background 0.4s ease;\n }\n\n .square-card:hover .card-overlay {\n background: rgba(26, 26, 26, 0.3);\n }\n\n .card-overlay h3 {\n font-family: 'Cormorant Garamond', serif;\n color: #fff;\n font-size: clamp(22px, 3vw, 30px);\n font-weight: 400;\n margin-bottom: 10px;\n letter-spacing: 1px;\n }\n\n .card-overlay .btn-label {\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: var(--gold);\n font-weight: 500;\n border-bottom: 1px solid transparent;\n transition: border 0.3s ease;\n }\n\n .square-card:hover .btn-label {\n border-bottom: 1px solid var(--gold);\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n MOBILE OPTIMIZATION\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n @media (max-width: 991px) {\n .grid-layout { grid-template-columns: repeat(2, 1fr); gap: 15px; }\n }\n\n @media (max-width: 480px) {\n .sahasrara-premium-grid { padding: 40px 10px; }\n .grid-layout { gap: 10px; }\n .card-overlay { padding: 20px 10px; }\n .card-overlay h3 { font-size: 18px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"sahasrara-premium-grid\">\n <div class=\"premium-header\">\n <h2>The Sahasrara Collection<\/h2>\n <div class=\"divider\"><\/div>\n <\/div>\n\n <div class=\"grid-layout\">\n <a href=\"https:\/\/mysahasrara.in\/?product_cat=face\" class=\"square-card\">\n <img decoding=\"async\" src=\"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/istockphoto-607987962-612x612-1.jpg\" alt=\"Face Care\">\n <div class=\"card-overlay\">\n <h3>Face Care<\/h3>\n <span class=\"btn-label\">Explore<\/span>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/mysahasrara.in\/?product_cat=hair\" class=\"square-card\">\n <img decoding=\"async\" src=\"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/7-Common-Causes-of-Hair-Loss.jpg\" alt=\"Hair Care\">\n <div class=\"card-overlay\">\n <h3>Hair Care<\/h3>\n <span class=\"btn-label\">Explore<\/span>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/mysahasrara.in\/?product_cat=makeup\" class=\"square-card\">\n <img decoding=\"async\" src=\"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/VIBHA-LIPSTICK-4.jpg\" alt=\"Makeup\">\n <div class=\"card-overlay\">\n <h3>Makeup Rituals<\/h3>\n <span class=\"btn-label\">Explore<\/span>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/mysahasrara.in\/?product_cat=body\" class=\"square-card\">\n <img decoding=\"async\" src=\"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/NAMITHA-FND2.jpg\" alt=\"Body Care\">\n <div class=\"card-overlay\">\n <h3>Body & Bath<\/h3>\n <span class=\"btn-label\">Explore<\/span>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/mysahasrara.in\/?product_cat=perfumes-mist\" class=\"square-card\">\n <img decoding=\"async\" src=\"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/Cool-water-perfume-edited_3-1-1.png\" alt=\"Perfumes\">\n <div class=\"card-overlay\">\n <h3>Fragrance<\/h3>\n <span class=\"btn-label\">Explore<\/span>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/mysahasrara.in\/?product_cat=concerns\" class=\"square-card\">\n <img decoding=\"async\" src=\"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/New-Project-2-e1623802591470-420x420-1.jpg\" alt=\"Shop by Concerns\">\n <div class=\"card-overlay\">\n <h3>Concerns<\/h3>\n <span class=\"btn-label\">Explore<\/span>\n <\/div>\n <\/a>\n <\/div>\n<\/div>\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>Best Sellers \u2013 Sahasrara Ayurvedic<\/title>\n<style>\n *{box-sizing:border-box;margin:0;padding:0}\n body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#fff;color:#2a1a0a}\n\n .page{width:100%;max-width:1400px;margin:0 auto;padding:0 0 3rem}\n\n .header{text-align:center;padding:2.5rem 1rem 1rem;background:#fdf8f2}\n .eyebrow{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#a07850;margin-bottom:6px}\n .h1{font-size:clamp(22px,4vw,36px);font-weight:500;color:#2a1a0a;letter-spacing:.5px}\n .sub{font-size:clamp(12px,2vw,14px);color:#7a5c3a;margin-top:6px}\n .rule{width:40px;height:2px;background:#8b5c2a;margin:12px auto 0;border-radius:2px}\n\n .promo{background:#fdf3e7;border-top:1px solid #e8c99a;border-bottom:1px solid #e8c99a;padding:9px 1rem;text-align:center;font-size:clamp(11px,2vw,13px);color:#7a4a18;letter-spacing:.3px}\n .promo strong{font-weight:600}\n\n .toolbar{display:flex;align-items:center;padding:.9rem 1rem .6rem;flex-wrap:wrap;gap:8px}\n .pill{font-size:clamp(11px,2vw,13px);padding:6px 16px;border-radius:20px;border:1px solid #d4b896;cursor:pointer;background:#fff;color:#7a5c3a;transition:all .15s;white-space:nowrap;user-select:none}\n .pill:hover{border-color:#8b5c2a;color:#8b5c2a}\n .pill.on{background:#8b5c2a;color:#fff8f0;border-color:#8b5c2a}\n\n .count-bar{padding:0 1rem .6rem;font-size:12px;color:#a07850}\n\n .products{padding:0 1rem}\n\n .grid{display:grid;gap:clamp(8px,1.5vw,14px);grid-template-columns:repeat(6,minmax(0,1fr))}\n\n @media(max-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}\n @media(max-width:750px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}\n @media(max-width:480px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n\n .card{background:#fff;border:1px solid #ede3d8;border-radius:12px;overflow:hidden;position:relative;transition:border-color .2s,transform .2s;cursor:pointer}\n .card:hover{border-color:#c49a6c;transform:translateY(-2px)}\n\n .bs-badge{position:absolute;top:7px;left:7px;background:#8b5c2a;color:#fff8f0;font-size:8px;font-weight:600;letter-spacing:.8px;padding:2px 7px;border-radius:20px;z-index:3;text-transform:uppercase;white-space:nowrap}\n .sale-badge{position:absolute;top:7px;right:7px;background:#c0392b;color:#fff;font-size:8px;font-weight:600;padding:2px 6px;border-radius:20px;z-index:3}\n\n .img-wrap{width:100%;aspect-ratio:1;overflow:hidden;background:#f8f4ee}\n .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s;display:block}\n .card:hover .img-wrap img{transform:scale(1.06)}\n\n .cbody{padding:clamp(7px,1.5vw,11px)}\n .ctag{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:#a07850;margin-bottom:2px}\n .cname{font-size:clamp(10px,1.5vw,13px);font-weight:500;color:#2a1a0a;line-height:1.3;margin-bottom:4px}\n .cstars{color:#c8932a;font-size:10px;margin-bottom:5px;letter-spacing:.3px}\n .crow{display:flex;align-items:flex-end;justify-content:space-between;gap:4px;flex-wrap:wrap}\n .corig{font-size:9px;color:#a07850;text-decoration:line-through;line-height:1}\n .ccurr{font-size:clamp(12px,2vw,15px);font-weight:600;color:#7a4010;line-height:1.2}\n .cbtn{font-size:clamp(9px,1.5vw,11px);font-weight:500;color:#8b5c2a;border:1px solid #8b5c2a;background:transparent;padding:4px 10px;border-radius:20px;cursor:pointer;white-space:nowrap;transition:background .15s;margin-top:2px}\n .cbtn:hover{background:#fdf3e7}\n\n .hidden{display:none}\n\n .footer{text-align:center;padding:1.8rem 1rem .6rem;border-top:1px solid #ede3d8;margin-top:1.8rem;font-size:11px;color:#a07850}\n .footer a{color:#8b5c2a;text-decoration:none}\n .footer a:hover{text-decoration:underline}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"page\">\n\n <div class=\"header\">\n <div class=\"eyebrow\">Sahasrara Ayurvedic<\/div>\n <div class=\"h1\">Best Sellers<\/div>\n <div class=\"sub\">Pure Ayurvedic formulations loved by thousands across India<\/div>\n <div class=\"rule\"><\/div>\n <\/div>\n\n <div class=\"promo\">Free shipping above ₹999 · Use code <strong>SAHASRARA10<\/strong> for 10% off<\/div>\n\n <div class=\"toolbar\">\n <div class=\"pill on\" onclick=\"setFilter('all',this)\">All (4)<\/div>\n <div class=\"pill\" onclick=\"setFilter('Skincare',this)\">Skincare<\/div>\n <div class=\"pill\" onclick=\"setFilter('Sun Care',this)\">Sun care<\/div>\n <div class=\"pill\" onclick=\"setFilter('Hair Care',this)\">Hair care<\/div>\n <\/div>\n\n <div class=\"count-bar\" id=\"cbar\">Showing 4 products<\/div>\n\n <div class=\"products\">\n <div class=\"grid\" id=\"grid\"><\/div>\n <\/div>\n\n <div class=\"footer\">\n Sahasrara — 100% Natural · Ayurvedic · Cruelty-Free · \n <a href=\"https:\/\/mysahasrara.in\" target=\"_blank\">mysahasrara.in<\/a>\n <\/div>\n\n<\/div>\n\n<script>\nconst PRODUCTS = [\n {\n name: \"Pure Rose Gel \u2013 Hydrating & Brightening Skin Gel\",\n tag: \"Skincare\",\n cat: \"Skincare\",\n img: \"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/Pure-Rose-Gel-%E2%80%93-Hydrating-Brightening-Skin-Gel-_-Sahasrara-edited_1-300x300.png\",\n orig: 299, curr: 199,\n badge: \"#1 Best Seller\",\n url: \"https:\/\/mysahasrara.in\/?product=pure-rose-gel-hydrating-brightening-skin-gel-sahasrara\"\n },\n {\n name: \"Sun Protection Lotion (SPF 50+++)\",\n tag: \"Sun Care\",\n cat: \"Sun Care\",\n img: \"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/Sun-Protection-SPF-50-edited_3-1-300x300.png\",\n orig: 399, curr: 299,\n badge: \"#2 Best Seller\",\n url: \"https:\/\/mysahasrara.in\/?product=sun-protection-spf-50\"\n },\n {\n name: \"SPF 50+ Sunscreen Cream \u2013 All Skin Types\",\n tag: \"Sun Care\",\n cat: \"Sun Care\",\n img: \"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/SPF-50-cream-edited_4-1-300x300.png\",\n orig: 399, curr: 299,\n badge: \"#3 Best Seller\",\n url: \"https:\/\/mysahasrara.in\/?product=spf-50-sunscreen-cream-for-all-skin-types\"\n },\n {\n name: \"Sahasrara Hair Oil \u2013 Strength & Growth\",\n tag: \"Hair Care\",\n cat: \"Hair Care\",\n img: \"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/Sahasrara-Hair-Oil-_-Strength-Hair-Growth-Hair-fall-Dandruff-edited_4-1-300x300.png\",\n orig: 349, curr: 299,\n badge: \"#4 Best Seller\",\n url: \"https:\/\/mysahasrara.in\/?product=sahasrara-hair-oil-strength-hair-growth-hair-fall-dandruff\"\n }\n];\n\nlet currentCat = 'all';\n\nfunction disc(p){ return Math.round(((p.orig - p.curr) \/ p.orig) * 100); }\n\nfunction cardHTML(p){\n return `<div class=\"card\" onclick=\"window.open('${p.url}','_blank')\">\n <div class=\"bs-badge\">${p.badge}<\/div>\n <div class=\"sale-badge\">-${disc(p)}%<\/div>\n <div class=\"img-wrap\">\n <img decoding=\"async\" src=\"${p.img}\" alt=\"${p.name}\" loading=\"lazy\"\n onerror=\"this.parentNode.style.background='#f0e8dc';this.remove()\"\/>\n <\/div>\n <div class=\"cbody\">\n <div class=\"ctag\">${p.tag}<\/div>\n <div class=\"cname\">${p.name}<\/div>\n <div class=\"cstars\">★★★★★\n <span style=\"font-size:9px;color:#a07850\">(4.9)<\/span>\n <\/div>\n <div class=\"crow\">\n <div>\n <div class=\"corig\">₹${p.orig}<\/div>\n <div class=\"ccurr\">₹${p.curr}<\/div>\n <\/div>\n <button class=\"cbtn\"\n onclick=\"event.stopPropagation();window.open('${p.url}','_blank')\">\n Add to cart\n <\/button>\n <\/div>\n <\/div>\n <\/div>`;\n}\n\nfunction render(){\n const list = currentCat === 'all' ? PRODUCTS : PRODUCTS.filter(p => p.cat === currentCat);\n document.getElementById('cbar').textContent = 'Showing ' + list.length + ' product' + (list.length !== 1 ? 's' : '');\n document.getElementById('grid').innerHTML = list.map(cardHTML).join('');\n}\n\nfunction setFilter(c, el){\n currentCat = c;\n document.querySelectorAll('.pill').forEach(p => p.classList.remove('on'));\n el.classList.add('on');\n render();\n}\n\nrender();\n<\/script>\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 <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --gold: #b4975a;\n --dark: #1a1a1a;\n --cream: #faf9f6;\n --text-muted: #777;\n }\n\n .sahasrara-reviews {\n max-width: 1300px;\n margin: 0 auto;\n padding: 80px 20px;\n background: #fff;\n }\n\n .review-header {\n text-align: center;\n margin-bottom: 60px;\n }\n\n .review-header span {\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: var(--gold);\n display: block;\n margin-bottom: 10px;\n }\n\n .review-header h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(28px, 4vw, 40px);\n font-weight: 500;\n color: var(--dark);\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n REVIEW GRID\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .review-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n }\n\n .review-card {\n background: var(--cream);\n padding: 40px 30px;\n text-align: center;\n border: 1px solid transparent;\n transition: all 0.4s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .review-card:hover {\n border-color: var(--gold);\n background: #fff;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n }\n\n \/* Star Rating *\/\n .stars {\n color: var(--gold);\n font-size: 14px;\n margin-bottom: 20px;\n letter-spacing: 2px;\n }\n\n .review-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 20px;\n line-height: 1.6;\n font-style: italic;\n color: var(--dark);\n margin-bottom: 25px;\n flex-grow: 1;\n }\n\n .reviewer-info {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .reviewer-name {\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 2px;\n font-weight: 500;\n color: var(--dark);\n margin-bottom: 5px;\n }\n\n .verified-tag {\n font-size: 10px;\n color: var(--gold);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESPONSIVE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n @media (max-width: 991px) {\n .review-grid { grid-template-columns: repeat(2, 1fr); }\n }\n\n @media (max-width: 650px) {\n .review-grid { grid-template-columns: 1fr; }\n .sahasrara-reviews { padding: 60px 15px; }\n .review-card { padding: 35px 20px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<section class=\"sahasrara-reviews\">\n <div class=\"review-header\">\n <span>Customer Stories<\/span>\n <h2>What Our Community Says<\/h2>\n <\/div>\n\n <div class=\"review-grid\">\n <div class=\"review-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"review-text\">“The Anti-Pigmentation serum has completely transformed my skin texture. It feels lightweight and very premium.”<\/p>\n <div class=\"reviewer-info\">\n <span class=\"reviewer-name\">Ananya R.<\/span>\n <span class=\"verified-tag\">Verified Buyer<\/span>\n <\/div>\n <\/div>\n\n <div class=\"review-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"review-text\">“Sahasrara’s hair care rituals are unlike anything I’ve tried. My hair feels much stronger and has a natural shine.”<\/p>\n <div class=\"reviewer-info\">\n <span class=\"reviewer-name\">Vikram S.<\/span>\n <span class=\"verified-tag\">Verified Buyer<\/span>\n <\/div>\n <\/div>\n\n <div class=\"review-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"review-text\">“The fragrances are ethereal. Not too strong, just the perfect hint of traditional Ayurvedic botanicals.”<\/p>\n <div class=\"reviewer-info\">\n <span class=\"reviewer-name\">Meera K.<\/span>\n <span class=\"verified-tag\">Verified Buyer<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Sahasrara Slider \ud83c\udf3f New Arrival Sahasrara Collection Pure AyurvedicSkincare Rooted in ancient wisdom, crafted for modern skin. Experience the sacred […]<\/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":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mysahasrara.in\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mysahasrara.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mysahasrara.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mysahasrara.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mysahasrara.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":5,"href":"https:\/\/mysahasrara.in\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":542,"href":"https:\/\/mysahasrara.in\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/542"}],"wp:attachment":[{"href":"https:\/\/mysahasrara.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":11,"date":"2026-04-10T18:00:40","date_gmt":"2026-04-10T18:00:40","guid":{"rendered":"https:\/\/mysahasrara.in\/?page_id=11"},"modified":"2026-04-11T23:38:58","modified_gmt":"2026-04-11T23:38:58","slug":"home","status":"publish","type":"page","link":"https:\/\/mysahasrara.in\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\nSahasrara Slider<\/title>\n<style>\n*{box-sizing:border-box;margin:0;padding:0}\n:root{--gold:#c9a96e;--dark:#1a1008;--mid:#2c1f14;--muted:#8a6f5b;--text:#5a4535;--bg1:#ede6da;--bg2:#deeadb}\n\n.sl-outer{width:100%;font-family:'Georgia',serif;background:#f5f0eb;position:relative;overflow:hidden}\n\n.sl-track{position:relative;width:100%;overflow:hidden}\n.sl-inner{display:flex;transition:transform 0.7s cubic-bezier(0.77,0,0.18,1);will-change:transform}\n.slide{min-width:100%;display:flex;align-items:stretch;position:relative}\n\n.slide-img{width:50%;flex-shrink:0;position:relative;overflow:hidden;min-height:520px}\n.slide-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}\n.slide-img .fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:72px}\n\n.slide-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 60px 80px 56px;gap:18px;position:relative;z-index:2}\n\n.badge{display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:var(--dark);font-size:9px;letter-spacing:3px;text-transform:uppercase;padding:5px 14px;font-family:sans-serif;font-weight:700;width:fit-content}\n.badge::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--dark);display:inline-block}\n\n.eyebrow{font-family:sans-serif;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--muted)}\n\n.slide-h{font-size:14px;color:var(--muted);font-weight:400;font-style:italic;line-height:1}\n.slide-h2{font-size:48px;font-weight:700;color:var(--dark);line-height:1.1;font-style:normal;font-family:'Georgia',serif}\n\n.divider{width:48px;height:1.5px;background:var(--gold)}\n\n.slide-p{font-family:sans-serif;font-size:13.5px;color:var(--text);line-height:1.85;max-width:340px}\n\n.stats{display:flex;gap:36px}\n.stat-n{font-size:36px;font-weight:700;color:var(--mid);font-family:sans-serif;line-height:1}\n.stat-l{font-size:10px;text-transform:uppercase;letter-spacing:2.5px;color:var(--muted);font-family:sans-serif;margin-top:5px}\n\n.cta-wrap{display:flex;align-items:center;gap:20px;margin-top:4px}\n.cta{padding:14px 36px;border:1px solid var(--mid);background:transparent;color:var(--mid);font-family:sans-serif;font-size:10px;letter-spacing:3.5px;text-transform:uppercase;cursor:pointer;transition:all 0.3s;position:relative;overflow:hidden;z-index:1}\n.cta::after{content:'';position:absolute;inset:0;background:var(--mid);transform:translateX(-101%);transition:transform 0.3s cubic-bezier(0.77,0,0.18,1);z-index:-1}\n.cta:hover{color:#f5f0eb}\n.cta:hover::after{transform:translateX(0)}\n.cta-link{font-family:sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);cursor:pointer;border-bottom:1px solid var(--gold);padding-bottom:2px;background:none;border-top:none;border-left:none;border-right:none;transition:color 0.3s}\n.cta-link:hover{color:var(--dark)}\n\n.img-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(237,230,218,0.35) 100%);z-index:1;pointer-events:none}\n\n\/* ARROWS *\/\n.arrows{position:absolute;bottom:32px;right:60px;display:flex;gap:12px;z-index:30}\n.arr{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,0.9);border:1px solid rgba(44,31,20,0.2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--mid);font-size:18px;transition:all 0.25s;user-select:none;flex-shrink:0;-webkit-tap-highlight-color:transparent}\n.arr:hover{background:var(--mid);color:#fff;border-color:var(--mid)}\n.arr:active{transform:scale(0.93)}\n.arr svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n\n\/* DOTS *\/\n.dots{position:absolute;bottom:42px;left:56px;display:flex;gap:10px;z-index:30;align-items:center}\n.dot{width:24px;height:2px;background:rgba(44,31,20,0.2);border:none;cursor:pointer;padding:0;transition:all 0.4s;border-radius:2px;-webkit-tap-highlight-color:transparent}\n.dot.on{width:40px;background:var(--gold)}\n\n\/* PROGRESS *\/\n.prog-bar{position:absolute;bottom:0;left:0;height:2px;background:var(--gold);width:0;z-index:30}\n\n\/* SLIDE NUMBER *\/\n.slide-count{position:absolute;top:32px;right:60px;font-family:sans-serif;font-size:11px;color:var(--muted);letter-spacing:2px;z-index:30}\n\n\/* Pause on hover *\/\n.sl-outer:hover .prog-bar{animation-play-state:paused}\n\n\/* Keyboard focus styles *\/\n.arr:focus-visible,.dot:focus-visible,.cta:focus-visible{outline:2px solid var(--gold);outline-offset:3px}\n\n\/* ---- RESPONSIVE ---- *\/\n@media(max-width:900px){\n .slide-body{padding:48px 40px 80px 40px;gap:14px}\n .slide-h2{font-size:38px}\n .arrows{right:40px;bottom:28px}\n .dots{left:40px;bottom:36px}\n .slide-count{right:40px}\n}\n\n@media(max-width:680px){\n .slide{flex-direction:column}\n .slide-img{width:100%;min-height:0;height:52vw;max-height:300px;flex-shrink:0}\n .slide-img img{position:absolute}\n .img-overlay{background:linear-gradient(180deg,transparent 50%,rgba(237,230,218,0.5) 100%)}\n .slide-body{padding:28px 24px 72px 24px;gap:12px}\n .slide-h2{font-size:28px}\n .slide-h{font-size:12px}\n .slide-p{font-size:13px;max-width:100%}\n .stats{gap:24px}\n .stat-n{font-size:28px}\n .cta{padding:12px 28px;font-size:9px}\n .arrows{right:20px;bottom:20px;gap:8px}\n .arr{width:42px;height:42px;font-size:16px}\n .arr svg{width:14px;height:14px}\n .dots{left:20px;bottom:26px}\n .slide-count{right:20px;top:20px}\n .divider{width:36px}\n}\n\n@media(max-width:420px){\n .slide-img{height:58vw}\n .slide-h2{font-size:24px}\n .slide-body{padding:22px 18px 68px 18px;gap:10px}\n .stats{gap:18px}\n .stat-n{font-size:24px}\n .cta-link{display:none}\n .arr{width:38px;height:38px}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"sl-outer\" role=\"region\" aria-label=\"Featured product slider\" aria-roledescription=\"carousel\">\n <div class=\"sl-track\">\n <div class=\"sl-inner\" id=\"track\" aria-live=\"off\">\n\n <div class=\"slide\" style=\"background:var(--bg1)\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 1 of 2\">\n <div class=\"slide-img\">\n <img decoding=\"async\" src=\"http:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/shopify_banner-1.jpg\" alt=\"Ayurvedic skincare products with natural herbs\"\n onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"fb\" style=\"background:#e0d3c2;display:none\">\ud83c\udf3f<\/div>\n <div class=\"img-overlay\"><\/div>\n <\/div>\n <div class=\"slide-body\">\n <span class=\"badge\">New Arrival<\/span>\n <div class=\"eyebrow\">Sahasrara Collection<\/div>\n <div>\n <div class=\"slide-h\">Pure<\/div>\n <h2 class=\"slide-h2\">Ayurvedic<br>Skincare<\/h2>\n <\/div>\n <div class=\"divider\" aria-hidden=\"true\"><\/div>\n <p class=\"slide-p\">Rooted in ancient wisdom, crafted for modern skin. Experience the sacred power of Ayurvedic herbs.<\/p>\n <div class=\"stats\">\n <div><div class=\"stat-n\">100%<\/div><div class=\"stat-l\">Natural<\/div><\/div>\n <div><div class=\"stat-n\">30+<\/div><div class=\"stat-l\">Herbs<\/div><\/div>\n <\/div>\n <div class=\"cta-wrap\">\n <button class=\"cta\">Shop Now<\/button>\n <button class=\"cta-link\">View All<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"slide\" style=\"background:var(--bg2)\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 2 of 2\">\n <div class=\"slide-img\">\n <img decoding=\"async\" src=\"http:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-11-2026-07_00_48-AM-1.png\" alt=\"Healing wellness ritual products\"\n onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n <div class=\"fb\" style=\"background:#cddfc9;display:none\">\ud83c\udf38<\/div>\n <div class=\"img-overlay\" style=\"background:linear-gradient(90deg,transparent 60%,rgba(222,234,219,0.35) 100%)\"><\/div>\n <\/div>\n <div class=\"slide-body\">\n <div class=\"eyebrow\">Wellness Range<\/div>\n <div>\n <div class=\"slide-h\">Sacred<\/div>\n <h2 class=\"slide-h2\">Healing<br>Rituals<\/h2>\n <\/div>\n <div class=\"divider\" aria-hidden=\"true\"><\/div>\n <p class=\"slide-p\">Time-honoured formulations blending botanicals and Vedic science for radiant inner balance.<\/p>\n <div class=\"stats\">\n <div><div class=\"stat-n\">97%<\/div><div class=\"stat-l\">Skin Clarity<\/div><\/div>\n <div><div class=\"stat-n\">2 Wks<\/div><div class=\"stat-l\">Results<\/div><\/div>\n <\/div>\n <div class=\"cta-wrap\">\n <button class=\"cta\">Explore Range<\/button>\n <button class=\"cta-link\">Learn More<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"slide-count\" aria-hidden=\"true\"><span id=\"cur-n\">01<\/span> \/ 02<\/div>\n <div class=\"dots\" id=\"dots\" role=\"tablist\" aria-label=\"Slide navigation\"><\/div>\n <div class=\"arrows\">\n <button class=\"arr\" id=\"prev\" aria-label=\"Previous slide\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n <\/button>\n <button class=\"arr\" id=\"nxt\" aria-label=\"Next slide\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\n <\/button>\n <\/div>\n <div class=\"prog-bar\" id=\"prog\"><\/div>\n<\/div>\n\n<script>\n(function() {\n const track = document.getElementById('track');\n const dotsEl = document.getElementById('dots');\n const prog = document.getElementById('prog');\n const curN = document.getElementById('cur-n');\n const outer = document.querySelector('.sl-outer');\n const total = document.querySelectorAll('.slide').length;\n let cur = 0;\n let timer = null;\n let isPaused = false;\n let isTransitioning = false;\n\n \/\/ Build dots\n for (let i = 0; i < total; i++) {\n const d = document.createElement('button');\n d.className = 'dot' + (i === 0 ? ' on' : '');\n d.setAttribute('aria-label', 'Go to slide ' + (i + 1));\n d.setAttribute('role', 'tab');\n d.setAttribute('aria-selected', i === 0 ? 'true' : 'false');\n d.onclick = () => go(i);\n dotsEl.appendChild(d);\n }\n\n \/\/ Prevent rapid clicking during transition\n track.addEventListener('transitionstart', () => { isTransitioning = true; });\n track.addEventListener('transitionend', () => { isTransitioning = false; });\n\n function go(n) {\n if (isTransitioning && n !== cur) return;\n cur = ((n % total) + total) % total;\n track.style.transform = 'translateX(-' + cur * 100 + '%)';\n\n \/\/ Update dots\n document.querySelectorAll('.dot').forEach((d, i) => {\n d.classList.toggle('on', i === cur);\n d.setAttribute('aria-selected', i === cur ? 'true' : 'false');\n });\n\n \/\/ Update slide counter\n curN.textContent = String(cur + 1).padStart(2, '0');\n\n \/\/ Update aria-live region\n const slides = document.querySelectorAll('.slide');\n slides.forEach((s, i) => {\n s.setAttribute('aria-hidden', i !== cur ? 'true' : 'false');\n });\n\n resetProg();\n startAutoplay();\n }\n\n function resetProg() {\n prog.style.transition = 'none';\n prog.style.width = '0%';\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n prog.style.transition = 'width 5s linear';\n prog.style.width = '100%';\n });\n });\n }\n\n function startAutoplay() {\n clearTimeout(timer);\n if (!isPaused) {\n timer = setTimeout(() => go(cur + 1), 5000);\n }\n }\n\n \/\/ Pause autoplay on hover\n outer.addEventListener('mouseenter', () => {\n isPaused = true;\n clearTimeout(timer);\n prog.style.animationPlayState = 'paused';\n });\n outer.addEventListener('mouseleave', () => {\n isPaused = false;\n startAutoplay();\n });\n\n \/\/ Pause autoplay on focus within (accessibility)\n outer.addEventListener('focusin', () => {\n isPaused = true;\n clearTimeout(timer);\n });\n outer.addEventListener('focusout', (e) => {\n if (!outer.contains(e.relatedTarget)) {\n isPaused = false;\n startAutoplay();\n }\n });\n\n \/\/ Arrow buttons\n document.getElementById('prev').onclick = () => go(cur - 1);\n document.getElementById('nxt').onclick = () => go(cur + 1);\n\n \/\/ Keyboard navigation\n document.addEventListener('keydown', (e) => {\n if (!outer.contains(document.activeElement) && document.activeElement !== document.body) return;\n if (e.key === 'ArrowLeft') { e.preventDefault(); go(cur - 1); }\n if (e.key === 'ArrowRight') { e.preventDefault(); go(cur + 1); }\n });\n\n \/\/ Touch \/ swipe support with improved thresholds\n let touchStartX = 0;\n let touchStartY = 0;\n let isSwiping = false;\n\n outer.addEventListener('touchstart', (e) => {\n touchStartX = e.touches[0].clientX;\n touchStartY = e.touches[0].clientY;\n isSwiping = false;\n }, { passive: true });\n\n outer.addEventListener('touchmove', (e) => {\n if (isSwiping) return;\n const dx = Math.abs(e.touches[0].clientX - touchStartX);\n const dy = Math.abs(e.touches[0].clientY - touchStartY);\n \/\/ Only count as swipe if horizontal movement exceeds vertical\n if (dx > dy && dx > 10) {\n isSwiping = true;\n }\n }, { passive: true });\n\n outer.addEventListener('touchend', (e) => {\n if (!isSwiping) return;\n const dx = e.changedTouches[0].clientX - touchStartX;\n if (Math.abs(dx) > 50) {\n go(dx < 0 ? cur + 1 : cur - 1);\n }\n }, { passive: true });\n\n \/\/ Visibility API \u2014 pause when tab is hidden\n document.addEventListener('visibilitychange', () => {\n if (document.hidden) {\n isPaused = true;\n clearTimeout(timer);\n } else {\n isPaused = false;\n startAutoplay();\n }\n });\n\n \/\/ Initialize: hide non-active slides for screen readers\n document.querySelectorAll('.slide').forEach((s, i) => {\n s.setAttribute('aria-hidden', i !== 0 ? 'true' : 'false');\n });\n\n \/\/ Initial fallback images should be hidden by default\n \/\/ (already handled via inline style display:none)\n\n \/\/ Start\n resetProg();\n startAutoplay();\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 <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --gold: #b4975a;\n --dark: #1a1a1a;\n --cream: #faf9f6;\n }\n\n .sahasrara-premium-grid {\n max-width: 1300px;\n margin: 0 auto;\n padding: 60px 20px;\n background: #fff;\n }\n\n .premium-header {\n text-align: center;\n margin-bottom: 50px;\n }\n\n .premium-header h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 500;\n letter-spacing: 2px;\n color: var(--dark);\n margin-bottom: 15px;\n }\n\n .premium-header .divider {\n width: 50px;\n height: 1px;\n background: var(--gold);\n margin: 0 auto;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SQUARE RESPONSIVE GRID\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .grid-layout {\n display: grid;\n \/* 3 columns on desktop for a spacious, luxury look *\/\n grid-template-columns: repeat(3, 1fr); \n gap: 25px;\n }\n\n .square-card {\n position: relative;\n width: 100%;\n aspect-ratio: 1 \/ 1; \/* Forces perfect square *\/\n overflow: hidden;\n display: block;\n background: var(--cream);\n border: 1px solid #f0f0f0;\n }\n\n .square-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);\n }\n\n .square-card:hover img {\n transform: scale(1.1);\n }\n\n \/* The Premium Overlay *\/\n .card-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, \n rgba(26, 26, 26, 0.8) 0%, \n rgba(26, 26, 26, 0.2) 40%, \n transparent 100%);\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n padding: 40px 20px;\n text-align: center;\n transition: background 0.4s ease;\n }\n\n .square-card:hover .card-overlay {\n background: rgba(26, 26, 26, 0.3);\n }\n\n .card-overlay h3 {\n font-family: 'Cormorant Garamond', serif;\n color: #fff;\n font-size: clamp(22px, 3vw, 30px);\n font-weight: 400;\n margin-bottom: 10px;\n letter-spacing: 1px;\n }\n\n .card-overlay .btn-label {\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: var(--gold);\n font-weight: 500;\n border-bottom: 1px solid transparent;\n transition: border 0.3s ease;\n }\n\n .square-card:hover .btn-label {\n border-bottom: 1px solid var(--gold);\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n MOBILE OPTIMIZATION\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n @media (max-width: 991px) {\n .grid-layout { grid-template-columns: repeat(2, 1fr); gap: 15px; }\n }\n\n @media (max-width: 480px) {\n .sahasrara-premium-grid { padding: 40px 10px; }\n .grid-layout { gap: 10px; }\n .card-overlay { padding: 20px 10px; }\n .card-overlay h3 { font-size: 18px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"sahasrara-premium-grid\">\n <div class=\"premium-header\">\n <h2>The Sahasrara Collection<\/h2>\n <div class=\"divider\"><\/div>\n <\/div>\n\n <div class=\"grid-layout\">\n <a href=\"https:\/\/mysahasrara.in\/?product_cat=face\" class=\"square-card\">\n <img decoding=\"async\" src=\"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/istockphoto-607987962-612x612-1.jpg\" alt=\"Face Care\">\n <div class=\"card-overlay\">\n <h3>Face Care<\/h3>\n <span class=\"btn-label\">Explore<\/span>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/mysahasrara.in\/?product_cat=hair\" class=\"square-card\">\n <img decoding=\"async\" src=\"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/7-Common-Causes-of-Hair-Loss.jpg\" alt=\"Hair Care\">\n <div class=\"card-overlay\">\n <h3>Hair Care<\/h3>\n <span class=\"btn-label\">Explore<\/span>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/mysahasrara.in\/?product_cat=makeup\" class=\"square-card\">\n <img decoding=\"async\" src=\"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/VIBHA-LIPSTICK-4.jpg\" alt=\"Makeup\">\n <div class=\"card-overlay\">\n <h3>Makeup Rituals<\/h3>\n <span class=\"btn-label\">Explore<\/span>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/mysahasrara.in\/?product_cat=body\" class=\"square-card\">\n <img decoding=\"async\" src=\"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/NAMITHA-FND2.jpg\" alt=\"Body Care\">\n <div class=\"card-overlay\">\n <h3>Body & Bath<\/h3>\n <span class=\"btn-label\">Explore<\/span>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/mysahasrara.in\/?product_cat=perfumes-mist\" class=\"square-card\">\n <img decoding=\"async\" src=\"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/Cool-water-perfume-edited_3-1-1.png\" alt=\"Perfumes\">\n <div class=\"card-overlay\">\n <h3>Fragrance<\/h3>\n <span class=\"btn-label\">Explore<\/span>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/mysahasrara.in\/?product_cat=concerns\" class=\"square-card\">\n <img decoding=\"async\" src=\"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/New-Project-2-e1623802591470-420x420-1.jpg\" alt=\"Shop by Concerns\">\n <div class=\"card-overlay\">\n <h3>Concerns<\/h3>\n <span class=\"btn-label\">Explore<\/span>\n <\/div>\n <\/a>\n <\/div>\n<\/div>\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>Best Sellers \u2013 Sahasrara Ayurvedic<\/title>\n<style>\n *{box-sizing:border-box;margin:0;padding:0}\n body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#fff;color:#2a1a0a}\n\n .page{width:100%;max-width:1400px;margin:0 auto;padding:0 0 3rem}\n\n .header{text-align:center;padding:2.5rem 1rem 1rem;background:#fdf8f2}\n .eyebrow{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#a07850;margin-bottom:6px}\n .h1{font-size:clamp(22px,4vw,36px);font-weight:500;color:#2a1a0a;letter-spacing:.5px}\n .sub{font-size:clamp(12px,2vw,14px);color:#7a5c3a;margin-top:6px}\n .rule{width:40px;height:2px;background:#8b5c2a;margin:12px auto 0;border-radius:2px}\n\n .promo{background:#fdf3e7;border-top:1px solid #e8c99a;border-bottom:1px solid #e8c99a;padding:9px 1rem;text-align:center;font-size:clamp(11px,2vw,13px);color:#7a4a18;letter-spacing:.3px}\n .promo strong{font-weight:600}\n\n .toolbar{display:flex;align-items:center;padding:.9rem 1rem .6rem;flex-wrap:wrap;gap:8px}\n .pill{font-size:clamp(11px,2vw,13px);padding:6px 16px;border-radius:20px;border:1px solid #d4b896;cursor:pointer;background:#fff;color:#7a5c3a;transition:all .15s;white-space:nowrap;user-select:none}\n .pill:hover{border-color:#8b5c2a;color:#8b5c2a}\n .pill.on{background:#8b5c2a;color:#fff8f0;border-color:#8b5c2a}\n\n .count-bar{padding:0 1rem .6rem;font-size:12px;color:#a07850}\n\n .products{padding:0 1rem}\n\n .grid{display:grid;gap:clamp(8px,1.5vw,14px);grid-template-columns:repeat(6,minmax(0,1fr))}\n\n @media(max-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}\n @media(max-width:750px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}\n @media(max-width:480px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n\n .card{background:#fff;border:1px solid #ede3d8;border-radius:12px;overflow:hidden;position:relative;transition:border-color .2s,transform .2s;cursor:pointer}\n .card:hover{border-color:#c49a6c;transform:translateY(-2px)}\n\n .bs-badge{position:absolute;top:7px;left:7px;background:#8b5c2a;color:#fff8f0;font-size:8px;font-weight:600;letter-spacing:.8px;padding:2px 7px;border-radius:20px;z-index:3;text-transform:uppercase;white-space:nowrap}\n .sale-badge{position:absolute;top:7px;right:7px;background:#c0392b;color:#fff;font-size:8px;font-weight:600;padding:2px 6px;border-radius:20px;z-index:3}\n\n .img-wrap{width:100%;aspect-ratio:1;overflow:hidden;background:#f8f4ee}\n .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s;display:block}\n .card:hover .img-wrap img{transform:scale(1.06)}\n\n .cbody{padding:clamp(7px,1.5vw,11px)}\n .ctag{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:#a07850;margin-bottom:2px}\n .cname{font-size:clamp(10px,1.5vw,13px);font-weight:500;color:#2a1a0a;line-height:1.3;margin-bottom:4px}\n .cstars{color:#c8932a;font-size:10px;margin-bottom:5px;letter-spacing:.3px}\n .crow{display:flex;align-items:flex-end;justify-content:space-between;gap:4px;flex-wrap:wrap}\n .corig{font-size:9px;color:#a07850;text-decoration:line-through;line-height:1}\n .ccurr{font-size:clamp(12px,2vw,15px);font-weight:600;color:#7a4010;line-height:1.2}\n .cbtn{font-size:clamp(9px,1.5vw,11px);font-weight:500;color:#8b5c2a;border:1px solid #8b5c2a;background:transparent;padding:4px 10px;border-radius:20px;cursor:pointer;white-space:nowrap;transition:background .15s;margin-top:2px}\n .cbtn:hover{background:#fdf3e7}\n\n .hidden{display:none}\n\n .footer{text-align:center;padding:1.8rem 1rem .6rem;border-top:1px solid #ede3d8;margin-top:1.8rem;font-size:11px;color:#a07850}\n .footer a{color:#8b5c2a;text-decoration:none}\n .footer a:hover{text-decoration:underline}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"page\">\n\n <div class=\"header\">\n <div class=\"eyebrow\">Sahasrara Ayurvedic<\/div>\n <div class=\"h1\">Best Sellers<\/div>\n <div class=\"sub\">Pure Ayurvedic formulations loved by thousands across India<\/div>\n <div class=\"rule\"><\/div>\n <\/div>\n\n <div class=\"promo\">Free shipping above ₹999 · Use code <strong>SAHASRARA10<\/strong> for 10% off<\/div>\n\n <div class=\"toolbar\">\n <div class=\"pill on\" onclick=\"setFilter('all',this)\">All (4)<\/div>\n <div class=\"pill\" onclick=\"setFilter('Skincare',this)\">Skincare<\/div>\n <div class=\"pill\" onclick=\"setFilter('Sun Care',this)\">Sun care<\/div>\n <div class=\"pill\" onclick=\"setFilter('Hair Care',this)\">Hair care<\/div>\n <\/div>\n\n <div class=\"count-bar\" id=\"cbar\">Showing 4 products<\/div>\n\n <div class=\"products\">\n <div class=\"grid\" id=\"grid\"><\/div>\n <\/div>\n\n <div class=\"footer\">\n Sahasrara — 100% Natural · Ayurvedic · Cruelty-Free · \n <a href=\"https:\/\/mysahasrara.in\" target=\"_blank\">mysahasrara.in<\/a>\n <\/div>\n\n<\/div>\n\n<script>\nconst PRODUCTS = [\n {\n name: \"Pure Rose Gel \u2013 Hydrating & Brightening Skin Gel\",\n tag: \"Skincare\",\n cat: \"Skincare\",\n img: \"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/Pure-Rose-Gel-%E2%80%93-Hydrating-Brightening-Skin-Gel-_-Sahasrara-edited_1-300x300.png\",\n orig: 299, curr: 199,\n badge: \"#1 Best Seller\",\n url: \"https:\/\/mysahasrara.in\/?product=pure-rose-gel-hydrating-brightening-skin-gel-sahasrara\"\n },\n {\n name: \"Sun Protection Lotion (SPF 50+++)\",\n tag: \"Sun Care\",\n cat: \"Sun Care\",\n img: \"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/Sun-Protection-SPF-50-edited_3-1-300x300.png\",\n orig: 399, curr: 299,\n badge: \"#2 Best Seller\",\n url: \"https:\/\/mysahasrara.in\/?product=sun-protection-spf-50\"\n },\n {\n name: \"SPF 50+ Sunscreen Cream \u2013 All Skin Types\",\n tag: \"Sun Care\",\n cat: \"Sun Care\",\n img: \"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/SPF-50-cream-edited_4-1-300x300.png\",\n orig: 399, curr: 299,\n badge: \"#3 Best Seller\",\n url: \"https:\/\/mysahasrara.in\/?product=spf-50-sunscreen-cream-for-all-skin-types\"\n },\n {\n name: \"Sahasrara Hair Oil \u2013 Strength & Growth\",\n tag: \"Hair Care\",\n cat: \"Hair Care\",\n img: \"https:\/\/mysahasrara.in\/wp-content\/uploads\/2026\/04\/Sahasrara-Hair-Oil-_-Strength-Hair-Growth-Hair-fall-Dandruff-edited_4-1-300x300.png\",\n orig: 349, curr: 299,\n badge: \"#4 Best Seller\",\n url: \"https:\/\/mysahasrara.in\/?product=sahasrara-hair-oil-strength-hair-growth-hair-fall-dandruff\"\n }\n];\n\nlet currentCat = 'all';\n\nfunction disc(p){ return Math.round(((p.orig - p.curr) \/ p.orig) * 100); }\n\nfunction cardHTML(p){\n return `<div class=\"card\" onclick=\"window.open('${p.url}','_blank')\">\n <div class=\"bs-badge\">${p.badge}<\/div>\n <div class=\"sale-badge\">-${disc(p)}%<\/div>\n <div class=\"img-wrap\">\n <img decoding=\"async\" src=\"${p.img}\" alt=\"${p.name}\" loading=\"lazy\"\n onerror=\"this.parentNode.style.background='#f0e8dc';this.remove()\"\/>\n <\/div>\n <div class=\"cbody\">\n <div class=\"ctag\">${p.tag}<\/div>\n <div class=\"cname\">${p.name}<\/div>\n <div class=\"cstars\">★★★★★\n <span style=\"font-size:9px;color:#a07850\">(4.9)<\/span>\n <\/div>\n <div class=\"crow\">\n <div>\n <div class=\"corig\">₹${p.orig}<\/div>\n <div class=\"ccurr\">₹${p.curr}<\/div>\n <\/div>\n <button class=\"cbtn\"\n onclick=\"event.stopPropagation();window.open('${p.url}','_blank')\">\n Add to cart\n <\/button>\n <\/div>\n <\/div>\n <\/div>`;\n}\n\nfunction render(){\n const list = currentCat === 'all' ? PRODUCTS : PRODUCTS.filter(p => p.cat === currentCat);\n document.getElementById('cbar').textContent = 'Showing ' + list.length + ' product' + (list.length !== 1 ? 's' : '');\n document.getElementById('grid').innerHTML = list.map(cardHTML).join('');\n}\n\nfunction setFilter(c, el){\n currentCat = c;\n document.querySelectorAll('.pill').forEach(p => p.classList.remove('on'));\n el.classList.add('on');\n render();\n}\n\nrender();\n<\/script>\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 <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --gold: #b4975a;\n --dark: #1a1a1a;\n --cream: #faf9f6;\n --text-muted: #777;\n }\n\n .sahasrara-reviews {\n max-width: 1300px;\n margin: 0 auto;\n padding: 80px 20px;\n background: #fff;\n }\n\n .review-header {\n text-align: center;\n margin-bottom: 60px;\n }\n\n .review-header span {\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: var(--gold);\n display: block;\n margin-bottom: 10px;\n }\n\n .review-header h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(28px, 4vw, 40px);\n font-weight: 500;\n color: var(--dark);\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n REVIEW GRID\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .review-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n }\n\n .review-card {\n background: var(--cream);\n padding: 40px 30px;\n text-align: center;\n border: 1px solid transparent;\n transition: all 0.4s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .review-card:hover {\n border-color: var(--gold);\n background: #fff;\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n }\n\n \/* Star Rating *\/\n .stars {\n color: var(--gold);\n font-size: 14px;\n margin-bottom: 20px;\n letter-spacing: 2px;\n }\n\n .review-text {\n font-family: 'Cormorant Garamond', serif;\n font-size: 20px;\n line-height: 1.6;\n font-style: italic;\n color: var(--dark);\n margin-bottom: 25px;\n flex-grow: 1;\n }\n\n .reviewer-info {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .reviewer-name {\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 2px;\n font-weight: 500;\n color: var(--dark);\n margin-bottom: 5px;\n }\n\n .verified-tag {\n font-size: 10px;\n color: var(--gold);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESPONSIVE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n @media (max-width: 991px) {\n .review-grid { grid-template-columns: repeat(2, 1fr); }\n }\n\n @media (max-width: 650px) {\n .review-grid { grid-template-columns: 1fr; }\n .sahasrara-reviews { padding: 60px 15px; }\n .review-card { padding: 35px 20px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<section class=\"sahasrara-reviews\">\n <div class=\"review-header\">\n <span>Customer Stories<\/span>\n <h2>What Our Community Says<\/h2>\n <\/div>\n\n <div class=\"review-grid\">\n <div class=\"review-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"review-text\">“The Anti-Pigmentation serum has completely transformed my skin texture. It feels lightweight and very premium.”<\/p>\n <div class=\"reviewer-info\">\n <span class=\"reviewer-name\">Ananya R.<\/span>\n <span class=\"verified-tag\">Verified Buyer<\/span>\n <\/div>\n <\/div>\n\n <div class=\"review-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"review-text\">“Sahasrara’s hair care rituals are unlike anything I’ve tried. My hair feels much stronger and has a natural shine.”<\/p>\n <div class=\"reviewer-info\">\n <span class=\"reviewer-name\">Vikram S.<\/span>\n <span class=\"verified-tag\">Verified Buyer<\/span>\n <\/div>\n <\/div>\n\n <div class=\"review-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"review-text\">“The fragrances are ethereal. Not too strong, just the perfect hint of traditional Ayurvedic botanicals.”<\/p>\n <div class=\"reviewer-info\">\n <span class=\"reviewer-name\">Meera K.<\/span>\n <span class=\"verified-tag\">Verified Buyer<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Sahasrara Slider \ud83c\udf3f New Arrival Sahasrara Collection Pure AyurvedicSkincare Rooted in ancient wisdom, crafted for modern skin. Experience the sacred […]<\/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":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mysahasrara.in\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mysahasrara.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mysahasrara.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mysahasrara.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mysahasrara.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":5,"href":"https:\/\/mysahasrara.in\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":542,"href":"https:\/\/mysahasrara.in\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/542"}],"wp:attachment":[{"href":"https:\/\/mysahasrara.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}