*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#17130f;--ink2:#272019;--gold:#c59a4b;--gold2:#efd49a;--gold3:#8e6727;--cream:#faf7f1;--white:#fff;--muted:#756d64;--line:#e7dfd2;--green:#19b95d}
html{scroll-behavior:smooth}
body{font-family:"DM Sans","Noto Sans Devanagari",Arial,sans-serif;background:var(--cream);color:var(--ink);line-height:1.5}
a{text-decoration:none;color:inherit}button{font:inherit;border:0;cursor:pointer}img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 32px));margin:auto}

.site-header{position:sticky;top:0;z-index:50;height:78px;background:rgba(250,247,241,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(199,181,151,.35)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px}.logo-wrap{width:50px;height:50px;border-radius:50%;overflow:hidden;border:1px solid var(--gold);background:#111;flex:none}
.logo-wrap img{width:100%;height:100%;object-fit:cover}.brand-name{font:700 21px "Playfair Display",serif}.brand-tagline{font-size:9px;letter-spacing:1.7px;text-transform:uppercase;color:#877966}
.desktop-nav{display:flex;gap:30px;font-size:12px;font-weight:600;color:#554d45}.desktop-nav a:hover{color:var(--gold3)}
.header-wa{display:inline-flex;align-items:center;gap:7px;border:1px solid #cfc4b5;padding:10px 14px;border-radius:999px;font-size:11px;font-weight:700;background:#fff}.header-wa span{color:var(--green)}

.hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;min-height:650px}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 42%,rgba(197,154,75,.25),transparent 24%),radial-gradient(circle at 88% 5%,rgba(255,255,255,.08),transparent 24%)}
.hero-ring{position:absolute;border:1px solid rgba(239,212,154,.13);border-radius:50%}.hero-ring-1{width:520px;height:520px;right:-120px;top:45px}.hero-ring-2{width:390px;height:390px;right:-50px;top:110px}
.hero-inner{min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px;position:relative}.hero-copy{padding:60px 0}
.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:800;color:var(--gold2);display:inline-block;margin-bottom:12px}
.hero h1{font:600 clamp(45px,6vw,76px)/1.03 "Playfair Display","Noto Sans Devanagari",serif;letter-spacing:-1.5px}.hero h1 em{font-style:italic;color:var(--gold2)}
.hero-copy>p{max-width:540px;color:#d5cdc2;font-size:15px;margin:22px 0 28px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 20px;font-size:12px;font-weight:800;transition:.22s}.btn:hover{transform:translateY(-2px)}
.btn-gold{background:linear-gradient(135deg,#f0d89f,#b98732);color:#17120b}.btn-outline{border:1px solid rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.04)}.btn-whatsapp{background:var(--green);color:#062914}
.hero-note{margin-top:30px;color:#8f877e;font-size:10px}.hero-note span{color:var(--gold2);font-weight:800}
.hero-art{height:500px;position:relative;display:grid;place-items:center}.hero-jewel{width:min(390px,75%);aspect-ratio:1/1.08;border-radius:190px 190px 18px 18px;overflow:hidden;border:1px solid rgba(239,212,154,.45);padding:8px;background:rgba(255,255,255,.06);box-shadow:0 30px 70px rgba(0,0,0,.35);transform:rotate(2deg)}
.hero-jewel img{width:100%;height:100%;object-fit:cover;border-radius:175px 175px 12px 12px;filter:saturate(.85)}
.floating-card{position:absolute;background:rgba(255,255,255,.94);color:var(--ink);border:1px solid rgba(197,154,75,.45);border-radius:12px;padding:11px 14px;box-shadow:0 12px 30px rgba(0,0,0,.2);display:flex;flex-direction:column}.floating-card strong{font:700 21px "Playfair Display",serif}.floating-card span{font-size:9px;color:#786e64}
.card-top{top:95px;right:0}.card-bottom{bottom:95px;left:4px}

.quick-strip{background:#fff;border-bottom:1px solid var(--line);border-top:1px solid rgba(197,154,75,.15)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.quick-grid>div{min-height:88px;display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid var(--line)}.quick-grid>div:last-child{border:0}
.quick-grid b{font:700 19px "Playfair Display",serif;color:var(--gold3)}.quick-grid span{font-size:10px;color:var(--muted)}

.catalog-section,.silver-section{padding:85px 0}.silver-section{background:#fff}
.section-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-intro h2{font:600 clamp(31px,4vw,45px)/1.1 "Playfair Display","Noto Sans Devanagari",serif}
.section-intro p{font-size:13px;color:var(--muted);margin-top:9px}.gold-text{color:var(--gold3)}.silver-text{color:#7d858b}
.metal-badge{display:flex;align-items:center;gap:8px;border:1px solid #ddcda9;background:#fffaf0;border-radius:999px;padding:10px 15px;font-size:10px;font-weight:800;white-space:nowrap}.metal-badge span{color:var(--gold3)}
.silver-badge{background:#f5f7f8;border-color:#d9dfe3;color:#626b72}.silver-badge span{color:#89939b}

/* CATEGORY FIX:
   No horizontal scrolling / no left-right swipe.
   Desktop: all Gold categories visible together.
   Tablet: categories wrap automatically.
   Mobile: compact multi-column grid; all categories remain on screen. */
.category-grid{display:grid;gap:8px;margin-bottom:26px}
.gold-category-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
.silver-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.category-tab{width:100%;min-width:0;background:#fff;border:1px solid var(--line);color:#645b52;border-radius:11px;padding:11px 7px;font-size:10px;font-weight:700;line-height:1.2;min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center;transition:.2s}
.category-tab:hover{border-color:#c8ad78}.category-tab.active{background:var(--ink);border-color:var(--ink);color:#fff}.silver-tabs .category-tab.active{background:#68727a;border-color:#68727a}

.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.25s;box-shadow:0 8px 25px rgba(45,32,18,.05)}
.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(45,32,18,.09)}.product-image{aspect-ratio:1/1;background:#eee8de;overflow:hidden;position:relative}
.product-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.product-card:hover .product-image img{transform:scale(1.05)}
.product-tag{position:absolute;left:10px;top:10px;border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.92);font-size:8px;font-weight:800;color:var(--gold3);border:1px solid rgba(197,154,75,.25)}
.product-body{padding:14px}.product-category{font-size:8px;text-transform:uppercase;letter-spacing:1.3px;color:#9a8c7c;font-weight:800}
.product-name{font-size:14px;font-weight:800;margin:4px 0 11px}.product-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #eee8df;padding-top:11px}
.detail{background:#faf7f1;border-radius:9px;padding:8px}.detail small{display:block;color:#958b80;font-size:8px;margin-bottom:2px}.detail strong{display:block;font-size:10px}
.product-action{display:flex;width:100%;margin-top:10px;border:1px solid #d8cec0;background:#fff;border-radius:9px;padding:9px;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:800;color:#66594b;transition:.2s}
.product-action:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.silver-section .product-image{background:#eef1f3}.silver-section .product-tag{color:#68727a;border-color:#d9dfe3}.silver-section .detail{background:#f5f7f8}
.no-items{grid-column:1/-1;text-align:center;padding:45px 20px;border:1px dashed #d7ccbe;border-radius:14px;color:#8b8176;font-size:12px}


/* TRENDING ITEMS
   Continuous horizontal marquee.
   The main category sections above remain non-scrollable.
*/
.trending-section{padding:82px 0 86px;background:linear-gradient(180deg,#f3ede2 0%,#faf7f1 100%);overflow:hidden}
.trending-heading{margin-bottom:28px}
.trending-badge{display:flex;align-items:center;gap:8px;border:1px solid #ddcda9;background:#fffaf0;border-radius:999px;padding:10px 15px;font-size:10px;font-weight:800;white-space:nowrap}
.trending-badge span{color:var(--gold3)}
.trending-window{width:100%;overflow:hidden;position:relative;padding:8px 0 18px}
.trending-window:before,.trending-window:after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
.trending-window:before{left:0;background:linear-gradient(90deg,#f3ede2,rgba(243,237,226,0))}
.trending-window:after{right:0;background:linear-gradient(270deg,#f3ede2,rgba(243,237,226,0))}
.trending-track{display:flex;width:max-content;gap:16px;animation:trendingMove 55s linear infinite;will-change:transform}
.trending-track:hover{animation-play-state:paused}
.trending-card{width:245px;flex:none;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 8px 25px rgba(45,32,18,.07)}
.trending-card-image{height:210px;position:relative;background:#eee8de;overflow:hidden}
.trending-card-image img{width:100%;height:100%;object-fit:cover;transition:.35s}
.trending-card:hover .trending-card-image img{transform:scale(1.05)}
.trending-card-tag{position:absolute;left:10px;top:10px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.94);font-size:8px;font-weight:800;color:var(--gold3);border:1px solid rgba(197,154,75,.3)}
.trending-card-body{padding:12px}
.trending-metal{font-size:8px;text-transform:uppercase;letter-spacing:1.2px;color:#9a8c7c;font-weight:800}
.trending-card h3{font-size:13px;margin:4px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trending-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.trending-weight{font-size:10px;color:#665d54}
.trending-enquire{border:1px solid #d8cec0;background:#fff;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;color:#66594b;cursor:pointer}
.trending-enquire:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
@keyframes trendingMove{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.enquiry-banner{background:var(--ink2);color:#fff}.enquiry-inner{min-height:260px;display:flex;align-items:center;justify-content:space-between;gap:35px}.enquiry-banner h2{font:600 39px "Playfair Display",serif}.enquiry-banner p{max-width:620px;color:#c9c0b6;font-size:13px;margin-top:8px}
.footer{background:#11100e;color:#fff}.footer-main{padding:45px 0;display:grid;grid-template-columns:1.5fr 1.4fr 1.2fr;gap:30px;align-items:center}.footer-brand{display:flex;align-items:center;gap:12px}
.footer-logo{width:55px;height:55px;border-radius:50%;overflow:hidden;border:1px solid #a77c31;background:#000}.footer-logo img{width:100%;height:100%;object-fit:cover}
.footer h3{font:600 20px "Playfair Display",serif}.footer-brand p{font-size:10px;color:#9f968b;margin-top:2px}.footer-label{display:block;text-transform:uppercase;letter-spacing:1.5px;color:#a38b68;font-size:8px;font-weight:800;margin-bottom:8px}
.footer p,.footer a{font-size:11px;color:#c1b8ad}.footer a{display:block;margin-top:5px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:15px 0;display:flex;justify-content:space-between;gap:15px;color:#7f776f;font-size:9px}
.floating-whatsapp{position:fixed;right:19px;bottom:19px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#062914;font-size:22px;z-index:40;box-shadow:0 10px 28px rgba(25,185,93,.32);border:3px solid #fff}

@media(max-width:1000px){
  .desktop-nav{display:none}.hero-inner{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:85px 0 30px}.hero-art{height:430px}.hero-jewel{width:300px}.card-top{right:12%}.card-bottom{left:12%}
  .gold-category-grid{grid-template-columns:repeat(4,1fr)}.silver-category-grid{grid-template-columns:repeat(5,1fr)}
  .products-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .container{width:calc(100% - 24px)}.site-header{height:68px}.logo-wrap{width:42px;height:42px}.brand-name{font-size:17px}.brand-tagline{display:none}.header-wa{padding:8px 11px;font-size:10px}
  .hero-inner{min-height:690px}.hero-copy{padding:62px 0 15px}.hero h1{font-size:45px;letter-spacing:-.8px}.hero-copy>p{font-size:13px}.hero-art{height:310px;margin-top:-10px}.hero-jewel{width:230px}
  .hero-ring-1{width:320px;height:320px;right:-80px;top:30px}.hero-ring-2{width:250px;height:250px;right:-45px;top:65px}
  .floating-card{padding:8px 10px}.floating-card strong{font-size:16px}.card-top{top:30px;right:4%}.card-bottom{bottom:28px;left:4%}
  .quick-grid{grid-template-columns:1fr 1fr}.quick-grid>div{min-height:68px;border-bottom:1px solid var(--line)}.quick-grid>div:nth-child(2){border-right:0}.quick-grid>div:nth-child(3),.quick-grid>div:nth-child(4){border-bottom:0}

  .trending-section{padding:58px 0 64px}
  .trending-heading{margin-bottom:20px}
  .trending-card{width:205px}.trending-card-image{height:175px}
  .trending-track{gap:10px;animation-duration:48s}
  .trending-window:before,.trending-window:after{width:45px}
  .catalog-section,.silver-section{padding:58px 0}.section-intro{align-items:start;flex-direction:column;margin-bottom:22px}.section-intro h2{font-size:32px}.metal-badge{align-self:flex-start}
  /* MOBILE: still no horizontal scroll; all category buttons remain visible */
  .category-grid{gap:6px;margin-bottom:22px}.gold-category-grid{grid-template-columns:repeat(3,1fr)}.silver-category-grid{grid-template-columns:repeat(3,1fr)}
  .category-tab{font-size:9px;min-height:43px;padding:7px 4px;border-radius:9px}
  .products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-body{padding:10px}.product-name{font-size:12px;margin-bottom:9px}.product-details{gap:5px;padding-top:8px}.detail{padding:6px}.detail small{font-size:7px}.detail strong{font-size:9px}.product-action{padding:8px 5px;font-size:9px}
  .enquiry-inner{padding:45px 0;display:block}.enquiry-banner h2{font-size:31px}.enquiry-banner .btn{margin-top:20px}
  .footer-main{grid-template-columns:1fr;gap:23px;padding:35px 0}.footer-bottom{display:block}.footer-bottom span{display:block;margin:4px 0}
}
@media(max-width:390px){
  .brand-name{font-size:15px}.header-wa{font-size:9px;padding:7px 9px}.hero h1{font-size:40px}
  .gold-category-grid{grid-template-columns:repeat(2,1fr)}.silver-category-grid{grid-template-columns:repeat(2,1fr)}
  .category-tab{min-height:40px;font-size:9px}.products-grid{gap:8px}
}


/* =========================================================
   FULLSCREEN PRODUCT IMAGE VIEWER
   Desktop + Mobile
   ========================================================= */

body.lightbox-open{
  overflow:hidden;
}

.image-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease, visibility .22s ease;
}

.image-lightbox.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.lightbox-backdrop{
  position:absolute;
  inset:0;
  background:rgba(7,6,5,.92);
  backdrop-filter:blur(8px);
}

.lightbox-content{
  position:relative;
  z-index:2;
  width:min(96vw,1100px);
  height:min(94vh,900px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.lightbox-close{
  position:absolute;
  top:8px;
  right:8px;
  z-index:5;
  width:46px;
  height:46px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.96);
  color:#17130f;
  font-size:31px;
  line-height:1;
  box-shadow:0 8px 25px rgba(0,0,0,.3);
  transition:transform .2s ease, background .2s ease;
}

.lightbox-close:hover{
  transform:scale(1.06);
  background:#fff;
}

.lightbox-image-wrap{
  width:100%;
  height:calc(100% - 72px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 0 8px;
}

.lightbox-image-wrap img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  border-radius:10px;
  box-shadow:0 25px 70px rgba(0,0,0,.45);
  user-select:none;
  -webkit-user-drag:none;
}

.lightbox-caption{
  width:min(100%,800px);
  min-height:52px;
  padding:9px 55px 7px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
}

.lightbox-caption strong{
  font-size:15px;
  line-height:1.25;
}

.lightbox-caption span{
  margin-top:2px;
  font-size:10px;
  color:#d9d0c4;
}

.product-image-clickable,
.trending-image-clickable{
  cursor:zoom-in;
}

.product-image-clickable:focus-visible,
.trending-image-clickable:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:-2px;
}

.image-view-hint{
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:2;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(23,19,15,.72);
  color:#fff;
  font-size:8px;
  font-weight:800;
  opacity:0;
  transform:translateY(4px);
  transition:.2s ease;
  pointer-events:none;
}

.product-image-clickable:hover .image-view-hint,
.product-image-clickable:focus-visible .image-view-hint{
  opacity:1;
  transform:translateY(0);
}

.trending-view-hint{
  position:absolute;
  right:9px;
  bottom:9px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(23,19,15,.72);
  color:#fff;
  font-size:14px;
  opacity:0;
  transition:.2s ease;
  pointer-events:none;
}

.trending-image-clickable:hover .trending-view-hint,
.trending-image-clickable:focus-visible .trending-view-hint{
  opacity:1;
}

/* Slower trending movement */
.trending-track{
  animation-duration:82s;
}

@media(max-width:700px){
  .trending-track{
    animation-duration:72s;
  }

  .image-lightbox{
    padding:12px;
  }

  .lightbox-content{
    width:100%;
    height:96vh;
  }

  .lightbox-close{
    top:2px;
    right:2px;
    width:42px;
    height:42px;
    font-size:28px;
  }

  .lightbox-image-wrap{
    height:calc(100% - 72px);
    padding:20px 0 6px;
  }

  .lightbox-image-wrap img{
    max-width:96vw;
    max-height:78vh;
    border-radius:7px;
  }

  .lightbox-caption{
    padding:7px 45px 5px;
  }

  .lightbox-caption strong{
    font-size:13px;
  }

  .lightbox-caption span{
    font-size:9px;
  }

  .image-view-hint{
    opacity:1;
    transform:none;
  }

  .trending-view-hint{
    opacity:1;
  }
}


/* Fixed bottom navigation: mobile-app style */
.sj-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid #e6dce0;box-shadow:0 -5px 22px rgba(40,15,30,.09);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
.sj-bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:#7c727b;min-height:42px}
.sj-bottom-nav .nav-icon{font-size:21px;line-height:1.1;font-weight:700}
.sj-bottom-nav small{font-size:10px;font-weight:600}
.sj-bottom-nav a.active{color:#64152d}
.sj-bottom-nav a.active .nav-icon{transform:translateY(-1px)}
body{padding-bottom:68px}
/* Bottom navigation stays full width on desktop and mobile, matching Profile/Catalogue pages. */
@media(max-width:700px){body{padding-bottom:76px}.floating-whatsapp{bottom:88px;right:14px;width:47px;height:47px}}