/* ==========================================================================
   HAMICHEE — landing.css
   Bổ sung riêng cho trang landing dac-rim.html (dùng chung style.css)
   ========================================================================== */

.lp-header-actions{display:flex;align-items:center;gap:.55rem}

.wrap-narrow{max-width:760px}

/* ---------- 3 bước ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;list-style:none;padding:0;margin:0;counter-reset:step}
.step{position:relative;padding-top:2.1rem}
.step-num{
  position:absolute;top:-1.1rem;left:1.4rem;width:44px;height:44px;border-radius:50%;
  background:var(--gold);color:#3B2400;font-family:"Baloo 2",sans-serif;font-weight:800;
  font-size:1.25rem;display:grid;place-items:center;box-shadow:var(--shadow);
}

/* ---------- FAQ ---------- */
.faq{display:flex;flex-direction:column;gap:.8rem}
.faq details{padding:0;overflow:hidden}
.faq summary{
  cursor:pointer;list-style:none;padding:1.1rem 1.4rem;font-weight:600;color:var(--green-900);
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:"Baloo 2",sans-serif;font-size:1.4rem;color:var(--gold-600);line-height:1;transition:.2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0;padding:0 1.4rem 1.15rem;color:var(--ink-2);font-size:.95rem}

/* ---------- Footer gọn ---------- */
.lp-footer{grid-template-columns:1.6fr 1fr 1fr}

@media (max-width:900px){
  .steps{grid-template-columns:1fr;gap:1.9rem}
  .lp-footer{grid-template-columns:1fr 1fr}
  .lp-header-actions .btn-ghost span{display:none}
}
@media (max-width:680px){
  .lp-footer{grid-template-columns:1fr}
}