/* ==========================================================================
   ROSE MANJARI — Responsive layer
   ========================================================================== */

@media (max-width:1180px){
  .nav{gap:18px}
  .nav a{font-size:10.5px;letter-spacing:.12em}
  .ventures{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:980px){
  body{font-size:16px}
  .wrap,.wrap-narrow{width:min(100% - 36px,1260px)}
  .nav{display:none}
  .burger{display:flex}
  .hero__in{grid-template-columns:1fr;padding-top:56px;text-align:left}
  .principle{border-left:0;border-top:1px solid var(--rule-dark);padding:30px 0 0;margin-top:8px}
  .principle__rule{flex-direction:row;align-items:center;gap:12px;margin:14px 0}
  .principle__rule i{width:26px;height:1px}
  .principle__rule b{transform:rotate(-90deg)}
  .hero__frame{inset:14px}
  .statement{grid-template-columns:1fr;gap:28px}
  .statement__note{border-left:0;border-top:1px solid var(--rule-light);padding-left:0;padding-top:24px}
  .on-ink .statement__note{border-color:var(--rule-dark)}
  .cols{grid-template-columns:1fr}
  .milestone{grid-template-columns:1fr;gap:30px}
  .milestone__marks{justify-content:flex-start}
  .updates{grid-template-columns:1fr}
  .vdetail{grid-template-columns:1fr;gap:34px}
  .vdetail--flip .vdetail__media{order:0}
  .contact-grid{grid-template-columns:1fr}
  .checkout{grid-template-columns:1fr}
  .phero{grid-template-columns:1fr}
  .soon{grid-template-columns:1fr}
  .ftr__top{grid-template-columns:1fr 1fr;gap:36px}
  .values{grid-template-columns:1fr}
  .band{grid-template-columns:1fr;gap:26px}
  .reg{grid-template-columns:44px 62px 1fr auto;gap:16px}
  .reg--plain{grid-template-columns:44px 1fr auto}
  .reg__plate{width:62px;height:62px}
  .reg__desc{display:none}
}

@media (max-width:680px){
  :root{--pad:clamp(52px,12vw,72px)}
  .wrap,.wrap-narrow{width:min(100% - 32px,1260px)}
  .hdr__in{min-height:70px}
  .brand__seal{width:40px;height:40px}
  .brand__name{font-size:.95rem;letter-spacing:.1em}
  .brand__tag{font-size:8px;letter-spacing:.18em}
  .ventures{grid-template-columns:1fr}
  .milestone__mark{width:78px;height:78px}
  .milestone__ondc img{width:118px}
  .display{font-size:clamp(2rem,8.6vw,2.8rem)}
  .sec-head{margin-bottom:34px}
  .grid-2{grid-template-columns:1fr}
  .timeline::before{left:31px}
  .tl{grid-template-columns:64px 1fr;gap:18px}
  .tl__mark .plate{width:64px;height:64px;padding:8px}
  .tl__mark .meta{display:none}
  .specs b,.plist b{flex-basis:120px}
  .ftr__top{grid-template-columns:1fr}
  .ftr__bot{flex-direction:column;gap:14px}
  .price b{font-size:2rem}
  .phero__media{padding:22px}
  .citem{grid-template-columns:52px 1fr}
  .citem img{width:52px;height:52px}
  .citem .line{grid-column:2;justify-self:end}
  /* Chai Patti shop header + buy row at phone widths */
  .shophdr__in{gap:12px;min-height:66px}
  .shophdr__brand img{width:40px;height:44px}
  .shophdr__brand .n{font-size:.9rem;letter-spacing:.08em;white-space:nowrap}
  .shophdr__brand .s{display:none}
  .shophdr nav{gap:14px}
  .shophdr nav a{font-size:9.5px;letter-spacing:.1em}
  .shophdr nav a[data-shopnav="shop"]{display:none}
  .cartbtn{padding:9px 12px;font-size:9.5px;gap:8px}
  .buyrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .buyrow .qty{grid-column:1 / -1;width:100%;justify-content:space-between}
  .buyrow .qty output{flex:1}
  .buyrow .btn{width:100%;justify-content:center;padding:15px 8px;font-size:10.5px}
}

@media print{
  .hdr,.mobnav,.ftr,.drawer,.scrim,.burger{display:none !important}
  body{background:#fff;color:#000}
}