Shop
#ksHeaderV4{
–orange:#f58220;
–orange-dark:#d96a0d;
–orange-soft:#fff4ea;
–orange-lite:#ffe7d1;
–text:#1d1d1d;
–muted:#6e6e6e;
–white:#ffffff;
–line:rgba(245,130,32,.22);
–shadow:0 14px 34px rgba(245,130,32,.10);
–wrap:min(1240px, calc(100vw – 26px));
–r12:12px;
–r14:14px;
–r16:16px;
–r999:999px;
font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
#ksHeaderV4, #ksHeaderV4 *{ box-sizing:border-box; }
#ksHeaderV4 a{ -webkit-tap-highlight-color: transparent; }
/* ================= TOP BAR ================= */
#ksHeaderV4 .topbar{
background: linear-gradient(135deg, var(–orange), var(–orange-dark));
color:#fff;
border-bottom:1px solid rgba(255,255,255,.18);
}
#ksHeaderV4 .topbar-inner{
width:var(–wrap);
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:10px 0;
font-size:12.6px;
line-height:1.2;
flex-wrap:wrap;
}
#ksHeaderV4 .tb-left, #ksHeaderV4 .tb-right{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
min-width:0;
}
#ksHeaderV4 .tb-pill{
display:inline-flex;
align-items:center;
gap:8px;
padding:7px 11px;
border-radius:var(–r999);
background:rgba(255,255,255,.14);
border:1px solid rgba(255,255,255,.18);
backdrop-filter:blur(8px);
white-space:nowrap;
max-width:100%;
font-weight:700;
}
#ksHeaderV4 .tb-pill i{ color:#fff; }
#ksHeaderV4 .tb-pill b{ font-weight:900; color:#fff; }
#ksHeaderV4 .tb-link{
color:#fff;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:8px;
padding:7px 11px;
border-radius:var(–r999);
border:1px solid rgba(255,255,255,.22);
background:rgba(255,255,255,.12);
transition:.18s ease;
white-space:nowrap;
font-weight:800;
}
#ksHeaderV4 .tb-link:hover{
transform:translateY(-1px);
background:rgba(255,255,255,.20);
}
#ksHeaderV4 .tb-link.wa i{ color:#25D366; }
#ksHeaderV4 .tb-link.call i{ color:#fff; }
/* ================= MAIN ================= */
#ksHeaderV4 .main{
position:sticky;
top:0;
z-index:9999;
background:rgba(255,255,255,.96);
border-bottom:1px solid rgba(245,130,32,.12);
backdrop-filter:blur(10px);
box-shadow:0 8px 30px rgba(0,0,0,.04);
}
#ksHeaderV4 .main-inner{
width:var(–wrap);
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:12px 0;
min-width:0;
}
/* Brand */
#ksHeaderV4 .brand{
display:flex;
align-items:center;
gap:12px;
text-decoration:none;
min-width:0;
flex:1;
}
#ksHeaderV4 .logo{
width:50px;
height:50px;
border-radius:16px;
overflow:hidden;
background:#fff;
border:1px solid var(–line);
box-shadow:var(–shadow);
flex:0 0 auto;
display:grid;
place-items:center;
}
#ksHeaderV4 .logo img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
#ksHeaderV4 .brand-txt{ min-width:0; line-height:1.05; }
#ksHeaderV4 .brand-top{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
min-width:0;
}
#ksHeaderV4 .brand-name{
font-weight:1000;
letter-spacing:.2px;
color:var(–text);
font-size:18px;
white-space:nowrap;
}
#ksHeaderV4 .brand-badge{
font-size:11px;
font-weight:1000;
padding:5px 10px;
border-radius:var(–r999);
color:#fff;
background:linear-gradient(135deg, var(–orange), var(–orange-dark));
border:1px solid rgba(245,130,32,.25);
box-shadow:0 12px 26px rgba(245,130,32,.18);
white-space:nowrap;
}
#ksHeaderV4 .brand-sub{
margin-top:4px;
font-size:12px;
color:var(–muted);
font-weight:800;
line-height:1.35;
max-width:540px;
}
/* Desktop Nav */
#ksHeaderV4 nav.nav{
display:flex;
align-items:center;
gap:6px;
}
#ksHeaderV4 .nav a{
text-decoration:none;
color:var(–text);
font-weight:900;
font-size:13.5px;
padding:10px 12px;
border-radius:var(–r999);
transition:.18s ease;
white-space:nowrap;
}
#ksHeaderV4 .nav a:hover{
background:var(–orange-soft);
color:var(–orange-dark);
transform:translateY(-1px);
}
#ksHeaderV4 .nav a.active{
background:var(–orange-soft);
border:1px solid rgba(245,130,32,.20);
color:var(–orange-dark);
}
/* Desktop Actions */
#ksHeaderV4 .actions{
display:flex;
align-items:center;
gap:10px;
justify-content:flex-end;
}
#ksHeaderV4 .btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
height:42px;
padding:0 15px;
border-radius:var(–r999);
text-decoration:none;
font-weight:1000;
font-size:12.8px;
border:1px solid rgba(245,130,32,.14);
transition:.18s ease;
white-space:nowrap;
}
#ksHeaderV4 .btn-call{
background:#fff;
color:var(–text);
border-color:rgba(245,130,32,.24);
box-shadow:0 14px 30px rgba(0,0,0,.05);
}
#ksHeaderV4 .btn-call:hover{
transform:translateY(-1px);
background:#fffaf5;
}
#ksHeaderV4 .btn-wa{
color:#fff;
border-color:rgba(245,130,32,.30);
background:linear-gradient(135deg, var(–orange), var(–orange-dark));
box-shadow:0 18px 40px rgba(245,130,32,.18);
position:relative;
overflow:hidden;
}
#ksHeaderV4 .btn-wa:before{
content:””;
position:absolute;
inset:-2px;
background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.35) 35%, transparent 70%);
transform:translateX(-120%);
transition:.6s ease;
}
#ksHeaderV4 .btn-wa:hover:before{ transform:translateX(120%); }
#ksHeaderV4 .btn-wa:hover{ transform:translateY(-1px); }
/* Mobile Menu Button */
#ksHeaderV4 .menuBtn{
display:none;
height:44px;
border-radius:16px;
border:1px solid rgba(245,130,32,.22);
background:#fff;
box-shadow:0 14px 32px rgba(245,130,32,.08);
cursor:pointer;
flex:0 0 auto;
}
#ksHeaderV4 .menuBtn i{
font-size:22px;
color:var(–orange-dark);
}
/* ================= DRAWER ================= */
#ksHeaderV4 .drawer-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,.56);
opacity:0;
pointer-events:none;
transition:.2s ease;
z-index:10000;
}
#ksHeaderV4 .drawer{
position:fixed;
top:0;
right:-380px;
width:min(380px, 88vw);
height:100%;
background:#fff;
z-index:10001;
transition:.25s ease;
border-left:1px solid rgba(245,130,32,.18);
box-shadow:-30px 0 90px rgba(0,0,0,.18);
display:flex;
flex-direction:column;
}
#ksHeaderV4 .drawer-head{
padding:16px 16px 12px;
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:1px solid rgba(245,130,32,.10);
background:linear-gradient(135deg, #fff8f1, #fff);
}
#ksHeaderV4 .drawer-close{
height:42px;
border-radius:16px;
border:1px solid rgba(245,130,32,.22);
background:#fff;
cursor:pointer;
box-shadow:0 12px 26px rgba(245,130,32,.06);
}
#ksHeaderV4 .drawer-close i{
font-size:20px;
color:var(–orange-dark);
}
#ksHeaderV4 .drawer-body{
padding:14px 16px 16px;
overflow:auto;
}
#ksHeaderV4 .mnav{
display:flex;
flex-direction:column;
gap:10px;
margin-bottom:14px;
}
#ksHeaderV4 .mnav a{
text-decoration:none;
color:var(–text);
font-weight:1000;
padding:12px 12px;
border-radius:16px;
border:1px solid rgba(245,130,32,.16);
background:var(–orange-soft);
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
#ksHeaderV4 .mnav a i{
color:var(–orange-dark);
font-size:18px;
}
#ksHeaderV4 .mcard{
border:1px solid rgba(245,130,32,.15);
border-radius:18px;
padding:12px;
background:#fff;
box-shadow:0 14px 35px rgba(245,130,32,.06);
}
#ksHeaderV4 .mcard .title{
font-weight:1000;
color:var(–text);
display:flex;
align-items:center;
gap:8px;
}
#ksHeaderV4 .mcard .desc{
margin-top:6px;
font-size:13px;
color:var(–muted);
font-weight:700;
line-height:1.55;
}
#ksHeaderV4 .mmeta{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
#ksHeaderV4 .mmeta a{
flex:1;
min-width:150px;
text-align:center;
}
/* OPEN STATE */
#ksHeaderV4[data-open=”1″] .drawer-overlay{
opacity:1;
pointer-events:auto;
}
#ksHeaderV4[data-open=”1″] .drawer{
right:0;
}
/* Mobile */
@media (max-width: 980px){
#ksHeaderV4 nav.nav{ display:none; }
#ksHeaderV4 .actions{ display:none; }
#ksHeaderV4 .menuBtn{ display:inline-grid; place-items:center; }
#ksHeaderV4 .brand-name{ font-size:16px; }
#ksHeaderV4 .brand-sub{
font-size:11.6px;
margin-top:3px;
max-width:100%;
}
#ksHeaderV4 .logo{
width:44px;
height:44px;
border-radius:15px;
}
#ksHeaderV4 .main-inner{ padding:10px 0; }
}
@media (max-width: 560px){
#ksHeaderV4 .topbar-inner{ padding:9px 0; }
#ksHeaderV4 .tb-left{ flex:1 1 auto; }
#ksHeaderV4 .tb-right{ flex:1 1 auto; justify-content:flex-end; }
#ksHeaderV4 .tb-pill.hide-sm{ display:none; }
#ksHeaderV4 .brand-top{ gap:8px; }
#ksHeaderV4 .brand-name{ font-size:15px; }
#ksHeaderV4 .brand-badge{ font-size:10px; padding:4px 8px; }
}
Need Help? WhatsApp Support
Kundli Jyotish • Astrology • Numerology • Vastu
9090161655
WhatsApp
KUNDLI JYOTISH
Trusted Expert
Astrologer • Numerologist • Vastu Expert
#kjShopHeroV2{
–orange:#f58220;
–orange-dark:#d96a0d;
–orange-deep:#b85600;
–orange-soft:#fff5ea;
–orange-lite:#ffe3c7;
–white:#ffffff;
–ink:#171717;
–muted:#626b76;
–line:rgba(245,130,32,.16);
–shadow:0 24px 70px rgba(245,130,32,.10);
–wrap:min(1200px, calc(100vw – 28px));
font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
position:relative;
overflow:hidden;
background:
radial-gradient(920px 440px at 8% 12%, rgba(245,130,32,.16), transparent 60%),
radial-gradient(760px 400px at 92% 18%, rgba(245,130,32,.09), transparent 62%),
linear-gradient(180deg, #fffaf5, #ffffff);
padding:64px 0 48px;
}
#kjShopHeroV2::before{
content:””;
position:absolute;
left:-220px;
top:-220px;
width:540px;
height:540px;
background:radial-gradient(circle, rgba(245,130,32,.12), transparent 62%);
filter:blur(72px);
pointer-events:none;
}
#kjShopHeroV2::after{
content:””;
position:absolute;
right:-220px;
bottom:-220px;
width:580px;
height:580px;
background:radial-gradient(circle, rgba(217,106,13,.08), transparent 62%);
filter:blur(84px);
pointer-events:none;
}
#kjShopHeroV2 .wrap{
width:var(–wrap);
margin:0 auto;
position:relative;
z-index:2;
}
#kjShopHeroV2 .grid{
display:grid;
grid-template-columns:1.02fr .98fr;
gap:28px;
align-items:center;
}
/* LEFT */
#kjShopHeroV2 .kicker{
display:inline-flex;
align-items:center;
gap:10px;
padding:8px 14px;
border-radius:999px;
background:rgba(245,130,32,.10);
border:1px solid var(–line);
color:var(–orange-dark);
font-size:12px;
font-weight:1000;
box-shadow:0 10px 24px rgba(245,130,32,.05);
}
#kjShopHeroV2 .kicker i{
width:30px;
height:30px;
border-radius:10px;
display:grid;
place-items:center;
background:#fff;
border:1px solid rgba(245,130,32,.12);
color:var(–orange);
box-shadow:0 8px 18px rgba(245,130,32,.05);
}
#kjShopHeroV2 h1{
margin:16px 0 12px;
font-size:clamp(32px, 4.2vw, 58px);
line-height:1.04;
font-weight:1000;
color:var(–ink);
letter-spacing:.2px;
}
#kjShopHeroV2 h1 span{
color:var(–orange);
text-shadow:0 10px 24px rgba(245,130,32,.10);
}
#kjShopHeroV2 .desc{
margin:0 0 20px;
max-width:620px;
font-size:15px;
font-weight:650;
line-height:1.82;
color:var(–muted);
}
#kjShopHeroV2 .featureRow{
display:flex;
gap:10px;
flex-wrap:wrap;
margin:0 0 20px;
}
#kjShopHeroV2 .featurePill{
display:inline-flex;
align-items:center;
gap:9px;
padding:10px 14px;
border-radius:999px;
background:#fff;
border:1px solid var(–line);
color:var(–ink);
font-size:12.5px;
font-weight:900;
box-shadow:0 10px 24px rgba(245,130,32,.05);
}
#kjShopHeroV2 .featurePill i{
color:var(–orange);
font-size:15px;
}
#kjShopHeroV2 .btnRow{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:8px;
}
#kjShopHeroV2 .btn{
min-height:52px;
padding:12px 22px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
text-decoration:none;
font-size:13px;
font-weight:1000;
white-space:nowrap;
transition:.18s ease;
box-shadow:0 16px 34px rgba(245,130,32,.10);
}
#kjShopHeroV2 .btn.primary{
color:#fff;
background:linear-gradient(135deg, #ffa44f, var(–orange), var(–orange-dark));
border:1px solid rgba(245,130,32,.20);
}
#kjShopHeroV2 .btn.secondary{
color:var(–orange-dark);
background:#fff;
border:1px solid var(–line);
}
#kjShopHeroV2 .btn:hover{
transform:translateY(-2px);
}
/* RIGHT */
#kjShopHeroV2 .visual{
position:relative;
min-height:500px;
display:flex;
align-items:center;
justify-content:center;
}
#kjShopHeroV2 .mainCard{
width:100%;
max-width:520px;
border-radius:30px;
overflow:hidden;
background:linear-gradient(180deg, #ffffff, #fff8f0);
border:1px solid var(–line);
box-shadow:var(–shadow);
position:relative;
}
#kjShopHeroV2 .mainCard::before{
content:””;
position:absolute;
inset:0;
background:
radial-gradient(420px 180px at 50% 0%, rgba(255,255,255,.35), transparent 60%);
pointer-events:none;
z-index:1;
}
#kjShopHeroV2 .mainCard img{
width:100%;
height:500px;
object-fit:cover;
display:block;
}
#kjShopHeroV2 .floatingBox{
position:absolute;
right:-4px;
bottom:18px;
width:205px;
border-radius:22px;
overflow:hidden;
background:#fff;
border:1px solid var(–line);
box-shadow:0 18px 42px rgba(245,130,32,.12);
z-index:3;
}
#kjShopHeroV2 .floatingBox img{
width:100%;
height:130px;
object-fit:cover;
display:block;
}
#kjShopHeroV2 .floatingContent{
padding:12px;
}
#kjShopHeroV2 .floatingContent strong{
display:block;
font-size:13px;
font-weight:1000;
color:var(–ink);
line-height:1.35;
margin-bottom:5px;
}
#kjShopHeroV2 .floatingContent span{
display:block;
font-size:11.8px;
font-weight:700;
color:var(–muted);
line-height:1.5;
}
#kjShopHeroV2 .topBadge{
position:absolute;
left:14px;
top:14px;
z-index:4;
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 14px;
border-radius:999px;
background:linear-gradient(135deg, #ffa44f, var(–orange), var(–orange-dark));
color:#fff;
font-size:12px;
font-weight:1000;
box-shadow:0 14px 30px rgba(245,130,32,.18);
border:1px solid rgba(255,255,255,.22);
}
#kjShopHeroV2 .topBadge i{
color:#fff5d8;
}
@media (max-width:980px){
#kjShopHeroV2 .grid{
grid-template-columns:1fr;
}
#kjShopHeroV2 .left{
text-align:center;
}
#kjShopHeroV2 .desc{
margin-left:auto;
margin-right:auto;
}
#kjShopHeroV2 .featureRow,
#kjShopHeroV2 .btnRow{
justify-content:center;
}
#kjShopHeroV2 .visual{
min-height:auto;
}
}
@media (max-width:680px){
#kjShopHeroV2{
padding:48px 0 34px;
}
#kjShopHeroV2 .mainCard img{
height:380px;
}
#kjShopHeroV2 .floatingBox{
position:relative;
right:auto;
bottom:auto;
width:100%;
max-width:270px;
margin:14px auto 0;
}
#kjShopHeroV2 .btn{
width:100%;
}
#kjShopHeroV2 .featurePill{
width:100%;
justify-content:center;
}
#kjShopHeroV2 h1{
font-size:34px;
}
}
Zodiac Gemstone Collection
Shop Natural Gemstones
for Zodiac Energy, Balance & Protection
Discover premium zodiac gemstones, bracelets and rings selected to support harmony,
intuition, creativity, healing energy and spiritual clarity. Explore a beautiful gemstone
collection designed for every zodiac need.
Natural & Selected Stones
Zodiac Based Benefits
Premium Product Display
Shop Now
Ask on WhatsApp
Certified Gemstone Style
Bracelets, Rings & Zodiac Stones
Elegant gemstone products for healing energy, luck, clarity and protection.
#kjShopHeroV2{
–orange:#f58220;
–orange-dark:#d96a0d;
–orange-deep:#b85600;
–orange-soft:#fff5ea;
–orange-lite:#ffe3c7;
–white:#ffffff;
–ink:#171717;
–muted:#626b76;
–line:rgba(245,130,32,.16);
–shadow:0 24px 70px rgba(245,130,32,.10);
–wrap:min(1200px, calc(100vw – 28px));
font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
position:relative;
overflow:hidden;
background:
radial-gradient(920px 440px at 8% 12%, rgba(245,130,32,.16), transparent 60%),
radial-gradient(760px 400px at 92% 18%, rgba(245,130,32,.09), transparent 62%),
linear-gradient(180deg, #fffaf5, #ffffff);
padding:64px 0 48px;
}
#kjShopHeroV2::before{
content:””;
position:absolute;
left:-220px;
top:-220px;
width:540px;
height:540px;
background:radial-gradient(circle, rgba(245,130,32,.12), transparent 62%);
filter:blur(72px);
pointer-events:none;
}
#kjShopHeroV2::after{
content:””;
position:absolute;
right:-220px;
bottom:-220px;
width:580px;
height:580px;
background:radial-gradient(circle, rgba(217,106,13,.08), transparent 62%);
filter:blur(84px);
pointer-events:none;
}
#kjShopHeroV2 .wrap{
width:var(–wrap);
margin:0 auto;
position:relative;
z-index:2;
}
#kjShopHeroV2 .grid{
display:grid;
grid-template-columns:1.02fr .98fr;
gap:28px;
align-items:center;
}
/* LEFT */
#kjShopHeroV2 .kicker{
display:inline-flex;
align-items:center;
gap:10px;
padding:8px 14px;
border-radius:999px;
background:rgba(245,130,32,.10);
border:1px solid var(–line);
color:var(–orange-dark);
font-size:12px;
font-weight:1000;
box-shadow:0 10px 24px rgba(245,130,32,.05);
}
#kjShopHeroV2 .kicker i{
width:30px;
height:30px;
border-radius:10px;
display:grid;
place-items:center;
background:#fff;
border:1px solid rgba(245,130,32,.12);
color:var(–orange);
box-shadow:0 8px 18px rgba(245,130,32,.05);
}
#kjShopHeroV2 h1{
margin:16px 0 12px;
font-size:clamp(32px, 4.2vw, 58px);
line-height:1.04;
font-weight:1000;
color:var(–ink);
letter-spacing:.2px;
}
#kjShopHeroV2 h1 span{
color:var(–orange);
text-shadow:0 10px 24px rgba(245,130,32,.10);
}
#kjShopHeroV2 .desc{
margin:0 0 20px;
max-width:620px;
font-size:15px;
font-weight:650;
line-height:1.82;
color:var(–muted);
}
#kjShopHeroV2 .featureRow{
display:flex;
gap:10px;
flex-wrap:wrap;
margin:0 0 20px;
}
#kjShopHeroV2 .featurePill{
display:inline-flex;
align-items:center;
gap:9px;
padding:10px 14px;
border-radius:999px;
background:#fff;
border:1px solid var(–line);
color:var(–ink);
font-size:12.5px;
font-weight:900;
box-shadow:0 10px 24px rgba(245,130,32,.05);
}
#kjShopHeroV2 .featurePill i{
color:var(–orange);
font-size:15px;
}
#kjShopHeroV2 .btnRow{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:8px;
}
#kjShopHeroV2 .btn{
min-height:52px;
padding:12px 22px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
text-decoration:none;
font-size:13px;
font-weight:1000;
white-space:nowrap;
transition:.18s ease;
box-shadow:0 16px 34px rgba(245,130,32,.10);
}
#kjShopHeroV2 .btn.primary{
color:#fff;
background:linear-gradient(135deg, #ffa44f, var(–orange), var(–orange-dark));
border:1px solid rgba(245,130,32,.20);
}
#kjShopHeroV2 .btn.secondary{
color:var(–orange-dark);
background:#fff;
border:1px solid var(–line);
}
#kjShopHeroV2 .btn:hover{
transform:translateY(-2px);
}
/* RIGHT */
#kjShopHeroV2 .visual{
position:relative;
min-height:500px;
display:flex;
align-items:center;
justify-content:center;
}
#kjShopHeroV2 .mainCard{
width:100%;
max-width:520px;
border-radius:30px;
overflow:hidden;
background:linear-gradient(180deg, #ffffff, #fff8f0);
border:1px solid var(–line);
box-shadow:var(–shadow);
position:relative;
}
#kjShopHeroV2 .mainCard::before{
content:””;
position:absolute;
inset:0;
background:
radial-gradient(420px 180px at 50% 0%, rgba(255,255,255,.35), transparent 60%);
pointer-events:none;
z-index:1;
}
#kjShopHeroV2 .mainCard img{
width:100%;
height:500px;
object-fit:cover;
display:block;
}
#kjShopHeroV2 .floatingBox{
position:absolute;
right:-4px;
bottom:18px;
width:205px;
border-radius:22px;
overflow:hidden;
background:#fff;
border:1px solid var(–line);
box-shadow:0 18px 42px rgba(245,130,32,.12);
z-index:3;
}
#kjShopHeroV2 .floatingBox img{
width:100%;
height:130px;
object-fit:cover;
display:block;
}
#kjShopHeroV2 .floatingContent{
padding:12px;
}
#kjShopHeroV2 .floatingContent strong{
display:block;
font-size:13px;
font-weight:1000;
color:var(–ink);
line-height:1.35;
margin-bottom:5px;
}
#kjShopHeroV2 .floatingContent span{
display:block;
font-size:11.8px;
font-weight:700;
color:var(–muted);
line-height:1.5;
}
#kjShopHeroV2 .topBadge{
position:absolute;
left:14px;
top:14px;
z-index:4;
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 14px;
border-radius:999px;
background:linear-gradient(135deg, #ffa44f, var(–orange), var(–orange-dark));
color:#fff;
font-size:12px;
font-weight:1000;
box-shadow:0 14px 30px rgba(245,130,32,.18);
border:1px solid rgba(255,255,255,.22);
}
#kjShopHeroV2 .topBadge i{
color:#fff5d8;
}
@media (max-width:980px){
#kjShopHeroV2 .grid{
grid-template-columns:1fr;
}
#kjShopHeroV2 .left{
text-align:center;
}
#kjShopHeroV2 .desc{
margin-left:auto;
margin-right:auto;
}
#kjShopHeroV2 .featureRow,
#kjShopHeroV2 .btnRow{
justify-content:center;
}
#kjShopHeroV2 .visual{
min-height:auto;
}
}
@media (max-width:680px){
#kjShopHeroV2{
padding:48px 0 34px;
}
#kjShopHeroV2 .mainCard img{
height:380px;
}
#kjShopHeroV2 .floatingBox{
position:relative;
right:auto;
bottom:auto;
width:100%;
max-width:270px;
margin:14px auto 0;
}
#kjShopHeroV2 .btn{
width:100%;
}
#kjShopHeroV2 .featurePill{
width:100%;
justify-content:center;
}
#kjShopHeroV2 h1{
font-size:34px;
}
}
Zodiac Gemstone Collection
Shop Natural Gemstones
for Zodiac Energy, Balance & Protection
Discover premium zodiac gemstones, bracelets and rings selected to support harmony,
intuition, creativity, healing energy and spiritual clarity. Explore a beautiful gemstone
collection designed for every zodiac need.
Natural & Selected Stones
Zodiac Based Benefits
Premium Product Display
Shop Now
Ask on WhatsApp
Certified Gemstone Style
Bracelets, Rings & Zodiac Stones
Elegant gemstone products for healing energy, luck, clarity and protection.
Showing all 3 results
