/* =========================================================
   SONALIKA — shared inner-page chrome (cinematic)
   Mobile nav overlay + small helpers. Loaded by Tractors,
   Spare Parts, Tractor Detail — alongside the homepage CSS.
   ========================================================= */

/* burger styled like the homepage one, but a class home.js ignores */
.lburger{ display:none; flex-direction:column; gap:5px; padding:9px; background:none; border:none; }
.lburger span{ width:25px; height:2px; background:#fff; border-radius:2px; transition:.35s var(--ease-out); }
.hnav.scrolled .lburger span{ background:var(--ink); }
@media (max-width:760px){ .lburger{ display:flex; } }

/* full-screen mobile menu */
.lmenu{ position:fixed; inset:0; z-index:8500; display:none; }
.lmenu.open{ display:block; }
.lmenu-back{ position:absolute; inset:0; background:rgba(8,12,30,.55); backdrop-filter:blur(6px); opacity:0; transition:opacity .4s; }
.lmenu.open .lmenu-back{ opacity:1; }
.lmenu-panel{ position:absolute; right:0; top:0; bottom:0; width:min(360px,86vw);
  background:linear-gradient(170deg,#16224d,#0d1530); padding:26px 26px 32px; display:flex; flex-direction:column; gap:6px;
  transform:translateX(100%); transition:transform .5s var(--pr-ease, cubic-bezier(.16,1,.3,1)); box-shadow:-30px 0 80px -30px rgba(0,0,0,.6); }
.lmenu.open .lmenu-panel{ transform:none; }
.lmenu-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.lmenu-head img{ height:30px; width:auto; filter:brightness(0) invert(1); }
.lmenu-close{ width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,.1); border:none; color:#fff; display:grid; place-items:center; }
.lmenu-close svg{ width:18px; height:18px; }
.lmenu-panel a{ font-family:var(--display); font-weight:700; font-size:18px; color:rgba(255,255,255,.86); padding:13px 0;
  border-bottom:1px solid rgba(255,255,255,.1); transition:color .25s, padding .25s; }
.lmenu-panel a:hover{ color:var(--gold-2); padding-left:6px; }
.lmenu-panel a.active{ color:var(--gold-2); }
.lmenu-panel a.menu-cta{ border:none; margin-top:18px; justify-content:center; }

/* keep the fixed nav legible: inner pages always have a dark band on top,
   but make the scrolled state match the homepage exactly */
.hnav .hnav-cta .btn{ --pad:13px 24px; font-size:14.5px; }
@media (max-width:760px){ .hnav .hnav-cta .btn-gold{ display:none; } }