/* ============================================================
   RUDRAA RATNA — chrome (header, nav, drawer, footer)
   ============================================================ */

/* -------- top bar -------- */
.rr-topbar{ background:var(--maroon-ink); color:var(--gold-soft); font-size:12.5px; }
.rr-topbar__in{ display:flex; align-items:center; justify-content:space-between; height:38px; }
.rr-topbar .deva{ letter-spacing:.04em; color:var(--gold-soft); }
.rr-top-sep{ font-family:var(--body); font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:rgba(228,205,146,.7); margin-left:8px; }
.rr-top-right{ display:flex; align-items:center; gap:12px; }
.rr-top-right a, .rr-top-right span{ display:inline-flex; align-items:center; gap:6px; color:var(--gold-soft); }
.rr-top-right a:hover{ color:#fff; }
.rr-top-dot{ opacity:.5; }
@media(max-width:760px){ .rr-top-sep{ display:none; } .rr-top-right span:last-child{ display:none; } .rr-top-dot{ display:none; } }

/* -------- main nav -------- */
.rr-nav{ position:sticky; top:0; z-index:60; background:var(--ivory); border-bottom:1px solid var(--line); transition:box-shadow .3s, background .3s; }
.rr-nav.is-scrolled{ background:rgba(252,248,241,.86); backdrop-filter:saturate(150%) blur(12px); box-shadow:0 6px 24px rgba(48,30,12,.07); }
.rr-nav__in{ display:flex; align-items:center; justify-content:space-between; height:var(--nav-h); gap:24px; }
.rr-nav__logo{ cursor:pointer; flex-shrink:0; }
.rr-nav__links{ display:flex; align-items:center; gap:30px; margin-left:auto; margin-right:auto; }
.rr-nav__link{ position:relative; font-weight:600; font-size:14.5px; letter-spacing:.01em; color:var(--ink-2); cursor:pointer; padding:6px 0; transition:color .2s; }
.rr-nav__link::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:1.5px; background:var(--gold); transform:scaleX(0); transform-origin:center; transition:transform .3s var(--ease-out); }
.rr-nav__link:hover{ color:var(--maroon-ink); }
.rr-nav__link:hover::after, .rr-nav__link.is-active::after{ transform:scaleX(1); }
.rr-nav__link.is-active{ color:var(--maroon); }
.rr-nav__actions{ display:flex; align-items:center; gap:8px; flex-shrink:0; }
.rr-icbtn{ position:relative; width:42px; height:42px; border-radius:var(--pill); display:grid; place-items:center; color:var(--ink-2); transition:background .2s, color .2s; }
.rr-icbtn:hover{ background:var(--gold-ghost); color:var(--maroon); }
.rr-cart-dot{ position:absolute; top:6px; right:5px; min-width:16px; height:16px; padding:0 4px; border-radius:var(--pill); background:var(--maroon); color:#fff; font-size:10px; font-weight:700; display:grid; place-items:center; }
.rr-burger{ display:none; }

@media(max-width:1000px){
  .rr-nav__links{ display:none; }
  .rr-burger{ display:grid; }
  .rr-hide-md{ display:none; }
}
@media(max-width:520px){ .rr-hide-sm{ display:none; } }

/* -------- drawer -------- */
.rr-drawer{ position:fixed; inset:0; z-index:90; pointer-events:none; }
.rr-drawer__bg{ position:absolute; inset:0; background:rgba(30,15,12,.45); opacity:0; transition:opacity .3s; }
.rr-drawer__panel{ position:absolute; top:0; right:0; height:100%; width:min(86vw,360px); background:var(--ivory); box-shadow:var(--sh3); padding:22px; display:flex; flex-direction:column; transform:translateX(100%); transition:transform .4s var(--ease-out); overflow-y:auto; }
.rr-drawer.is-open{ pointer-events:auto; }
.rr-drawer.is-open .rr-drawer__bg{ opacity:1; }
.rr-drawer.is-open .rr-drawer__panel{ transform:none; }
.rr-drawer__top{ display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid var(--line); }
.rr-drawer__links{ display:flex; flex-direction:column; padding:14px 0; margin-bottom:auto; }
.rr-drawer__links a{ display:flex; align-items:center; justify-content:space-between; padding:15px 4px; font-family:var(--display); font-size:23px; color:var(--maroon-ink); border-bottom:1px solid var(--line); cursor:pointer; }
.rr-drawer__links a svg{ color:var(--gold); }
.rr-drawer__links a.is-active{ color:var(--gold); }
.rr-drawer__meta{ text-align:center; color:var(--gold); margin-top:18px; font-size:18px; }

/* -------- footer -------- */
.rr-foot{ background:var(--maroon-ink); color:rgba(245,233,204,.78); padding-top:clamp(48px,6vw,80px); position:relative; }
.rr-foot::before{ content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,var(--gold),transparent); }
.rr-foot__top{ display:grid; grid-template-columns:1.2fr 2fr; gap:48px; padding-bottom:48px; }
.rr-foot__brand p{ color:rgba(245,233,204,.62); max-width:380px; font-size:14.5px; line-height:1.7; }
.rr-foot__cols{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.rr-foot__cols h4{ font-family:var(--body); font-weight:700; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin:0 0 16px; }
.rr-foot__cols a{ display:block; padding:7px 0; font-size:14.5px; color:rgba(245,233,204,.72); cursor:pointer; transition:color .2s, padding-left .2s; }
.rr-foot__cols a:hover{ color:#fff; padding-left:4px; }
.rr-foot__bar{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 0; border-top:1px solid var(--line-on-dark); font-size:12px; color:rgba(245,233,204,.5); }
.rr-foot__disc{ max-width:560px; text-align:right; }
@media(max-width:860px){
  .rr-foot__top{ grid-template-columns:1fr; gap:34px; }
  .rr-foot__bar{ flex-direction:column; align-items:flex-start; gap:10px; }
  .rr-foot__disc{ text-align:left; }
}
@media(max-width:520px){ .rr-foot__cols{ grid-template-columns:repeat(2,1fr); } }

/* -------- floating whatsapp -------- */
.float-wa{ position:fixed; right:22px; bottom:22px; z-index:70; width:58px; height:58px; border-radius:50%; background:var(--wa); color:#fff; display:grid; place-items:center; box-shadow:0 12px 30px rgba(31,168,85,.4); transform:scale(0) translateY(20px); transition:transform .45s var(--ease-out); }
.float-wa.in{ transform:none; }
.float-wa:hover{ background:var(--wa-2); }
.float-wa__pulse{ position:absolute; inset:0; border-radius:50%; border:2px solid var(--wa); animation:wapulse 2.2s ease-out infinite; }
@keyframes wapulse{ 0%{ transform:scale(1); opacity:.7; } 100%{ transform:scale(1.7); opacity:0; } }
@media(max-width:760px){ .float-wa{ width:52px; height:52px; right:16px; bottom:80px; } }