/* Ekonichiwa v1.9.61 — public homepage presentation patch.
   Only Trust Grid alignment and fluid card sizing changed from v1.9.60.
   No OPS, customer, pricing, booking or payment logic is modified. */

/* Keep approved red section headings and unchanged subtitles. */
.eko-home .eko-section-heading h2,
.eko-home .about-section .eko-section-heading h2,
.eko-home #packages .eko-section-heading h2,
.eko-home #calendar .eko-section-heading h2,
.eko-home #kenapa .eko-section-heading h2,
.eko-home #eko-instagram .eko-section-heading h2,
.eko-home #faq .eko-section-heading h2 { color:#b42332 !important; }

/* Preserve error/loading messages while hiding empty calendar status. */
.eko-home #calendar #eko-calendar-status:empty { display:none !important; }

/* Two-column, four-row grid with identical fluid-height cards. */
.eko-home #kenapa .eko-why-track,
.eko-home #kenapa .eko-why-track.eko-scroll-enhanced {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  grid-auto-rows:1fr !important;
  align-items:stretch !important;
  gap:14px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  scroll-snap-type:none !important;
  transform:none !important;
}
.eko-home #kenapa .eko-why-track::after,
.eko-home #kenapa .eko-why-track.eko-scroll-enhanced::after { display:none !important; content:none !important; }
.eko-home #kenapa .eko-why-card,
.eko-home #kenapa .eko-why-card:last-child {
  position:relative !important;
  display:flex !important;
  flex:none !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:16px 18px !important;
  border:1px solid #f0eeeb !important;
  border-radius:8px !important;
  background:#fff !important;
  box-shadow:0 5px 16px rgba(32,37,43,.045) !important;
  box-sizing:border-box !important;
  overflow:hidden;
  scroll-snap-align:none !important;
}
.eko-home #kenapa .eko-why-card::after { display:none !important; content:none !important; }
/* Title is the top-left anchor. Icon follows that same row at the right.
   Unlike absolute positioning, the icon never pushes the title down. */
.eko-home #kenapa .eko-why-card-body {
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 28px !important;
  grid-template-rows:auto auto !important;
  column-gap:8px !important;
  row-gap:7px !important;
  align-items:start !important;
  justify-items:stretch !important;
  justify-content:stretch !important;
  align-content:start !important;
  flex:1 1 auto !important;
  width:100% !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
}
.eko-home #kenapa .eko-why-copy {
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  position:relative !important;
  z-index:1 !important;
  align-self:start !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  visibility:visible !important;
}
.eko-home #kenapa .eko-why-copy h4 {
  display:block !important;
  align-items:initial !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#20252b !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.32 !important;
  letter-spacing:-.012em !important;
  text-align:left !important;
  overflow-wrap:break-word !important;
  white-space:normal !important;
}
.eko-home #kenapa .eko-why-icon {
  grid-column:2 !important;
  grid-row:1 !important;
  position:static !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  align-self:start !important;
  justify-self:end !important;
  z-index:1 !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#b42332 !important;
  opacity:1 !important;
  transform:none !important;
  pointer-events:none !important;
}
.eko-home #kenapa .eko-why-icon svg.eko-why-outline {
  display:block !important;
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
  margin:0 !important;
  color:#b42332 !important;
  stroke-width:1.9 !important;
  opacity:1 !important;
}
.eko-home #kenapa .eko-why-card-body > p {
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  position:relative !important;
  z-index:1 !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  color:#62666d !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  text-align:left !important;
  overflow-wrap:break-word !important;
  visibility:visible !important;
}

@media(max-width:767.98px){
  .eko-home #kenapa .eko-why-track,
  .eko-home #kenapa .eko-why-track.eko-scroll-enhanced { gap:10px !important; }
  .eko-home #kenapa .eko-why-card,
  .eko-home #kenapa .eko-why-card:last-child { padding:12px !important; }
  .eko-home #kenapa .eko-why-card-body {
    grid-template-columns:minmax(0,1fr) 22px !important;
    column-gap:6px !important;
    row-gap:7px !important;
  }
  .eko-home #kenapa .eko-why-copy h4 {
    font-size:13px !important;
    line-height:1.3 !important;
  }
  .eko-home #kenapa .eko-why-icon {
    width:22px !important;
    min-width:22px !important;
    height:22px !important;
    min-height:22px !important;
  }
  .eko-home #kenapa .eko-why-icon svg.eko-why-outline {
    width:22px !important;
    height:22px !important;
    flex:0 0 22px !important;
    stroke-width:2 !important;
  }
  .eko-home #kenapa .eko-why-card-body > p {
    font-size:11px !important;
    line-height:1.42 !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .eko-home #kenapa .eko-why-card { transition:none !important; }
}

/* Very narrow phones: preserve whole-word titles beside the icon. */
@media(max-width:359.98px){
  .eko-home #kenapa .eko-why-copy h4 {
    font-size:12px !important;
    letter-spacing:-.02em !important;
  }
}

/* Ekonichiwa v1.9.63 — Comfortable horizontal breathing room for FAQ.
   Only the FAQ content list is inset; headings and accordions stay unchanged. */
.eko-home #faq .eko-faq-list {
  box-sizing: border-box;
  padding-inline: clamp(14px, 2.5vw, 24px) !important;
}