/* ============================================================
   LIPIKA — responsive.css (COMPLETE REVISION)
   ============================================================ */

/* ---------- Tablet ≤1023px ---------- */
@media (max-width:1023px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .hero-inner{grid-template-columns:1fr;gap:56px;text-align:center}
  .hero-sub{margin-inline:auto}
  .hero-ctas,.hero-stats{justify-content:center}
  .hero .konark{opacity:.04}
  .footer-grid{grid-template-columns:1fr 1fr}
  .docs-layout{grid-template-columns:230px 1fr}
  .docs-toc{display:none}
  .plan-card.is-popular{transform:none}
  .plan-card.is-popular:hover{transform:translateY(-5px)}
  .install-steps{grid-template-columns:repeat(2,1fr)}
}

/* ---------- Mobile ≤767px ---------- */
@media (max-width:767px){
  .section{padding:72px 0}
  .grid-2,.grid-3{grid-template-columns:1fr}
  .hero{padding-top:calc(var(--nav-h) + 48px)}
  .hero-stats{gap:20px;flex-wrap:wrap}
  .win-body{grid-template-columns:1fr}
  .win-arrow{display:none}
  .float-chip{display:none}
  .footer-grid{grid-template-columns:1fr;gap:34px}
  .docs-layout{grid-template-columns:1fr}
  .docs-side{position:static;max-height:0;overflow:hidden;transition:max-height .4s var(--ease);border-right:none;padding:0}
  .docs-side.open{max-height:80vh;overflow-y:auto;padding:16px;border-bottom:1px solid var(--border)}
  .docs-side-toggle{display:inline-flex}
  .cta-banner{padding:56px 24px}
  .checkout-grid{grid-template-columns:1fr !important}
  .contact-layout{grid-template-columns:1fr !important}
  .form-grid-2{grid-template-columns:1fr}

  /* Timeline mobile */
  .timeline{--tl-x:21px}
  .tl-marker{width:44px;height:44px;font-size:1.1rem}
  .tl-item{gap:18px}

  /* Trusted stacks neatly */
  .trusted-row{gap:10px}
  .trust-mark{font-size:.84rem;padding:10px 18px}

  /* ===== Download page mobile ===== */
  .dl-hero{padding-top:calc(var(--nav-h) + 44px);padding-bottom:56px}
  .dl-hero .sub{margin-bottom:28px}
  .dl-card{padding:26px 18px}
  .dl-card .ver-big{font-size:1.7rem}
  .dl-card .dl-meta{flex-direction:column;align-items:center;gap:10px;font-size:.8rem}
  .sha-row{flex-wrap:wrap}
  .sha-row code{flex-basis:100%;order:3;white-space:normal;word-break:break-all;text-align:center;margin-top:4px}
  .sha-row button{margin-left:auto}
  .req-list{margin-top:36px;gap:8px}
  .req-row{flex-direction:column;align-items:flex-start;gap:5px;padding:14px 16px;font-size:.88rem}
  .req-row b{min-width:0}
  .req-row:hover{transform:none}
  .install-steps{grid-template-columns:1fr !important;gap:36px;margin-top:36px}
  .install-connect::before{display:none}
  .license-cards{grid-template-columns:1fr !important;gap:14px;margin-top:32px}
  .release-notes{margin-top:28px}
  .rn-item{font-size:.87rem;gap:10px}
  .version-table-wrap{margin-top:24px}
  .doc-table th,.doc-table td{padding:9px 10px;font-size:.82rem}
}

/* ---------- Small mobile ≤479px ---------- */
@media (max-width:479px){
  body{font-size:15px}
  .container{width:calc(100% - 36px)}
  .hero-ctas .btn{width:100%}
  .hero-stats{border-top:none;padding-top:8px}
  .stat-mini{flex:1;min-width:90px}
  .stat-num{font-size:2rem}
  .grid-4{grid-template-columns:1fr}
  .plan-card,.card{padding:22px}
  .cta-banner .btn{width:100%;margin-bottom:10px}
  .footer-bottom{justify-content:center;text-align:center}
  .nav-logo img{height:30px}
  .dl-card .btn-lg{padding:14px 18px;font-size:.95rem}
  .trust-mark{width:100%;justify-content:center}
}