@charset "UTF-8";
/* ==========================================================================
   Mobiluma Korea - Support page
   ========================================================================== */

.supporttabs { display: flex; flex-wrap: wrap; gap: 8px; }
.supporttabs a {
  padding: 9px 15px; border: 1px solid var(--ml-mist); border-radius: var(--ml-radius-pill);
  font-size: 13px; font-weight: 600; color: var(--ml-navy);
}
.supporttabs a:hover { border-color: var(--ml-blue-border); background: var(--ml-blue-soft); color: var(--ml-navy); }

.contactgrid { display: grid; gap: 16px; }
.contactcard { padding: 20px; text-align: left; }
.contactcard__icon { margin-bottom: 14px; }
.contactcard__title { margin-bottom: 4px; }
.contactcard__meta { font-size: 12px; color: var(--ml-slate); margin-bottom: 14px; }
@media (min-width: 700px) { .contactgrid { grid-template-columns: repeat(3, minmax(0,1fr)); } }

.faq { display: grid; gap: 10px; }
.faq details {
  border: 1px solid var(--ml-mist); border-radius: var(--ml-radius-md); padding: 4px 18px;
  background: #fff;
}
.faq details[open] { border-color: var(--ml-blue-border); }
.faq summary {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 15px 0; font-size: 14.5px; font-weight: 700; color: var(--ml-navy);
  list-style: none; cursor: pointer;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary svg { width: 16px; height: 16px; color: var(--ml-slate); flex: none; transition: transform var(--ml-dur) var(--ml-ease); }
.faq details[open] summary svg { transform: rotate(180deg); }
.faq__answer { padding: 0 0 16px; font-size: 13.5px; line-height: 1.65; color: var(--ml-slate); }

.faqcats { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.faqcats button {
  padding: 8px 14px; border: 1px solid var(--ml-mist); border-radius: var(--ml-radius-pill);
  background: #fff; font-size: 12.5px; font-weight: 600; color: var(--ml-slate);
}
.faqcats button[aria-pressed="true"] { background: var(--ml-blue); border-color: var(--ml-blue); color: #fff; }