{"id":258,"date":"2026-08-17T17:15:12","date_gmt":"2026-08-17T17:15:12","guid":{"rendered":"https:\/\/saundaryamgems.com\/?page_id=258"},"modified":"2026-09-26T19:45:20","modified_gmt":"2026-09-26T19:45:20","slug":"wholesale","status":"publish","type":"page","link":"https:\/\/saundaryamgems.com\/?page_id=258","title":{"rendered":"Wholesale"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"258\" class=\"elementor elementor-258\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8bdda7 e-flex e-con-boxed e-con e-parent\" data-id=\"b8bdda7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-068dd1d elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"068dd1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SAUNDARYAM GEMS \u2014 WHOLESALE PAGE\r\n     Paste this entire block into an Elementor HTML widget.\r\n     Content only \u2014 no header \/ footer included.\r\n     All CSS scoped under #saundaryam-wholesale, classes prefixed sw-\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  #saundaryam-wholesale{\r\n    --sw-ivory:#FAF7F1;\r\n    --sw-ivory-deep:#F2EDE3;\r\n    --sw-ivory-line:#E3DACB;\r\n    --sw-navy:#1B2A47;\r\n    --sw-navy-soft:#4C5A78;\r\n    --sw-teal:#1E6B74;\r\n    --sw-teal-deep:#154F57;\r\n    --sw-teal-tint:#E7F1F1;\r\n    --sw-white:#FFFFFF;\r\n\r\n    --sw-ruby-1:#B4223F;   --sw-ruby-2:#7A1129;\r\n    --sw-emerald-1:#1F7A57; --sw-emerald-2:#0E3F2B;\r\n    --sw-sapphire-1:#24437F; --sw-sapphire-2:#12213f;\r\n    --sw-amethyst-1:#7A4B9E; --sw-amethyst-2:#4A2C63;\r\n    --sw-citrine-1:#E4A73D;  --sw-citrine-2:#A9711C;\r\n    --sw-garnet-1:#8C2A3F;   --sw-garnet-2:#4E1420;\r\n    --sw-tourm-1:#E0688F;    --sw-tourm-2:#1F7A57;\r\n\r\n    --sw-shadow-lg:0 24px 55px -22px rgba(27,42,71,0.22);\r\n    --sw-shadow-md:0 14px 34px -16px rgba(27,42,71,0.20);\r\n    --sw-shadow-sm:0 8px 20px -12px rgba(27,42,71,0.18);\r\n    --sw-radius-lg:28px;\r\n    --sw-radius-md:18px;\r\n    --sw-radius-pill:999px;\r\n    --sw-serif:'Playfair Display','Georgia',serif;\r\n    --sw-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;\r\n\r\n    background:var(--sw-ivory);\r\n    color:var(--sw-navy);\r\n    font-family:var(--sw-sans);\r\n    -webkit-font-smoothing:antialiased;\r\n    overflow-x:hidden;\r\n    position:relative;\r\n  }\r\n  #saundaryam-wholesale *{ box-sizing:border-box; }\r\n  #saundaryam-wholesale img{ max-width:100%; display:block; }\r\n  #saundaryam-wholesale a{ text-decoration:none; color:inherit; }\r\n  #saundaryam-wholesale ul{ list-style:none; margin:0; padding:0; }\r\n  #saundaryam-wholesale button{ font-family:inherit; }\r\n  #saundaryam-wholesale .sw-wrap{ max-width:1240px; margin:0 auto; padding:0 40px; }\r\n\r\n  #saundaryam-wholesale .sw-eyebrow{\r\n    font-size:13px; font-weight:700; letter-spacing:3px; text-transform:uppercase;\r\n    color:var(--sw-teal-deep); display:inline-flex; align-items:center; gap:10px;\r\n  }\r\n  #saundaryam-wholesale .sw-eyebrow::before{ content:\"\"; width:26px; height:1px; background:var(--sw-teal); display:inline-block; }\r\n\r\n  #saundaryam-wholesale h1, #saundaryam-wholesale h2, #saundaryam-wholesale h3{\r\n    font-family:var(--sw-serif); color:var(--sw-navy); margin:0; letter-spacing:-0.01em;\r\n  }\r\n\r\n  #saundaryam-wholesale .sw-btn{\r\n    display:inline-flex; align-items:center; justify-content:center; gap:10px;\r\n    padding:16px 32px; border-radius:var(--sw-radius-pill);\r\n    font-weight:600; font-size:15px; cursor:pointer; border:1px solid transparent;\r\n    transition:transform .3s ease, box-shadow .3s ease, background .3s ease, color .3s ease;\r\n    white-space:nowrap;\r\n  }\r\n  #saundaryam-wholesale .sw-btn svg{ transition:transform .3s ease; }\r\n  #saundaryam-wholesale .sw-btn:hover svg{ transform:translateX(3px); }\r\n  #saundaryam-wholesale .sw-btn-primary{ background:var(--sw-teal); color:#fff; box-shadow:var(--sw-shadow-sm); }\r\n  #saundaryam-wholesale .sw-btn-primary:hover{ background:var(--sw-teal-deep); transform:translateY(-2px); }\r\n  #saundaryam-wholesale .sw-btn-outline{ background:transparent; color:var(--sw-navy); border-color:var(--sw-navy); }\r\n  #saundaryam-wholesale .sw-btn-outline:hover{ background:var(--sw-navy); color:#fff; transform:translateY(-2px); }\r\n  #saundaryam-wholesale .sw-btn-light{ background:#fff; color:var(--sw-teal-deep); }\r\n  #saundaryam-wholesale .sw-btn-light:hover{ background:var(--sw-teal-tint); transform:translateY(-2px); }\r\n\r\n  \/* ---------- Scroll reveal ---------- *\/\r\n  #saundaryam-wholesale .sw-reveal{\r\n    opacity:0; transform:translateY(26px);\r\n    transition:opacity .8s ease, transform .8s ease;\r\n  }\r\n  #saundaryam-wholesale .sw-reveal.sw-in{ opacity:1; transform:translateY(0); }\r\n\r\n  \/* ============================================================\r\n     GEMSTONE CSS COMPOSITIONS (reusable, no images required)\r\n  ============================================================ *\/\r\n  #saundaryam-wholesale .sw-gem{\r\n    position:relative;\r\n    filter:drop-shadow(0 14px 20px rgba(27,42,71,0.28));\r\n  }\r\n  #saundaryam-wholesale .sw-gem::after{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background:linear-gradient(115deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 60%, rgba(255,255,255,0.25) 100%);\r\n    mix-blend-mode:screen;\r\n  }\r\n  \/* Ruby \u2014 oval brilliant *\/\r\n  #saundaryam-wholesale .sw-gem-ruby{\r\n    background:\r\n      linear-gradient(135deg, var(--sw-ruby-1), var(--sw-ruby-2)),\r\n      repeating-linear-gradient(65deg, rgba(255,255,255,0.12) 0 3px, transparent 3px 9px);\r\n    border-radius:50% 50% 50% 50% \/ 60% 60% 40% 40%;\r\n  }\r\n  #saundaryam-wholesale .sw-gem-ruby::after{ border-radius:inherit; }\r\n  \/* Emerald \u2014 octagon step-cut *\/\r\n  #saundaryam-wholesale .sw-gem-emerald{\r\n    background:\r\n      linear-gradient(135deg, var(--sw-emerald-1), var(--sw-emerald-2)),\r\n      repeating-linear-gradient(0deg, rgba(255,255,255,0.10) 0 4px, transparent 4px 12px);\r\n    clip-path:polygon(28% 0,72% 0,100% 22%,100% 78%,72% 100%,28% 100%,0 78%,0 22%);\r\n  }\r\n  \/* Sapphire \u2014 cushion *\/\r\n  #saundaryam-wholesale .sw-gem-sapphire{\r\n    background:\r\n      linear-gradient(135deg, var(--sw-sapphire-1), var(--sw-sapphire-2)),\r\n      repeating-linear-gradient(45deg, rgba(255,255,255,0.10) 0 3px, transparent 3px 10px);\r\n    border-radius:32% 32% 34% 34% \/ 30% 30% 32% 32%;\r\n  }\r\n  \/* Amethyst \u2014 pear \/ teardrop *\/\r\n  #saundaryam-wholesale .sw-gem-amethyst{\r\n    background:linear-gradient(140deg, var(--sw-amethyst-1), var(--sw-amethyst-2));\r\n    clip-path:path('M50 0 C78 22 100 46 100 68 C100 88 78 100 50 100 C22 100 0 88 0 68 C0 46 22 22 50 0 Z');\r\n    clip-path:polygon(50% 0%, 78% 22%, 96% 55%, 82% 88%, 50% 100%, 18% 88%, 4% 55%, 22% 22%);\r\n  }\r\n  \/* Citrine \u2014 trillion *\/\r\n  #saundaryam-wholesale .sw-gem-citrine{\r\n    background:linear-gradient(140deg, var(--sw-citrine-1), var(--sw-citrine-2));\r\n    clip-path:polygon(50% 2%, 98% 90%, 2% 90%);\r\n    border-radius:0 0 6px 6px;\r\n  }\r\n  \/* Garnet \u2014 round brilliant *\/\r\n  #saundaryam-wholesale .sw-gem-garnet{\r\n    background:\r\n      linear-gradient(135deg, var(--sw-garnet-1), var(--sw-garnet-2)),\r\n      repeating-conic-gradient(from 0deg, rgba(255,255,255,0.08) 0deg 10deg, transparent 10deg 20deg);\r\n    border-radius:50%;\r\n  }\r\n  \/* Tourmaline \u2014 bi-colour crystal rod *\/\r\n  #saundaryam-wholesale .sw-gem-tourmaline{\r\n    background:linear-gradient(170deg, var(--sw-tourm-1) 0%, var(--sw-tourm-1) 42%, var(--sw-tourm-2) 58%, var(--sw-tourm-2) 100%);\r\n    clip-path:polygon(38% 0,62% 0,100% 12%,100% 88%,62% 100%,38% 100%,0 88%,0 12%);\r\n  }\r\n\r\n  \/* ---------- Floating animation ---------- *\/\r\n  @keyframes sw-float{\r\n    0%,100%{ transform:translateY(0) rotate(var(--sw-rot,0deg)); }\r\n    50%{ transform:translateY(-14px) rotate(var(--sw-rot,0deg)); }\r\n  }\r\n  #saundaryam-wholesale .sw-floating{ animation:sw-float 7s ease-in-out infinite; }\r\n\r\n  \/* ============================================================\r\n     SECTION 1 \u2014 HERO\r\n  ============================================================ *\/\r\n  #saundaryam-wholesale .sw-hero{ padding:100px 0 80px; position:relative; }\r\n  #saundaryam-wholesale .sw-hero-grid{\r\n    display:grid; grid-template-columns:1.02fr 0.98fr; gap:60px; align-items:center;\r\n  }\r\n  #saundaryam-wholesale .sw-hero h1{ font-size:50px; line-height:1.14; margin:22px 0 24px; }\r\n  #saundaryam-wholesale .sw-hero p.sw-lede{\r\n    font-size:17px; line-height:1.75; color:var(--sw-navy-soft); max-width:470px; margin:0 0 34px;\r\n  }\r\n  #saundaryam-wholesale .sw-hero-actions{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }\r\n\r\n  #saundaryam-wholesale .sw-hero-stage{\r\n    position:relative; height:460px; border-radius:var(--sw-radius-lg);\r\n    background:linear-gradient(160deg,var(--sw-ivory-deep),var(--sw-teal-tint));\r\n    border:1px solid var(--sw-ivory-line); box-shadow:var(--sw-shadow-lg);\r\n    overflow:hidden;\r\n  }\r\n  #saundaryam-wholesale .sw-hero-stage-inner{\r\n    position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n  }\r\n  #saundaryam-wholesale .sw-hero-particles span{\r\n    position:absolute; width:4px; height:4px; border-radius:50%;\r\n    background:rgba(30,107,116,0.35);\r\n    animation:sw-drift 9s linear infinite;\r\n  }\r\n  @keyframes sw-drift{\r\n    0%{ transform:translateY(0); opacity:0; }\r\n    10%{ opacity:1; }\r\n    90%{ opacity:1; }\r\n    100%{ transform:translateY(-160px); opacity:0; }\r\n  }\r\n  #saundaryam-wholesale .sw-hero-emerald{ width:120px; height:150px; position:absolute; top:18%; left:18%; }\r\n  #saundaryam-wholesale .sw-hero-ruby{ width:96px; height:120px; position:absolute; top:44%; left:44%; z-index:3; }\r\n  #saundaryam-wholesale .sw-hero-sapphire{ width:104px; height:104px; position:absolute; bottom:16%; left:20%; }\r\n  #saundaryam-wholesale .sw-hero-amethyst{ width:88px; height:98px; position:absolute; top:14%; right:14%; }\r\n  #saundaryam-wholesale .sw-hero-citrine{ width:78px; height:78px; position:absolute; bottom:12%; right:16%; }\r\n\r\n  #saundaryam-wholesale .sw-hero-tag{\r\n    position:absolute; left:26px; bottom:26px; z-index:4;\r\n    background:var(--sw-white); border-radius:var(--sw-radius-md); padding:14px 18px;\r\n    box-shadow:var(--sw-shadow-sm); display:flex; align-items:center; gap:12px;\r\n    font-size:13px; font-weight:600;\r\n  }\r\n  #saundaryam-wholesale .sw-hero-tag .sw-dot{ width:8px; height:8px; border-radius:50%; background:var(--sw-teal); }\r\n\r\n  \/* ============================================================\r\n     SECTION 2 \u2014 GEMSTONE COLLECTION\r\n  ============================================================ *\/\r\n  #saundaryam-wholesale .sw-collection{ padding:90px 0; }\r\n  #saundaryam-wholesale .sw-section-head{ text-align:center; max-width:620px; margin:0 auto 56px; }\r\n  #saundaryam-wholesale .sw-section-head h2{ font-size:36px; margin-top:16px; line-height:1.2; }\r\n  #saundaryam-wholesale .sw-section-head p{ font-size:15.5px; color:var(--sw-navy-soft); margin-top:14px; line-height:1.7; }\r\n\r\n  #saundaryam-wholesale .sw-gem-grid{\r\n    display:grid; grid-template-columns:repeat(3,1fr); gap:26px;\r\n  }\r\n  #saundaryam-wholesale .sw-gem-card{\r\n    background:var(--sw-white); border:1px solid var(--sw-ivory-line); border-radius:var(--sw-radius-md);\r\n    padding:34px 30px 30px; box-shadow:var(--sw-shadow-sm);\r\n    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;\r\n    text-align:left;\r\n  }\r\n  #saundaryam-wholesale .sw-gem-card:hover{\r\n    transform:translateY(-6px); box-shadow:var(--sw-shadow-md); border-color:var(--sw-teal);\r\n  }\r\n  #saundaryam-wholesale .sw-gem-card-visual{\r\n    height:150px; border-radius:14px;\r\n    background:linear-gradient(155deg,var(--sw-ivory-deep),var(--sw-teal-tint));\r\n    display:flex; align-items:center; justify-content:center; margin-bottom:22px; overflow:hidden;\r\n  }\r\n  #saundaryam-wholesale .sw-gem-card-visual .sw-gem{ transition:transform .45s ease; }\r\n  #saundaryam-wholesale .sw-gem-card:hover .sw-gem-card-visual .sw-gem{ transform:scale(1.1) rotate(2deg); }\r\n  #saundaryam-wholesale .sw-gem-card h3{ font-size:20px; margin-bottom:10px; }\r\n  #saundaryam-wholesale .sw-gem-card p{ font-size:14px; line-height:1.7; color:var(--sw-navy-soft); margin:0 0 18px; }\r\n  #saundaryam-wholesale .sw-gem-card .sw-enquire{\r\n    display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; color:var(--sw-teal-deep);\r\n  }\r\n  #saundaryam-wholesale .sw-gem-card .sw-enquire svg{ transition:transform .3s ease; }\r\n  #saundaryam-wholesale .sw-gem-card:hover .sw-enquire svg{ transform:translateX(4px); }\r\n\r\n  \/* ============================================================\r\n     SECTION 3 \u2014 WHY SAUNDARYAM\r\n  ============================================================ *\/\r\n  #saundaryam-wholesale .sw-why{\r\n    padding:96px 0; background:var(--sw-ivory-deep);\r\n    border-top:1px solid var(--sw-ivory-line); border-bottom:1px solid var(--sw-ivory-line);\r\n  }\r\n  #saundaryam-wholesale .sw-why-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:64px; align-items:center; }\r\n  #saundaryam-wholesale .sw-why-stage{\r\n    position:relative; height:420px; border-radius:var(--sw-radius-lg);\r\n    background:linear-gradient(150deg,var(--sw-teal-tint),var(--sw-white));\r\n    border:1px solid var(--sw-ivory-line); box-shadow:var(--sw-shadow-md);\r\n    display:flex; align-items:center; justify-content:center;\r\n  }\r\n  #saundaryam-wholesale .sw-why-stage .sw-gem-emerald{ width:150px; height:190px; }\r\n  #saundaryam-wholesale .sw-why-stage .sw-gem-sapphire{ width:80px; height:80px; position:absolute; bottom:18%; left:16%; }\r\n  #saundaryam-wholesale .sw-why-stage .sw-gem-citrine{ width:70px; height:70px; position:absolute; top:14%; right:18%; }\r\n  #saundaryam-wholesale .sw-why-float-card{\r\n    position:absolute; background:#fff; border-radius:14px; box-shadow:var(--sw-shadow-sm);\r\n    padding:14px 18px; font-size:12.5px; font-weight:600; display:flex; align-items:center; gap:10px;\r\n  }\r\n  #saundaryam-wholesale .sw-why-float-card.sw-fc-1{ top:22px; right:-16px; }\r\n  #saundaryam-wholesale .sw-why-float-card.sw-fc-2{ bottom:24px; left:-18px; }\r\n  #saundaryam-wholesale .sw-why-float-card .sw-dot{ width:8px; height:8px; border-radius:50%; background:var(--sw-teal); flex-shrink:0; }\r\n\r\n  #saundaryam-wholesale .sw-why h2{ font-size:32px; margin:16px 0 20px; line-height:1.25; }\r\n  #saundaryam-wholesale .sw-why > div > p.sw-why-text{ font-size:15.5px; line-height:1.75; color:var(--sw-navy-soft); margin:0 0 34px; max-width:520px; }\r\n  #saundaryam-wholesale .sw-benefits{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }\r\n  #saundaryam-wholesale .sw-benefit{\r\n    background:var(--sw-white); border:1px solid var(--sw-ivory-line); border-radius:16px; padding:24px 20px;\r\n    box-shadow:var(--sw-shadow-sm);\r\n  }\r\n  #saundaryam-wholesale .sw-benefit-icon{\r\n    width:40px; height:40px; border-radius:50%; background:var(--sw-teal-tint);\r\n    display:flex; align-items:center; justify-content:center; margin-bottom:16px;\r\n  }\r\n  #saundaryam-wholesale .sw-benefit h3{ font-size:16.5px; margin-bottom:8px; }\r\n  #saundaryam-wholesale .sw-benefit p{ font-size:13.5px; line-height:1.65; color:var(--sw-navy-soft); margin:0; }\r\n\r\n  \/* ============================================================\r\n     SECTION 4 \u2014 HOW WHOLESALE WORKS\r\n  ============================================================ *\/\r\n  #saundaryam-wholesale .sw-process{ padding:96px 0; }\r\n  #saundaryam-wholesale .sw-timeline{ position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:0; }\r\n  #saundaryam-wholesale .sw-timeline-track{\r\n    position:absolute; top:27px; left:12.5%; right:12.5%; height:1px;\r\n    background:var(--sw-ivory-line); z-index:0;\r\n  }\r\n  #saundaryam-wholesale .sw-timeline-track-fill{\r\n    position:absolute; top:0; left:0; height:1px; width:0%;\r\n    background:var(--sw-teal); transition:width 1.2s ease;\r\n  }\r\n  #saundaryam-wholesale .sw-timeline.sw-in .sw-timeline-track-fill{ width:100%; }\r\n  #saundaryam-wholesale .sw-step{ position:relative; z-index:1; padding:0 24px; text-align:left; }\r\n  #saundaryam-wholesale .sw-step-num{\r\n    width:54px; height:54px; border-radius:50%; background:var(--sw-white); border:1px solid var(--sw-teal);\r\n    color:var(--sw-teal-deep); font-family:var(--sw-serif); font-size:19px;\r\n    display:flex; align-items:center; justify-content:center; margin-bottom:22px;\r\n    box-shadow:var(--sw-shadow-sm); transition:transform .4s ease, background .4s ease, color .4s ease;\r\n  }\r\n  #saundaryam-wholesale .sw-step:hover .sw-step-num{ background:var(--sw-teal); color:#fff; transform:scale(1.08); }\r\n  #saundaryam-wholesale .sw-step h3{ font-size:18px; margin-bottom:10px; }\r\n  #saundaryam-wholesale .sw-step p{ font-size:14px; line-height:1.7; color:var(--sw-navy-soft); margin:0; }\r\n\r\n  \/* ============================================================\r\n     SECTION 5 \u2014 WHOLESALE ENQUIRY FORM\r\n  ============================================================ *\/\r\n  #saundaryam-wholesale .sw-form-section{ padding:20px 0 100px; }\r\n  #saundaryam-wholesale .sw-form-card{\r\n    background:var(--sw-white); border:1px solid var(--sw-ivory-line); border-radius:var(--sw-radius-lg);\r\n    box-shadow:var(--sw-shadow-lg); padding:58px; display:grid; grid-template-columns:0.8fr 1.2fr; gap:56px;\r\n  }\r\n  #saundaryam-wholesale .sw-form-intro h2{ font-size:32px; line-height:1.25; margin:16px 0; }\r\n  #saundaryam-wholesale .sw-form-intro p{ font-size:15px; line-height:1.75; color:var(--sw-navy-soft); margin:0 0 30px; }\r\n  #saundaryam-wholesale .sw-form-visual{\r\n    position:relative; height:220px; border-radius:16px;\r\n    background:linear-gradient(155deg,var(--sw-ivory-deep),var(--sw-teal-tint));\r\n    display:flex; align-items:center; justify-content:center; overflow:hidden;\r\n  }\r\n  #saundaryam-wholesale .sw-form-visual .sw-gem-sapphire{ width:76px; height:76px; }\r\n  #saundaryam-wholesale .sw-form-visual .sw-gem-ruby{ width:56px; height:70px; position:absolute; top:20%; right:22%; }\r\n  #saundaryam-wholesale .sw-form-visual .sw-gem-tourmaline{ width:44px; height:80px; position:absolute; bottom:14%; left:20%; }\r\n\r\n  #saundaryam-wholesale .sw-fieldset{ border:none; padding:0; margin:0 0 30px; }\r\n  #saundaryam-wholesale .sw-fieldset:last-of-type{ margin-bottom:0; }\r\n  #saundaryam-wholesale .sw-fieldset legend{\r\n    font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase;\r\n    color:var(--sw-teal-deep); margin-bottom:16px; padding:0;\r\n  }\r\n  #saundaryam-wholesale .sw-field-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }\r\n  #saundaryam-wholesale .sw-field{ display:flex; flex-direction:column; gap:8px; }\r\n  #saundaryam-wholesale .sw-field.sw-full{ grid-column:1 \/ -1; }\r\n  #saundaryam-wholesale .sw-field label{\r\n    font-size:12.5px; font-weight:600; letter-spacing:0.4px; text-transform:uppercase; color:var(--sw-navy-soft);\r\n  }\r\n  #saundaryam-wholesale .sw-field input[type=\"text\"],\r\n  #saundaryam-wholesale .sw-field input[type=\"tel\"],\r\n  #saundaryam-wholesale .sw-field input[type=\"email\"],\r\n  #saundaryam-wholesale .sw-field select,\r\n  #saundaryam-wholesale .sw-field textarea{\r\n    font-family:var(--sw-sans); font-size:14.5px; color:var(--sw-navy); background:var(--sw-ivory);\r\n    border:1px solid var(--sw-ivory-line); border-radius:12px; padding:13px 16px; width:100%; outline:none;\r\n    transition:border-color .2s ease, box-shadow .2s ease;\r\n  }\r\n  #saundaryam-wholesale .sw-field input:focus,\r\n  #saundaryam-wholesale .sw-field select:focus,\r\n  #saundaryam-wholesale .sw-field textarea:focus{\r\n    border-color:var(--sw-teal); box-shadow:0 0 0 3px rgba(30,107,116,0.14); background:#fff;\r\n  }\r\n  #saundaryam-wholesale .sw-field textarea{ resize:vertical; min-height:96px; }\r\n  #saundaryam-wholesale .sw-field select{\r\n    appearance:none; -webkit-appearance:none;\r\n    background-image:url(\"data:image\/svg+xml;charset=UTF-8,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%234C5A78' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\r\n    background-repeat:no-repeat; background-position:right 14px center; background-size:16px; padding-right:40px;\r\n  }\r\n  #saundaryam-wholesale .sw-form-submit{ margin-top:8px; display:flex; flex-direction:column; gap:12px; align-items:flex-start; }\r\n  #saundaryam-wholesale .sw-form-note{ font-size:13px; color:var(--sw-navy-soft); max-width:420px; line-height:1.6; }\r\n  #saundaryam-wholesale .sw-form-error{ font-size:12.5px; color:#a5433a; display:none; }\r\n  #saundaryam-wholesale .sw-form-error.sw-show{ display:block; }\r\n\r\n  #saundaryam-wholesale .sw-confirm{ display:none; text-align:center; padding:50px 10px; }\r\n  #saundaryam-wholesale .sw-confirm.sw-show{ display:block; }\r\n  #saundaryam-wholesale .sw-confirm-icon{\r\n    width:64px; height:64px; border-radius:50%; background:var(--sw-teal-tint);\r\n    display:flex; align-items:center; justify-content:center; margin:0 auto 22px;\r\n  }\r\n  #saundaryam-wholesale .sw-confirm h3{ font-size:24px; margin-bottom:12px; }\r\n  #saundaryam-wholesale .sw-confirm p{ font-size:15px; color:var(--sw-navy-soft); max-width:420px; margin:0 auto; line-height:1.7; }\r\n\r\n  \/* ============================================================\r\n     SECTION 6 \u2014 FAQ + FINAL CTA\r\n  ============================================================ *\/\r\n  #saundaryam-wholesale .sw-faq{ padding:90px 0 40px; }\r\n  #saundaryam-wholesale .sw-faq-list{ max-width:800px; margin:0 auto; display:flex; flex-direction:column; gap:14px; }\r\n  #saundaryam-wholesale .sw-faq-item{\r\n    background:var(--sw-white); border:1px solid var(--sw-ivory-line); border-radius:var(--sw-radius-md); overflow:hidden;\r\n  }\r\n  #saundaryam-wholesale .sw-faq-q{\r\n    width:100%; text-align:left; background:none; border:none; padding:22px 26px;\r\n    display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer;\r\n    font-size:15.5px; font-weight:600; color:var(--sw-navy);\r\n  }\r\n  #saundaryam-wholesale .sw-faq-q .sw-faq-icon{\r\n    flex-shrink:0; width:22px; height:22px; border-radius:50%; border:1px solid var(--sw-teal);\r\n    display:flex; align-items:center; justify-content:center; position:relative; transition:transform .3s ease;\r\n  }\r\n  #saundaryam-wholesale .sw-faq-icon::before, #saundaryam-wholesale .sw-faq-icon::after{ content:\"\"; position:absolute; background:var(--sw-teal); }\r\n  #saundaryam-wholesale .sw-faq-icon::before{ width:9px; height:1.4px; }\r\n  #saundaryam-wholesale .sw-faq-icon::after{ width:1.4px; height:9px; transition:opacity .25s ease; }\r\n  #saundaryam-wholesale .sw-faq-item.sw-open .sw-faq-icon::after{ opacity:0; }\r\n  #saundaryam-wholesale .sw-faq-item.sw-open .sw-faq-icon{ transform:rotate(180deg); }\r\n  #saundaryam-wholesale .sw-faq-a-wrap{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s ease; }\r\n  #saundaryam-wholesale .sw-faq-item.sw-open .sw-faq-a-wrap{ grid-template-rows:1fr; }\r\n  #saundaryam-wholesale .sw-faq-a-inner{ overflow:hidden; }\r\n  #saundaryam-wholesale .sw-faq-a{ padding:0 26px 22px; font-size:14.5px; line-height:1.75; color:var(--sw-navy-soft); }\r\n\r\n  #saundaryam-wholesale .sw-final{ padding:70px 0 100px; }\r\n  #saundaryam-wholesale .sw-final-card{\r\n    position:relative; max-width:880px; margin:0 auto; padding:74px 60px; text-align:center;\r\n    border-radius:var(--sw-radius-lg); overflow:hidden;\r\n    background:linear-gradient(150deg,var(--sw-navy) 0%, #223A63 100%);\r\n    box-shadow:var(--sw-shadow-lg);\r\n  }\r\n  #saundaryam-wholesale .sw-final-card .sw-gem{ position:absolute; opacity:0.9; }\r\n  #saundaryam-wholesale .sw-final-card .sw-gem-emerald{ width:90px; height:112px; top:-24px; left:-18px; opacity:0.55; }\r\n  #saundaryam-wholesale .sw-final-card .sw-gem-amethyst{ width:70px; height:78px; bottom:-16px; right:6%; opacity:0.55; }\r\n  #saundaryam-wholesale .sw-final-card .sw-gem-citrine{ width:56px; height:56px; top:12%; right:-10px; opacity:0.5; }\r\n  #saundaryam-wholesale .sw-final-card h2{ color:#fff; font-size:34px; margin-bottom:16px; position:relative; z-index:2; }\r\n  #saundaryam-wholesale .sw-final-card p{ color:#C9D2E4; font-size:15.5px; line-height:1.75; max-width:480px; margin:0 auto 34px; position:relative; z-index:2; }\r\n  #saundaryam-wholesale .sw-final-card .sw-btn{ position:relative; z-index:2; }\r\n\r\n  \/* ============================================================\r\n     RESPONSIVE\r\n  ============================================================ *\/\r\n  @media (max-width:1280px){\r\n    #saundaryam-wholesale .sw-wrap{ padding:0 32px; }\r\n  }\r\n  @media (max-width:1080px){\r\n    #saundaryam-wholesale .sw-hero h1{ font-size:40px; }\r\n    #saundaryam-wholesale .sw-gem-grid{ grid-template-columns:repeat(2,1fr); }\r\n    #saundaryam-wholesale .sw-form-card{ padding:44px; gap:40px; }\r\n    #saundaryam-wholesale .sw-benefits{ grid-template-columns:1fr; }\r\n  }\r\n  @media (max-width:1024px){\r\n    #saundaryam-wholesale .sw-timeline{ grid-template-columns:repeat(2,1fr); row-gap:48px; }\r\n    #saundaryam-wholesale .sw-timeline-track{ display:none; }\r\n  }\r\n  @media (max-width:900px){\r\n    #saundaryam-wholesale .sw-hero-grid{ grid-template-columns:1fr; }\r\n    #saundaryam-wholesale .sw-hero-stage{ height:360px; order:-1; }\r\n    #saundaryam-wholesale .sw-why-grid{ grid-template-columns:1fr; }\r\n    #saundaryam-wholesale .sw-why-stage{ height:300px; }\r\n    #saundaryam-wholesale .sw-form-card{ grid-template-columns:1fr; }\r\n    #saundaryam-wholesale .sw-form-visual{ order:-1; }\r\n  }\r\n  @media (max-width:768px){\r\n    #saundaryam-wholesale .sw-wrap{ padding:0 24px; }\r\n    #saundaryam-wholesale .sw-gem-grid{ grid-template-columns:1fr; }\r\n    #saundaryam-wholesale .sw-section-head h2{ font-size:30px; }\r\n  }\r\n  @media (max-width:600px){\r\n    #saundaryam-wholesale .sw-hero{ padding:64px 0 48px; }\r\n    #saundaryam-wholesale .sw-hero h1{ font-size:32px; }\r\n    #saundaryam-wholesale .sw-hero-actions{ flex-direction:column; align-items:flex-start; }\r\n    #saundaryam-wholesale .sw-form-card{ padding:26px 20px; }\r\n    #saundaryam-wholesale .sw-field-grid{ grid-template-columns:1fr; }\r\n    #saundaryam-wholesale .sw-timeline{ grid-template-columns:1fr; }\r\n    #saundaryam-wholesale .sw-final-card{ padding:50px 24px; }\r\n    #saundaryam-wholesale .sw-final-card h2{ font-size:26px; }\r\n    #saundaryam-wholesale .sw-why-float-card{ display:none; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion:reduce){\r\n    #saundaryam-wholesale *{ animation:none !important; transition:none !important; }\r\n    #saundaryam-wholesale .sw-reveal{ opacity:1; transform:none; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"saundaryam-wholesale\">\r\n\r\n  <!-- ======================================================\r\n       SECTION 1 \u2014 HERO\r\n  ======================================================= -->\r\n  <section class=\"sw-hero\">\r\n    <div class=\"sw-wrap sw-hero-grid\">\r\n      <div class=\"sw-hero-copy sw-reveal\">\r\n        <span class=\"sw-eyebrow\">Wholesale Gemstones<\/span>\r\n        <h1>Build Your Gemstone Collection With Saundaryam<\/h1>\r\n        <p class=\"sw-lede\">Natural gemstones for jewellers, designers and retailers looking to build, replenish or expand their gemstone inventory.<\/p>\r\n        <div class=\"sw-hero-actions\">\r\n          <a href=\"#sw-form-anchor\" class=\"sw-btn sw-btn-primary sw-scroll-to-form\">\r\n            Start a Wholesale Enquiry\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" class=\"sw-btn sw-btn-outline\">Explore Gemstones<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Hero gemstone composition: no photography required -->\r\n      <div class=\"sw-hero-stage sw-reveal\" id=\"sw-hero-stage\">\r\n        <div class=\"sw-hero-stage-inner\">\r\n          <div class=\"sw-hero-particles\" id=\"sw-hero-particles\"><\/div>\r\n\r\n          <!-- REPLACE WITH REAL EMERALD IMAGE -->\r\n          <div class=\"sw-gem sw-gem-emerald sw-hero-emerald sw-floating\" style=\"--sw-rot:-4deg; animation-delay:.2s;\" role=\"img\" aria-label=\"Illustrative emerald gemstone shape\"><\/div>\r\n          <!-- REPLACE WITH REAL RUBY IMAGE -->\r\n          <div class=\"sw-gem sw-gem-ruby sw-hero-ruby sw-floating\" style=\"--sw-rot:3deg; animation-delay:.6s;\" role=\"img\" aria-label=\"Illustrative ruby gemstone shape\"><\/div>\r\n          <!-- REPLACE WITH REAL SAPPHIRE IMAGE -->\r\n          <div class=\"sw-gem sw-gem-sapphire sw-hero-sapphire sw-floating\" style=\"--sw-rot:-2deg; animation-delay:1s;\" role=\"img\" aria-label=\"Illustrative sapphire gemstone shape\"><\/div>\r\n          <!-- REPLACE WITH REAL AMETHYST IMAGE -->\r\n          <div class=\"sw-gem sw-gem-amethyst sw-hero-amethyst sw-floating\" style=\"--sw-rot:5deg; animation-delay:.4s;\" role=\"img\" aria-label=\"Illustrative amethyst gemstone shape\"><\/div>\r\n          <!-- REPLACE WITH REAL CITRINE IMAGE -->\r\n          <div class=\"sw-gem sw-gem-citrine sw-hero-citrine sw-floating\" style=\"--sw-rot:-3deg; animation-delay:.8s;\" role=\"img\" aria-label=\"Illustrative citrine gemstone shape\"><\/div>\r\n        <\/div>\r\n        <div class=\"sw-hero-tag\"><span class=\"sw-dot\"><\/span>Sourced to your specification<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ======================================================\r\n       SECTION 2 \u2014 GEMSTONE COLLECTION\r\n  ======================================================= -->\r\n  <section class=\"sw-collection\">\r\n    <div class=\"sw-wrap\">\r\n      <div class=\"sw-section-head sw-reveal\">\r\n        <span class=\"sw-eyebrow\">The Collection<\/span>\r\n        <h2>Gemstones for Every Collection<\/h2>\r\n        <p>Explore natural gemstone categories suited for jewellery, retail and business requirements.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sw-gem-grid\">\r\n\r\n        <div class=\"sw-gem-card sw-reveal\">\r\n          <div class=\"sw-gem-card-visual\">\r\n            <!-- REPLACE WITH REAL RUBY IMAGE -->\r\n            <div class=\"sw-gem sw-gem-ruby\" style=\"width:74px;height:92px;\" role=\"img\" aria-label=\"Illustrative ruby gemstone shape\"><\/div>\r\n          <\/div>\r\n          <h3>Ruby<\/h3>\r\n          <p>Natural ruby gemstones for jewellery and collection requirements.<\/p>\r\n          <a href=\"#sw-form-anchor\" class=\"sw-enquire sw-scroll-to-form\">Enquire <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n\r\n        <div class=\"sw-gem-card sw-reveal\">\r\n          <div class=\"sw-gem-card-visual\">\r\n            <!-- REPLACE WITH REAL EMERALD IMAGE -->\r\n            <div class=\"sw-gem sw-gem-emerald\" style=\"width:78px;height:98px;\" role=\"img\" aria-label=\"Illustrative emerald gemstone shape\"><\/div>\r\n          <\/div>\r\n          <h3>Emerald<\/h3>\r\n          <p>Rich green emeralds sourced for fine jewellery and design work.<\/p>\r\n          <a href=\"#sw-form-anchor\" class=\"sw-enquire sw-scroll-to-form\">Enquire <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n\r\n        <div class=\"sw-gem-card sw-reveal\">\r\n          <div class=\"sw-gem-card-visual\">\r\n            <!-- REPLACE WITH REAL SAPPHIRE IMAGE -->\r\n            <div class=\"sw-gem sw-gem-sapphire\" style=\"width:84px;height:84px;\" role=\"img\" aria-label=\"Illustrative sapphire gemstone shape\"><\/div>\r\n          <\/div>\r\n          <h3>Sapphire<\/h3>\r\n          <p>Natural sapphires in a range of tones for jewellery and inventory needs.<\/p>\r\n          <a href=\"#sw-form-anchor\" class=\"sw-enquire sw-scroll-to-form\">Enquire <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n\r\n        <div class=\"sw-gem-card sw-reveal\">\r\n          <div class=\"sw-gem-card-visual\">\r\n            <!-- REPLACE WITH REAL AMETHYST IMAGE -->\r\n            <div class=\"sw-gem sw-gem-amethyst\" style=\"width:70px;height:80px;\" role=\"img\" aria-label=\"Illustrative amethyst gemstone shape\"><\/div>\r\n          <\/div>\r\n          <h3>Amethyst<\/h3>\r\n          <p>Natural amethyst gemstones suited for jewellery and retail collections.<\/p>\r\n          <a href=\"#sw-form-anchor\" class=\"sw-enquire sw-scroll-to-form\">Enquire <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n\r\n        <div class=\"sw-gem-card sw-reveal\">\r\n          <div class=\"sw-gem-card-visual\">\r\n            <!-- REPLACE WITH REAL GARNET IMAGE -->\r\n            <div class=\"sw-gem sw-gem-garnet\" style=\"width:80px;height:80px;\" role=\"img\" aria-label=\"Illustrative garnet gemstone shape\"><\/div>\r\n          <\/div>\r\n          <h3>Garnet<\/h3>\r\n          <p>Deep-toned natural garnets for jewellery, design and business requirements.<\/p>\r\n          <a href=\"#sw-form-anchor\" class=\"sw-enquire sw-scroll-to-form\">Enquire <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n\r\n        <div class=\"sw-gem-card sw-reveal\">\r\n          <div class=\"sw-gem-card-visual\">\r\n            <!-- REPLACE WITH REAL TOURMALINE IMAGE -->\r\n            <div class=\"sw-gem sw-gem-tourmaline\" style=\"width:56px;height:100px;\" role=\"img\" aria-label=\"Illustrative bi-colour tourmaline gemstone shape\"><\/div>\r\n          <\/div>\r\n          <h3>Tourmaline<\/h3>\r\n          <p>Natural tourmaline, including bi-colour varieties, for distinctive pieces.<\/p>\r\n          <a href=\"#sw-form-anchor\" class=\"sw-enquire sw-scroll-to-form\">Enquire <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ======================================================\r\n       SECTION 3 \u2014 WHY SAUNDARYAM\r\n  ======================================================= -->\r\n  <section class=\"sw-why\">\r\n    <div class=\"sw-wrap sw-why-grid\">\r\n\r\n      <div class=\"sw-why-stage sw-reveal\">\r\n        <!-- REPLACE WITH REAL GEMSTONE IMAGE(S) -->\r\n        <div class=\"sw-gem sw-gem-emerald sw-floating\" style=\"--sw-rot:-3deg;\" role=\"img\" aria-label=\"Illustrative emerald gemstone shape\"><\/div>\r\n        <div class=\"sw-gem sw-gem-sapphire\" role=\"img\" aria-label=\"Illustrative sapphire gemstone shape\"><\/div>\r\n        <div class=\"sw-gem sw-gem-citrine\" role=\"img\" aria-label=\"Illustrative citrine gemstone shape\"><\/div>\r\n        <div class=\"sw-why-float-card sw-fc-1\"><span class=\"sw-dot\"><\/span>Natural gemstones<\/div>\r\n        <div class=\"sw-why-float-card sw-fc-2\"><span class=\"sw-dot\"><\/span>Business-focused support<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sw-reveal\">\r\n        <span class=\"sw-eyebrow\">Why Saundaryam<\/span>\r\n        <h2>More Than a Supplier. A Sourcing Partner.<\/h2>\r\n        <p class=\"sw-why-text\">Your gemstone requirements can vary from collection to collection. We work with jewellers, designers and retailers to understand what they need and help them explore suitable natural gemstone options.<\/p>\r\n\r\n        <div class=\"sw-benefits\">\r\n          <div class=\"sw-benefit\">\r\n            <div class=\"sw-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2L21 7V17L12 22L3 17V7L12 2Z\" stroke=\"#1E6B74\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n            <h3>Natural Gemstones<\/h3>\r\n            <p>Focused on natural gemstone sourcing for jewellery and business requirements.<\/p>\r\n          <\/div>\r\n          <div class=\"sw-benefit\">\r\n            <div class=\"sw-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 12h16M4 6h16M4 18h10\" stroke=\"#1E6B74\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\r\n            <h3>Flexible Requirements<\/h3>\r\n            <p>Discuss gemstone type, size, quantity and specifications based on your needs.<\/p>\r\n          <\/div>\r\n          <div class=\"sw-benefit\">\r\n            <div class=\"sw-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"8\" r=\"3.2\" stroke=\"#1E6B74\" stroke-width=\"1.5\"\/><path d=\"M5 20c1.5-4 5-5 7-5s5.5 1 7 5\" stroke=\"#1E6B74\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\r\n            <h3>Business-Focused Support<\/h3>\r\n            <p>Our team helps you explore suitable options for your collection or inventory.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ======================================================\r\n       SECTION 4 \u2014 HOW WHOLESALE WORKS\r\n  ======================================================= -->\r\n  <section class=\"sw-process\">\r\n    <div class=\"sw-wrap\">\r\n      <div class=\"sw-section-head sw-reveal\">\r\n        <span class=\"sw-eyebrow\">The Process<\/span>\r\n        <h2>From Enquiry to Supply<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"sw-timeline sw-reveal\" id=\"sw-timeline\">\r\n        <div class=\"sw-timeline-track\"><div class=\"sw-timeline-track-fill\"><\/div><\/div>\r\n\r\n        <div class=\"sw-step\">\r\n          <div class=\"sw-step-num\">01<\/div>\r\n          <h3>Tell Us What You Need<\/h3>\r\n          <p>Share the gemstone categories, quantities and business requirements you're looking for.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sw-step\">\r\n          <div class=\"sw-step-num\">02<\/div>\r\n          <h3>We Discuss Your Requirement<\/h3>\r\n          <p>Our team connects with you to understand specifications, availability and suitable options.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sw-step\">\r\n          <div class=\"sw-step-num\">03<\/div>\r\n          <h3>Review &amp; Confirm<\/h3>\r\n          <p>We discuss available options and applicable pricing based on your requirements.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sw-step\">\r\n          <div class=\"sw-step-num\">04<\/div>\r\n          <h3>Proceed With Your Order<\/h3>\r\n          <p>Once the details are mutually confirmed, we proceed with the wholesale order.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ======================================================\r\n       SECTION 5 \u2014 WHOLESALE ENQUIRY FORM\r\n  ======================================================= -->\r\n  <section class=\"sw-form-section\" id=\"sw-form-anchor\">\r\n    <div class=\"sw-wrap\">\r\n      <div class=\"sw-form-card sw-reveal\">\r\n\r\n        <div class=\"sw-form-intro\">\r\n          <span class=\"sw-eyebrow\">Let's Talk Wholesale<\/span>\r\n          <h2>Let's Talk Wholesale<\/h2>\r\n          <p>Tell us about your business and what you're looking to source. Our team will connect with you to discuss suitable wholesale options.<\/p>\r\n\r\n          <div class=\"sw-form-visual\">\r\n            <!-- REPLACE WITH REAL GEMSTONE IMAGE(S) -->\r\n            <div class=\"sw-gem sw-gem-sapphire\" role=\"img\" aria-label=\"Illustrative sapphire gemstone shape\"><\/div>\r\n            <div class=\"sw-gem sw-gem-ruby\" role=\"img\" aria-label=\"Illustrative ruby gemstone shape\"><\/div>\r\n            <div class=\"sw-gem sw-gem-tourmaline\" role=\"img\" aria-label=\"Illustrative bi-colour tourmaline gemstone shape\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sw-form-body\">\r\n          <form id=\"sw-wholesale-form\" novalidate>\r\n\r\n            <fieldset class=\"sw-fieldset\">\r\n              <legend>Personal<\/legend>\r\n              <div class=\"sw-field-grid\">\r\n                <div class=\"sw-field\">\r\n                  <label for=\"sw-name\">Name<\/label>\r\n                  <input type=\"text\" id=\"sw-name\" name=\"name\" required>\r\n                <\/div>\r\n                <div class=\"sw-field\">\r\n                  <label for=\"sw-business-name\">Business Name<\/label>\r\n                  <input type=\"text\" id=\"sw-business-name\" name=\"business_name\">\r\n                <\/div>\r\n                <div class=\"sw-field\">\r\n                  <label for=\"sw-whatsapp\">WhatsApp Number<\/label>\r\n                  <input type=\"tel\" id=\"sw-whatsapp\" name=\"whatsapp\" required>\r\n                <\/div>\r\n                <div class=\"sw-field\">\r\n                  <label for=\"sw-email\">Email<\/label>\r\n                  <input type=\"email\" id=\"sw-email\" name=\"email\" required>\r\n                <\/div>\r\n              <\/div>\r\n            <\/fieldset>\r\n\r\n            <fieldset class=\"sw-fieldset\">\r\n              <legend>Business<\/legend>\r\n              <div class=\"sw-field-grid\">\r\n                <div class=\"sw-field sw-full\">\r\n                  <label for=\"sw-business-type\">Business Type<\/label>\r\n                  <select id=\"sw-business-type\" name=\"business_type\" required>\r\n                    <option value=\"\" disabled selected>Select business type<\/option>\r\n                    <option value=\"jeweller\">Jeweller<\/option>\r\n                    <option value=\"designer\">Jewellery Designer<\/option>\r\n                    <option value=\"retailer\">Retailer<\/option>\r\n                    <option value=\"reseller\">Reseller \/ Dealer<\/option>\r\n                    <option value=\"other\">Other<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n              <\/div>\r\n            <\/fieldset>\r\n\r\n            <fieldset class=\"sw-fieldset\">\r\n              <legend>Requirement<\/legend>\r\n              <div class=\"sw-field-grid\">\r\n                <div class=\"sw-field\">\r\n                  <label for=\"sw-interested-in\">Interested In<\/label>\r\n                  <select id=\"sw-interested-in\" name=\"interested_in\" required>\r\n                    <option value=\"\" disabled selected>Select an option<\/option>\r\n                    <option value=\"natural\">Natural Gemstones<\/option>\r\n                    <option value=\"astrology\">Astrology Gemstones<\/option>\r\n                    <option value=\"jewellery\">Gemstone Jewellery<\/option>\r\n                    <option value=\"multiple\">Multiple Categories<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n                <div class=\"sw-field\">\r\n                  <label for=\"sw-gemstones\">Gemstones You're Interested In<\/label>\r\n                  <input type=\"text\" id=\"sw-gemstones\" name=\"gemstones\" placeholder=\"e.g. Ruby, Emerald, Sapphire\">\r\n                <\/div>\r\n                <div class=\"sw-field sw-full\">\r\n                  <label for=\"sw-quantity\">Approximate Requirement<\/label>\r\n                  <select id=\"sw-quantity\" name=\"quantity\" required>\r\n                    <option value=\"\" disabled selected>Select an option<\/option>\r\n                    <option value=\"trial\">Trial \/ Small Quantity<\/option>\r\n                    <option value=\"regular\">Regular Inventory<\/option>\r\n                    <option value=\"bulk\">Bulk Requirement<\/option>\r\n                    <option value=\"not_sure\">Not Sure Yet<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n                <div class=\"sw-field sw-full\">\r\n                  <label for=\"sw-additional\">Additional Requirements<\/label>\r\n                  <textarea id=\"sw-additional\" name=\"additional_requirements\" placeholder=\"Share any further detail that will help our team understand your requirement\"><\/textarea>\r\n                <\/div>\r\n              <\/div>\r\n            <\/fieldset>\r\n\r\n            <div class=\"sw-form-submit\">\r\n              <button type=\"submit\" class=\"sw-btn sw-btn-primary\">Send Wholesale Enquiry<\/button>\r\n              <span class=\"sw-form-note\">Our team will contact you to discuss availability, specifications and wholesale pricing based on your requirement.<\/span>\r\n              <span class=\"sw-form-error\" id=\"sw-form-error\">Please fill all required fields before submitting.<\/span>\r\n            <\/div>\r\n          <\/form>\r\n\r\n          <div class=\"sw-confirm\" id=\"sw-confirm\">\r\n            <div class=\"sw-confirm-icon\">\r\n              <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 13l4 4L19 7\" stroke=\"#1E6B74\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Enquiry Received<\/h3>\r\n            <p>Thank you for your interest in wholesale sourcing with Saundaryam Gems. Our team will review your requirement and connect with you shortly.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ======================================================\r\n       SECTION 6 \u2014 FAQ + FINAL CTA\r\n  ======================================================= -->\r\n  <section class=\"sw-faq\">\r\n    <div class=\"sw-wrap\">\r\n      <div class=\"sw-section-head sw-reveal\">\r\n        <span class=\"sw-eyebrow\">Questions<\/span>\r\n        <h2>Frequently Asked Questions<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"sw-faq-list sw-reveal\" id=\"sw-faq-list\">\r\n\r\n        <div class=\"sw-faq-item\">\r\n          <button class=\"sw-faq-q\" aria-expanded=\"false\">\r\n            Who can buy wholesale from Saundaryam?\r\n            <span class=\"sw-faq-icon\"><\/span>\r\n          <\/button>\r\n          <div class=\"sw-faq-a-wrap\"><div class=\"sw-faq-a-inner\"><p class=\"sw-faq-a\">Jewellers, jewellery designers, retailers, resellers, dealers and other businesses can enquire about wholesale requirements.<\/p><\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sw-faq-item\">\r\n          <button class=\"sw-faq-q\" aria-expanded=\"false\">\r\n            Is there a minimum order quantity?\r\n            <span class=\"sw-faq-icon\"><\/span>\r\n          <\/button>\r\n          <div class=\"sw-faq-a-wrap\"><div class=\"sw-faq-a-inner\"><p class=\"sw-faq-a\">Minimum quantities depend on the gemstone and your specific requirement. Our team will discuss this with you directly.<\/p><\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sw-faq-item\">\r\n          <button class=\"sw-faq-q\" aria-expanded=\"false\">\r\n            Do you provide wholesale pricing?\r\n            <span class=\"sw-faq-icon\"><\/span>\r\n          <\/button>\r\n          <div class=\"sw-faq-a-wrap\"><div class=\"sw-faq-a-inner\"><p class=\"sw-faq-a\">Wholesale pricing depends on gemstone type, quality, size, quantity and other specifications. Our team will discuss pricing based on your requirement.<\/p><\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sw-faq-item\">\r\n          <button class=\"sw-faq-q\" aria-expanded=\"false\">\r\n            Can I request specific gemstones?\r\n            <span class=\"sw-faq-icon\"><\/span>\r\n          <\/button>\r\n          <div class=\"sw-faq-a-wrap\"><div class=\"sw-faq-a-inner\"><p class=\"sw-faq-a\">Yes. You can discuss specific gemstone categories and requirements with our team through the enquiry form.<\/p><\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sw-faq-item\">\r\n          <button class=\"sw-faq-q\" aria-expanded=\"false\">\r\n            Do you provide certification?\r\n            <span class=\"sw-faq-icon\"><\/span>\r\n          <\/button>\r\n          <div class=\"sw-faq-a-wrap\"><div class=\"sw-faq-a-inner\"><p class=\"sw-faq-a\">Certification can be discussed depending on the gemstone and your requirement.<\/p><\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sw-faq-item\">\r\n          <button class=\"sw-faq-q\" aria-expanded=\"false\">\r\n            How do I become a wholesale buyer?\r\n            <span class=\"sw-faq-icon\"><\/span>\r\n          <\/button>\r\n          <div class=\"sw-faq-a-wrap\"><div class=\"sw-faq-a-inner\"><p class=\"sw-faq-a\">Submit the wholesale enquiry form and our team will contact you to discuss your requirements.<\/p><\/div><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sw-final\">\r\n    <div class=\"sw-wrap\">\r\n      <div class=\"sw-final-card sw-reveal\">\r\n        <!-- REPLACE WITH REAL GEMSTONE IMAGE(S) -->\r\n        <div class=\"sw-gem sw-gem-emerald\" role=\"img\" aria-label=\"Illustrative emerald gemstone shape\"><\/div>\r\n        <div class=\"sw-gem sw-gem-amethyst\" role=\"img\" aria-label=\"Illustrative amethyst gemstone shape\"><\/div>\r\n        <div class=\"sw-gem sw-gem-citrine\" role=\"img\" aria-label=\"Illustrative citrine gemstone shape\"><\/div>\r\n        <h2>Ready to Grow Your Gemstone Collection?<\/h2>\r\n        <p>Tell us what you're looking to source and let Saundaryam help you explore suitable options for your business.<\/p>\r\n        <a href=\"#sw-form-anchor\" class=\"sw-btn sw-btn-light sw-scroll-to-form\">Start a Wholesale Enquiry<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('saundaryam-wholesale');\r\n  if(!root) return;\r\n\r\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  \/* Smooth scroll to form *\/\r\n  root.querySelectorAll('.sw-scroll-to-form').forEach(function(link){\r\n    link.addEventListener('click', function(e){\r\n      e.preventDefault();\r\n      var target = document.getElementById('sw-form-anchor');\r\n      if(target){ target.scrollIntoView({ behavior:'smooth', block:'start' }); }\r\n    });\r\n  });\r\n\r\n  \/* Scroll reveal *\/\r\n  var revealEls = root.querySelectorAll('.sw-reveal');\r\n  if('IntersectionObserver' in window && !reduceMotion){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(entry.isIntersecting){\r\n          entry.target.classList.add('sw-in');\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold:0.15 });\r\n    revealEls.forEach(function(el){ io.observe(el); });\r\n\r\n    var timeline = document.getElementById('sw-timeline');\r\n    if(timeline){\r\n      var tio = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(entry){\r\n          if(entry.isIntersecting){\r\n            entry.target.classList.add('sw-in');\r\n            tio.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold:0.3 });\r\n      tio.observe(timeline);\r\n    }\r\n  } else {\r\n    revealEls.forEach(function(el){ el.classList.add('sw-in'); });\r\n    var timelineFallback = document.getElementById('sw-timeline');\r\n    if(timelineFallback){ timelineFallback.classList.add('sw-in'); }\r\n  }\r\n\r\n  \/* Subtle hero parallax on mouse move (desktop only, respects reduced motion) *\/\r\n  var stage = document.getElementById('sw-hero-stage');\r\n  if(stage && !reduceMotion && window.matchMedia('(min-width: 901px)').matches){\r\n    var gems = stage.querySelectorAll('.sw-gem');\r\n    stage.addEventListener('mousemove', function(e){\r\n      var rect = stage.getBoundingClientRect();\r\n      var x = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n      var y = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n      gems.forEach(function(gem, i){\r\n        var depth = (i + 1) * 4;\r\n        gem.style.transform = 'translate(' + (x * depth) + 'px,' + (y * depth) + 'px)';\r\n      });\r\n    });\r\n    stage.addEventListener('mouseleave', function(){\r\n      gems.forEach(function(gem){ gem.style.transform = ''; });\r\n    });\r\n  }\r\n\r\n  \/* Floating particles in hero (lightweight, CSS-driven) *\/\r\n  var particleHost = document.getElementById('sw-hero-particles');\r\n  if(particleHost && !reduceMotion){\r\n    for(var i = 0; i < 10; i++){\r\n      var p = document.createElement('span');\r\n      p.style.left = (8 + Math.random() * 84) + '%';\r\n      p.style.bottom = (Math.random() * 20) + '%';\r\n      p.style.animationDelay = (Math.random() * 9) + 's';\r\n      p.style.animationDuration = (7 + Math.random() * 5) + 's';\r\n      particleHost.appendChild(p);\r\n    }\r\n  }\r\n\r\n  \/* Form submit handling *\/\r\n  var form = document.getElementById('sw-wholesale-form');\r\n  var errorEl = document.getElementById('sw-form-error');\r\n  var confirmEl = document.getElementById('sw-confirm');\r\n\r\n  if(form){\r\n    form.addEventListener('submit', function(e){\r\n      e.preventDefault();\r\n      if(!form.checkValidity()){\r\n        errorEl.classList.add('sw-show');\r\n        form.reportValidity();\r\n        return;\r\n      }\r\n      errorEl.classList.remove('sw-show');\r\n\r\n      \/*\r\n        NOTE FOR SITE ADMIN:\r\n        Wire this up to your actual form handler (Elementor Forms,\r\n        a WhatsApp API, email service, or CRM) before going live.\r\n        This block currently only shows the on-page confirmation.\r\n      *\/\r\n\r\n      form.style.display = 'none';\r\n      confirmEl.classList.add('sw-show');\r\n      confirmEl.scrollIntoView({ behavior:'smooth', block:'center' });\r\n    });\r\n  }\r\n\r\n  \/* FAQ accordion *\/\r\n  var faqItems = root.querySelectorAll('.sw-faq-item');\r\n  faqItems.forEach(function(item){\r\n    var btn = item.querySelector('.sw-faq-q');\r\n    btn.addEventListener('click', function(){\r\n      var isOpen = item.classList.contains('sw-open');\r\n      faqItems.forEach(function(other){\r\n        other.classList.remove('sw-open');\r\n        other.querySelector('.sw-faq-q').setAttribute('aria-expanded','false');\r\n      });\r\n      if(!isOpen){\r\n        item.classList.add('sw-open');\r\n        btn.setAttribute('aria-expanded','true');\r\n      }\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbd163c e-con e-atomic-element e-flexbox-base e-f0bb970 \" data-id=\"cbd163c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cbd163c\">\n    \t\t<div class=\"elementor-element elementor-element-bab1091 elementor-widget elementor-widget-html\" data-id=\"bab1091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SAUNDARYAM GEMS - WHOLESALE PAGE (v2)\r\n     Paste this whole block into an Elementor HTML widget.\r\n     Content only, no header \/ footer.\r\n     All CSS scoped under #saundaryam-wholesale, classes prefixed sw-\r\n     Page renders fully WITHOUT JavaScript. JS only layers on animation.\r\n\r\n     Gemstone image URLs (swap here if files change):\r\n       Ruby             ...\/ChatGPT-Image-Aug-29-2026-11_59_26-PM.png\r\n       Emerald          ...\/ChatGPT-Image-Aug-30-2026-12_08_57-AM.png\r\n       Blue Sapphire    ...\/ChatGPT-Image-Aug-30-2026-12_21_56-AM.png\r\n       Yellow Sapphire  ...\/ChatGPT-Image-Aug-30-2026-12_03_54-AM.png  <-- PLACEHOLDER (currently citrine-toned image, reused). Replace with a real yellow sapphire photo when ready.\r\n       Citrine          ...\/ChatGPT-Image-Aug-30-2026-12_19_59-AM.png\r\n       Hessonite Garnet ...\/ChatGPT-Image-Aug-30-2026-12_13_03-AM.png  <-- reused garnet photo; swap for a true hessonite (orange-brown) photo when available.\r\n       Tourmaline       ...\/ChatGPT-Image-Aug-30-2026-12_25_42-AM.png\r\n       Pearl            REPLACE_WITH_PEARL_IMAGE_URL  <-- NEW CARD, no photo supplied yet. Upload a pearl photo to Media Library and paste its URL here.\r\n-->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  #saundaryam-wholesale{\r\n    --sw-ivory:#FAF7F1;\r\n    --sw-ivory-deep:#F2EDE3;\r\n    --sw-ivory-line:#E3DACB;\r\n    --sw-navy:#1B2A47;\r\n    --sw-navy-soft:#4C5A78;\r\n    --sw-teal:#1E6B74;\r\n    --sw-teal-deep:#154F57;\r\n    --sw-teal-tint:#E7F1F1;\r\n    --sw-white:#FFFFFF;\r\n\r\n    --sw-shadow-lg:0 24px 55px -22px rgba(27,42,71,0.22);\r\n    --sw-shadow-md:0 14px 34px -16px rgba(27,42,71,0.20);\r\n    --sw-shadow-sm:0 8px 20px -12px rgba(27,42,71,0.18);\r\n    --sw-radius-lg:28px;\r\n    --sw-radius-md:18px;\r\n    --sw-radius-pill:999px;\r\n    --sw-serif:'Playfair Display','Georgia',serif;\r\n    --sw-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;\r\n\r\n    background:var(--sw-ivory);\r\n    color:var(--sw-navy);\r\n    font-family:var(--sw-sans);\r\n    -webkit-font-smoothing:antialiased;\r\n    overflow-x:hidden;\r\n    position:relative;\r\n  }\r\n  #saundaryam-wholesale *{ box-sizing:border-box; }\r\n  #saundaryam-wholesale img{ max-width:100%; display:block; }\r\n  #saundaryam-wholesale a{ text-decoration:none; color:inherit; }\r\n  #saundaryam-wholesale ul{ list-style:none; margin:0; padding:0; }\r\n  #saundaryam-wholesale button{ font-family:inherit; }\r\n  #saundaryam-wholesale .sw-wrap{ max-width:1240px; margin:0 auto; padding:0 40px; }\r\n\r\n  #saundaryam-wholesale .sw-eyebrow{\r\n    font-size:13px; font-weight:700; letter-spacing:3px; text-transform:uppercase;\r\n    color:var(--sw-teal-deep); display:inline-flex; align-items:center; gap:10px;\r\n  }\r\n  #saundaryam-wholesale .sw-eyebrow::before{ content:\"\"; width:26px; height:1px; background:var(--sw-teal); display:inline-block; }\r\n\r\n  #saundaryam-wholesale h1, #saundaryam-wholesale h2, #saundaryam-wholesale h3{\r\n    font-family:var(--sw-serif); color:var(--sw-navy); margin:0; letter-spacing:-0.01em;\r\n  }\r\n\r\n  #saundaryam-wholesale .sw-btn{\r\n    display:inline-flex; align-items:center; justify-content:center; gap:10px;\r\n    padding:16px 32px; border-radius:var(--sw-radius-pill);\r\n    font-weight:600; font-size:15px; cursor:pointer; border:1px solid transparent;\r\n    transition:transform .3s ease, box-shadow .3s ease, background .3s ease, color .3s ease;\r\n    white-space:nowrap;\r\n  }\r\n  #saundaryam-wholesale .sw-btn svg{ transition:transform .3s ease; }\r\n  #saundaryam-wholesale .sw-btn:hover svg{ transform:translateX(3px); }\r\n  #saundaryam-wholesale .sw-btn-primary{ background:var(--sw-teal); color:#fff; box-shadow:var(--sw-shadow-sm); }\r\n  #saundaryam-wholesale .sw-btn-primary:hover{ background:var(--sw-teal-deep); transform:translateY(-2px); }\r\n  #saundaryam-wholesale .sw-btn-outline{ background:transparent; color:var(--sw-navy); border-color:var(--sw-navy); }\r\n  #saundaryam-wholesale .sw-btn-outline:hover{ background:var(--sw-navy); color:#fff; transform:translateY(-2px); }\r\n  #saundaryam-wholesale .sw-btn-light{ background:#fff; color:var(--sw-teal-deep); }\r\n  #saundaryam-wholesale .sw-btn-light:hover{ background:var(--sw-teal-tint); transform:translateY(-2px); }\r\n\r\n  \/* ---------- Scroll reveal ----------\r\n     Visible by default. Only hidden once JS confirms it can reveal them\r\n     (root gets .sw-anim). Without JS the page renders normally. *\/\r\n  #saundaryam-wholesale .sw-reveal{\r\n    opacity:1; transform:none;\r\n    transition:opacity .8s ease, transform .8s ease;\r\n  }\r\n  #saundaryam-wholesale.sw-anim .sw-reveal{ opacity:0; transform:translateY(26px); }\r\n  #saundaryam-wholesale.sw-anim .sw-reveal.sw-in{ opacity:1; transform:translateY(0); }\r\n\r\n  \/* ---------- Gemstone images ----------\r\n     Real transparent PNGs, no background drawn behind them.\r\n     object-fit:contain keeps each stone's own proportions inside the\r\n     same boxes the old CSS placeholders used, so layout is unchanged. *\/\r\n  #saundaryam-wholesale .sw-gem{\r\n    position:relative;\r\n    display:block;\r\n    background:none;\r\n    border:0;\r\n    object-fit:contain;\r\n    object-position:center;\r\n    filter:drop-shadow(0 14px 20px rgba(27,42,71,0.28));\r\n    pointer-events:none;\r\n    user-select:none;\r\n    -webkit-user-select:none;\r\n    -webkit-user-drag:none;\r\n  }\r\n  \/* .sw-gem-ruby \/ -emerald \/ -sapphire \/ -amethyst \/ -citrine \/ -garnet \/\r\n     -tourmaline \/ -pearl are kept purely as hooks for the sizing rules below. *\/\r\n\r\n  @keyframes sw-float{\r\n    0%,100%{ transform:translateY(0) rotate(var(--sw-rot,0deg)); }\r\n    50%{ transform:translateY(-14px) rotate(var(--sw-rot,0deg)); }\r\n  }\r\n  #saundaryam-wholesale .sw-floating{ animation:sw-float 7s ease-in-out infinite; }\r\n\r\n  \/* ============================================================\r\n     SECTION 1 - HERO\r\n  ============================================================ *\/\r\n  #saundaryam-wholesale .sw-hero{ padding:100px 0 80px; position:relative; }\r\n  #saundaryam-wholesale .sw-hero-grid{\r\n    display:grid; grid-template-columns:1.02fr 0.98fr; gap:60px; align-items:center;\r\n  }\r\n  #saundaryam-wholesale .sw-hero h1{ font-size:50px; line-height:1.14; margin:22px 0 24px; }\r\n  #saundaryam-wholesale .sw-hero p.sw-lede{\r\n    font-size:17px; line-height:1.75; color:var(--sw-navy-soft); max-width:470px; margin:0 0 34px;\r\n  }\r\n  #saundaryam-wholesale .sw-hero-actions{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }\r\n\r\n  #saundaryam-wholesale .sw-hero-stage{\r\n    position:relative; height:460px; border-radius:var(--sw-radius-lg);\r\n    background:linear-gradient(160deg,var(--sw-ivory-deep),var(--sw-teal-tint));\r\n    border:1px solid var(--sw-ivory-line); box-shadow:var(--sw-shadow-lg);\r\n    overflow:hidden;\r\n  }\r\n  #saundaryam-wholesale .sw-hero-stage-inner{\r\n    position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n  }\r\n  #saundaryam-wholesale .sw-hero-particles{ position:absolute; inset:0; }\r\n  #saundaryam-wholesale .sw-hero-particles span{\r\n    position:absolute; width:4px; height:4px; border-radius:50%;\r\n    background:rgba(30,107,116,0.35);\r\n    animation:sw-drift 9s linear infinite;\r\n  }\r\n  @keyframes sw-drift{\r\n    0%{ transform:translateY(0); opacity:0; }\r\n    10%{ opacity:1; }\r\n    90%{ opacity:1; }\r\n    100%{ transform:translateY(-160px); opacity:0; }\r\n  }\r\n  #saundaryam-wholesale .sw-hero-emerald{ width:120px; height:150px; position:absolute; top:18%; left:18%; }\r\n  #saundaryam-wholesale .sw-hero-ruby{ width:96px; height:120px; position:absolute; top:44%; left:44%; z-index:3; }\r\n  #saundaryam-wholesale .sw-hero-sapphire{ width:104px; height:104px; position:absolute; bottom:16%; left:20%; }\r\n  #saundaryam-wholesale .sw-hero-amethyst{ width:88px; height:98px; position:absolute; top:14%; right:14%; }\r\n  #saundaryam-wholesale .sw-hero-citrine{ width:78px; height:78px; position:absolute; bottom:12%; right:16%; }\r\n\r\n  \/* ============================================================\r\n     SECTION 2 - GEMSTONE COLLECTION\r\n  ============================================================ *\/\r\n  #saundaryam-wholesale .sw-collection{ padding:90px 0; }\r\n  #saundaryam-wholesale .sw-section-head{ text-align:center; max-width:620px; margin:0 auto 56px; }\r\n  #saundaryam-wholesale .sw-section-head h2{ font-size:36px; margin-top:16px; line-height:1.2; }\r\n  #saundaryam-wholesale .sw-section-head p{ font-size:15.5px; color:var(--sw-navy-soft); margin-top:14px; line-height:1.7; }\r\n\r\n  #saundaryam-wholesale .sw-gem-grid{\r\n    display:grid; grid-template-columns:repeat(3,1fr); gap:26px;\r\n  }\r\n  #saundaryam-wholesale .sw-gem-card{\r\n    background:var(--sw-white); border:1px solid var(--sw-ivory-line); border-radius:var(--sw-radius-md);\r\n    padding:34px 30px 30px; box-shadow:var(--sw-shadow-sm);\r\n    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;\r\n    text-align:left;\r\n  }\r\n  #saundaryam-wholesale .sw-gem-card:hover{\r\n    transform:translateY(-6px); box-shadow:var(--sw-shadow-md); border-color:var(--sw-teal);\r\n  }\r\n  #saundaryam-wholesale .sw-gem-card-visual{\r\n    height:150px; border-radius:14px;\r\n    background:linear-gradient(155deg,var(--sw-ivory-deep),var(--sw-teal-tint));\r\n    display:flex; align-items:center; justify-content:center; margin-bottom:22px; overflow:hidden;\r\n  }\r\n  #saundaryam-wholesale .sw-gem-card-visual .sw-gem{ transition:transform .45s ease; }\r\n  #saundaryam-wholesale .sw-gem-card:hover .sw-gem-card-visual .sw-gem{ transform:scale(1.1) rotate(2deg); }\r\n  #saundaryam-wholesale .sw-gem-card h3{ font-size:20px; margin-bottom:10px; }\r\n  #saundaryam-wholesale .sw-gem-card p{ font-size:14px; line-height:1.7; color:var(--sw-navy-soft); margin:0 0 18px; }\r\n  #saundaryam-wholesale .sw-gem-card .sw-enquire{\r\n    display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; color:var(--sw-teal-deep);\r\n  }\r\n  #saundaryam-wholesale .sw-gem-card .sw-enquire svg{ transition:transform .3s ease; }\r\n  #saundaryam-wholesale .sw-gem-card:hover .sw-enquire svg{ transform:translateX(4px); }\r\n\r\n  \/* ============================================================\r\n     SECTION 3 - WHY SAUNDARYAM\r\n  ============================================================ *\/\r\n  #saundaryam-wholesale .sw-why{\r\n    padding:96px 0; background:var(--sw-ivory-deep);\r\n    border-top:1px solid var(--sw-ivory-line); border-bottom:1px solid var(--sw-ivory-line);\r\n  }\r\n  #saundaryam-wholesale .sw-why-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:64px; align-items:center; }\r\n  #saundaryam-wholesale .sw-why-stage{\r\n    position:relative; height:420px; border-radius:var(--sw-radius-lg);\r\n    background:linear-gradient(150deg,var(--sw-teal-tint),var(--sw-white));\r\n    border:1px solid var(--sw-ivory-line); box-shadow:var(--sw-shadow-md);\r\n    display:flex; align-items:center; justify-content:center;\r\n  }\r\n  #saundaryam-wholesale .sw-why-stage .sw-gem-emerald{ width:150px; height:190px; }\r\n  #saundaryam-wholesale .sw-why-stage .sw-gem-sapphire{ width:80px; height:80px; position:absolute; bottom:18%; left:16%; }\r\n  #saundaryam-wholesale .sw-why-stage .sw-gem-citrine{ width:70px; height:70px; position:absolute; top:14%; right:18%; }\r\n  #saundaryam-wholesale .sw-why-float-card{\r\n    position:absolute; background:#fff; border-radius:14px; box-shadow:var(--sw-shadow-sm);\r\n    padding:14px 18px; font-size:12.5px; font-weight:600; display:flex; align-items:center; gap:10px;\r\n  }\r\n  #saundaryam-wholesale .sw-why-float-card.sw-fc-1{ top:22px; right:-16px; }\r\n  #saundaryam-wholesale .sw-why-float-card.sw-fc-2{ bottom:24px; left:-18px; }\r\n  #saundaryam-wholesale .sw-why-float-card .sw-dot{ width:8px; height:8px; border-radius:50%; background:var(--sw-teal); flex-shrink:0; }\r\n\r\n  #saundaryam-wholesale .sw-why h2{ font-size:32px; margin:16px 0 20px; line-height:1.25; }\r\n  #saundaryam-wholesale .sw-why p.sw-why-text{ font-size:15.5px; line-height:1.75; color:var(--sw-navy-soft); margin:0 0 34px; max-width:520px; }\r\n  #saundaryam-wholesale .sw-benefits{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }\r\n  #saundaryam-wholesale .sw-benefit{\r\n    background:var(--sw-white); border:1px solid var(--sw-ivory-line); border-radius:16px; padding:24px 20px;\r\n    box-shadow:var(--sw-shadow-sm);\r\n  }\r\n  #saundaryam-wholesale .sw-benefit-icon{\r\n    width:40px; height:40px; border-radius:50%; background:var(--sw-teal-tint);\r\n    display:flex; align-items:center; justify-content:center; margin-bottom:16px;\r\n  }\r\n  #saundaryam-wholesale .sw-benefit h3{ font-size:16.5px; margin-bottom:8px; }\r\n  #saundaryam-wholesale .sw-benefit p{ font-size:13.5px; line-height:1.65; color:var(--sw-navy-soft); margin:0; }\r\n\r\n  \/* ============================================================\r\n     SECTION 4 - HOW WHOLESALE WORKS\r\n  ============================================================ *\/\r\n  #saundaryam-wholesale .sw-process{ padding:96px 0; }\r\n  #saundaryam-wholesale .sw-timeline{ position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:0; }\r\n  #saundaryam-wholesale .sw-timeline-track{\r\n    position:absolute; top:27px; left:12.5%; right:12.5%; height:1px;\r\n    background:var(--sw-ivory-line); z-index:0;\r\n  }\r\n  \/* Line is drawn by default; JS animates it only when it can. *\/\r\n  #saundaryam-wholesale .sw-timeline-track-fill{\r\n    position:absolute; top:0; left:0; height:1px; width:100%;\r\n    background:var(--sw-teal); transition:width 1.2s ease;\r\n  }\r\n  #saundaryam-wholesale.sw-anim .sw-timeline-track-fill{ width:0%; }\r\n  #saundaryam-wholesale.sw-anim .sw-timeline.sw-in .sw-timeline-track-fill{ width:100%; }\r\n  #saundaryam-wholesale .sw-step{ position:relative; z-index:1; padding:0 24px; text-align:left; }\r\n  #saundaryam-wholesale .sw-step-num{\r\n    width:54px; height:54px; border-radius:50%; background:var(--sw-white); border:1px solid var(--sw-teal);\r\n    color:var(--sw-teal-deep); font-family:var(--sw-serif); font-size:19px;\r\n    display:flex; align-items:center; justify-content:center; margin-bottom:22px;\r\n    box-shadow:var(--sw-shadow-sm); transition:transform .4s ease, background .4s ease, color .4s ease;\r\n  }\r\n  #saundaryam-wholesale .sw-step:hover .sw-step-num{ background:var(--sw-teal); color:#fff; transform:scale(1.08); }\r\n  #saundaryam-wholesale .sw-step h3{ font-size:18px; margin-bottom:10px; }\r\n  #saundaryam-wholesale .sw-step p{ font-size:14px; line-height:1.7; color:var(--sw-navy-soft); margin:0; }\r\n\r\n  \/* ============================================================\r\n     SECTION 5 - WHOLESALE ENQUIRY FORM\r\n  ============================================================ *\/\r\n  #saundaryam-wholesale .sw-form-section{ padding:20px 0 100px; }\r\n  #saundaryam-wholesale .sw-form-card{\r\n    background:var(--sw-white); border:1px solid var(--sw-ivory-line); border-radius:var(--sw-radius-lg);\r\n    box-shadow:var(--sw-shadow-lg); padding:58px; display:grid; grid-template-columns:0.8fr 1.2fr; gap:56px;\r\n  }\r\n  #saundaryam-wholesale .sw-form-intro h2{ font-size:32px; line-height:1.25; margin:16px 0; }\r\n  #saundaryam-wholesale .sw-form-intro p{ font-size:15px; line-height:1.75; color:var(--sw-navy-soft); margin:0 0 30px; }\r\n  #saundaryam-wholesale .sw-form-visual{\r\n    position:relative; height:220px; border-radius:16px;\r\n    background:linear-gradient(155deg,var(--sw-ivory-deep),var(--sw-teal-tint));\r\n    display:flex; align-items:center; justify-content:center; overflow:hidden;\r\n  }\r\n  #saundaryam-wholesale .sw-form-visual .sw-gem-sapphire{ width:76px; height:76px; }\r\n  #saundaryam-wholesale .sw-form-visual .sw-gem-ruby{ width:56px; height:70px; position:absolute; top:20%; right:22%; }\r\n  #saundaryam-wholesale .sw-form-visual .sw-gem-tourmaline{ width:44px; height:80px; position:absolute; bottom:14%; left:20%; }\r\n\r\n  #saundaryam-wholesale .sw-fieldset{ border:none; padding:0; margin:0 0 30px; }\r\n  #saundaryam-wholesale .sw-fieldset:last-of-type{ margin-bottom:0; }\r\n  #saundaryam-wholesale .sw-fieldset legend{\r\n    font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase;\r\n    color:var(--sw-teal-deep); margin-bottom:16px; padding:0;\r\n  }\r\n  #saundaryam-wholesale .sw-field-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }\r\n  #saundaryam-wholesale .sw-field{ display:flex; flex-direction:column; gap:8px; }\r\n  #saundaryam-wholesale .sw-field.sw-full{ grid-column:1 \/ -1; }\r\n  #saundaryam-wholesale .sw-field label{\r\n    font-size:12.5px; font-weight:600; letter-spacing:0.4px; text-transform:uppercase; color:var(--sw-navy-soft);\r\n  }\r\n  #saundaryam-wholesale .sw-field input[type=\"text\"],\r\n  #saundaryam-wholesale .sw-field input[type=\"tel\"],\r\n  #saundaryam-wholesale .sw-field input[type=\"email\"],\r\n  #saundaryam-wholesale .sw-field select,\r\n  #saundaryam-wholesale .sw-field textarea{\r\n    font-family:var(--sw-sans); font-size:14.5px; color:var(--sw-navy); background:var(--sw-ivory);\r\n    border:1px solid var(--sw-ivory-line); border-radius:12px; padding:13px 16px; width:100%; outline:none;\r\n    transition:border-color .2s ease, box-shadow .2s ease;\r\n  }\r\n  #saundaryam-wholesale .sw-field input:focus,\r\n  #saundaryam-wholesale .sw-field select:focus,\r\n  #saundaryam-wholesale .sw-field textarea:focus{\r\n    border-color:var(--sw-teal); box-shadow:0 0 0 3px rgba(30,107,116,0.14); background:#fff;\r\n  }\r\n  #saundaryam-wholesale .sw-field textarea{ resize:vertical; min-height:96px; }\r\n  #saundaryam-wholesale .sw-field select{\r\n    appearance:none; -webkit-appearance:none;\r\n    background-image:url(\"data:image\/svg+xml;charset=UTF-8,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%234C5A78' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\r\n    background-repeat:no-repeat; background-position:right 14px center; background-size:16px; padding-right:40px;\r\n  }\r\n  #saundaryam-wholesale .sw-form-submit{ margin-top:8px; display:flex; flex-direction:column; gap:12px; align-items:flex-start; }\r\n  #saundaryam-wholesale .sw-form-note{ font-size:13px; color:var(--sw-navy-soft); max-width:420px; line-height:1.6; }\r\n  #saundaryam-wholesale .sw-form-error{ font-size:12.5px; color:#a5433a; display:none; }\r\n  #saundaryam-wholesale .sw-form-error.sw-show{ display:block; }\r\n\r\n  #saundaryam-wholesale .sw-confirm{ display:none; text-align:center; padding:50px 10px; }\r\n  #saundaryam-wholesale .sw-confirm.sw-show{ display:block; }\r\n  #saundaryam-wholesale .sw-confirm-icon{\r\n    width:64px; height:64px; border-radius:50%; background:var(--sw-teal-tint);\r\n    display:flex; align-items:center; justify-content:center; margin:0 auto 22px;\r\n  }\r\n  #saundaryam-wholesale .sw-confirm h3{ font-size:24px; margin-bottom:12px; }\r\n  #saundaryam-wholesale .sw-confirm p{ font-size:15px; color:var(--sw-navy-soft); max-width:420px; margin:0 auto; line-height:1.7; }\r\n\r\n  \/* ============================================================\r\n     SECTION 6 - FAQ + FINAL CTA\r\n  ============================================================ *\/\r\n  #saundaryam-wholesale .sw-faq{ padding:90px 0 40px; }\r\n  #saundaryam-wholesale .sw-faq-list{ max-width:800px; margin:0 auto; display:flex; flex-direction:column; gap:14px; }\r\n  #saundaryam-wholesale .sw-faq-item{\r\n    background:var(--sw-white); border:1px solid var(--sw-ivory-line); border-radius:var(--sw-radius-md); overflow:hidden;\r\n  }\r\n  #saundaryam-wholesale .sw-faq-q{\r\n    width:100%; text-align:left; background:none; border:none; padding:22px 26px;\r\n    display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer;\r\n    font-size:15.5px; font-weight:600; color:var(--sw-navy);\r\n  }\r\n  #saundaryam-wholesale .sw-faq-q .sw-faq-icon{\r\n    flex-shrink:0; width:22px; height:22px; border-radius:50%; border:1px solid var(--sw-teal);\r\n    display:flex; align-items:center; justify-content:center; position:relative; transition:transform .3s ease;\r\n  }\r\n  #saundaryam-wholesale .sw-faq-icon::before, #saundaryam-wholesale .sw-faq-icon::after{ content:\"\"; position:absolute; background:var(--sw-teal); }\r\n  #saundaryam-wholesale .sw-faq-icon::before{ width:9px; height:1.4px; }\r\n  #saundaryam-wholesale .sw-faq-icon::after{ width:1.4px; height:9px; transition:opacity .25s ease; }\r\n  #saundaryam-wholesale .sw-faq-item.sw-open .sw-faq-icon::after{ opacity:0; }\r\n  #saundaryam-wholesale .sw-faq-item.sw-open .sw-faq-icon{ transform:rotate(180deg); }\r\n  \/* Answers are open by default; the accordion only collapses them once\r\n     JS is confirmed running (root gets .sw-js). *\/\r\n  #saundaryam-wholesale .sw-faq-a-wrap{ display:grid; grid-template-rows:1fr; transition:grid-template-rows .35s ease; }\r\n  #saundaryam-wholesale.sw-js .sw-faq-a-wrap{ grid-template-rows:0fr; }\r\n  #saundaryam-wholesale.sw-js .sw-faq-item.sw-open .sw-faq-a-wrap{ grid-template-rows:1fr; }\r\n  #saundaryam-wholesale .sw-faq-a-inner{ overflow:hidden; }\r\n  #saundaryam-wholesale .sw-faq-a{ padding:0 26px 22px; font-size:14.5px; line-height:1.75; color:var(--sw-navy-soft); margin:0; }\r\n\r\n  #saundaryam-wholesale .sw-final{ padding:70px 0 100px; }\r\n  #saundaryam-wholesale .sw-final-card{\r\n    position:relative; max-width:880px; margin:0 auto; padding:74px 60px; text-align:center;\r\n    border-radius:var(--sw-radius-lg); overflow:hidden;\r\n    background:linear-gradient(150deg,var(--sw-navy) 0%, #223A63 100%);\r\n    box-shadow:var(--sw-shadow-lg);\r\n  }\r\n  #saundaryam-wholesale .sw-final-card .sw-gem{ position:absolute; }\r\n  #saundaryam-wholesale .sw-final-card .sw-gem-emerald{ width:90px; height:112px; top:-24px; left:-18px; opacity:0.55; }\r\n  #saundaryam-wholesale .sw-final-card .sw-gem-amethyst{ width:70px; height:78px; bottom:-16px; right:6%; opacity:0.55; }\r\n  #saundaryam-wholesale .sw-final-card .sw-gem-citrine{ width:56px; height:56px; top:12%; right:-10px; opacity:0.5; }\r\n  #saundaryam-wholesale .sw-final-card h2{ color:#fff; font-size:34px; margin-bottom:16px; position:relative; z-index:2; }\r\n  #saundaryam-wholesale .sw-final-card p{ color:#C9D2E4; font-size:15.5px; line-height:1.75; max-width:480px; margin:0 auto 34px; position:relative; z-index:2; }\r\n  #saundaryam-wholesale .sw-final-card .sw-btn{ position:relative; z-index:2; }\r\n\r\n  \/* ============================================================\r\n     RESPONSIVE\r\n  ============================================================ *\/\r\n  @media (max-width:1280px){\r\n    #saundaryam-wholesale .sw-wrap{ padding:0 32px; }\r\n  }\r\n  @media (max-width:1080px){\r\n    #saundaryam-wholesale .sw-hero h1{ font-size:40px; }\r\n    #saundaryam-wholesale .sw-gem-grid{ grid-template-columns:repeat(2,1fr); }\r\n    #saundaryam-wholesale .sw-form-card{ padding:44px; gap:40px; }\r\n    #saundaryam-wholesale .sw-benefits{ grid-template-columns:1fr; }\r\n  }\r\n  @media (max-width:1024px){\r\n    #saundaryam-wholesale .sw-timeline{ grid-template-columns:repeat(2,1fr); row-gap:48px; }\r\n    #saundaryam-wholesale .sw-timeline-track{ display:none; }\r\n  }\r\n  @media (max-width:900px){\r\n    #saundaryam-wholesale .sw-hero-grid{ grid-template-columns:1fr; }\r\n    #saundaryam-wholesale .sw-hero-stage{ height:360px; order:-1; }\r\n    #saundaryam-wholesale .sw-why-grid{ grid-template-columns:1fr; }\r\n    #saundaryam-wholesale .sw-why-stage{ height:300px; }\r\n    #saundaryam-wholesale .sw-why-stage .sw-gem-emerald{ width:120px; height:152px; }\r\n    #saundaryam-wholesale .sw-form-card{ grid-template-columns:1fr; }\r\n    #saundaryam-wholesale .sw-form-visual{ order:-1; }\r\n  }\r\n  @media (max-width:768px){\r\n    #saundaryam-wholesale .sw-wrap{ padding:0 24px; }\r\n    #saundaryam-wholesale .sw-gem-grid{ grid-template-columns:1fr; }\r\n    #saundaryam-wholesale .sw-section-head h2{ font-size:30px; }\r\n  }\r\n  @media (max-width:600px){\r\n    #saundaryam-wholesale .sw-hero{ padding:64px 0 48px; }\r\n    #saundaryam-wholesale .sw-hero h1{ font-size:32px; }\r\n    #saundaryam-wholesale .sw-hero-actions{ flex-direction:column; align-items:flex-start; }\r\n    #saundaryam-wholesale .sw-form-card{ padding:26px 20px; }\r\n    #saundaryam-wholesale .sw-field-grid{ grid-template-columns:1fr; }\r\n    #saundaryam-wholesale .sw-timeline{ grid-template-columns:1fr; }\r\n    #saundaryam-wholesale .sw-final-card{ padding:50px 24px; }\r\n    #saundaryam-wholesale .sw-final-card h2{ font-size:26px; }\r\n    #saundaryam-wholesale .sw-why-float-card{ display:none; }\r\n    #saundaryam-wholesale .sw-hero-emerald{ width:96px; height:120px; }\r\n    #saundaryam-wholesale .sw-hero-ruby{ width:78px; height:98px; }\r\n    #saundaryam-wholesale .sw-hero-sapphire{ width:84px; height:84px; }\r\n    #saundaryam-wholesale .sw-hero-amethyst{ width:72px; height:80px; }\r\n    #saundaryam-wholesale .sw-hero-citrine{ width:64px; height:64px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion:reduce){\r\n    #saundaryam-wholesale *{ animation:none !important; transition:none !important; }\r\n    #saundaryam-wholesale .sw-reveal,\r\n    #saundaryam-wholesale.sw-anim .sw-reveal{ opacity:1 !important; transform:none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"saundaryam-wholesale\">\r\n\r\n  <!-- SECTION 1 - HERO -->\r\n  <section class=\"sw-hero\">\r\n    <div class=\"sw-wrap sw-hero-grid\">\r\n      <div class=\"sw-hero-copy sw-reveal\">\r\n        <span class=\"sw-eyebrow\">Wholesale Gemstones<\/span>\r\n        <h1>Build Your Gemstone Collection With Saundaryam<\/h1>\r\n        <p class=\"sw-lede\">Natural gemstones for jewellers, designers and retailers looking to build, replenish or expand their gemstone inventory.<\/p>\r\n        <div class=\"sw-hero-actions\">\r\n          <a href=\"#sw-form-anchor\" class=\"sw-btn sw-btn-primary sw-scroll-to-form\">\r\n            Start a Wholesale Enquiry\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" class=\"sw-btn sw-btn-outline\">Explore Gemstones<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sw-hero-stage sw-reveal\">\r\n        <div class=\"sw-hero-stage-inner\">\r\n          <div class=\"sw-hero-particles\"><\/div>\r\n\r\n          <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_08_57-AM.png\"\r\n               alt=\"Natural emerald gemstone\"\r\n               class=\"sw-gem sw-gem-emerald sw-hero-emerald sw-floating\"\r\n               style=\"--sw-rot:-4deg; animation-delay:.2s;\" decoding=\"async\">\r\n\r\n          <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-29-2026-11_59_26-PM.png\"\r\n               alt=\"Natural ruby gemstone\"\r\n               class=\"sw-gem sw-gem-ruby sw-hero-ruby sw-floating\"\r\n               style=\"--sw-rot:3deg; animation-delay:.6s;\" decoding=\"async\">\r\n\r\n          <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_21_56-AM.png\"\r\n               alt=\"Natural blue sapphire gemstone\"\r\n               class=\"sw-gem sw-gem-sapphire sw-hero-sapphire sw-floating\"\r\n               style=\"--sw-rot:-2deg; animation-delay:1s;\" decoding=\"async\">\r\n\r\n          <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_03_54-AM.png\"\r\n               alt=\"Natural yellow sapphire gemstone\"\r\n               class=\"sw-gem sw-gem-amethyst sw-hero-amethyst sw-floating\"\r\n               style=\"--sw-rot:5deg; animation-delay:.4s;\" decoding=\"async\">\r\n\r\n          <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_19_59-AM.png\"\r\n               alt=\"Natural citrine gemstone\"\r\n               class=\"sw-gem sw-gem-citrine sw-hero-citrine sw-floating\"\r\n               style=\"--sw-rot:-3deg; animation-delay:.8s;\" decoding=\"async\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 2 - GEMSTONE COLLECTION -->\r\n  <section class=\"sw-collection\">\r\n    <div class=\"sw-wrap\">\r\n      <div class=\"sw-section-head sw-reveal\">\r\n        <span class=\"sw-eyebrow\">The Collection<\/span>\r\n        <h2>Gemstones for Every Collection<\/h2>\r\n        <p>Explore natural gemstone categories suited for jewellery, retail and business requirements.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sw-gem-grid\">\r\n\r\n        <div class=\"sw-gem-card sw-reveal\">\r\n          <div class=\"sw-gem-card-visual\">\r\n            <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-29-2026-11_59_26-PM.png\"\r\n                 alt=\"Natural ruby gemstone\" class=\"sw-gem sw-gem-ruby\"\r\n                 style=\"width:74px;height:92px;\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n          <h3>Ruby<\/h3>\r\n          <p>Natural ruby gemstones for jewellery and collection requirements.<\/p>\r\n          <a href=\"#sw-form-anchor\" class=\"sw-enquire sw-scroll-to-form\">Enquire <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n\r\n        <div class=\"sw-gem-card sw-reveal\">\r\n          <div class=\"sw-gem-card-visual\">\r\n            <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_08_57-AM.png\"\r\n                 alt=\"Natural emerald gemstone\" class=\"sw-gem sw-gem-emerald\"\r\n                 style=\"width:78px;height:98px;\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n          <h3>Emerald<\/h3>\r\n          <p>Rich green emeralds sourced for fine jewellery and design work.<\/p>\r\n          <a href=\"#sw-form-anchor\" class=\"sw-enquire sw-scroll-to-form\">Enquire <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n\r\n        <div class=\"sw-gem-card sw-reveal\">\r\n          <div class=\"sw-gem-card-visual\">\r\n            <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_21_56-AM.png\"\r\n                 alt=\"Natural blue sapphire gemstone\" class=\"sw-gem sw-gem-sapphire\"\r\n                 style=\"width:84px;height:84px;\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n          <h3>Blue Sapphire<\/h3>\r\n          <p>Natural blue sapphires in a range of tones for jewellery and inventory needs.<\/p>\r\n          <a href=\"#sw-form-anchor\" class=\"sw-enquire sw-scroll-to-form\">Enquire <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n\r\n        <div class=\"sw-gem-card sw-reveal\">\r\n          <!-- PLACEHOLDER: reusing citrine photo for Yellow Sapphire until a real yellow sapphire photo is uploaded -->\r\n          <div class=\"sw-gem-card-visual\">\r\n            <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_19_59-AM.png\"\r\n                 alt=\"Natural yellow sapphire gemstone\" class=\"sw-gem sw-gem-yellow-sapphire\"\r\n                 style=\"width:70px;height:80px;\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n          <h3>Yellow Sapphire<\/h3>\r\n          <p>Natural yellow sapphire gemstones suited for jewellery and retail collections.<\/p>\r\n          <a href=\"#sw-form-anchor\" class=\"sw-enquire sw-scroll-to-form\">Enquire <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n\r\n        <div class=\"sw-gem-card sw-reveal\">\r\n          <div class=\"sw-gem-card-visual\">\r\n            <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_13_03-AM.png\"\r\n                 alt=\"Natural hessonite garnet gemstone\" class=\"sw-gem sw-gem-garnet\"\r\n                 style=\"width:80px;height:80px;\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n          <h3>Hessonite Garnet<\/h3>\r\n          <p>Natural hessonite garnets for jewellery, design and business requirements.<\/p>\r\n          <a href=\"#sw-form-anchor\" class=\"sw-enquire sw-scroll-to-form\">Enquire <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n\r\n        <div class=\"sw-gem-card sw-reveal\">\r\n          <div class=\"sw-gem-card-visual\">\r\n            <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_25_42-AM.png\"\r\n                 alt=\"Natural bi-colour tourmaline gemstone\" class=\"sw-gem sw-gem-tourmaline\"\r\n                 style=\"width:56px;height:100px;\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n          <h3>Tourmaline<\/h3>\r\n          <p>Natural tourmaline, including bi-colour varieties, for distinctive pieces.<\/p>\r\n          <a href=\"#sw-form-anchor\" class=\"sw-enquire sw-scroll-to-form\">Enquire <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n\r\n        <div class=\"sw-gem-card sw-reveal\">\r\n          <!-- NEW CARD: no photo supplied yet. Replace REPLACE_WITH_PEARL_IMAGE_URL with the real pearl photo URL once uploaded to Media Library. -->\r\n          <div class=\"sw-gem-card-visual\">\r\n            <img src=\"REPLACE_WITH_PEARL_IMAGE_URL\"\r\n                 alt=\"Natural pearl\" class=\"sw-gem sw-gem-pearl\"\r\n                 style=\"width:76px;height:76px;\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n          <h3>Pearl<\/h3>\r\n          <p>Natural pearls for jewellery, design and business requirements.<\/p>\r\n          <a href=\"#sw-form-anchor\" class=\"sw-enquire sw-scroll-to-form\">Enquire <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 3 - WHY SAUNDARYAM -->\r\n  <section class=\"sw-why\">\r\n    <div class=\"sw-wrap sw-why-grid\">\r\n\r\n      <div class=\"sw-why-stage sw-reveal\">\r\n        <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_08_57-AM.png\"\r\n             alt=\"Natural emerald gemstone\" class=\"sw-gem sw-gem-emerald sw-floating\"\r\n             style=\"--sw-rot:-3deg;\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_21_56-AM.png\"\r\n             alt=\"Natural blue sapphire gemstone\" class=\"sw-gem sw-gem-sapphire\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_19_59-AM.png\"\r\n             alt=\"Natural citrine gemstone\" class=\"sw-gem sw-gem-citrine\" loading=\"lazy\" decoding=\"async\">\r\n        <div class=\"sw-why-float-card sw-fc-1\"><span class=\"sw-dot\"><\/span>Natural gemstones<\/div>\r\n        <div class=\"sw-why-float-card sw-fc-2\"><span class=\"sw-dot\"><\/span>Business-focused support<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sw-reveal\">\r\n        <span class=\"sw-eyebrow\">Why Saundaryam<\/span>\r\n        <h2>More Than a Supplier. A Sourcing Partner.<\/h2>\r\n        <p class=\"sw-why-text\">Your gemstone requirements can vary from collection to collection. We work with jewellers, designers and retailers to understand what they need and help them explore suitable natural gemstone options.<\/p>\r\n\r\n        <div class=\"sw-benefits\">\r\n          <div class=\"sw-benefit\">\r\n            <div class=\"sw-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2L21 7V17L12 22L3 17V7L12 2Z\" stroke=\"#1E6B74\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n            <h3>Natural Gemstones<\/h3>\r\n            <p>Focused on natural gemstone sourcing for jewellery and business requirements.<\/p>\r\n          <\/div>\r\n          <div class=\"sw-benefit\">\r\n            <div class=\"sw-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 12h16M4 6h16M4 18h10\" stroke=\"#1E6B74\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\r\n            <h3>Flexible Requirements<\/h3>\r\n            <p>Discuss gemstone type, size, quantity and specifications based on your needs.<\/p>\r\n          <\/div>\r\n          <div class=\"sw-benefit\">\r\n            <div class=\"sw-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"8\" r=\"3.2\" stroke=\"#1E6B74\" stroke-width=\"1.5\"\/><path d=\"M5 20c1.5-4 5-5 7-5s5.5 1 7 5\" stroke=\"#1E6B74\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\r\n            <h3>Business-Focused Support<\/h3>\r\n            <p>Our team helps you explore suitable options for your collection or inventory.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 4 - HOW WHOLESALE WORKS -->\r\n  <section class=\"sw-process\">\r\n    <div class=\"sw-wrap\">\r\n      <div class=\"sw-section-head sw-reveal\">\r\n        <span class=\"sw-eyebrow\">The Process<\/span>\r\n        <h2>From Enquiry to Supply<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"sw-timeline sw-reveal\">\r\n        <div class=\"sw-timeline-track\"><div class=\"sw-timeline-track-fill\"><\/div><\/div>\r\n\r\n        <div class=\"sw-step\">\r\n          <div class=\"sw-step-num\">01<\/div>\r\n          <h3>Tell Us What You Need<\/h3>\r\n          <p>Share the gemstone categories, quantities and business requirements you're looking for.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sw-step\">\r\n          <div class=\"sw-step-num\">02<\/div>\r\n          <h3>We Discuss Your Requirement<\/h3>\r\n          <p>Our team connects with you to understand specifications, availability and suitable options.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sw-step\">\r\n          <div class=\"sw-step-num\">03<\/div>\r\n          <h3>Review &amp; Confirm<\/h3>\r\n          <p>We discuss available options and applicable pricing based on your requirements.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sw-step\">\r\n          <div class=\"sw-step-num\">04<\/div>\r\n          <h3>Proceed With Your Order<\/h3>\r\n          <p>Once the details are mutually confirmed, we proceed with the wholesale order.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 5 - WHOLESALE ENQUIRY FORM -->\r\n  <section class=\"sw-form-section\" id=\"sw-form-anchor\">\r\n    <div class=\"sw-wrap\">\r\n      <div class=\"sw-form-card sw-reveal\">\r\n\r\n        <div class=\"sw-form-intro\">\r\n          <span class=\"sw-eyebrow\">Let's Talk Wholesale<\/span>\r\n          <h2>Let's Talk Wholesale<\/h2>\r\n          <p>Tell us about your business and what you're looking to source. Our team will connect with you to discuss suitable wholesale options.<\/p>\r\n\r\n          <div class=\"sw-form-visual\">\r\n            <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_21_56-AM.png\"\r\n                 alt=\"\" class=\"sw-gem sw-gem-sapphire\" loading=\"lazy\" decoding=\"async\">\r\n            <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-29-2026-11_59_26-PM.png\"\r\n                 alt=\"\" class=\"sw-gem sw-gem-ruby\" loading=\"lazy\" decoding=\"async\">\r\n            <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_25_42-AM.png\"\r\n                 alt=\"\" class=\"sw-gem sw-gem-tourmaline\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sw-form-body\">\r\n          <form class=\"sw-wholesale-form\" id=\"sw-wholesale-form\" novalidate>\r\n\r\n            <fieldset class=\"sw-fieldset\">\r\n              <legend>Personal<\/legend>\r\n              <div class=\"sw-field-grid\">\r\n                <div class=\"sw-field\">\r\n                  <label for=\"sw-name\">Name<\/label>\r\n                  <input type=\"text\" id=\"sw-name\" name=\"name\" required>\r\n                <\/div>\r\n                <div class=\"sw-field\">\r\n                  <label for=\"sw-business-name\">Business Name<\/label>\r\n                  <input type=\"text\" id=\"sw-business-name\" name=\"business_name\">\r\n                <\/div>\r\n                <div class=\"sw-field\">\r\n                  <label for=\"sw-whatsapp\">WhatsApp Number<\/label>\r\n                  <input type=\"tel\" id=\"sw-whatsapp\" name=\"whatsapp\" required>\r\n                <\/div>\r\n                <div class=\"sw-field\">\r\n                  <label for=\"sw-email\">Email<\/label>\r\n                  <input type=\"email\" id=\"sw-email\" name=\"email\" required>\r\n                <\/div>\r\n              <\/div>\r\n            <\/fieldset>\r\n\r\n            <fieldset class=\"sw-fieldset\">\r\n              <legend>Business<\/legend>\r\n              <div class=\"sw-field-grid\">\r\n                <div class=\"sw-field sw-full\">\r\n                  <label for=\"sw-business-type\">Business Type<\/label>\r\n                  <select id=\"sw-business-type\" name=\"business_type\" required>\r\n                    <option value=\"\" disabled selected>Select business type<\/option>\r\n                    <option value=\"jeweller\">Jeweller<\/option>\r\n                    <option value=\"designer\">Jewellery Designer<\/option>\r\n                    <option value=\"retailer\">Retailer<\/option>\r\n                    <option value=\"reseller\">Reseller \/ Dealer<\/option>\r\n                    <option value=\"other\">Other<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n              <\/div>\r\n            <\/fieldset>\r\n\r\n            <fieldset class=\"sw-fieldset\">\r\n              <legend>Requirement<\/legend>\r\n              <div class=\"sw-field-grid\">\r\n                <div class=\"sw-field\">\r\n                  <label for=\"sw-interested-in\">Interested In<\/label>\r\n                  <select id=\"sw-interested-in\" name=\"interested_in\" required>\r\n                    <option value=\"\" disabled selected>Select an option<\/option>\r\n                    <option value=\"natural\">Natural Gemstones<\/option>\r\n                    <option value=\"astrology\">Astrology Gemstones<\/option>\r\n                    <option value=\"jewellery\">Gemstone Jewellery<\/option>\r\n                    <option value=\"multiple\">Multiple Categories<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n                <div class=\"sw-field\">\r\n                  <label for=\"sw-gemstones\">Gemstones You're Interested In<\/label>\r\n                  <input type=\"text\" id=\"sw-gemstones\" name=\"gemstones\" placeholder=\"e.g. Ruby, Blue Sapphire, Emerald\">\r\n                <\/div>\r\n                <div class=\"sw-field sw-full\">\r\n                  <label for=\"sw-quantity\">Approximate Requirement<\/label>\r\n                  <select id=\"sw-quantity\" name=\"quantity\" required>\r\n                    <option value=\"\" disabled selected>Select an option<\/option>\r\n                    <option value=\"trial\">Trial \/ Small Quantity<\/option>\r\n                    <option value=\"regular\">Regular Inventory<\/option>\r\n                    <option value=\"bulk\">Bulk Requirement<\/option>\r\n                    <option value=\"not_sure\">Not Sure Yet<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n                <div class=\"sw-field sw-full\">\r\n                  <label for=\"sw-additional\">Additional Requirements<\/label>\r\n                  <textarea id=\"sw-additional\" name=\"additional_requirements\" placeholder=\"Share any further detail that will help our team understand your requirement\"><\/textarea>\r\n                <\/div>\r\n              <\/div>\r\n            <\/fieldset>\r\n\r\n            <div class=\"sw-form-submit\">\r\n              <button type=\"submit\" class=\"sw-btn sw-btn-primary\">Send Wholesale Enquiry<\/button>\r\n              <span class=\"sw-form-note\">Our team will contact you to discuss availability, specifications and wholesale pricing based on your requirement.<\/span>\r\n              <span class=\"sw-form-error\">Please fill all required fields before submitting.<\/span>\r\n            <\/div>\r\n          <\/form>\r\n\r\n          <div class=\"sw-confirm\">\r\n            <div class=\"sw-confirm-icon\">\r\n              <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 13l4 4L19 7\" stroke=\"#1E6B74\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Enquiry Received<\/h3>\r\n            <p>Thank you for your interest in wholesale sourcing with Saundaryam Gems. Our team will review your requirement and connect with you shortly.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 6 - FAQ + FINAL CTA -->\r\n  <section class=\"sw-faq\">\r\n    <div class=\"sw-wrap\">\r\n      <div class=\"sw-section-head sw-reveal\">\r\n        <span class=\"sw-eyebrow\">Questions<\/span>\r\n        <h2>Frequently Asked Questions<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"sw-faq-list sw-reveal\">\r\n\r\n        <div class=\"sw-faq-item\">\r\n          <button type=\"button\" class=\"sw-faq-q\" aria-expanded=\"true\">\r\n            Who can buy wholesale from Saundaryam?\r\n            <span class=\"sw-faq-icon\"><\/span>\r\n          <\/button>\r\n          <div class=\"sw-faq-a-wrap\"><div class=\"sw-faq-a-inner\"><p class=\"sw-faq-a\">Jewellers, jewellery designers, retailers, resellers, dealers and other businesses can enquire about wholesale requirements.<\/p><\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sw-faq-item\">\r\n          <button type=\"button\" class=\"sw-faq-q\" aria-expanded=\"true\">\r\n            Is there a minimum order quantity?\r\n            <span class=\"sw-faq-icon\"><\/span>\r\n          <\/button>\r\n          <div class=\"sw-faq-a-wrap\"><div class=\"sw-faq-a-inner\"><p class=\"sw-faq-a\">Minimum quantities depend on the gemstone and your specific requirement. Our team will discuss this with you directly.<\/p><\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sw-faq-item\">\r\n          <button type=\"button\" class=\"sw-faq-q\" aria-expanded=\"true\">\r\n            Do you provide wholesale pricing?\r\n            <span class=\"sw-faq-icon\"><\/span>\r\n          <\/button>\r\n          <div class=\"sw-faq-a-wrap\"><div class=\"sw-faq-a-inner\"><p class=\"sw-faq-a\">Wholesale pricing depends on gemstone type, quality, size, quantity and other specifications. Our team will discuss pricing based on your requirement.<\/p><\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sw-faq-item\">\r\n          <button type=\"button\" class=\"sw-faq-q\" aria-expanded=\"true\">\r\n            Can I request specific gemstones?\r\n            <span class=\"sw-faq-icon\"><\/span>\r\n          <\/button>\r\n          <div class=\"sw-faq-a-wrap\"><div class=\"sw-faq-a-inner\"><p class=\"sw-faq-a\">Yes. You can discuss specific gemstone categories and requirements with our team through the enquiry form.<\/p><\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sw-faq-item\">\r\n          <button type=\"button\" class=\"sw-faq-q\" aria-expanded=\"true\">\r\n            Do you provide certification?\r\n            <span class=\"sw-faq-icon\"><\/span>\r\n          <\/button>\r\n          <div class=\"sw-faq-a-wrap\"><div class=\"sw-faq-a-inner\"><p class=\"sw-faq-a\">Certification can be discussed depending on the gemstone and your requirement.<\/p><\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sw-faq-item\">\r\n          <button type=\"button\" class=\"sw-faq-q\" aria-expanded=\"true\">\r\n            How do I become a wholesale buyer?\r\n            <span class=\"sw-faq-icon\"><\/span>\r\n          <\/button>\r\n          <div class=\"sw-faq-a-wrap\"><div class=\"sw-faq-a-inner\"><p class=\"sw-faq-a\">Submit the wholesale enquiry form and our team will contact you to discuss your requirements.<\/p><\/div><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sw-final\">\r\n    <div class=\"sw-wrap\">\r\n      <div class=\"sw-final-card sw-reveal\">\r\n        <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_08_57-AM.png\"\r\n             alt=\"\" class=\"sw-gem sw-gem-emerald\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_03_54-AM.png\"\r\n             alt=\"\" class=\"sw-gem sw-gem-amethyst\" loading=\"lazy\" decoding=\"async\">\r\n        <img src=\"https:\/\/saundaryamgems.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-30-2026-12_19_59-AM.png\"\r\n             alt=\"\" class=\"sw-gem sw-gem-citrine\" loading=\"lazy\" decoding=\"async\">\r\n        <h2>Ready to Grow Your Gemstone Collection?<\/h2>\r\n        <p>Tell us what you're looking to source and let Saundaryam help you explore suitable options for your business.<\/p>\r\n        <a href=\"#sw-form-anchor\" class=\"sw-btn sw-btn-light sw-scroll-to-form\">Start a Wholesale Enquiry<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  function swInit(){\r\n    var root = document.getElementById('saundaryam-wholesale');\r\n    if(!root || root.getAttribute('data-sw-ready') === '1') return;\r\n    root.setAttribute('data-sw-ready','1');\r\n\r\n    var reduceMotion = false;\r\n    try{ reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches; }catch(e){}\r\n\r\n    \/* ---- FAQ accordion (collapse only now that JS is confirmed) ---- *\/\r\n    var faqItems = root.querySelectorAll('.sw-faq-item');\r\n    if(faqItems.length){\r\n      root.classList.add('sw-js');\r\n      Array.prototype.forEach.call(faqItems, function(item){\r\n        var btn = item.querySelector('.sw-faq-q');\r\n        if(!btn) return;\r\n        btn.setAttribute('aria-expanded','false');\r\n        btn.addEventListener('click', function(){\r\n          var isOpen = item.classList.contains('sw-open');\r\n          Array.prototype.forEach.call(faqItems, function(other){\r\n            other.classList.remove('sw-open');\r\n            var b = other.querySelector('.sw-faq-q');\r\n            if(b) b.setAttribute('aria-expanded','false');\r\n          });\r\n          if(!isOpen){\r\n            item.classList.add('sw-open');\r\n            btn.setAttribute('aria-expanded','true');\r\n          }\r\n        });\r\n      });\r\n    }\r\n\r\n    \/* ---- Smooth scroll to the enquiry form ---- *\/\r\n    Array.prototype.forEach.call(root.querySelectorAll('.sw-scroll-to-form'), function(link){\r\n      link.addEventListener('click', function(e){\r\n        var target = document.getElementById('sw-form-anchor');\r\n        if(!target) return;\r\n        e.preventDefault();\r\n        target.scrollIntoView({ behavior: reduceMotion ? 'auto' : 'smooth', block:'start' });\r\n      });\r\n    });\r\n\r\n    \/* ---- Scroll reveal (only if it can actually be undone) ---- *\/\r\n    var revealEls = root.querySelectorAll('.sw-reveal');\r\n    var timeline  = root.querySelector('.sw-timeline');\r\n\r\n    if(revealEls.length && !reduceMotion && 'IntersectionObserver' in window){\r\n      root.classList.add('sw-anim');\r\n\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(entry){\r\n          if(entry.isIntersecting){\r\n            entry.target.classList.add('sw-in');\r\n            io.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold:0.12 });\r\n      Array.prototype.forEach.call(revealEls, function(el){ io.observe(el); });\r\n\r\n      if(timeline){\r\n        var tio = new IntersectionObserver(function(entries){\r\n          entries.forEach(function(entry){\r\n            if(entry.isIntersecting){\r\n              entry.target.classList.add('sw-in');\r\n              tio.unobserve(entry.target);\r\n            }\r\n          });\r\n        }, { threshold:0.3 });\r\n        tio.observe(timeline);\r\n      }\r\n\r\n      \/* Safety net: nothing stays invisible if the observer misfires\r\n         inside a builder preview or an odd scroll container. *\/\r\n      window.setTimeout(function(){\r\n        Array.prototype.forEach.call(root.querySelectorAll('.sw-reveal'), function(el){\r\n          var r = el.getBoundingClientRect();\r\n          if(r.top < (window.innerHeight || 0) + 200) el.classList.add('sw-in');\r\n        });\r\n        if(timeline){\r\n          var tr = timeline.getBoundingClientRect();\r\n          if(tr.top < (window.innerHeight || 0) + 200) timeline.classList.add('sw-in');\r\n        }\r\n      }, 900);\r\n    }\r\n\r\n    \/* ---- Hero parallax (desktop pointer only) ---- *\/\r\n    var stage = root.querySelector('.sw-hero-stage');\r\n    if(stage && !reduceMotion && window.matchMedia('(min-width: 901px)').matches){\r\n      var gems = stage.querySelectorAll('.sw-gem');\r\n      stage.addEventListener('mousemove', function(e){\r\n        var rect = stage.getBoundingClientRect();\r\n        var x = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n        var y = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n        Array.prototype.forEach.call(gems, function(gem, i){\r\n          var depth = (i + 1) * 4;\r\n          gem.style.transform = 'translate(' + (x * depth) + 'px,' + (y * depth) + 'px)';\r\n        });\r\n      });\r\n      stage.addEventListener('mouseleave', function(){\r\n        Array.prototype.forEach.call(gems, function(gem){ gem.style.transform = ''; });\r\n      });\r\n    }\r\n\r\n    \/* ---- Hero particles ---- *\/\r\n    var particleHost = root.querySelector('.sw-hero-particles');\r\n    if(particleHost && !reduceMotion && !particleHost.children.length){\r\n      for(var i = 0; i < 10; i++){\r\n        var p = document.createElement('span');\r\n        p.style.left = (8 + Math.random() * 84) + '%';\r\n        p.style.bottom = (Math.random() * 20) + '%';\r\n        p.style.animationDelay = (Math.random() * 9) + 's';\r\n        p.style.animationDuration = (7 + Math.random() * 5) + 's';\r\n        particleHost.appendChild(p);\r\n      }\r\n    }\r\n\r\n    \/* ---- Form submit ---- *\/\r\n    var form = root.querySelector('.sw-wholesale-form');\r\n    var errorEl = root.querySelector('.sw-form-error');\r\n    var confirmEl = root.querySelector('.sw-confirm');\r\n\r\n    if(form){\r\n      form.addEventListener('submit', function(e){\r\n        e.preventDefault();\r\n        if(form.checkValidity && !form.checkValidity()){\r\n          if(errorEl) errorEl.classList.add('sw-show');\r\n          if(form.reportValidity) form.reportValidity();\r\n          return;\r\n        }\r\n        if(errorEl) errorEl.classList.remove('sw-show');\r\n\r\n        \/* NOTE FOR SITE ADMIN:\r\n           Wire this up to your real handler (Elementor Forms, a WhatsApp\r\n           API, email service or CRM) before going live. Right now it only\r\n           shows the on-page confirmation. *\/\r\n\r\n        form.style.display = 'none';\r\n        if(confirmEl){\r\n          confirmEl.classList.add('sw-show');\r\n          confirmEl.scrollIntoView({ behavior:'smooth', block:'center' });\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  if(document.readyState === 'loading'){\r\n    document.addEventListener('DOMContentLoaded', swInit);\r\n  } else {\r\n    swInit();\r\n  }\r\n  window.addEventListener('load', swInit);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Wholesale Gemstones Build Your Gemstone Collection With Saundaryam Natural gemstones for jewellers, designers and retailers looking to build, replenish or expand their gemstone inventory. Start a Wholesale Enquiry Explore Gemstones Sourced to your specification The Collection Gemstones for Every Collection Explore natural gemstone categories suited for jewellery, retail and business requirements. Ruby Natural ruby gemstones [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-258","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=\/wp\/v2\/pages\/258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=258"}],"version-history":[{"count":26,"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=\/wp\/v2\/pages\/258\/revisions"}],"predecessor-version":[{"id":726,"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=\/wp\/v2\/pages\/258\/revisions\/726"}],"wp:attachment":[{"href":"https:\/\/saundaryamgems.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}