/* Landing page — hanya CIRI KHAS yang dipertahankan pemilik (4 Nov 2026), sisanya tampilan asli:
   1) label pembuka di hero = pill putih bergaris tegas + bayangan geser, sedikit miring;
   2) label tiap bagian = stiker lime bergaris hitam, sedikit miring ke atas (docs/PANDUAN-UI.md §5).
   + tanpa gerakan (PANDUAN-UI §4): kartu tidak terangkat saat hover, gambar tidak memudar, placeholder tidak berkilau. */

/* label tiap bagian → stiker lime */
.lp-funky section span.block.uppercase {
  display: inline-block; margin-bottom: .9rem; padding: .35rem .8rem; border-radius: 999px; transform: rotate(-2deg);
  background: #d4ff3f; color: #160a1d; border: 2px solid #160a1d; box-shadow: 3px 3px 0 #160a1d; letter-spacing: .08em; }
/* label pembuka di hero → pill putih stiker */
.lp-funky section:first-of-type > div > span.tile-shadow:first-child {
  background: #fff; color: #b8174f; border: 2px solid #160a1d; box-shadow: 3px 3px 0 #160a1d; transform: rotate(-1.5deg); } /* QA kontras ≥4.5:1 */

/* tanpa gerakan */
.lp-funky .card-thumb img { animation: none !important; }
.lp-funky .card-thumb:empty { animation: none !important; background: var(--color-base-200) !important; }
.lp-funky [class*="hover:-translate-y"]:hover { transform: none !important; }
/* label yang memang rata tengah (mis. "Kata mereka") tetap di tengah setelah jadi stiker */
.lp-funky section span.block.uppercase.text-center { display: table; margin-left: auto; margin-right: auto; }

/* ---- Harga: rupiah per tingkat, label stiker, paket dengan bonus/hemat, ajakan langganan (4 Nov 2026) ---- */
.lp-sub { display: flex; align-items: center; gap: .9rem; margin-top: 1.4rem; padding: 1rem 1.2rem; border-radius: 1.4rem; text-decoration: none;
  background: var(--color-base-100); color: var(--color-base-content); border: 1.5px dashed color-mix(in oklab, var(--color-primary) 55%, transparent); font-size: .92rem; line-height: 1.45; }
.lp-sub:hover, .lp-sub:focus-visible { border-style: solid; border-color: #e0457b; outline: none; }
[data-theme="galeri-malam"] .lp-sub:hover, [data-theme="galeri-malam"] .lp-sub:focus-visible { border-color: #ff5c97; }
.lp-sub-ic { font-size: 1.6rem; }
.lp-sub-go { flex: 0 0 auto; font-weight: 700; color: var(--color-primary); white-space: nowrap; }
.lp-sub.hidden { display: none; }

/* ---- HP: baris geser manual (diam, digeser jari) & tata letak ringkas ---- */
@media (max-width: 639.98px) {
  .lp-swipe { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: .75rem; margin: 1.25rem -1rem 0; padding: .25rem 1rem .75rem;
    scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
  .lp-swipe::-webkit-scrollbar { display: none; }
  .lp-swipe > * { flex: 0 0 auto; scroll-snap-align: start; }
  #best-list.lp-swipe > * { width: 42%; }
  #moment-list.lp-swipe > * { width: 84%; }
  .lp-steps { grid-template-columns: 1fr 1fr !important; gap: .7rem !important; }
  .lp-steps > div { padding: 1rem .8rem !important; }
  .lp-sub { flex-wrap: wrap; row-gap: .5rem; }
  .lp-sub-ic { display: none; }
  .lp-sub > .flex-1 { flex-basis: 100%; }
  .lp-sub-go { flex-basis: 100%; }
}

/* jarak kotak penjelasan prangko ↔ kartu harga (stiker "Paling sering dipilih" tidak menimpa) */
#lp-tiers { margin-top: 2.6rem !important; }
#packages { margin-top: 2rem; row-gap: 2rem; }

/* QA (make qa, 4 Nov 2026): judul hero tanpa kata yatim; tombol "Coba sekarang" cukup padding atas/bawah */
.lp-funky h1 { text-wrap: balance; }
@media (min-width: 768px) and (max-width: 1023.98px) { .lp-funky h1 { font-size: 3rem; } } /* tablet: "sejuta senyum." muat satu baris */
#ix-try { min-height: 2.9rem; padding-block: .55rem; }