/* Global / Root / Reset */
@font-face {
  font-family: "FELIXTI"; /* font khusus untuk loading page. */
  src: url("/assets/font/FELIXTI.TTF") format("truetype"),
       url("/assets/font/FELIXTI.ttf") format("truetype"),
       url("/assets/font/FELIXTI") format("truetype");
  font-display: swap; /* agar teks tetap tampil saat font masih dimuat. */
}

:root {
  --General: "General Sans", sans-serif;
  --font-heading: "FELIXTI", serif; /* untuk mengatur font utama heading/judul. */
  --font-script: "FELIXTI", serif; /* untuk mengatur font script/nama mempelai. */
  --font-body: "Montserrat", sans-serif; /* untuk mengatur font teks utama. */
  --bg: #ffffff; /* untuk mengatur warna background utama template. */
  --surface: rgba(255, 248, 236, 0.84); /* untuk mengatur warna panel transparan. */
  --surface-strong: rgb(255, 248, 236); /* untuk mengatur warna panel yang lebih solid. */
  --text: #2e241c; /* untuk mengatur warna teks utama. */
  --muted: #765d48; /* untuk mengatur warna teks pendukung. */
  --accent: #9c4b20; /* untuk mengatur warna aksen utama. */
  --accent-dark: #5a260f; /* untuk mengatur warna aksen gelap. */
  --border: rgba(156, 75, 32, 0.24); /* untuk mengatur warna border utama. */
  --shadow: 0 24px 70px rgba(55, 38, 28, 0.18); /* untuk mengatur bayangan utama panel/card. */
  --mobile-width: 430px; /* untuk mengatur lebar area undangan mobile di desktop. */
  --nusantara-shared-white-overlay: rgba(255, 255, 255, .38); /* untuk mengatur overlay putih transparan tema floral. */
  --nusantara-shared-white-backdrop: blur(1.5px) saturate(1.02); /* untuk mengatur blur/saturasi overlay tema floral. */
  --nusantara-desktop-soft-overlay: rgba(255, 255, 255, .30); /* untuk mengatur overlay lembut floral pada desktop. */
  --nusantara-section-edge-line: rgba(82, 58, 42, .36); /* untuk mengatur warna garis tepi section floral. */
}

body[data-theme="minimalis"] {
  --bg: #f7f4ee; /* untuk mengatur warna background utama template. */
  --surface: rgba(255, 255, 255, 0.78); /* untuk mengatur warna panel transparan. */
  --surface-strong: rgba(255, 255, 255, 0.94); /* untuk mengatur warna panel yang lebih solid. */
  --text: #222222; /* untuk mengatur warna teks utama. */
  --muted: #666666; /* untuk mengatur warna teks pendukung. */
  --accent: #111111; /* untuk mengatur warna aksen utama. */
  --accent-dark: #000000; /* untuk mengatur warna aksen gelap. */
  --border: rgba(17, 17, 17, 0.16); /* untuk mengatur warna border utama. */
}

body[data-theme="nusantara"] {
  --bg: #f4f3f3; /* untuk mengatur warna background utama template. */
  --surface: rgba(255, 248, 236, 0.84); /* untuk mengatur warna panel transparan. */
  --surface-strong: rgba(255, 248, 236, 0.96); /* untuk mengatur warna panel yang lebih solid. */
  --text: #2e241c; /* untuk mengatur warna teks utama. */
  --muted: #765d48; /* untuk mengatur warna teks pendukung. */
  --accent: #9c4b20; /* untuk mengatur warna aksen utama. */
  --accent-dark: #5a260f; /* untuk mengatur warna aksen gelap. */
  --border: rgba(156, 75, 32, 0.24); /* untuk mengatur warna border utama. */
  --nusantara-shared-white-overlay: rgba(255, 255, 255, .30); /* untuk mengatur overlay putih transparan tema nusantara (lebih solid). */
  --nusantara-shared-white-backdrop: blur(2px) saturate(1.02); /* untuk mengatur blur/saturasi overlay tema nusantara. */
  --nusantara-desktop-soft-overlay: rgba(255, 255, 255, .30); /* untuk mengatur overlay lembut nusantara pada desktop (lebih solid). */
  --nusantara-section-edge-line: rgba(82, 58, 42, .36); /* untuk mengatur warna garis tepi section nusantara. */
}

* {
  box-sizing: border-box; /* untuk mengatur perhitungan lebar/tinggi elemen. */
}

html {
  scroll-behavior: smooth; /* untuk mengatur perilaku scroll halaman. */
}

body {
  margin: 0; /* untuk mengatur jarak luar elemen. */
  min-height: 100vh; /* untuk mengatur tinggi minimum area section. */
  font-family: var(--font-body); /* untuk mengatur jenis font teks. */
  color: var(--text); /* untuk mengatur warna teks. */
  background: var(--bg); /* untuk mengatur warna/gambar/gradient latar elemen. */
  overflow-x: hidden; /* untuk mengatur overflow horizontal. */
}

body.is-locked {
  overflow: hidden; /* untuk mengatur bagian elemen yang keluar dari area. */
}

img {
  display: block; /* untuk mengatur model layout elemen. */
  max-width: 100%; /* untuk membatasi lebar maksimum elemen/isi section. */
}

video {
  display: block; /* untuk mengatur model layout elemen. */
  max-width: 100%; /* untuk membatasi lebar maksimum elemen/isi section. */
}

button {
  font: inherit; /* untuk mengatur font secara ringkas. */
}

input {
  font: inherit; /* untuk mengatur font secara ringkas. */
}

textarea {
  font: inherit; /* untuk mengatur font secara ringkas. */
}

select {
  font: inherit; /* untuk mengatur font secara ringkas. */
}

.hidden {
  display: none !important; /* untuk mengatur model layout elemen. */
}

.loader-screen {
  position: fixed; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  z-index: 1000; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  min-height: 100vh; /* untuk mengatur tinggi minimum area section. */
  display: grid; /* untuk mengatur model layout elemen. */
  place-items: center; /* untuk memusatkan isi pada layout grid. */
  padding: 24px; /* untuk mengatur jarak dalam elemen. */
  overflow: hidden; /* untuk mengatur bagian elemen yang keluar dari area. */
  background: var(--bg); /* untuk mengatur warna/gambar/gradient latar elemen. */
}

.cover-screen {
  position: fixed; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  z-index: 1000; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  display: grid; /* untuk mengatur model layout elemen. */
  place-items: center; /* untuk memusatkan isi pada layout grid. */
  padding: 24px; /* untuk mengatur jarak dalam elemen. */
  overflow: hidden; /* untuk mengatur bagian elemen yang keluar dari area. */
  width: min(100%, var(--mobile-width)); /* untuk mengatur lebar elemen/isi section. */
  margin-left: auto; /* untuk mengatur jarak luar sisi kiri elemen. */
  min-height: 100vh; /* untuk mengatur tinggi minimum area section. */
  background: var(--bg); /* untuk mengatur warna/gambar/gradient latar elemen. */
  box-shadow: -20px 0 60px rgba(0,0,0,.12); /* untuk mengatur bayangan elemen. */
  right: 0; /* untuk mengatur jarak elemen dari sisi kanan. */
  left: auto; /* untuk mengatur jarak elemen dari sisi kiri. */
}

.loader-card {
  position: relative; /* untuk mengatur metode posisi elemen/layer. */
  z-index: 2; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  width: min(100%, 360px); /* untuk mengatur lebar elemen/isi section. */
  padding: 30px 24px; /* untuk mengatur jarak dalam elemen. */
  text-align: center; /* untuk mengatur perataan teks. */
  background: transparent; /* box putih loading page dihilangkan tanpa mengubah posisi isi. */
  border: 1px solid transparent; /* garis box loading page dihilangkan. */
  border-radius: 34px; /* untuk mengatur lengkungan sudut elemen. */
  box-shadow: none; /* bayangan box loading page dihilangkan. */
  backdrop-filter: none; /* efek box loading page dihilangkan. */
  font-family: "FELIXTI", var(--font-heading); /* semua teks loading page menggunakan font FELIXTI. */
}

.cover-card {
  position: relative; /* untuk mengatur metode posisi elemen/layer. */
  z-index: 2; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  width: min(100%, 360px); /* untuk mengatur lebar elemen/isi section. */
  padding: 30px 24px; /* untuk mengatur jarak dalam elemen. */
  text-align: center; /* untuk mengatur perataan teks. */
  background: var(--surface-strong); /* untuk mengatur warna/gambar/gradient latar elemen. */
  border: 1px solid var(--border); /* untuk mengatur garis tepi elemen. */
  border-radius: 34px; /* untuk mengatur lengkungan sudut elemen. */
  box-shadow: var(--shadow); /* untuk mengatur bayangan elemen. */
  backdrop-filter: blur(14px); /* untuk mengatur efek blur/filter pada latar belakang elemen. */
}

.loader-photo-frame {
  width: 170px; /* untuk mengatur lebar foto loading agar menjadi kotak ukuran sedang. */
  height: 170px; /* untuk mengatur tinggi foto loading agar menjadi kotak ukuran sedang. */
  margin: 12px auto 18px; /* untuk mengatur jarak luar elemen. */
  padding: 0; /* frame sisi foto loading dihilangkan agar hanya foto yang terlihat. */
  border: 0; /* garis frame foto loading dihilangkan. */
  border-radius: 0; /* foto loading dibuat kotak tanpa frame bulat. */
  overflow: hidden; /* untuk menjaga foto tetap rapi di area kotak. */
}

.loader-photo-frame img {
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  height: 100%; /* untuk mengatur tinggi elemen/area section. */
  display: block; /* untuk menghilangkan celah bawaan gambar. */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  border-radius: 0; /* foto loading tampil tanpa frame di sisi-sisinya. */
}

.cover-photo {
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  border-radius: inherit; /* untuk mengatur lengkungan sudut elemen. */
  width: 140px; /* untuk mengatur lebar elemen/isi section. */
  height: 140px; /* untuk mengatur tinggi elemen/area section. */
  margin: 6px auto 18px; /* untuk mengatur jarak luar elemen. */
  border: 6px solid rgba(255,255,255,.72); /* untuk mengatur garis tepi elemen. */
  box-shadow: 0 16px 35px rgba(0,0,0,.16); /* untuk mengatur bayangan elemen. */
}

.loader-card h1 {
  display: block !important;
  width: max-content !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  margin-inline: auto !important;
}

.cover-card h1 {
  margin: 0; /* untuk mengatur jarak luar elemen. */
  font-family: var(--font-heading); /* untuk mengatur jenis font teks. */
  font-weight: 600; /* untuk mengatur ketebalan teks. */
  line-height: 1.05; /* untuk mengatur tinggi baris teks. */
  white-space: pre-line; /* untuk mengatur cara spasi dan baris teks dibaca. */
  font-size: 3rem; /* untuk mengatur ukuran teks. */
}

.section-card h2 {
  margin: 0; /* untuk mengatur jarak luar elemen (isi/text section). */
  font-family: var(--font-heading); /* untuk mengatur jenis font teks (isi/text section). */
  font-weight: 600; /* untuk mengatur ketebalan teks (isi/text section). */
  line-height: 1.05; /* untuk mengatur tinggi baris teks (isi/text section). */
  font-size: clamp(2rem, 9vw, 3.15rem); /* untuk mengatur ukuran teks (isi/text section). */
  color: var(--accent-dark); /* untuk mengatur warna teks (isi/text section). */
}

.loader-progress-wrap {
  display: none; /* bar loading dihilangkan, hanya persen yang ditampilkan. */
}

.loader-progress {
  width: 0%; /* untuk mengatur lebar elemen/isi section. */
  height: 100%; /* untuk mengatur tinggi elemen/area section. */
  border-radius: inherit; /* untuk mengatur lengkungan sudut elemen. */
  background: linear-gradient(90deg, var(--accent), var(--accent-dark)); /* untuk mengatur warna/gambar/gradient latar elemen. */
  transition: width .2s linear; /* untuk mengatur animasi perubahan state elemen. */
}

.loader-percent {
  margin: 10px 0 0; /* untuk mengatur jarak luar elemen. */
  color: var(--muted); /* untuk mengatur warna teks. */
}

.loader-screen .eyebrow {
  font-size: .92rem; /* text The Wedding Of loading diperbesar sedikit. */
  line-height: 1.1; /* menjaga text loading tetap rapi dalam 1 baris. */
  white-space: nowrap; /* text The Wedding Of loading dibuat tetap 1 baris. */
}

.loader-card .loader-percent {
  margin-top: 12px; /* jarak persen loading setelah nama mempelai. */
  font-size: 1rem; /* ukuran persen loading. */
  font-weight: 600; /* ketebalan persen loading. */
}

.loader-screen .eyebrow,
.loader-screen .loader-percent,
.loader-screen .loader-progress-wrap {
  font-family: "FELIXTI", var(--font-heading); /* semua teks loading page menggunakan font FELIXTI. */
}

.desktop-showcase {
  display: none; /* untuk mengatur model layout elemen. */
  position: fixed; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0 auto 0 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  width: calc(100vw - var(--mobile-width)); /* untuk mengatur lebar elemen/isi section. */
  min-width: 0; /* untuk mengatur lebar minimum elemen. */
  overflow: hidden; /* untuk mengatur bagian elemen yang keluar dari area. */
  background: #111; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

.showcase-media {
  position: absolute; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  pointer-events: none; /* untuk mengatur apakah layer bisa menerima klik/tap. */
}

.cover-media {
  position: absolute; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  pointer-events: none; /* untuk mengatur apakah layer bisa menerima klik/tap. */
}

.layer-fixed-bg {
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (background scroll). */
  pointer-events: none; /* untuk mengatur apakah layer bisa menerima klik/tap (background scroll). */
  position: fixed; /* untuk mengatur metode posisi elemen/layer (background scroll). */
  z-index: -2; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (background scroll). */
  opacity: var(--fixed-bg-opacity, 1); /* untuk mengatur transparansi elemen (background scroll). */
}

.layer-section-media {
  position: absolute; /* untuk mengatur metode posisi elemen/layer (media per section). */
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (media per section). */
  pointer-events: none; /* untuk mengatur apakah layer bisa menerima klik/tap (media per section). */
  width: min(82%, 330px); /* untuk mengatur lebar elemen/isi section (media per section). */
  height: min(46vh, 360px); /* untuk mengatur tinggi elemen/area section (media per section). */
  left: 50%; /* untuk mengatur jarak elemen dari sisi kiri (media per section). */
  top: 48%; /* untuk mengatur jarak elemen dari sisi atas (media per section). */
  transform: translate(-50%, -50%); /* untuk mengatur perubahan posisi/skala/rotasi elemen (media per section). */
  border-radius: 34px; /* untuk mengatur lengkungan sudut elemen (media per section). */
  overflow: hidden; /* untuk mengatur bagian elemen yang keluar dari area (media per section). */
  opacity: .72; /* untuk mengatur transparansi elemen (media per section). */
  filter: saturate(.96); /* untuk mengatur efek visual gambar/video/elemen (media per section). */
}

.layer-overlay {
  position: absolute; /* untuk mengatur metode posisi elemen/layer (overlay section). */
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (overlay section). */
  pointer-events: none; /* untuk mengatur apakah layer bisa menerima klik/tap (overlay section). */
  z-index: -1; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (overlay section). */
  background: rgba(255, 250, 244, .64); /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
}

.layer-decoration {
  position: absolute; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  pointer-events: none; /* untuk mengatur apakah layer bisa menerima klik/tap. */
}

.showcase-media img {
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  height: 100%; /* untuk mengatur tinggi elemen/area section. */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
}

.showcase-media video {
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  height: 100%; /* untuk mengatur tinggi elemen/area section. */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
}

.cover-media img {
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  height: 100%; /* untuk mengatur tinggi elemen/area section. */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
}

.cover-media video {
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  height: 100%; /* untuk mengatur tinggi elemen/area section. */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
}

.layer-fixed-bg img {
  width: 100%; /* untuk mengatur lebar elemen/isi section (background scroll). */
  height: 100%; /* untuk mengatur tinggi elemen/area section (background scroll). */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (background scroll). */
}

.layer-fixed-bg video {
  width: 100%; /* untuk mengatur lebar elemen/isi section (background scroll). */
  height: 100%; /* untuk mengatur tinggi elemen/area section (background scroll). */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (background scroll). */
}

.layer-section-media img {
  width: 100%; /* untuk mengatur lebar elemen/isi section (media per section). */
  height: 100%; /* untuk mengatur tinggi elemen/area section (media per section). */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (media per section). */
}

.layer-section-media video {
  width: 100%; /* untuk mengatur lebar elemen/isi section (media per section). */
  height: 100%; /* untuk mengatur tinggi elemen/area section (media per section). */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (media per section). */
}

.showcase-overlay {
  position: absolute; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  background: linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.52)); /* untuk mengatur warna/gambar/gradient latar elemen. */
}

.cover-overlay {
  position: absolute; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  background: linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.52)); /* untuk mengatur warna/gambar/gradient latar elemen. */
}

.showcase-content {
  position: absolute; /* untuk mengatur metode posisi elemen/layer. */
  z-index: 2; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  left: 8%; /* untuk mengatur jarak elemen dari sisi kiri. */
  bottom: 10%; /* untuk mengatur jarak elemen dari sisi bawah. */
  color: #fff; /* untuk mengatur warna teks. */
  max-width: 620px; /* untuk membatasi lebar maksimum elemen/isi section. */
}

.showcase-content h1 {
  margin: 0 0 12px; /* untuk mengatur jarak luar elemen. */
  font-family: var(--font-heading); /* untuk mengatur jenis font teks. */
  font-size: clamp(3rem, 7vw, 7.5rem); /* untuk mengatur ukuran teks. */
  line-height: .95; /* untuk mengatur tinggi baris teks. */
}

.showcase-content em {
  font-family: var(--font-script); /* untuk mengatur jenis font teks. */
  font-weight: 400; /* untuk mengatur ketebalan teks. */
}

.invitation {
  width: min(100%, var(--mobile-width)); /* untuk mengatur lebar elemen/isi section. */
  margin-left: auto; /* untuk mengatur jarak luar sisi kiri elemen. */
  min-height: 100vh; /* untuk mengatur tinggi minimum area section. */
  background: var(--bg); /* untuk mengatur warna/gambar/gradient latar elemen. */
  box-shadow: -20px 0 60px rgba(0,0,0,.12); /* untuk mengatur bayangan elemen. */
}

.eyebrow {
  margin: 0 0 10px; /* untuk mengatur jarak luar elemen. */
  color: #2e241c; /* untuk mengatur warna teks. */
  font-size: .76rem; /* untuk mengatur ukuran teks. */
  font-weight: 700; /* untuk mengatur ketebalan teks. */
  letter-spacing: .22em; /* untuk mengatur jarak antar huruf. */
  text-transform: uppercase; /* untuk mengatur kapitalisasi teks. */
}

.cover-to {
  margin: 22px 0 4px; /* untuk mengatur jarak luar elemen. */
  color: var(--muted); /* untuk mengatur warna teks. */
}

.guest-name {
  margin: 0 0 18px; /* untuk mengatur jarak luar elemen. */
  font-weight: 700; /* untuk mengatur ketebalan teks. */
  font-size: 1.1rem; /* untuk mengatur ukuran teks. */
}

.cover-note {
  margin: 16px 0 0; /* untuk mengatur jarak luar elemen. */
  color: var(--muted); /* untuk mengatur warna teks. */
  font-size: .78rem; /* untuk mengatur ukuran teks. */
  line-height: 1.55; /* untuk mengatur tinggi baris teks. */
}

.btn-primary {
  display: inline-flex; /* untuk mengatur model layout elemen. */
  align-items: center; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: center; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  gap: 8px; /* untuk mengatur jarak antar elemen. */
  min-height: 46px; /* untuk mengatur tinggi minimum area section. */
  padding: 0 22px; /* untuk mengatur jarak dalam elemen. */
  border: 0; /* untuk mengatur garis tepi elemen. */
  border-radius: 999px; /* untuk mengatur lengkungan sudut elemen. */
  color: #fff; /* untuk mengatur warna teks. */
  background: linear-gradient(135deg, var(--accent), var(--accent-dark)); /* untuk mengatur warna/gambar/gradient latar elemen. */
  box-shadow: 0 12px 30px rgba(93, 59, 40, 0.25); /* untuk mengatur bayangan elemen. */
  cursor: pointer; /* untuk mengatur bentuk kursor saat hover. */
  text-decoration: none; /* untuk mengatur dekorasi teks/link. */
}

.btn-small {
  display: inline-flex; /* untuk mengatur model layout elemen. */
  align-items: center; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: center; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  gap: 8px; /* untuk mengatur jarak antar elemen. */
  border: 0; /* untuk mengatur garis tepi elemen. */
  border-radius: 999px; /* untuk mengatur lengkungan sudut elemen. */
  color: #fff; /* untuk mengatur warna teks. */
  background: linear-gradient(135deg, var(--accent), var(--accent-dark)); /* untuk mengatur warna/gambar/gradient latar elemen. */
  box-shadow: 0 12px 30px rgba(93, 59, 40, 0.25); /* untuk mengatur bayangan elemen. */
  cursor: pointer; /* untuk mengatur bentuk kursor saat hover. */
  text-decoration: none; /* untuk mengatur dekorasi teks/link. */
  min-height: 38px; /* untuk mengatur tinggi minimum area section. */
  padding: 0 16px; /* untuk mengatur jarak dalam elemen. */
  font-size: .88rem; /* untuk mengatur ukuran teks. */
}

.template-section {
  position: relative; /* untuk mengatur metode posisi elemen/layer. */
  min-height: 100svh; /* untuk mengatur tinggi minimum area section. */
  display: grid; /* untuk mengatur model layout elemen. */
  place-items: center; /* untuk memusatkan isi pada layout grid. */
  padding: 78px 18px 92px; /* untuk mengatur jarak dalam elemen. */
  overflow: hidden; /* untuk mengatur bagian elemen yang keluar dari area. */
  isolation: isolate; /* untuk membuat tumpukan layer section berdiri sendiri. */
}

.template-section::before {
  content: ""; /* untuk membuat isi pseudo-element. */
  position: fixed; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  z-index: -3; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  background: var(--bg); /* untuk mengatur warna/gambar/gradient latar elemen. */
}

.layer {
  z-index: 1; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
}

.layer-section-media:empty {
  display: none; /* untuk mengatur model layout elemen (media per section). */
}

.layer-text {
  position: relative; /* untuk mengatur metode posisi elemen/layer (isi/text section). */
  z-index: 4; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (isi/text section). */
  width: min(100%, 356px); /* untuk mengatur lebar elemen/isi section (isi/text section). */
}

.section-card {
  padding: 28px 22px; /* untuk mengatur jarak dalam elemen (isi/text section). */
  text-align: center; /* untuk mengatur perataan teks (isi/text section). */
  background: var(--surface); /* untuk mengatur warna/gambar/gradient latar elemen (isi/text section). */
  border: 1px solid var(--border); /* untuk mengatur garis tepi elemen (isi/text section). */
  border-radius: 30px; /* untuk mengatur lengkungan sudut elemen (isi/text section). */
  box-shadow: var(--shadow); /* untuk mengatur bayangan elemen (isi/text section). */
  backdrop-filter: blur(12px); /* untuk mengatur efek blur/filter pada latar belakang elemen (isi/text section). */
}

.section-card p {
  color: var(--muted); /* untuk mengatur warna teks (isi/text section). */
  line-height: 1.75; /* untuk mengatur tinggi baris teks (isi/text section). */
}

.event-grid {
  display: grid; /* untuk mengatur model layout elemen. */
  gap: 16px; /* untuk mengatur jarak antar elemen. */
  margin-top: 20px; /* untuk mengatur jarak luar sisi atas elemen. */
}

.event-card {
  padding: 18px; /* untuk mengatur jarak dalam elemen. */
  border: 1px solid var(--border); /* untuk mengatur garis tepi elemen. */
  border-radius: 24px; /* untuk mengatur lengkungan sudut elemen. */
  background: rgba(255,255,255,.56); /* untuk mengatur warna/gambar/gradient latar elemen. */
}

.event-card h3 {
  margin: 0 0 8px; /* untuk mengatur jarak luar elemen. */
  font-family: var(--font-heading); /* untuk mengatur jenis font teks. */
  font-size: 1.55rem; /* untuk mengatur ukuran teks. */
  color: var(--accent-dark); /* untuk mengatur warna teks. */
}

.story-item {
  padding: 14px; /* untuk mengatur jarak dalam elemen. */
  border-radius: 18px; /* untuk mengatur lengkungan sudut elemen. */
  background: rgba(255,255,255,.66); /* untuk mengatur warna/gambar/gradient latar elemen. */
  border: 1px solid var(--border); /* untuk mengatur garis tepi elemen. */
}

.story-item strong {
  color: var(--accent); /* untuk mengatur warna teks. */
}

.story-item h3 {
  margin: 6px 0 4px; /* untuk mengatur jarak luar elemen. */
  font-family: var(--font-heading); /* untuk mengatur jenis font teks. */
}

.story-item p {
  margin: 0; /* untuk mengatur jarak luar elemen. */
}

.form-card {
  display: grid; /* untuk mengatur model layout elemen. */
  gap: 12px; /* untuk mengatur jarak antar elemen. */
  margin-top: 18px; /* untuk mengatur jarak luar sisi atas elemen. */
}

.form-card input {
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  border: 1px solid var(--border); /* untuk mengatur garis tepi elemen. */
  border-radius: 18px; /* untuk mengatur lengkungan sudut elemen. */
  padding: 13px 14px; /* untuk mengatur jarak dalam elemen. */
  outline: 0; /* untuk mengatur garis fokus elemen. */
  color: var(--text); /* untuk mengatur warna teks. */
  background: rgba(255,255,255,.78); /* untuk mengatur warna/gambar/gradient latar elemen. */
}

.form-card textarea {
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  border: 1px solid var(--border); /* untuk mengatur garis tepi elemen. */
  border-radius: 18px; /* untuk mengatur lengkungan sudut elemen. */
  padding: 13px 14px; /* untuk mengatur jarak dalam elemen. */
  outline: 0; /* untuk mengatur garis fokus elemen. */
  color: var(--text); /* untuk mengatur warna teks. */
  background: rgba(255,255,255,.78); /* untuk mengatur warna/gambar/gradient latar elemen. */
}

.form-card select {
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  border: 1px solid var(--border); /* untuk mengatur garis tepi elemen. */
  border-radius: 18px; /* untuk mengatur lengkungan sudut elemen. */
  padding: 13px 14px; /* untuk mengatur jarak dalam elemen. */
  outline: 0; /* untuk mengatur garis fokus elemen. */
  color: var(--text); /* untuk mengatur warna teks. */
  background: rgba(255,255,255,.78); /* untuk mengatur warna/gambar/gradient latar elemen. */
}

.footer-card {
  padding-block: 34px; /* untuk mengatur properti padding-block. */
}

.floating-nav {
  position: fixed; /* untuk mengatur metode posisi elemen/layer. */
  z-index: 60; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  right: max(14px, calc((100vw - var(--mobile-width)) / 2 + 14px)); /* untuk mengatur jarak elemen dari sisi kanan. */
  bottom: 0; /* untuk membuat navbar menempel di bagian bawah. */
  width: min(calc(100% - 28px), 402px); /* untuk mengatur lebar elemen/isi section. */
  display: grid; /* untuk mengatur model layout elemen. */
  grid-template-columns: repeat(6, 1fr); /* untuk mengatur jumlah/lebar kolom grid. */
  gap: 4px; /* untuk mengatur jarak antar elemen. */
  padding: 8px; /* untuk mengatur jarak dalam elemen. */
  border: 1px solid rgba(255, 255, 255, .16); /* untuk mengatur garis tepi elemen. */
  border-bottom: 0; /* untuk menghilangkan garis bawah karena navbar menempel ke bawah. */
  border-radius: 22px 22px 0 0; /* untuk mengatur lengkungan sudut elemen. */
  background: rgba(15, 12, 10, 0.822); /* untuk mengatur warna/gambar/gradient latar elemen. */
  backdrop-filter: blur(16px); /* untuk mengatur efek blur/filter pada latar belakang elemen. */
  box-shadow: 0 -14px 40px rgba(0,0,0,.18); /* untuk mengatur bayangan elemen. */
}

.floating-nav__item {
  min-height: 54px; /* untuk mengatur tinggi minimum area section. */
  border: 0; /* untuk mengatur garis tepi elemen. */
  border-radius: 16px; /* untuk mengatur lengkungan sudut elemen. */
  color: rgba(255,255,255,.76); /* untuk mengatur warna teks. */
  background: transparent; /* untuk mengatur warna/gambar/gradient latar elemen. */
  cursor: pointer; /* untuk mengatur bentuk kursor saat hover. */
  display: flex; /* untuk mengatur model layout elemen. */
  flex-direction: column; /* untuk mengatur arah susunan ikon dan teks. */
  align-items: center; /* untuk mengatur posisi isi secara horizontal/cross-axis. */
  justify-content: center; /* untuk mengatur posisi isi secara vertikal/main-axis. */
  gap: 4px; /* untuk mengatur jarak ikon dan teks. */
  font-size: clamp(.58rem, 1.9vw, .68rem); /* untuk mengatur ukuran teks. */
  font-weight: 700; /* untuk mengatur ketebalan teks. */
  line-height: 1; /* untuk mengatur tinggi baris teks. */
}

.floating-nav__icon {
  width: 22px; /* untuk mengatur lebar ikon navbar. */
  height: 22px; /* untuk mengatur tinggi ikon navbar. */
  display: block; /* untuk mengatur model layout ikon navbar. */
  fill: none; /* untuk mengatur isi ikon svg. */
  stroke: currentColor; /* untuk menyamakan warna ikon dengan teks. */
  stroke-width: 1.9; /* untuk mengatur ketebalan garis ikon. */
  stroke-linecap: round; /* untuk mengatur ujung garis ikon. */
  stroke-linejoin: round; /* untuk mengatur sambungan garis ikon. */
}

.floating-nav__item.active {
  color: #fff; /* untuk mengatur warna teks. */
  background: rgba(255,255,255,.14); /* untuk mengatur warna/gambar/gradient latar elemen. */
}


.music-toggle {
  position: fixed; /* untuk mengatur metode posisi elemen/layer. */
  z-index: 80; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  right: max(18px, calc((100vw - var(--mobile-width)) / 2 + 18px)); /* untuk mengatur jarak elemen dari sisi kanan. */
  bottom: 88px; /* untuk mengatur jarak elemen dari sisi bawah. */
  width: 44px; /* untuk mengatur lebar elemen/isi section. */
  height: 44px; /* untuk mengatur tinggi elemen/area section. */
  border: 0; /* untuk mengatur garis tepi elemen. */
  border-radius: 999px; /* untuk mengatur lengkungan sudut elemen. */
  color: #fff; /* untuk mengatur warna teks. */
  background: var(--accent-dark); /* untuk mengatur warna/gambar/gradient latar elemen. */
  box-shadow: var(--shadow); /* untuk mengatur bayangan elemen. */
  cursor: pointer; /* untuk mengatur bentuk kursor saat hover. */
}

.music-toggle.is-playing {
  animation: spin 3s linear infinite; /* untuk mengatur animasi elemen. */
}

@keyframes spin { to { transform: rotate(360deg); } }

.decor-media {
  position: absolute; /* untuk mengatur metode posisi elemen/layer. */
  width: 90px; /* untuk mengatur lebar elemen/isi section. */
  opacity: .8; /* untuk mengatur transparansi elemen. */
  animation: floatUp 9s linear infinite; /* untuk mengatur animasi elemen. */
  will-change: transform; /* untuk mengatur properti will-change. */
}

.decor-1 {
  left: 8%; /* untuk mengatur jarak elemen dari sisi kiri. */
  bottom: -110px; /* untuk mengatur jarak elemen dari sisi bawah. */
  animation-delay: 0s; /* untuk mengatur properti animation-delay. */
}

.decor-2 {
  right: 8%; /* untuk mengatur jarak elemen dari sisi kanan. */
  bottom: -120px; /* untuk mengatur jarak elemen dari sisi bawah. */
  animation-delay: 2.4s; /* untuk mengatur properti animation-delay. */
}

.decor-3 {
  left: 45%; /* untuk mengatur jarak elemen dari sisi kiri. */
  bottom: -130px; /* untuk mengatur jarak elemen dari sisi bawah. */
  animation-delay: 4.8s; /* untuk mengatur properti animation-delay. */
}

@keyframes floatUp {
  0% { transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; }
  12% { opacity: .78; }
  100% { transform: translate3d(var(--decor-x, 20px), -118vh, 0) rotate(18deg); opacity: 0; }
}

.reveal-in {
  animation: revealIn .8s ease both; /* untuk mengatur animasi elemen. */
}

@keyframes revealIn { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }

/* ============================================================
   Reveal-in motion untuk headline & isi tiap section page
   (dipasang otomatis oleh dini-rori.js -> bindRevealMotion())
   ============================================================ */
.reveal-el {
  opacity: 0; /* untuk mengatur elemen tersembunyi sebelum discroll masuk viewport. */
  transform: translateY(28px); /* untuk mengatur posisi awal elemen sedikit ke bawah sebelum muncul. */
  transition: opacity .7s cubic-bezier(.16,.84,.44,1),
              transform .7s cubic-bezier(.16,.84,.44,1); /* untuk mengatur animasi fade + slide-up saat muncul. */
  transition-delay: var(--reveal-delay, 0ms); /* untuk mengatur jeda stagger antar elemen dalam 1 section. */
  will-change: opacity, transform; /* untuk mengatur optimasi animasi di browser. */
}

.reveal-el.is-revealed {
  opacity: 1; /* untuk mengatur elemen tampil penuh setelah discroll masuk viewport. */
  transform: translateY(0); /* untuk mengatur posisi akhir elemen kembali normal. */
}

@media (prefers-reduced-motion: reduce) {
  .reveal-el {
    transition: none; /* untuk mengatur animasi dimatikan bila user memilih reduced motion. */
    opacity: 1; /* untuk mengatur elemen tetap terlihat tanpa animasi. */
    transform: none; /* untuk mengatur posisi elemen tetap normal tanpa animasi. */
  }
}

@media (min-width: 900px) {
  .desktop-showcase {
    display: block; /* untuk mengatur model layout elemen. */
  }
}

@media (min-width: 900px) {
  .cover-screen {
    max-width: var(--mobile-width); /* untuk membatasi lebar maksimum elemen/isi section. */
  }
}

@media (min-width: 900px) {
  .invitation {
    max-width: var(--mobile-width); /* untuk membatasi lebar maksimum elemen/isi section. */
  }
}

body[data-theme="nusantara"] .showcase-media img {
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  height: 100%; /* untuk mengatur tinggi elemen/area section. */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  object-position: center center; /* untuk mengatur titik fokus gambar/video di dalam frame. */
}

body[data-theme="nusantara"] .showcase-media video {
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  height: 100%; /* untuk mengatur tinggi elemen/area section. */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  object-position: center center; /* untuk mengatur titik fokus gambar/video di dalam frame. */
}

body[data-theme="nusantara"] .showcase-content {
  display: none; /* untuk mengatur model layout elemen. */
}

body[data-theme="nusantara"] .showcase-overlay {
  display: none; /* untuk mengatur model layout elemen. */
}

body[data-theme="nusantara"] .cover-overlay {
  display: none; /* untuk mengatur model layout elemen. */
}

body[data-theme="nusantara"] .cover-screen {
  position: fixed; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0 0 0 auto; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  width: min(100%, var(--mobile-width)); /* untuk mengatur lebar elemen/isi section. */
  min-height: 100svh; /* untuk mengatur tinggi minimum area section. */
  padding: 0; /* untuk mengatur jarak dalam elemen. */
  display: block; /* untuk mengatur model layout elemen. */
  overflow: hidden; /* untuk mengatur bagian elemen yang keluar dari area. */
  background: #f8f2e8; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"] .cover-media {
  position: absolute; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  z-index: 0; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
}

body[data-theme="nusantara"] .cover-media img {
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  height: 100%; /* untuk mengatur tinggi elemen/area section. */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  object-position: center center; /* untuk mengatur titik fokus gambar/video di dalam frame. */
}

body[data-theme="nusantara"] .cover-media video {
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  height: 100%; /* untuk mengatur tinggi elemen/area section. */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  object-position: center center; /* untuk mengatur titik fokus gambar/video di dalam frame. */
}

body[data-theme="nusantara"] .cover-card {
  position: absolute; /* untuk mengatur metode posisi elemen/layer. */
  z-index: 2; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  left: 50%; /* untuk mengatur jarak elemen dari sisi kiri. */
  bottom: clamp(58px, 9svh, 92px); /* untuk mengatur jarak elemen dari sisi bawah. */
  transform: translateX(-50%); /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
  width: min(82%, 320px); /* untuk mengatur lebar elemen/isi section. */
  max-width: calc(100% - 44px); /* untuk membatasi lebar maksimum elemen/isi section. */
  padding: 0; /* untuk mengatur jarak dalam elemen. */
  margin: 0; /* untuk mengatur jarak luar elemen. */
  border: 0; /* untuk mengatur garis tepi elemen. */
  border-radius: 0; /* untuk mengatur lengkungan sudut elemen. */
  background: transparent; /* untuk mengatur warna/gambar/gradient latar elemen. */
  box-shadow: none; /* untuk mengatur bayangan elemen. */
  backdrop-filter: none; /* untuk mengatur efek blur/filter pada latar belakang elemen. */
  text-align: center; /* untuk mengatur perataan teks. */
  color: #4d3a2b; /* untuk mengatur warna teks. */
}

body[data-theme="nusantara"] .cover-card > .eyebrow {
  display: none !important; /* untuk mengatur model layout elemen. */
}

body[data-theme="nusantara"] .cover-photo {
  display: none !important; /* untuk mengatur model layout elemen. */
}

body[data-theme="nusantara"] #coverNames {
  display: none !important; /* untuk mengatur model layout elemen. */
}

body[data-theme="nusantara"] .cover-note {
  display: none !important; /* untuk mengatur model layout elemen. */
}

body[data-theme="nusantara"] .cover-to {
  margin: 0 0 5px; /* untuk mengatur jarak luar elemen. */
  color: #806750; /* untuk mengatur warna teks. */
  font-family: var(--font-script); /* untuk mengatur jenis font teks. */
  font-size: clamp(.98rem, 3.4vw, 1.12rem); /* untuk mengatur ukuran teks. */
  font-weight: 600; /* untuk mengatur ketebalan teks. */
  line-height: 1.15; /* untuk mengatur tinggi baris teks. */
}

body[data-theme="nusantara"] .guest-name {
  max-width: 100%; /* untuk membatasi lebar maksimum elemen/isi section. */
  margin: 0 auto 14px; /* untuk mengatur jarak luar elemen. */
  color: #3d2b22; /* untuk mengatur warna teks. */
  font-family: var(--General); /* untuk mengatur jenis font teks. */
  font-size: clamp(1.06rem, 4vw, 1.28rem); /* untuk mengatur ukuran teks. */
  font-weight: 600; /* untuk mengatur ketebalan teks. */
  line-height: 1.18; /* untuk mengatur tinggi baris teks. */
  overflow-wrap: anywhere; /* untuk mengatur properti overflow-wrap. */
}

body[data-theme="nusantara"] .cover-card .btn-primary {
  min-width: 0; /* untuk mengatur lebar minimum elemen. */
  min-height: 44px; /* untuk mengatur tinggi minimum area section. */
  padding: 0 22px; /* untuk mengatur jarak dalam elemen. */
  white-space: nowrap; /* untuk mengatur cara spasi dan baris teks dibaca. */
  font-weight: 700; /* untuk mengatur ketebalan teks. */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .desktop-showcase {
    display: block; /* untuk mengatur model layout elemen. */
    width: calc(100vw - var(--mobile-width)); /* untuk mengatur lebar elemen/isi section. */
    display: block !important; /* untuk mengatur model layout elemen. */
    position: fixed !important; /* untuk mengatur metode posisi elemen/layer. */
    inset: 0 auto 0 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    width: calc(100vw - var(--mobile-width)) !important; /* untuk mengatur lebar elemen/isi section. */
    height: 100svh !important; /* untuk mengatur tinggi elemen/area section. */
    z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
    background: #f8f2e8 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .cover-screen {
    width: var(--mobile-width); /* untuk mengatur lebar elemen/isi section. */
    max-width: var(--mobile-width); /* untuk membatasi lebar maksimum elemen/isi section. */
    margin-left: auto; /* untuk mengatur jarak luar sisi kiri elemen. */
    position: relative !important; /* untuk mengatur metode posisi elemen/layer. */
    z-index: 10 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
    width: var(--mobile-width) !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    min-width: 0 !important; /* untuk mengatur lebar minimum elemen. */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen. */
    margin-right: 0 !important; /* untuk mengatur jarak luar sisi kanan elemen. */
    overflow-x: hidden !important; /* untuk mengatur overflow horizontal. */
    background: #f8f2e8 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
    box-shadow: -20px 0 60px rgba(0,0,0,.12) !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .invitation {
    width: var(--mobile-width); /* untuk mengatur lebar elemen/isi section. */
    max-width: var(--mobile-width); /* untuk membatasi lebar maksimum elemen/isi section. */
    margin-left: auto; /* untuk mengatur jarak luar sisi kiri elemen. */
    position: relative !important; /* untuk mengatur metode posisi elemen/layer. */
    z-index: 10 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
    width: var(--mobile-width) !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    min-width: 0 !important; /* untuk mengatur lebar minimum elemen. */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen. */
    margin-right: 0 !important; /* untuk mengatur jarak luar sisi kanan elemen. */
    overflow-x: hidden !important; /* untuk mengatur overflow horizontal. */
    background: #f8f2e8 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
    box-shadow: -20px 0 60px rgba(0,0,0,.12) !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .cover-card {
    bottom: clamp(34px, 5.6svh, 56px); /* untuk mengatur jarak elemen dari sisi bawah. */
  }
}

body[data-theme="nusantara"] .cover-card.reveal-in {
  animation: nusantaraCoverReveal .8s ease both !important; /* untuk mengatur animasi elemen. */
}

@keyframes nusantaraCoverReveal {
from {
  opacity: 0;
  transform: translate(-50%, 18px);
}
to {
  opacity: 1;
  transform: translate(-50%, 0);
}
}

body[data-theme="nusantara"] .desktop-showcase {
  background: #f8f2e8; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"] .desktop-showcase .showcase-media {
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  height: 100%; /* untuk mengatur tinggi elemen/area section. */
}

body[data-theme="nusantara"] .desktop-showcase .showcase-media img {
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  height: 100%; /* untuk mengatur tinggi elemen/area section. */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  object-position: center center; /* untuk mengatur titik fokus gambar/video di dalam frame. */
}

body[data-theme="nusantara"] .desktop-showcase .showcase-media video {
  width: 100%; /* untuk mengatur lebar elemen/isi section. */
  height: 100%; /* untuk mengatur tinggi elemen/area section. */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  object-position: center center; /* untuk mengatur titik fokus gambar/video di dalam frame. */
}

body[data-theme="nusantara"] {
  background: #f8f2e8; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .desktop-showcase .showcase-media {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .desktop-showcase .showcase-media img {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .desktop-showcase .showcase-media video {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #cover {
    position: relative !important; /* untuk mengatur metode posisi elemen/layer. */
    z-index: 10 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
    width: var(--mobile-width) !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    min-width: 0 !important; /* untuk mengatur lebar minimum elemen. */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen. */
    margin-right: 0 !important; /* untuk mengatur jarak luar sisi kanan elemen. */
    overflow-x: hidden !important; /* untuk mengatur overflow horizontal. */
    background: #f8f2e8 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
    box-shadow: -20px 0 60px rgba(0,0,0,.12) !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #invitation {
    position: relative !important; /* untuk mengatur metode posisi elemen/layer. */
    z-index: 10 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
    width: var(--mobile-width) !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    min-width: 0 !important; /* untuk mengatur lebar minimum elemen. */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen. */
    margin-right: 0 !important; /* untuk mengatur jarak luar sisi kanan elemen. */
    overflow-x: hidden !important; /* untuk mengatur overflow horizontal. */
    background: #f8f2e8 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
    box-shadow: -20px 0 60px rgba(0,0,0,.12) !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #cover.cover-screen {
    position: fixed !important; /* untuk mengatur metode posisi elemen/layer. */
    inset: 0 0 0 auto !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    height: 100svh !important; /* untuk mengatur tinggi elemen/area section. */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #invitation .template-section {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    margin-left: 0 !important; /* untuk mengatur jarak luar sisi kiri elemen. */
    margin-right: 0 !important; /* untuk mengatur jarak luar sisi kanan elemen. */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
    background: #f8f2e8 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .invitation .template-section {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    margin-left: 0 !important; /* untuk mengatur jarak luar sisi kiri elemen. */
    margin-right: 0 !important; /* untuk mengatur jarak luar sisi kanan elemen. */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
    background: #f8f2e8 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #invitation .template-section::before {
    position: fixed !important; /* untuk mengatur metode posisi elemen/layer. */
    inset: 0 0 0 auto !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    width: var(--mobile-width) !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    background: #f8f2e8 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .invitation .template-section::before {
    position: fixed !important; /* untuk mengatur metode posisi elemen/layer. */
    inset: 0 0 0 auto !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    width: var(--mobile-width) !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    background: #f8f2e8 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #invitation .layer-fixed-bg {
    position: fixed !important; /* untuk mengatur metode posisi elemen/layer (background scroll). */
    inset: 0 0 0 auto !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (background scroll). */
    width: var(--mobile-width) !important; /* untuk mengatur lebar elemen/isi section (background scroll). */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section (background scroll). */
    height: 100svh !important; /* untuk mengatur tinggi elemen/area section (background scroll). */
    margin: 0 !important; /* untuk mengatur jarak luar elemen (background scroll). */
    z-index: -3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (background scroll). */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (background scroll). */
    opacity: 1 !important; /* untuk mengatur transparansi elemen (background scroll). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .invitation .layer-fixed-bg {
    position: fixed !important; /* untuk mengatur metode posisi elemen/layer (background scroll). */
    inset: 0 0 0 auto !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (background scroll). */
    width: var(--mobile-width) !important; /* untuk mengatur lebar elemen/isi section (background scroll). */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section (background scroll). */
    height: 100svh !important; /* untuk mengatur tinggi elemen/area section (background scroll). */
    margin: 0 !important; /* untuk mengatur jarak luar elemen (background scroll). */
    z-index: -3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (background scroll). */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (background scroll). */
    opacity: 1 !important; /* untuk mengatur transparansi elemen (background scroll). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #invitation .layer-fixed-bg img {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (background scroll). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (background scroll). */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (background scroll). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (background scroll). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #invitation .layer-fixed-bg video {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (background scroll). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (background scroll). */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (background scroll). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (background scroll). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .invitation .layer-fixed-bg img {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (background scroll). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (background scroll). */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (background scroll). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (background scroll). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .invitation .layer-fixed-bg video {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (background scroll). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (background scroll). */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (background scroll). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (background scroll). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .floating-nav {
    right: max(14px, calc((var(--mobile-width) - min(calc(100% - 28px), 402px)) / 2)) !important; /* untuk mengatur jarak elemen dari sisi kanan. */
  }
}

body[data-theme="nusantara"].has-fixed-motion-bg {
  background: #f8f2e8 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .invitation {
  position: relative !important; /* untuk mengatur metode posisi elemen/layer. */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  isolation: isolate !important; /* untuk membuat tumpukan layer section berdiri sendiri. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .nusantara-fixed-motion-bg {
  position: fixed !important; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0 0 0 auto !important; /* untuk menempelkan elemen fixed ke area mobile. */
  width: min(100%, var(--mobile-width)) !important; /* untuk mengatur lebar area mobile. */
  height: 100vh !important; /* fallback tinggi layar. */
  height: 100svh !important; /* tinggi layar mobile yang lebih stabil. */
  height: 100dvh !important; /* tinggi layar dinamis browser mobile. */
  pointer-events: none !important; /* agar layer tidak mengganggu klik/tap. */
  overflow: hidden !important; /* agar video tetap rapi di dalam area. */
  background: #f8f2e8 !important; /* fallback background. */
  display: block !important; /* untuk memastikan layer tampil. */
  z-index: 0 !important; /* layer background global. */
  opacity: 1 !important; /* memastikan background terlihat. */
  visibility: visible !important; /* memastikan background tidak tersembunyi. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .nusantara-fixed-motion-bg__media {
  position: absolute !important; /* agar media memenuhi parent layer. */
  inset: 0 !important; /* menempel penuh ke semua sisi parent. */
  width: 100% !important; /* full lebar area mobile. */
  height: 100% !important; /* full tinggi area mobile. */
  object-fit: cover !important; /* media full cover tanpa gepeng. */
  object-position: center center !important; /* titik fokus media di tengah. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .nusantara-fixed-motion-bg img {
  position: absolute !important; /* agar gambar memenuhi parent layer. */
  inset: 0 !important; /* menempel penuh ke semua sisi parent. */
  width: 100% !important; /* full lebar area mobile. */
  height: 100% !important; /* full tinggi area mobile. */
  object-fit: cover !important; /* gambar full cover. */
  object-position: center center !important; /* titik fokus gambar di tengah. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .nusantara-fixed-motion-bg video {
  position: absolute !important; /* agar video memenuhi parent layer. */
  inset: 0 !important; /* menempel penuh ke semua sisi parent. */
  width: 100% !important; /* full lebar area mobile. */
  height: 100% !important; /* full tinggi area mobile. */
  min-height: 100% !important; /* menghapus efek tinggi terkunci 585px. */
  max-height: none !important; /* menghapus batas tinggi 585px. */
  object-fit: cover !important; /* video full cover 1 layar. */
  object-position: center center !important; /* titik fokus video di tengah. */
  display: block !important; /* video tetap sebagai media block normal. */
  box-sizing: border-box !important; /* menjaga ukuran tetap stabil. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section {
  position: relative !important; /* untuk mengatur metode posisi elemen/layer. */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section::before {
  display: none !important; /* untuk mengatur model layout elemen. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section:not([data-section="home"]):not([data-section="prayer"]) .layer-overlay {
  background: rgba(255, 250, 244, .58) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Section2.mp4, Section1.mp4, overlay section). */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .desktop-showcase {
    display: block !important; /* untuk mengatur model layout elemen. */
    position: fixed !important; /* untuk mengatur metode posisi elemen/layer. */
    inset: 0 auto 0 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    width: calc(100vw - var(--mobile-width)) !important; /* untuk mengatur lebar elemen/isi section. */
    height: 100svh !important; /* untuk mengatur tinggi elemen/area section. */
    z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
    background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .desktop-showcase .showcase-media {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .desktop-showcase .showcase-media img {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .desktop-showcase .showcase-media video {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .desktop-showcase .showcase-content {
    display: none !important; /* untuk mengatur model layout elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .desktop-showcase .showcase-overlay {
    display: none !important; /* untuk mengatur model layout elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg #cover {
    width: var(--mobile-width) !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen. */
    margin-right: 0 !important; /* untuk mengatur jarak luar sisi kanan elemen. */
    box-shadow: -20px 0 60px rgba(0,0,0,.12) !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg #invitation {
    width: var(--mobile-width) !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen. */
    margin-right: 0 !important; /* untuk mengatur jarak luar sisi kanan elemen. */
    box-shadow: -20px 0 60px rgba(0,0,0,.12) !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .cover-screen {
    width: var(--mobile-width) !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen. */
    margin-right: 0 !important; /* untuk mengatur jarak luar sisi kanan elemen. */
    box-shadow: -20px 0 60px rgba(0,0,0,.12) !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .invitation {
    width: var(--mobile-width) !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen. */
    margin-right: 0 !important; /* untuk mengatur jarak luar sisi kanan elemen. */
    box-shadow: -20px 0 60px rgba(0,0,0,.12) !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .nusantara-fixed-motion-bg {
    right: 0 !important; /* untuk mengatur jarak elemen dari sisi kanan. */
    left: auto !important; /* untuk mengatur jarak elemen dari sisi kiri. */
    width: var(--mobile-width) !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  }
}

body[data-theme="nusantara"].has-fixed-motion-bg #invitation {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  isolation: isolate !important; /* untuk membuat tumpukan layer section berdiri sendiri. */
}

body[data-theme="nusantara"] #section-gallery .gallery-slide.is-active {
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Gallery). */
  transform: scale(1) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"] .gallery-slide.is-active {
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Gallery). */
  transform: scale(1) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gallery). */
}
/* Desktop */
/*Section 1*/
.hero-text h2 {
  margin: 0; /* untuk mengatur jarak luar elemen. */
  font-family: var(--font-heading); /* untuk mengatur jenis font teks. */
  font-weight: 600; /* untuk mengatur ketebalan teks. */
  line-height: 1.05; /* untuk mengatur tinggi baris teks. */
  font-size: clamp(3rem, 16vw, 5.4rem); /* untuk mengatur ukuran teks. */
  text-shadow: 0 12px 35px rgba(0,0,0,.26); /* untuk mengatur properti text-shadow. */
}

.hero-text em {
  font-family: var(--font-script); /* untuk mengatur jenis font teks. */
  font-weight: 400; /* untuk mengatur ketebalan teks. */
}

.hero-section {
  text-align: center; /* untuk mengatur perataan teks. */
  color: #fff; /* untuk mengatur warna teks. */
}

.hero-section .layer-overlay {
  background: linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.54)); /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
}

.hero-text p {
  margin-top: 14px; /* untuk mengatur jarak luar sisi atas elemen. */
  font-weight: 700; /* untuk mengatur ketebalan teks. */
  letter-spacing: .08em; /* untuk mengatur jarak antar huruf. */
}

body[data-theme="nusantara"] .template-section[data-section="home"] {
  background: #f8f2e8; /* untuk mengatur warna/gambar/gradient latar elemen (Section1.mp4). */
}

body[data-theme="nusantara"] .template-section[data-section="home"] .layer-fixed-bg {
  position: fixed; /* untuk mengatur metode posisi elemen/layer (Section1.mp4, background scroll). */
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section1.mp4, background scroll). */
  z-index: -3; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section1.mp4, background scroll). */
  width: min(100%, var(--mobile-width)); /* untuk mengatur lebar elemen/isi section (Section1.mp4, background scroll). */
  margin-left: auto; /* untuk mengatur jarak luar sisi kiri elemen (Section1.mp4, background scroll). */
  right: 0; /* untuk mengatur jarak elemen dari sisi kanan (Section1.mp4, background scroll). */
  left: auto; /* untuk mengatur jarak elemen dari sisi kiri (Section1.mp4, background scroll). */
  opacity: 1; /* untuk mengatur transparansi elemen (Section1.mp4, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="home"] .layer-fixed-bg video {
  width: 100%; /* untuk mengatur lebar elemen/isi section (Section1.mp4, background scroll). */
  height: 100%; /* untuk mengatur tinggi elemen/area section (Section1.mp4, background scroll). */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section1.mp4, background scroll). */
  object-position: center center; /* untuk mengatur titik fokus gambar/video di dalam frame (Section1.mp4, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="home"] .layer-fixed-bg img {
  width: 100%; /* untuk mengatur lebar elemen/isi section (Section1.mp4, background scroll). */
  height: 100%; /* untuk mengatur tinggi elemen/area section (Section1.mp4, background scroll). */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section1.mp4, background scroll). */
  object-position: center center; /* untuk mengatur titik fokus gambar/video di dalam frame (Section1.mp4, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="home"] .layer-section-media {
  position: absolute; /* untuk mengatur metode posisi elemen/layer (Section1.mp4, media per section). */
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section1.mp4, media per section). */
  z-index: 1; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section1.mp4, media per section). */
  width: 100%; /* untuk mengatur lebar elemen/isi section (Section1.mp4, media per section). */
  height: 100%; /* untuk mengatur tinggi elemen/area section (Section1.mp4, media per section). */
  left: auto; /* untuk mengatur jarak elemen dari sisi kiri (Section1.mp4, media per section). */
  top: auto; /* untuk mengatur jarak elemen dari sisi atas (Section1.mp4, media per section). */
  transform: none; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section1.mp4, media per section). */
  border-radius: 0; /* untuk mengatur lengkungan sudut elemen (Section1.mp4, media per section). */
  overflow: hidden; /* untuk mengatur bagian elemen yang keluar dari area (Section1.mp4, media per section). */
  opacity: 1; /* untuk mengatur transparansi elemen (Section1.mp4, media per section). */
  filter: none; /* untuk mengatur efek visual gambar/video/elemen (Section1.mp4, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="home"] .layer-section-media video {
  width: 100%; /* untuk mengatur lebar elemen/isi section (Section1.mp4, media per section). */
  height: 100%; /* untuk mengatur tinggi elemen/area section (Section1.mp4, media per section). */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section1.mp4, media per section). */
  object-position: center center; /* untuk mengatur titik fokus gambar/video di dalam frame (Section1.mp4, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="home"] .layer-section-media img {
  width: 100%; /* untuk mengatur lebar elemen/isi section (Section1.mp4, media per section). */
  height: 100%; /* untuk mengatur tinggi elemen/area section (Section1.mp4, media per section). */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section1.mp4, media per section). */
  object-position: center center; /* untuk mengatur titik fokus gambar/video di dalam frame (Section1.mp4, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="home"] .layer-overlay {
  display: none; /* untuk mengatur model layout elemen (Section1.mp4, overlay section). */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #invitation .template-section[data-section="home"] .layer-section-media {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section1.mp4, media per section). */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section1.mp4, media per section). */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section1.mp4, media per section). */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section (Section1.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section1.mp4, media per section). */
    left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Section1.mp4, media per section). */
    right: auto !important; /* untuk mengatur jarak elemen dari sisi kanan (Section1.mp4, media per section). */
    top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (Section1.mp4, media per section). */
    bottom: auto !important; /* untuk mengatur jarak elemen dari sisi bawah (Section1.mp4, media per section). */
    transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section1.mp4, media per section). */
    border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Section1.mp4, media per section). */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Section1.mp4, media per section). */
    opacity: 1 !important; /* untuk mengatur transparansi elemen (Section1.mp4, media per section). */
    filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Section1.mp4, media per section). */
    z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section1.mp4, media per section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .invitation .template-section[data-section="home"] .layer-section-media {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section1.mp4, media per section). */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section1.mp4, media per section). */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section1.mp4, media per section). */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section (Section1.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section1.mp4, media per section). */
    left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Section1.mp4, media per section). */
    right: auto !important; /* untuk mengatur jarak elemen dari sisi kanan (Section1.mp4, media per section). */
    top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (Section1.mp4, media per section). */
    bottom: auto !important; /* untuk mengatur jarak elemen dari sisi bawah (Section1.mp4, media per section). */
    transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section1.mp4, media per section). */
    border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Section1.mp4, media per section). */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Section1.mp4, media per section). */
    opacity: 1 !important; /* untuk mengatur transparansi elemen (Section1.mp4, media per section). */
    filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Section1.mp4, media per section). */
    z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section1.mp4, media per section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #invitation .template-section[data-section="home"] .layer-section-media img {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section1.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section1.mp4, media per section). */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section1.mp4, media per section). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section1.mp4, media per section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #invitation .template-section[data-section="home"] .layer-section-media video {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section1.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section1.mp4, media per section). */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section1.mp4, media per section). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section1.mp4, media per section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .invitation .template-section[data-section="home"] .layer-section-media img {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section1.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section1.mp4, media per section). */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section1.mp4, media per section). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section1.mp4, media per section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .invitation .template-section[data-section="home"] .layer-section-media video {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section1.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section1.mp4, media per section). */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section1.mp4, media per section). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section1.mp4, media per section). */
  }
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="home"] .layer-section-media {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section1.mp4, media per section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section1.mp4, media per section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section1.mp4, media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section1.mp4, media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Section1.mp4, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section1.mp4, media per section). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Section1.mp4, media per section). */
  top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (Section1.mp4, media per section). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section1.mp4, media per section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Section1.mp4, media per section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Section1.mp4, media per section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Section1.mp4, media per section). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Section1.mp4, media per section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="home"] .layer-section-media img {
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section1.mp4, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section1.mp4, media per section). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section1.mp4, media per section). */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section1.mp4, media per section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="home"] .layer-section-media video {
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section1.mp4, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section1.mp4, media per section). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section1.mp4, media per section). */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section1.mp4, media per section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="home"] .layer-overlay {
  display: none !important; /* untuk mengatur model layout elemen (Section1.mp4, overlay section). */
}

.hero-text--video-only {
  display: none !important; /* untuk mengatur model layout elemen. */
}
/*Section 2*/
.quote-text {
  font-family: var(--font-heading); /* untuk mengatur jenis font teks. */
  font-size: 1.35rem; /* untuk mengatur ukuran teks. */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] {
  background: #f4f3f3; /* untuk mengatur warna/gambar/gradient latar elemen (Section2.mp4). */
  position: relative !important;                         /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
  min-height: 275px !important;                         /* untuk mengatur tinggi minimum area section (Section2.mp4). */
  height: 275px !important;                         /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Section2.mp4). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Section2.mp4). */
  overflow: hidden !important;                         /* untuk mengatur bagian elemen yang keluar dari area (Section2.mp4). */
  max-height: 275px !important;                        /* ditambahkan dari Visual CSS Editor. */
  box-sizing: border-box !important;                        /* ditambahkan dari Visual CSS Editor. */
  display: grid !important;                        /* ditambahkan dari Visual CSS Editor. */
  align-items: center !important;                        /* ditambahkan dari Visual CSS Editor. */
  justify-items: center !important;                        /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .layer-fixed-bg {
  position: fixed; /* untuk mengatur metode posisi elemen/layer (Section2.mp4, background scroll). */
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4, background scroll). */
  z-index: -3; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section2.mp4, background scroll). */
  width: min(100%, var(--mobile-width)); /* untuk mengatur lebar elemen/isi section (Section2.mp4, background scroll). */
  margin-left: auto; /* untuk mengatur jarak luar sisi kiri elemen (Section2.mp4, background scroll). */
  right: 0; /* untuk mengatur jarak elemen dari sisi kanan (Section2.mp4, background scroll). */
  left: auto; /* untuk mengatur jarak elemen dari sisi kiri (Section2.mp4, background scroll). */
  opacity: 1; /* untuk mengatur transparansi elemen (Section2.mp4, background scroll). */
  display: none !important; /* untuk mengatur model layout elemen (Section2.mp4, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .layer-fixed-bg video {
  width: 100%; /* untuk mengatur lebar elemen/isi section (Section2.mp4, background scroll). */
  height: 100%; /* untuk mengatur tinggi elemen/area section (Section2.mp4, background scroll). */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4, background scroll). */
  object-position: center center; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .layer-fixed-bg img {
  width: 100%; /* untuk mengatur lebar elemen/isi section (Section2.mp4, background scroll). */
  height: 100%; /* untuk mengatur tinggi elemen/area section (Section2.mp4, background scroll). */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4, background scroll). */
  object-position: center center; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .layer-section-media {
  position: absolute; /* untuk mengatur metode posisi elemen/layer (Section2.mp4, media per section). */
  inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4, media per section). */
  z-index: 1; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section2.mp4, media per section). */
  width: 100%; /* untuk mengatur lebar elemen/isi section (Section2.mp4, media per section). */
  height: 100%; /* untuk mengatur tinggi elemen/area section (Section2.mp4, media per section). */
  left: auto; /* untuk mengatur jarak elemen dari sisi kiri (Section2.mp4, media per section). */
  top: auto; /* untuk mengatur jarak elemen dari sisi atas (Section2.mp4, media per section). */
  transform: none; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section2.mp4, media per section). */
  border-radius: 0; /* untuk mengatur lengkungan sudut elemen (Section2.mp4, media per section). */
  overflow: hidden; /* untuk mengatur bagian elemen yang keluar dari area (Section2.mp4, media per section). */
  opacity: 1; /* untuk mengatur transparansi elemen (Section2.mp4, media per section). */
  filter: none; /* untuk mengatur efek visual gambar/video/elemen (Section2.mp4, media per section). */
  display: none !important; /* untuk mengatur model layout elemen (Section2.mp4, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .layer-section-media video {
  width: 100%; /* untuk mengatur lebar elemen/isi section (Section2.mp4, media per section). */
  height: 100%; /* untuk mengatur tinggi elemen/area section (Section2.mp4, media per section). */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4, media per section). */
  object-position: center center; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .layer-section-media img {
  width: 100%; /* untuk mengatur lebar elemen/isi section (Section2.mp4, media per section). */
  height: 100%; /* untuk mengatur tinggi elemen/area section (Section2.mp4, media per section). */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4, media per section). */
  object-position: center center; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .layer-overlay {
  display: none; /* untuk mengatur model layout elemen (Section2.mp4, overlay section). */
  display: none !important; /* untuk mengatur model layout elemen (Section2.mp4, overlay section). */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #invitation .template-section[data-section="prayer"] .layer-section-media {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4, media per section). */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4, media per section). */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, media per section). */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4, media per section). */
    left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Section2.mp4, media per section). */
    right: auto !important; /* untuk mengatur jarak elemen dari sisi kanan (Section2.mp4, media per section). */
    top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (Section2.mp4, media per section). */
    bottom: auto !important; /* untuk mengatur jarak elemen dari sisi bawah (Section2.mp4, media per section). */
    transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section2.mp4, media per section). */
    border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Section2.mp4, media per section). */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Section2.mp4, media per section). */
    opacity: 1 !important; /* untuk mengatur transparansi elemen (Section2.mp4, media per section). */
    filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Section2.mp4, media per section). */
    z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section2.mp4, media per section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .invitation .template-section[data-section="prayer"] .layer-section-media {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4, media per section). */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4, media per section). */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, media per section). */
    max-width: var(--mobile-width) !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4, media per section). */
    left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Section2.mp4, media per section). */
    right: auto !important; /* untuk mengatur jarak elemen dari sisi kanan (Section2.mp4, media per section). */
    top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (Section2.mp4, media per section). */
    bottom: auto !important; /* untuk mengatur jarak elemen dari sisi bawah (Section2.mp4, media per section). */
    transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section2.mp4, media per section). */
    border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Section2.mp4, media per section). */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Section2.mp4, media per section). */
    opacity: 1 !important; /* untuk mengatur transparansi elemen (Section2.mp4, media per section). */
    filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Section2.mp4, media per section). */
    z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section2.mp4, media per section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #invitation .template-section[data-section="prayer"] .layer-section-media img {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4, media per section). */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4, media per section). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4, media per section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #invitation .template-section[data-section="prayer"] .layer-section-media video {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4, media per section). */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4, media per section). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4, media per section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .invitation .template-section[data-section="prayer"] .layer-section-media img {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4, media per section). */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4, media per section). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4, media per section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .invitation .template-section[data-section="prayer"] .layer-section-media video {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4, media per section). */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4, media per section). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4, media per section). */
  }
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="prayer"] .layer-section-media {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4, media per section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4, media per section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section2.mp4, media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4, media per section). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Section2.mp4, media per section). */
  top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (Section2.mp4, media per section). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section2.mp4, media per section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Section2.mp4, media per section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Section2.mp4, media per section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Section2.mp4, media per section). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Section2.mp4, media per section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="prayer"] .layer-section-media img {
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4, media per section). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4, media per section). */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4, media per section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="prayer"] .layer-section-media video {
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4, media per section). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4, media per section). */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4, media per section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="prayer"] .layer-overlay {
  display: none !important; /* untuk mengatur model layout elemen (Section2.mp4, overlay section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="prayer"] .layer-text {
  z-index: 5 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section2.mp4, isi/text section). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Section2.mp4, isi/text section). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Section2.mp4, isi/text section). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Section2.mp4, isi/text section). */
  flex-direction: column !important; /* untuk mengatur properti flex-direction (Section2.mp4, isi/text section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Section2.mp4, isi/text section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Section2.mp4, isi/text section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Section2.mp4, isi/text section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Section2.mp4, isi/text section). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Section2.mp4, isi/text section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4, isi/text section). */
  left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (Section2.mp4, isi/text section). */
  top: 50% !important; /* untuk mengatur jarak elemen dari sisi atas (Section2.mp4, isi/text section). */
  right: auto !important; /* untuk mengatur jarak elemen dari sisi kanan (Section2.mp4, isi/text section). */
  bottom: auto !important; /* untuk mengatur jarak elemen dari sisi bawah (Section2.mp4, isi/text section). */
  transform: translate(-50%, -50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section2.mp4, isi/text section). */
  width: min(78%, 292px) !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, isi/text section). */
  max-width: calc(100% - 72px) !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4, isi/text section). */
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Section2.mp4, isi/text section). */
  height: auto !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4, isi/text section). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Section2.mp4, isi/text section). */
  display: block !important; /* untuk mengatur model layout elemen (Section2.mp4, isi/text section). */
  text-align: center !important; /* untuk mengatur perataan teks (Section2.mp4, isi/text section). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .layer-text {
  z-index: 5 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section2.mp4, isi/text section). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Section2.mp4, isi/text section). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Section2.mp4, isi/text section). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Section2.mp4, isi/text section). */
  flex-direction: column !important; /* untuk mengatur properti flex-direction (Section2.mp4, isi/text section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Section2.mp4, isi/text section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Section2.mp4, isi/text section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Section2.mp4, isi/text section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Section2.mp4, isi/text section). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Section2.mp4, isi/text section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4, isi/text section). */
  left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (Section2.mp4, isi/text section). */
  top: 50% !important; /* untuk mengatur jarak elemen dari sisi atas (Section2.mp4, isi/text section). */
  right: auto !important; /* untuk mengatur jarak elemen dari sisi kanan (Section2.mp4, isi/text section). */
  bottom: auto !important; /* untuk mengatur jarak elemen dari sisi bawah (Section2.mp4, isi/text section). */
  transform: translate(-50%, -50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section2.mp4, isi/text section). */
  width: min(78%, 292px) !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, isi/text section). */
  max-width: calc(100% - 72px) !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4, isi/text section). */
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Section2.mp4, isi/text section). */
  height: auto !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4, isi/text section). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Section2.mp4, isi/text section). */
  display: block !important; /* untuk mengatur model layout elemen (Section2.mp4, isi/text section). */
  text-align: center !important; /* untuk mengatur perataan teks (Section2.mp4, isi/text section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="prayer"] .prayer-card .quote-text {
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Section2.mp4). */
  color: #6b4a32 !important; /* untuk mengatur warna teks (Section2.mp4). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (Section2.mp4). */
  font-size: clamp(1.06rem, 3.6vw, 1.38rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
  font-weight: 600 !important; /* untuk mengatur ketebalan teks (Section2.mp4). */
  text-shadow: 0 2px 8px rgba(255, 255, 255, .76) !important; /* untuk mengatur properti text-shadow (Section2.mp4). */
  line-height: 1.34 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  letter-spacing: .01em !important; /* untuk mengatur jarak antar huruf (Section2.mp4). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-card .quote-text {
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Section2.mp4). */
  color: #6b4a32 !important; /* untuk mengatur warna teks (Section2.mp4). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (Section2.mp4). */
  font-size: clamp(1.06rem, 3.6vw, 1.38rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
  font-weight: 600 !important; /* untuk mengatur ketebalan teks (Section2.mp4). */
  text-shadow: 0 2px 8px rgba(255, 255, 255, .76) !important; /* untuk mengatur properti text-shadow (Section2.mp4). */
  line-height: 1.34 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  letter-spacing: .01em !important; /* untuk mengatur jarak antar huruf (Section2.mp4). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="prayer"] .prayer-card strong {
  display: block !important; /* untuk mengatur model layout elemen (Section2.mp4). */
  color: #5a3b27 !important; /* untuk mengatur warna teks (Section2.mp4). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (Section2.mp4). */
  font-size: clamp(.82rem, 2.5vw, .94rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
  font-weight: 700 !important; /* untuk mengatur ketebalan teks (Section2.mp4). */
  letter-spacing: .04em !important; /* untuk mengatur jarak antar huruf (Section2.mp4). */
  text-shadow: 0 2px 8px rgba(255, 255, 255, .76) !important; /* untuk mengatur properti text-shadow (Section2.mp4). */
  margin-top: 8px !important; /* untuk mengatur jarak luar sisi atas elemen (Section2.mp4). */
  line-height: 1.22 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-card strong {
  display: block !important; /* untuk mengatur model layout elemen (Section2.mp4). */
  color: #5a3b27 !important; /* untuk mengatur warna teks (Section2.mp4). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (Section2.mp4). */
  font-size: clamp(.82rem, 2.5vw, .94rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
  font-weight: 700 !important; /* untuk mengatur ketebalan teks (Section2.mp4). */
  letter-spacing: .04em !important; /* untuk mengatur jarak antar huruf (Section2.mp4). */
  text-shadow: 0 2px 8px rgba(255, 255, 255, .76) !important; /* untuk mengatur properti text-shadow (Section2.mp4). */
  margin-top: 8px !important; /* untuk mengatur jarak luar sisi atas elemen (Section2.mp4). */
  line-height: 1.22 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="prayer"] .layer-text {
    min-height: 54vh !important; /* untuk mengatur tinggi minimum area section (Section2.mp4, isi/text section). */
    width: 286px !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, isi/text section). */
    max-width: 286px !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4, isi/text section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .layer-text {
    min-height: 54vh !important; /* untuk mengatur tinggi minimum area section (Section2.mp4, isi/text section). */
    width: 286px !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, isi/text section). */
    max-width: 286px !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4, isi/text section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="prayer"] .prayer-card .quote-text {
    font-size: 1.22rem !important; /* untuk mengatur ukuran teks (Section2.mp4). */
    line-height: 1.34 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
    transform: translate(0px, 0px) scale(1.086) !important;    /* ditambahkan dari Visual CSS Editor. */
    transform-origin: center center !important;    /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-card .quote-text {
    font-size: 1.22rem !important; /* untuk mengatur ukuran teks (Section2.mp4). */
    line-height: 1.34 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  }
}

body[data-theme="nusantara"] #section-prayer {
  position: relative !important;                         /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
  min-height: 275px !important;                         /* untuk mengatur tinggi minimum area section (Section2.mp4). */
  height: 275px !important;                         /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Section2.mp4). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Section2.mp4). */
  overflow: hidden !important;                         /* untuk mengatur bagian elemen yang keluar dari area (Section2.mp4). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Section2.mp4). */
  max-height: 275px !important;                        /* ditambahkan dari Visual CSS Editor. */
  box-sizing: border-box !important;                        /* ditambahkan dari Visual CSS Editor. */
  display: grid !important;                        /* ditambahkan dari Visual CSS Editor. */
  align-items: center !important;                        /* ditambahkan dari Visual CSS Editor. */
  justify-items: center !important;                        /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] #section-prayer .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (Section2.mp4, background scroll). */
}

body[data-theme="nusantara"] #section-prayer .layer-overlay {
  display: none !important; /* untuk mengatur model layout elemen (Section2.mp4, overlay section). */
}

body[data-theme="nusantara"] #section-prayer .layer-section-media {
  display: none !important; /* untuk mengatur model layout elemen (Section2.mp4, media per section). */
}

body[data-theme="nusantara"] #section-prayer .layer-decoration {
  display: none !important; /* untuk mengatur model layout elemen (Section2.mp4). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .layer-decoration {
  display: none !important; /* untuk mengatur model layout elemen (Section2.mp4). */
}

body[data-theme="nusantara"] #section-prayer .prayer-card {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4). */
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section2.mp4). */
  display: block !important; /* untuk mengatur model layout elemen (Section2.mp4). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
  min-height: 100% !important; /* untuk mengatur tinggi minimum area section (Section2.mp4). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Section2.mp4). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Section2.mp4). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section2.mp4). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Section2.mp4). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Section2.mp4). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Section2.mp4). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Section2.mp4). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Section2.mp4). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Section2.mp4). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-card {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4). */
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section2.mp4). */
  display: block !important; /* untuk mengatur model layout elemen (Section2.mp4). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
  min-height: 100% !important; /* untuk mengatur tinggi minimum area section (Section2.mp4). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Section2.mp4). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Section2.mp4). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section2.mp4). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Section2.mp4). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Section2.mp4). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Section2.mp4). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Section2.mp4). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Section2.mp4). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Section2.mp4). */
}

body[data-theme="nusantara"] #section-prayer .prayer-motion-media {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section2.mp4). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Section2.mp4). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Section2.mp4). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Section2.mp4). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-motion-media {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section2.mp4). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Section2.mp4). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Section2.mp4). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Section2.mp4). */
}

body[data-theme="nusantara"] #section-prayer video[data-motion-role="prayer-section-video"] {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4). */
  display: block !important; /* untuk mengatur model layout elemen (Section2.mp4). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Section2.mp4). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4). */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] video[data-motion-role="prayer-section-video"] {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4). */
  display: block !important; /* untuk mengatur model layout elemen (Section2.mp4). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Section2.mp4). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4). */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4). */
}

body[data-theme="nusantara"] #section-prayer .prayer-motion-media video {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4). */
  display: block !important; /* untuk mengatur model layout elemen (Section2.mp4). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Section2.mp4). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4). */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-motion-media video {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4). */
  display: block !important; /* untuk mengatur model layout elemen (Section2.mp4). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Section2.mp4). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4). */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4). */
}

body[data-theme="nusantara"] #section-prayer .prayer-copy {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
  z-index: 2 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section2.mp4). */
  left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (Section2.mp4). */
  top: 48.8% !important; /* untuk mengatur jarak elemen dari sisi atas (Section2.mp4). */
  width: min(49%, 238px) !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
  max-width: 238px !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Section2.mp4). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Section2.mp4). */
  transform: translate(-50%, -50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section2.mp4). */
  color: #4a2d1d !important; /* untuk mengatur warna teks (Section2.mp4). */
  text-align: center !important; /* untuk mengatur perataan teks (Section2.mp4). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Section2.mp4). */
  text-shadow: 0 2px 8px rgba(255, 255, 255, .84) !important; /* untuk mengatur properti text-shadow (Section2.mp4). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-copy {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
  z-index: 2 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Section2.mp4). */
  left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (Section2.mp4). */
  top: 48.8% !important; /* untuk mengatur jarak elemen dari sisi atas (Section2.mp4). */
  width: min(49%, 238px) !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
  max-width: 238px !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Section2.mp4). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Section2.mp4). */
  transform: translate(-50%, -50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section2.mp4). */
  color: #4a2d1d !important; /* untuk mengatur warna teks (Section2.mp4). */
  text-align: center !important; /* untuk mengatur perataan teks (Section2.mp4). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Section2.mp4). */
  text-shadow: 0 2px 8px rgba(255, 255, 255, .84) !important; /* untuk mengatur properti text-shadow (Section2.mp4). */
}

body[data-theme="nusantara"] #section-prayer .prayer-copy .quote-text {
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Section2.mp4). */
  color: inherit !important; /* untuk mengatur warna teks (Section2.mp4). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (Section2.mp4). */
  font-size: clamp(.70rem, 1.82vw, .90rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks (Section2.mp4). */
  line-height: 1.30 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  letter-spacing: .005em !important; /* untuk mengatur jarak antar huruf (Section2.mp4). */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-copy .quote-text {
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Section2.mp4). */
  color: inherit !important; /* untuk mengatur warna teks (Section2.mp4). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (Section2.mp4). */
  font-size: clamp(.70rem, 1.82vw, .90rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
  font-weight: 600 !important; /* untuk mengatur ketebalan teks (Section2.mp4). */
  line-height: 1.30 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  letter-spacing: .005em !important; /* untuk mengatur jarak antar huruf (Section2.mp4). */
}

body[data-theme="nusantara"] #section-prayer .prayer-copy strong {
  display: block !important; /* untuk mengatur model layout elemen (Section2.mp4). */
  margin-top: 20px !important; /* untuk mengatur jarak luar sisi atas elemen (Section2.mp4). */
  color: inherit !important; /* untuk mengatur warna teks (Section2.mp4). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (Section2.mp4). */
  font-size: clamp(.62rem, 1.46vw, .78rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
  font-weight: 800 !important; /* untuk mengatur ketebalan teks (Section2.mp4). */
  line-height: 1.16 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  letter-spacing: .035em !important; /* untuk mengatur jarak antar huruf (Section2.mp4). */
  text-align: center !important; /* untuk mengatur perataan teks (Section2.mp4). */
  transform: translate(0px, 0px) scale(1.086) !important;   /* ditambahkan dari Visual CSS Editor. */
  transform-origin: center center !important;   /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-copy strong {
  display: block !important; /* untuk mengatur model layout elemen (Section2.mp4). */
  margin-top: 8px !important; /* untuk mengatur jarak luar sisi atas elemen (Section2.mp4). */
  color: inherit !important; /* untuk mengatur warna teks (Section2.mp4). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (Section2.mp4). */
  font-size: clamp(.62rem, 1.46vw, .78rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
  font-weight: 800 !important; /* untuk mengatur ketebalan teks (Section2.mp4). */
  line-height: 1.16 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  letter-spacing: .035em !important; /* untuk mengatur jarak antar huruf (Section2.mp4). */
  text-align: center !important; /* untuk mengatur perataan teks (Section2.mp4). */
}
/*Section 3*/
.couple-grid {
  display: grid; /* untuk mengatur model layout elemen. */
  gap: 16px; /* untuk mengatur jarak antar elemen. */
  margin-top: 20px; /* untuk mengatur jarak luar sisi atas elemen. */
}

.person-card {
  padding: 18px; /* untuk mengatur jarak dalam elemen. */
  border: 1px solid var(--border); /* untuk mengatur garis tepi elemen. */
  border-radius: 24px; /* untuk mengatur lengkungan sudut elemen. */
  background: rgba(255,255,255,.56); /* untuk mengatur warna/gambar/gradient latar elemen. */
}

.person-card img {
  width: 132px; /* untuk mengatur lebar elemen/isi section. */
  height: 132px; /* untuk mengatur tinggi elemen/area section. */
  margin: 0 auto 14px; /* untuk mengatur jarak luar elemen. */
  object-fit: cover; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  border-radius: 999px; /* untuk mengatur lengkungan sudut elemen. */
}

.person-card h3 {
  margin: 0 0 8px; /* untuk mengatur jarak luar elemen. */
  font-family: var(--font-heading); /* untuk mengatur jenis font teks. */
  font-size: 1.55rem; /* untuk mengatur ukuran teks. */
  color: var(--accent-dark); /* untuk mengatur warna teks. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"]::before {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .layer-fixed-bg {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (background scroll). */
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .layer-section-media {
  display: none !important; /* untuk mengatur model layout elemen (media per section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (media per section). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (media per section). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (media per section). */
  -webkit-backdrop-filter: none !important; /* untuk mengatur properti -webkit-backdrop-filter (media per section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .couple-card {
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen. */
  border: 0 !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen. */
  box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  background-color: transparent !important; /* untuk mengatur warna latar elemen. */
  width: min(86%, 342px) !important; /* untuk mengatur lebar elemen/isi section. */
  max-width: calc(100% - 42px) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  padding: clamp(26px, 6vw, 42px) 0 clamp(30px, 7vw, 48px) !important; /* untuk mengatur jarak dalam elemen. */
  display: flex !important; /* untuk mengatur model layout elemen. */
  flex-direction: column !important; /* untuk mengatur properti flex-direction. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: flex-start !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  text-align: center !important; /* untuk mengatur perataan teks. */
  padding-top: clamp(20px, 4.8vw, 30px) !important; /* untuk mengatur jarak dalam sisi atas elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-card {
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  border: 0 !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen. */
  box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen. */
  width: min(86%, 342px) !important; /* untuk mengatur lebar elemen/isi section. */
  max-width: calc(100% - 42px) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  padding: clamp(26px, 6vw, 42px) 0 clamp(30px, 7vw, 48px) !important; /* untuk mengatur jarak dalam elemen. */
  display: flex !important; /* untuk mengatur model layout elemen. */
  flex-direction: column !important; /* untuk mengatur properti flex-direction. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: flex-start !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  text-align: center !important; /* untuk mengatur perataan teks. */
  padding-top: clamp(20px, 4.8vw, 30px) !important; /* untuk mengatur jarak dalam sisi atas elemen. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .couple-card .eyebrow {
  color: #7a6250 !important; /* untuk mengatur warna teks. */
  text-shadow: 0 2px 10px rgba(255, 255, 255, .75) !important; /* untuk mengatur properti text-shadow. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-card .eyebrow {
  color: #7a6250 !important; /* untuk mengatur warna teks. */
  text-shadow: 0 2px 10px rgba(255, 255, 255, .75) !important; /* untuk mengatur properti text-shadow. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .couple-card h2 {
  color: #5a3827 !important; /* untuk mengatur warna teks. */
  font-size: clamp(2.5rem, 11vw, 4.2rem) !important; /* untuk mengatur ukuran teks. */
  line-height: 1.02 !important; /* untuk mengatur tinggi baris teks. */
  text-shadow: 0 3px 14px rgba(255, 255, 255, .72) !important; /* untuk mengatur properti text-shadow. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-card h2 {
  color: #5a3827 !important; /* untuk mengatur warna teks. */
  font-size: clamp(2.5rem, 11vw, 4.2rem) !important; /* untuk mengatur ukuran teks. */
  line-height: 1.02 !important; /* untuk mengatur tinggi baris teks. */
  text-shadow: 0 3px 14px rgba(255, 255, 255, .72) !important; /* untuk mengatur properti text-shadow. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .couple-card > p {
  width: min(100%, 310px) !important; /* untuk mengatur lebar elemen/isi section. */
  margin: 18px auto 0 !important; /* untuk mengatur jarak luar elemen. */
  color: #7a675b !important; /* untuk mengatur warna teks. */
  font-size: .98rem !important; /* untuk mengatur ukuran teks. */
  line-height: 1.75 !important; /* untuk mengatur tinggi baris teks. */
  text-shadow: 0 2px 10px rgba(255, 255, 255, .72) !important; /* untuk mengatur properti text-shadow. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-card > p {
  width: min(100%, 310px) !important; /* untuk mengatur lebar elemen/isi section. */
  margin: 18px auto 0 !important; /* untuk mengatur jarak luar elemen. */
  color: #7a675b !important; /* untuk mengatur warna teks. */
  font-size: .98rem !important; /* untuk mengatur ukuran teks. */
  line-height: 1.75 !important; /* untuk mengatur tinggi baris teks. */
  text-shadow: 0 2px 10px rgba(255, 255, 255, .72) !important; /* untuk mengatur properti text-shadow. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .couple-grid {
  display: grid !important; /* untuk mengatur model layout elemen. */
  gap: 28px !important; /* untuk mengatur jarak antar elemen. */
  margin-top: 30px !important; /* untuk mengatur jarak luar sisi atas elemen. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .person-card {
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  border: 0 !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen. */
  box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  background-color: transparent !important; /* untuk mengatur warna latar elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .person-card {
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  border: 0 !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen. */
  box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  display: flex !important; /* untuk mengatur model layout elemen. */
  flex-direction: column !important; /* untuk mengatur properti flex-direction. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  text-align: center !important; /* untuk mengatur perataan teks. */
  isolation: auto !important; /* untuk membuat tumpukan layer section berdiri sendiri. */
  margin-bottom: clamp(8px, 3vw, 18px) !important; /* untuk mengatur jarak luar sisi bawah elemen. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .person-card img {
  width: clamp(148px, 44vw, 190px) !important; /* untuk mengatur lebar elemen/isi section. */
  height: clamp(148px, 44vw, 190px) !important; /* untuk mengatur tinggi elemen/area section. */
  margin: 0 auto 16px !important; /* untuk mengatur jarak luar elemen. */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen. */
  border: 1px solid rgba(112, 82, 58, .36) !important; /* untuk mengatur garis tepi elemen. */
  box-shadow: 0 14px 36px rgba(88, 60, 44, .18) !important; /* untuk mengatur bayangan elemen. */
  background: rgba(255, 255, 255, 0.33) !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .person-card img {
  width: clamp(148px, 44vw, 190px) !important; /* untuk mengatur lebar elemen/isi section. */
  height: clamp(148px, 44vw, 190px) !important; /* untuk mengatur tinggi elemen/area section. */
  margin: 0 auto 16px !important; /* untuk mengatur jarak luar elemen. */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen. */
  border: 1px solid rgba(112, 82, 58, .36) !important; /* untuk mengatur garis tepi elemen. */
  box-shadow: 0 14px 36px rgba(88, 60, 44, .18) !important; /* untuk mengatur bayangan elemen. */
  background: rgba(255, 255, 255, .42) !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .person-card h3 {
  color: #5a3827 !important; /* untuk mengatur warna teks. */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks. */
  font-size: clamp(1.8rem, 8vw, 2.45rem) !important; /* untuk mengatur ukuran teks. */
  line-height: 1.05 !important; /* untuk mengatur tinggi baris teks. */
  text-shadow: 0 3px 12px rgba(255, 255, 255, .76) !important; /* untuk mengatur properti text-shadow. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .person-card p {
  margin: 6px auto 0 !important; /* untuk mengatur jarak luar elemen. */
  color: #725d50 !important; /* untuk mengatur warna teks. */
  line-height: 1.55 !important; /* untuk mengatur tinggi baris teks. */
  text-shadow: 0 2px 10px rgba(255, 255, 255, .72) !important; /* untuk mengatur properti text-shadow. */
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-couple {
  position: relative !important; /* untuk mengatur metode posisi elemen/layer. */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  background-color: transparent !important; /* untuk mengatur warna latar elemen. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] {
  position: relative !important; /* untuk mengatur metode posisi elemen/layer. */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  background-color: transparent !important; /* untuk mengatur warna latar elemen. */
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-couple::before {
  display: none !important; /* untuk mengatur model layout elemen. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  background-color: transparent !important; /* untuk mengatur warna latar elemen. */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"]::before {
  display: none !important; /* untuk mengatur model layout elemen. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  background-color: transparent !important; /* untuk mengatur warna latar elemen. */
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-couple .layer-section-media {
  display: block !important; /* untuk mengatur model layout elemen (media per section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (media per section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (media per section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (media per section). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (media per section). */
  top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (media per section). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (media per section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (media per section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (media per section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (media per section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (media per section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (media per section). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (media per section). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (media per section). */
  -webkit-backdrop-filter: none !important; /* untuk mengatur properti -webkit-backdrop-filter (media per section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .layer-section-media {
  display: block !important; /* untuk mengatur model layout elemen (media per section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (media per section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (media per section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (media per section). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (media per section). */
  top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (media per section). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (media per section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (media per section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (media per section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (media per section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (media per section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (media per section). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (media per section). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (media per section). */
  -webkit-backdrop-filter: none !important; /* untuk mengatur properti -webkit-backdrop-filter (media per section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-couple .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-couple .couple-card {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  background-color: transparent !important; /* untuk mengatur warna latar elemen. */
  width: min(86%, 342px) !important; /* untuk mengatur lebar elemen/isi section. */
  max-width: calc(100% - 42px) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  padding: clamp(26px, 6vw, 42px) 0 clamp(30px, 7vw, 48px) !important; /* untuk mengatur jarak dalam elemen. */
  display: flex !important; /* untuk mengatur model layout elemen. */
  flex-direction: column !important; /* untuk mengatur properti flex-direction. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: flex-start !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  text-align: center !important; /* untuk mengatur perataan teks. */
  padding-top: clamp(20px, 4.8vw, 30px) !important; /* untuk mengatur jarak dalam sisi atas elemen. */
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-couple .person-card {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  background-color: transparent !important; /* untuk mengatur warna latar elemen. */
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-couple .layer-text {
  position: relative !important; /* untuk mengatur metode posisi elemen/layer (isi/text section). */
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (isi/text section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .layer-text {
  position: relative !important; /* untuk mengatur metode posisi elemen/layer (isi/text section). */
  z-index: 4 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (isi/text section). */
}

body[data-theme="nusantara"] #section-couple .couple-card {
  width: min(86%, 342px) !important; /* untuk mengatur lebar elemen/isi section. */
  max-width: calc(100% - 42px) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  padding: clamp(26px, 6vw, 42px) 0 clamp(30px, 7vw, 48px) !important; /* untuk mengatur jarak dalam elemen. */
  display: flex !important; /* untuk mengatur model layout elemen. */
  flex-direction: column !important; /* untuk mengatur properti flex-direction. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: flex-start !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  text-align: center !important; /* untuk mengatur perataan teks. */
  padding-top: clamp(20px, 4.8vw, 30px) !important; /* untuk mengatur jarak dalam sisi atas elemen. */
}

body[data-theme="nusantara"] #section-couple .couple-ring {
  display: block !important; /* untuk mengatur model layout elemen. */
  height: auto !important; /* untuk mengatur tinggi elemen/area section. */
  object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  width: clamp(42px, 11.5vw, 58px) !important; /* untuk mengatur lebar elemen/isi section. */
  margin: 0 auto 12px !important; /* untuk mengatur jarak luar elemen. */
  transform: translate(0px, -4px) scale(1.147) !important;                        /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
  transform-origin: center center !important;                       /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-ring {
  display: block !important; /* untuk mengatur model layout elemen. */
  height: auto !important; /* untuk mengatur tinggi elemen/area section. */
  object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  width: clamp(42px, 11.5vw, 58px) !important; /* untuk mengatur lebar elemen/isi section. */
  margin: 0 auto 12px !important; /* untuk mengatur jarak luar elemen. */
  transform: translateY(-4px) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
}

body[data-theme="nusantara"] #section-couple .couple-grid {
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  display: grid !important; /* untuk mengatur model layout elemen. */
  grid-template-columns: 1fr !important; /* untuk mengatur jumlah/lebar kolom grid. */
  gap: clamp(30px, 7vw, 44px) !important; /* untuk mengatur jarak antar elemen. */
  margin-top: 0 !important; /* untuk mengatur jarak luar sisi atas elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-grid {
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  display: grid !important; /* untuk mengatur model layout elemen. */
  grid-template-columns: 1fr !important; /* untuk mengatur jumlah/lebar kolom grid. */
  gap: clamp(30px, 7vw, 44px) !important; /* untuk mengatur jarak antar elemen. */
  margin-top: 0 !important; /* untuk mengatur jarak luar sisi atas elemen. */
}

body[data-theme="nusantara"] #section-couple .person-card {
  display: flex !important; /* untuk mengatur model layout elemen. */
  flex-direction: column !important; /* untuk mengatur properti flex-direction. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  text-align: center !important; /* untuk mengatur perataan teks. */
  margin-bottom: clamp(8px, 3vw, 18px) !important; /* untuk mengatur jarak luar sisi bawah elemen. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  background-color: transparent !important; /* untuk mengatur warna latar elemen. */
  isolation: auto !important; /* untuk membuat tumpukan layer section berdiri sendiri. */
}

body[data-theme="nusantara"] #section-couple .person-motion {
  display: block !important; /* untuk mengatur model layout elemen. */
  margin: 0 auto 14px !important; /* untuk mengatur jarak luar elemen. */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen. */
  border: 0 !important; /* untuk mengatur garis tepi elemen. */
  box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  width: 250px !important; /* untuk mengatur lebar elemen/isi section. */
  height: clamp(218px, 58vw, 252px) !important; /* untuk mengatur tinggi elemen/area section. */
  max-width: 100% !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  background-color: transparent !important; /* untuk mengatur warna latar elemen. */
  mix-blend-mode: normal !important; /* diubah dari 'screen' -> 'normal' karena elemen ini foto <img> biasa, bukan video chroma-key hitam; 'screen' membuat foto terbakar putih/hilang. */
  opacity: 1 !important; /* untuk mengatur transparansi elemen. */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen. */
  -webkit-filter: none !important; /* untuk mengatur properti -webkit-filter. */
  transform-style: flat !important; /* untuk mengatur properti transform-style. */
  backface-visibility: hidden !important; /* untuk mengatur properti backface-visibility. */
  -webkit-backface-visibility: hidden !important; /* untuk mengatur properti -webkit-backface-visibility. */
  transform: translate(0px, 0px) scale(1.073) !important;             /* ditambahkan dari Visual CSS Editor. */
  transform-origin: center center !important;             /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .person-motion {
  display: block !important; /* untuk mengatur model layout elemen. */
  margin: 0 auto 14px !important; /* untuk mengatur jarak luar elemen. */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen. */
  border: 0 !important; /* untuk mengatur garis tepi elemen. */
  box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  width: 250px !important; /* untuk mengatur lebar elemen/isi section. */
  height: clamp(218px, 58vw, 252px) !important; /* untuk mengatur tinggi elemen/area section. */
  max-width: 100% !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  background-color: transparent !important; /* untuk mengatur warna latar elemen. */
  mix-blend-mode: normal !important; /* diubah dari 'screen' -> 'normal' karena elemen ini foto <img> biasa, bukan video chroma-key hitam; 'screen' membuat foto terbakar putih/hilang. */
  opacity: 1 !important; /* untuk mengatur transparansi elemen. */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen. */
  -webkit-filter: none !important; /* untuk mengatur properti -webkit-filter. */
  transform-style: flat !important; /* untuk mengatur properti transform-style. */
  backface-visibility: hidden !important; /* untuk mengatur properti backface-visibility. */
  -webkit-backface-visibility: hidden !important; /* untuk mengatur properti -webkit-backface-visibility. */
}

body[data-theme="nusantara"] #section-couple .person-card h3 {
  margin: 0 auto 8px !important; /* untuk mengatur jarak luar elemen. */
  color: #5a3827 !important; /* untuk mengatur warna teks. */
  font-family: var(--font-script) !important; /* untuk mengatur jenis font teks. */
  font-size: clamp(2.45rem, 8vw, 2.45rem) !important; /* untuk mengatur ukuran teks. */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks. */
  line-height: 1.05 !important; /* untuk mengatur tinggi baris teks. */
  text-shadow: 0 3px 12px rgba(255, 255, 255, .76) !important; /* untuk mengatur properti text-shadow. */
  margin-top: 2px !important; /* untuk mengatur jarak luar sisi atas elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .person-card h3 {
  margin: 0 auto 8px !important; /* untuk mengatur jarak luar elemen. */
  color: #5a3827 !important; /* untuk mengatur warna teks. */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks. */
  font-size: clamp(2.45rem, 8vw, 2.45rem) !important; /* untuk mengatur ukuran teks. */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks. */
  line-height: 1.05 !important; /* untuk mengatur tinggi baris teks. */
  text-shadow: 0 3px 12px rgba(255, 255, 255, .76) !important; /* untuk mengatur properti text-shadow. */
  margin-top: 2px !important; /* untuk mengatur jarak luar sisi atas elemen. */
}

body[data-theme="nusantara"] #section-couple .instagram-link {
  display: inline-flex !important; /* untuk mengatur model layout elemen. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  width: 28px !important; /* untuk mengatur lebar elemen/isi section. */
  height: 28px !important; /* untuk mengatur tinggi elemen/area section. */
  color: #5f3f2e !important; /* untuk mengatur warna teks. */
  text-decoration: none !important; /* untuk mengatur dekorasi teks/link. */
  border: 1px solid rgba(95, 63, 46, .26) !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen. */
  background: rgba(255, 255, 255, .68) !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  box-shadow: 0 8px 20px rgba(88, 60, 44, .10) !important; /* untuk mengatur bayangan elemen. */
  transition: transform .2s ease, background .2s ease !important; /* untuk mengatur animasi perubahan state elemen. */
  margin: 0 auto 0 !important; /* untuk mengatur jarak luar elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .instagram-link {
  display: inline-flex !important; /* untuk mengatur model layout elemen. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  width: 28px !important; /* untuk mengatur lebar elemen/isi section. */
  height: 28px !important; /* untuk mengatur tinggi elemen/area section. */
  color: #5f3f2e !important; /* untuk mengatur warna teks. */
  text-decoration: none !important; /* untuk mengatur dekorasi teks/link. */
  border: 1px solid rgba(95, 63, 46, .26) !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen. */
  background: rgba(255, 255, 255, .68) !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  box-shadow: 0 8px 20px rgba(88, 60, 44, .10) !important; /* untuk mengatur bayangan elemen. */
  transition: transform .2s ease, background .2s ease !important; /* untuk mengatur animasi perubahan state elemen. */
  margin: 0 auto 0 !important; /* untuk mengatur jarak luar elemen. */
}

body[data-theme="nusantara"] #section-couple .instagram-link:hover {
  transform: translateY(-2px) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
  background: rgba(255, 255, 255, .68) !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .instagram-link:hover {
  transform: translateY(-2px) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
  background: rgba(255, 255, 255, .68) !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"] #section-couple .instagram-link svg {
  width: 15px !important; /* untuk mengatur lebar elemen/isi section. */
  height: 15px !important; /* untuk mengatur tinggi elemen/area section. */
  fill: currentColor !important; /* untuk mengatur properti fill. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .instagram-link svg {
  width: 15px !important; /* untuk mengatur lebar elemen/isi section. */
  height: 15px !important; /* untuk mengatur tinggi elemen/area section. */
  fill: currentColor !important; /* untuk mengatur properti fill. */
}

body[data-theme="nusantara"] #section-couple .person-card p {
  width: min(100%, 270px) !important; /* untuk mengatur lebar elemen/isi section. */
  color: #725d50 !important; /* untuk mengatur warna teks. */
  font-family: var(--font-body);
  font-size: .88rem !important; /* untuk mengatur ukuran teks. */
  line-height: 1.55 !important; /* untuk mengatur tinggi baris teks. */
  text-shadow: 0 2px 10px rgba(255, 255, 255, .72) !important; /* untuk mengatur properti text-shadow. */
  margin: 0 auto 9px !important; /* untuk mengatur jarak luar elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .person-card p {
  width: min(100%, 270px) !important; /* untuk mengatur lebar elemen/isi section. */
  color: #725d50 !important; /* untuk mengatur warna teks. */
  font-size: .88rem !important; /* untuk mengatur ukuran teks. */
  line-height: 1.55 !important; /* untuk mengatur tinggi baris teks. */
  text-shadow: 0 2px 10px rgba(255, 255, 255, .72) !important; /* untuk mengatur properti text-shadow. */
  margin: 0 auto 9px !important; /* untuk mengatur jarak luar elemen. */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg #section-couple .couple-card {
    width: 342px !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: 342px !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .couple-card {
    width: 342px !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: 342px !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-couple .couple-card {
    width: 342px !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: 342px !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-card {
    width: 342px !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: 342px !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  }
}

body[data-theme="nusantara"] #section-couple .couple-card > .eyebrow {
  display: none !important; /* untuk mengatur model layout elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-card > .eyebrow {
  display: none !important; /* untuk mengatur model layout elemen. */
}

body[data-theme="nusantara"] #section-couple .couple-invitation-text {
  color: #5f4b40 !important; /* untuk mengatur warna teks. */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks. */
  text-align: center !important; /* untuk mengatur perataan teks. */
  text-wrap: balance !important; /* untuk mengatur properti text-wrap. */
  text-shadow: 0 2px 8px rgba(255, 255, 255, .76) !important; /* untuk mengatur properti text-shadow. */
  width: min(100%, 270px) !important; /* untuk mengatur lebar elemen/isi section. */
  margin: 0 auto 24px !important; /* untuk mengatur jarak luar elemen. */
  font-size: clamp(.82rem, 3.15vw, .90rem) !important; /* untuk mengatur ukuran teks. */
  line-height: 1.36 !important; /* untuk mengatur tinggi baris teks. */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks. */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf. */
  transform: translate(0px, -10px) scale(1) !important;                 /* ditambahkan dari Visual CSS Editor. */
  transform-origin: center center !important;                 /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-invitation-text {
  color: #5f4b40 !important; /* untuk mengatur warna teks. */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks. */
  text-align: center !important; /* untuk mengatur perataan teks. */
  text-wrap: balance !important; /* untuk mengatur properti text-wrap. */
  text-shadow: 0 2px 8px rgba(255, 255, 255, .76) !important; /* untuk mengatur properti text-shadow. */
  width: min(100%, 270px) !important; /* untuk mengatur lebar elemen/isi section. */
  margin: 0 auto 24px !important; /* untuk mengatur jarak luar elemen. */
  font-size: clamp(.82rem, 3.15vw, .90rem) !important; /* untuk mengatur ukuran teks. */
  line-height: 1.36 !important; /* untuk mengatur tinggi baris teks. */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks. */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf. */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-couple .person-motion {
    width: 250px !important; /* untuk mengatur lebar elemen/isi section. */
    height: 242px !important; /* untuk mengatur tinggi elemen/area section. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .template-section[data-section="couple"] .person-motion {
    width: 250px !important; /* untuk mengatur lebar elemen/isi section. */
    height: 242px !important; /* untuk mengatur tinggi elemen/area section. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-couple .couple-invitation-text {
    width: 270px !important; /* untuk mengatur lebar elemen/isi section. */
    font-size: .88rem !important; /* untuk mengatur ukuran teks. */
    line-height: 1.36 !important; /* untuk mengatur tinggi baris teks. */
    transform: translate(0px, 0px) scale(1) !important;                 /* ditambahkan dari Visual CSS Editor. */
    transform-origin: center center !important;                 /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-invitation-text {
    width: 270px !important; /* untuk mengatur lebar elemen/isi section. */
    font-size: .88rem !important; /* untuk mengatur ukuran teks. */
    line-height: 1.36 !important; /* untuk mengatur tinggi baris teks. */
  }
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-couple .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (overlay section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (overlay section). */
}

body[data-theme="nusantara"] #section-couple .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (overlay section). */
}

body[data-theme="nusantara"] .template-section[data-section="couple"] .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (overlay section). */
}

body[data-theme="nusantara"] #section-couple .layer-section-media {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (media per section). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (media per section). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (media per section). */
  -webkit-backdrop-filter: none !important; /* untuk mengatur properti -webkit-backdrop-filter (media per section). */
}

/* Couple awan transition — layer di atas overlay putih, di bawah teks */
body[data-theme="nusantara"] #section-couple .couple-awan-layer,
body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-awan-layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
body[data-theme="nusantara"] #section-couple .couple-awan,
body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-awan {
  position: absolute !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  display: block !important;
  pointer-events: none !important;
  object-fit: cover !important;
}
/* awantop: hitam/awan di atas → fade ke putih ke bawah */
body[data-theme="nusantara"] #section-couple .couple-awan--top,
body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-awan--top {
  top: 0 !important;
  transform: translateY(-1px) !important; /* tutup celah 1px antar section */
}
/* awanbot: putih di atas → fade ke hitam ke bawah */
body[data-theme="nusantara"] #section-couple .couple-awan--bottom,
body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-awan--bottom {
  bottom: 0 !important;
  transform: translateY(1px) !important;
}

body[data-theme="nusantara"] #section-couple .layer-text {
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (isi/text section). */
}
/*Section 4*/
.story-dropdown {
  margin-top: 18px; /* untuk mengatur jarak luar sisi atas elemen. */
  text-align: left; /* untuk mengatur perataan teks. */
}

.story-dropdown summary {
  padding: 14px 16px; /* untuk mengatur jarak dalam elemen. */
  border-radius: 18px; /* untuk mengatur lengkungan sudut elemen. */
  color: #fff; /* untuk mengatur warna teks. */
  background: var(--accent-dark); /* untuk mengatur warna/gambar/gradient latar elemen. */
  cursor: pointer; /* untuk mengatur bentuk kursor saat hover. */
}

.story-timeline {
  display: grid; /* untuk mengatur model layout elemen. */
  gap: 12px; /* untuk mengatur jarak antar elemen. */
  margin-top: 14px; /* untuk mengatur jarak luar sisi atas elemen. */
}

body[data-theme="nusantara"] #section-lovestory {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  align-items: start !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  padding-top: 28px !important; /* untuk mengatur jarak dalam sisi atas elemen. */
  padding-bottom: 92px !important; /* untuk mengatur jarak dalam sisi bawah elemen. */
  min-height: 590px !important;            /* untuk mengatur tinggi minimum area section. */
  overflow: visible !important;            /* untuk mengatur bagian elemen yang keluar dari area. */
  position: relative !important;           /* ditambahkan dari Visual CSS Editor. */
  height: auto !important /* section dropdown: hanya min-height agar bisa memanjang saat dibuka */;           /* ditambahkan dari Visual CSS Editor. */
  max-height: none !important;           /* ditambahkan dari Visual CSS Editor. */
  box-sizing: border-box !important;           /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  align-items: start !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  padding-top: 28px !important; /* untuk mengatur jarak dalam sisi atas elemen. */
  padding-bottom: 92px !important; /* untuk mengatur jarak dalam sisi bawah elemen. */
  min-height: 590px !important;            /* untuk mengatur tinggi minimum area section. */
  overflow: visible !important;            /* untuk mengatur bagian elemen yang keluar dari area. */
  position: relative !important;           /* ditambahkan dari Visual CSS Editor. */
  height: auto !important /* section dropdown: hanya min-height agar bisa memanjang saat dibuka */;           /* ditambahkan dari Visual CSS Editor. */
  max-height: none !important;           /* ditambahkan dari Visual CSS Editor. */
  box-sizing: border-box !important;           /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] #section-lovestory::before {
  display: none !important; /* untuk mengatur model layout elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"]::before {
  display: none !important; /* untuk mengatur model layout elemen. */
}

body[data-theme="nusantara"] #section-lovestory .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
}

body[data-theme="nusantara"] #section-lovestory .layer-overlay {
  display: none !important; /* untuk mengatur model layout elemen (overlay section). */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .layer-overlay {
  display: none !important; /* untuk mengatur model layout elemen (overlay section). */
}

body[data-theme="nusantara"] #section-lovestory .layer-section-media {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (media per section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (media per section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (media per section). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (media per section). */
  top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (media per section). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (media per section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (media per section). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (media per section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (media per section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (media per section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (media per section). */
  min-height: 100% !important; /* untuk mengatur tinggi minimum area section (media per section). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .layer-section-media {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (media per section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (media per section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (media per section). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (media per section). */
  top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (media per section). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (media per section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (media per section). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (media per section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (media per section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (media per section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (media per section). */
  min-height: 100% !important; /* untuk mengatur tinggi minimum area section (media per section). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (media per section). */
}

body[data-theme="nusantara"] #section-lovestory .layer-section-media img {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (media per section). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (media per section). */
  right: 0 !important; /* untuk mengatur jarak elemen dari sisi kanan (media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (media per section). */
  height: auto !important; /* untuk mengatur tinggi elemen/area section (media per section). */
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section (media per section). */
  object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (media per section). */
  object-position: center bottom !important; /* untuk mengatur titik fokus gambar/video di dalam frame (media per section). */
  max-height: clamp(318px, 52svh, 420px) !important; /* untuk membatasi tinggi maksimum elemen (media per section). */
  bottom: 0 !important; /* untuk mengatur jarak elemen dari sisi bawah (media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .layer-section-media img {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (media per section). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (media per section). */
  right: 0 !important; /* untuk mengatur jarak elemen dari sisi kanan (media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (media per section). */
  height: auto !important; /* untuk mengatur tinggi elemen/area section (media per section). */
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section (media per section). */
  object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (media per section). */
  object-position: center bottom !important; /* untuk mengatur titik fokus gambar/video di dalam frame (media per section). */
  max-height: clamp(318px, 52svh, 420px) !important; /* untuk membatasi tinggi maksimum elemen (media per section). */
  bottom: 0 !important; /* untuk mengatur jarak elemen dari sisi bawah (media per section). */
}

body[data-theme="nusantara"] #section-lovestory .layer-section-media video {
  display: none !important; /* untuk mengatur model layout elemen (media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .layer-section-media video {
  display: none !important; /* untuk mengatur model layout elemen (media per section). */
}

body[data-theme="nusantara"] #section-lovestory .layer-text {
  position: relative !important; /* untuk mengatur metode posisi elemen/layer (isi/text section). */
  z-index: 4 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (isi/text section). */
  width: min(88%, 340px) !important; /* untuk mengatur lebar elemen/isi section (isi/text section). */
  max-width: calc(100% - 40px) !important; /* untuk membatasi lebar maksimum elemen/isi section (isi/text section). */
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen (isi/text section). */
  padding: 18px 0 clamp(330px, 48svh, 420px) !important; /* untuk mengatur jarak dalam elemen (isi/text section). */
  align-self: start !important; /* untuk mengatur posisi satu elemen secara vertikal/cross-axis (isi/text section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (isi/text section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (isi/text section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (isi/text section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (isi/text section). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (isi/text section). */
  padding-top: clamp(72px, 14svh, 116px) !important; /* untuk mengatur jarak dalam sisi atas elemen (isi/text section). */
  padding-bottom: clamp(252px, 39svh, 330px) !important; /* untuk mengatur jarak dalam sisi bawah elemen (isi/text section). */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen (isi/text section). */
  overflow: visible !important; /* untuk mengatur bagian elemen yang keluar dari area (isi/text section). */
  text-align: center !important; /* untuk mengatur perataan teks (isi/text section). */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .layer-text {
  position: relative !important; /* untuk mengatur metode posisi elemen/layer (isi/text section). */
  z-index: 4 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (isi/text section). */
  width: min(88%, 340px) !important; /* untuk mengatur lebar elemen/isi section (isi/text section). */
  max-width: calc(100% - 40px) !important; /* untuk membatasi lebar maksimum elemen/isi section (isi/text section). */
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen (isi/text section). */
  padding: 18px 0 clamp(330px, 48svh, 420px) !important; /* untuk mengatur jarak dalam elemen (isi/text section). */
  align-self: start !important; /* untuk mengatur posisi satu elemen secara vertikal/cross-axis (isi/text section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (isi/text section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (isi/text section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (isi/text section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (isi/text section). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (isi/text section). */
  padding-top: clamp(72px, 14svh, 116px) !important; /* untuk mengatur jarak dalam sisi atas elemen (isi/text section). */
  padding-bottom: clamp(252px, 39svh, 330px) !important; /* untuk mengatur jarak dalam sisi bawah elemen (isi/text section). */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen (isi/text section). */
  overflow: visible !important; /* untuk mengatur bagian elemen yang keluar dari area (isi/text section). */
  text-align: center !important; /* untuk mengatur perataan teks (isi/text section). */
}

body[data-theme="nusantara"] #section-lovestory .lovestory-title {
  width: min(100%, 320px) !important; /* untuk mengatur lebar elemen/isi section. */
  margin: 0 auto 12px !important; /* untuk mengatur jarak luar elemen. */
  color: #5a3827 !important; /* untuk mengatur warna teks. */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks. */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks. */
  line-height: 1.08 !important; /* untuk mengatur tinggi baris teks. */
  text-shadow: 0 3px 14px rgba(255, 255, 255, .7) !important; /* untuk mengatur properti text-shadow. */
  margin-bottom: 8px !important; /* untuk mengatur jarak luar sisi bawah elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .lovestory-title {
  width: min(100%, 320px) !important; /* untuk mengatur lebar elemen/isi section. */
  margin: 0 auto 12px !important; /* untuk mengatur jarak luar elemen. */
  color: #5a3827 !important; /* untuk mengatur warna teks. */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks. */
  font-weight: 600 !important; /* untuk mengatur ketebalan teks. */
  line-height: 1.08 !important; /* untuk mengatur tinggi baris teks. */
  text-shadow: 0 3px 14px rgba(255, 255, 255, .7) !important; /* untuk mengatur properti text-shadow. */
  margin-bottom: 8px !important; /* untuk mengatur jarak luar sisi bawah elemen. */
}

body[data-theme="nusantara"] #section-lovestory .lovestory-title-main {
  display: block !important; /* untuk mengatur model layout elemen. */
  font-size: clamp(2.45rem, 8vw, 2.45rem) !important; /* untuk mengatur ukuran teks. */
  letter-spacing: 0.02em !important; /* untuk mengatur jarak antar huruf. */
  text-transform: uppercase !important; /* untuk mengatur kapitalisasi teks. */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .lovestory-title-main {
  display: block !important; /* untuk mengatur model layout elemen. */
  font-size: clamp(2.45rem, 8vw, 2.45rem) !important; /* untuk mengatur ukuran teks. */
  letter-spacing: 0.02em !important; /* untuk mengatur jarak antar huruf. */
  text-transform: uppercase !important; /* untuk mengatur kapitalisasi teks. */
}

body[data-theme="nusantara"] #section-lovestory .lovestory-title-sub {
  display: block !important; /* untuk mengatur model layout elemen. */
  margin-top: 2px !important; /* untuk mengatur jarak luar sisi atas elemen. */
  font-size: clamp(2.45rem, 8vw, 2.45rem) !important; /* untuk mengatur ukuran teks. */
  text-transform: uppercase !important; /* untuk mengatur kapitalisasi teks. */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .lovestory-title-sub {
  display: block !important; /* untuk mengatur model layout elemen. */
  margin-top: 2px !important; /* untuk mengatur jarak luar sisi atas elemen. */
  font-size: clamp(1.85rem, 7.2vw, 2.2rem) !important; /* untuk mengatur ukuran teks. */
  text-transform: uppercase !important; /* untuk mengatur kapitalisasi teks. */
}

body[data-theme="nusantara"] #section-lovestory .lovestory-title-sub em {
  font-family: var(--font-script) !important; /* untuk mengatur jenis font teks. */
  font-size: 1.02em !important; /* untuk mengatur ukuran teks. */
  font-style: normal !important; /* untuk mengatur gaya teks miring/normal. */
  text-transform: none !important; /* untuk mengatur kapitalisasi teks. */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks. */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf. */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .lovestory-title-sub em {
  font-family: var(--font-script) !important; /* untuk mengatur jenis font teks. */
  font-size: 1.02em !important; /* untuk mengatur ukuran teks. */
  font-style: normal !important; /* untuk mengatur gaya teks miring/normal. */
  text-transform: none !important; /* untuk mengatur kapitalisasi teks. */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks. */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf. */
}

body[data-theme="nusantara"] #section-lovestory .story-dropdown {
  min-width: 132px !important; /* untuk mengatur lebar minimum elemen. */
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen. */
  margin-top: 0 !important; /* untuk mengatur jarak luar sisi atas elemen. */
  display: block !important; /* untuk mengatur model layout elemen. */
  width: min(78%, 286px) !important; /* untuk mengatur lebar elemen/isi section. */
  max-width: calc(100% - 48px) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen. */
  margin-right: auto !important; /* untuk mengatur jarak luar sisi kanan elemen. */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen. */
  text-align: center !important; /* untuk mengatur perataan teks. */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .story-dropdown {
  min-width: 132px !important; /* untuk mengatur lebar minimum elemen. */
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen. */
  margin-top: 0 !important; /* untuk mengatur jarak luar sisi atas elemen. */
  display: block !important; /* untuk mengatur model layout elemen. */
  width: min(78%, 286px) !important; /* untuk mengatur lebar elemen/isi section. */
  max-width: calc(100% - 48px) !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen. */
  margin-right: auto !important; /* untuk mengatur jarak luar sisi kanan elemen. */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen. */
  text-align: center !important; /* untuk mengatur perataan teks. */
}

body[data-theme="nusantara"] #section-lovestory .story-dropdown summary {
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section. */
  padding: 7px 18px !important; /* untuk mengatur jarak dalam elemen. */
  border: 1px solid rgba(95, 63, 46, .28) !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen. */
  color: #5f3f2e !important; /* untuk mengatur warna teks. */
  background: rgba(255, 255, 255, .82) !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  box-shadow: 0 8px 22px rgba(88, 60, 44, .08) !important; /* untuk mengatur bayangan elemen. */
  font-size: .82rem !important; /* untuk mengatur ukuran teks. */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks. */
  line-height: 1.2 !important; /* untuk mengatur tinggi baris teks. */
  cursor: pointer !important; /* untuk mengatur bentuk kursor saat hover. */
  backdrop-filter: blur(6px) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen. */
  list-style: none !important; /* untuk mengatur tampilan bullet/nomor list. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen. */
  text-align: center !important; /* untuk mengatur perataan teks. */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .story-dropdown summary {
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section. */
  padding: 7px 18px !important; /* untuk mengatur jarak dalam elemen. */
  border: 1px solid rgba(95, 63, 46, .28) !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen. */
  color: #5f3f2e !important; /* untuk mengatur warna teks. */
  background: rgba(255, 255, 255, .82) !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  box-shadow: 0 8px 22px rgba(88, 60, 44, .08) !important; /* untuk mengatur bayangan elemen. */
  font-size: .82rem !important; /* untuk mengatur ukuran teks. */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks. */
  line-height: 1.2 !important; /* untuk mengatur tinggi baris teks. */
  cursor: pointer !important; /* untuk mengatur bentuk kursor saat hover. */
  backdrop-filter: blur(6px) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen. */
  list-style: none !important; /* untuk mengatur tampilan bullet/nomor list. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen. */
  text-align: center !important; /* untuk mengatur perataan teks. */
}

body[data-theme="nusantara"] #section-lovestory .story-dropdown summary::-webkit-details-marker {
  display: none !important; /* untuk mengatur model layout elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .story-dropdown summary::-webkit-details-marker {
  display: none !important; /* untuk mengatur model layout elemen. */
}

body[data-theme="nusantara"] #section-lovestory .story-dropdown summary::after {
  content: "⌄"; /* untuk membuat isi pseudo-element. */
  display: inline-block; /* untuk mengatur model layout elemen. */
  margin-left: 7px; /* untuk mengatur jarak luar sisi kiri elemen. */
  transform: translateY(-1px); /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
  font-size: 0.92em; /* untuk mengatur ukuran teks. */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .story-dropdown summary::after {
  content: "⌄"; /* untuk membuat isi pseudo-element. */
  display: inline-block; /* untuk mengatur model layout elemen. */
  margin-left: 7px; /* untuk mengatur jarak luar sisi kiri elemen. */
  transform: translateY(-1px); /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
  font-size: 0.92em; /* untuk mengatur ukuran teks. */
}

body[data-theme="nusantara"] #section-lovestory .story-dropdown[open] summary::after {
  transform: rotate(180deg) translateY(1px); /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .story-dropdown[open] summary::after {
  transform: rotate(180deg) translateY(1px); /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
}

body[data-theme="nusantara"] #section-lovestory .story-timeline {
  margin: 14px auto 0 !important; /* untuk mengatur jarak luar elemen. */
  display: grid !important; /* untuk mengatur model layout elemen. */
  gap: 10px !important; /* untuk mengatur jarak antar elemen. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  max-width: 100% !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen. */
  margin-right: auto !important; /* untuk mengatur jarak luar sisi kanan elemen. */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen. */
  text-align: left !important; /* untuk mengatur perataan teks. */
  overflow-wrap: anywhere !important; /* untuk mengatur properti overflow-wrap. */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .story-timeline {
  margin: 14px auto 0 !important; /* untuk mengatur jarak luar elemen. */
  display: grid !important; /* untuk mengatur model layout elemen. */
  gap: 10px !important; /* untuk mengatur jarak antar elemen. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  max-width: 100% !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen. */
  margin-right: auto !important; /* untuk mengatur jarak luar sisi kanan elemen. */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen. */
  text-align: left !important; /* untuk mengatur perataan teks. */
  overflow-wrap: anywhere !important; /* untuk mengatur properti overflow-wrap. */
}

body[data-theme="nusantara"] #section-lovestory .story-item {
  padding: 12px 14px !important; /* untuk mengatur jarak dalam elemen. */
  border: 1px solid rgba(95, 63, 46, .18) !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 18px !important; /* untuk mengatur lengkungan sudut elemen. */
  background: rgba(255, 255, 255, .82) !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  box-shadow: 0 10px 28px rgba(88, 60, 44, .07) !important; /* untuk mengatur bayangan elemen. */
  backdrop-filter: blur(6px) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .story-item {
  padding: 12px 14px !important; /* untuk mengatur jarak dalam elemen. */
  border: 1px solid rgba(95, 63, 46, .18) !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 18px !important; /* untuk mengatur lengkungan sudut elemen. */
  background: rgba(255, 255, 255, .82) !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  box-shadow: 0 10px 28px rgba(88, 60, 44, .07) !important; /* untuk mengatur bayangan elemen. */
  backdrop-filter: blur(6px) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen. */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-lovestory {
    padding-top: 26px !important; /* untuk mengatur jarak dalam sisi atas elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .template-section[data-section="lovestory"] {
    padding-top: 26px !important; /* untuk mengatur jarak dalam sisi atas elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-lovestory .layer-text {
    width: 340px !important; /* untuk mengatur lebar elemen/isi section (isi/text section). */
    padding-top: 84px !important; /* untuk mengatur jarak dalam sisi atas elemen (isi/text section). */
    padding-bottom: 290px !important; /* untuk mengatur jarak dalam sisi bawah elemen (isi/text section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .template-section[data-section="lovestory"] .layer-text {
    width: 340px !important; /* untuk mengatur lebar elemen/isi section (isi/text section). */
    padding-top: 84px !important; /* untuk mengatur jarak dalam sisi atas elemen (isi/text section). */
    padding-bottom: 290px !important; /* untuk mengatur jarak dalam sisi bawah elemen (isi/text section). */
  }
}

body[data-theme="nusantara"] #section-lovestory .story-dropdown[open] {
  margin-bottom: 26px !important; /* untuk mengatur jarak luar sisi bawah elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .story-dropdown[open] {
  margin-bottom: 26px !important; /* untuk mengatur jarak luar sisi bawah elemen. */
}

body[data-theme="nusantara"] #section-lovestory .story-dropdown[open] .story-timeline {
  margin-bottom: 28px !important; /* untuk mengatur jarak luar sisi bawah elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="lovestory"] .story-dropdown[open] .story-timeline {
  margin-bottom: 28px !important; /* untuk mengatur jarak luar sisi bawah elemen. */
}
/*Section 5*/
body[data-theme="nusantara"] #section-sweetener .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="sweetener"] .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
}

body[data-theme="nusantara"] #section-sweetener .layer-overlay {
  display: none !important; /* untuk mengatur model layout elemen (overlay section). */
}

body[data-theme="nusantara"] .template-section[data-section="sweetener"] .layer-overlay {
  display: none !important; /* untuk mengatur model layout elemen (overlay section). */
}

body[data-theme="nusantara"] #section-sweetener .layer-section-media {
  display: none !important; /* untuk mengatur model layout elemen (media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="sweetener"] .layer-section-media {
  display: none !important; /* untuk mengatur model layout elemen (media per section). */
}

body[data-theme="nusantara"] #section-sweetener {
  position: relative !important;    /* untuk mengatur metode posisi elemen/layer. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  min-height: 449px !important;    /* untuk mengatur tinggi minimum area section. */
  height: 449px !important;    /* untuk mengatur tinggi elemen/area section. */
  aspect-ratio: 1 / 1 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  overflow: hidden !important;    /* untuk mengatur bagian elemen yang keluar dari area. */
  background: #fff !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  max-height: 449px !important;   /* ditambahkan dari Visual CSS Editor. */
  box-sizing: border-box !important;   /* ditambahkan dari Visual CSS Editor. */
  display: grid !important;   /* ditambahkan dari Visual CSS Editor. */
  align-items: center !important;   /* ditambahkan dari Visual CSS Editor. */
  justify-items: center !important;   /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="sweetener"] {
  position: relative !important;    /* untuk mengatur metode posisi elemen/layer. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  min-height: 449px !important;    /* untuk mengatur tinggi minimum area section. */
  height: 449px !important;    /* untuk mengatur tinggi elemen/area section. */
  aspect-ratio: 1 / 1 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  overflow: hidden !important;    /* untuk mengatur bagian elemen yang keluar dari area. */
  background: #fff !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  max-height: 449px !important;   /* ditambahkan dari Visual CSS Editor. */
  box-sizing: border-box !important;   /* ditambahkan dari Visual CSS Editor. */
  display: grid !important;   /* ditambahkan dari Visual CSS Editor. */
  align-items: center !important;   /* ditambahkan dari Visual CSS Editor. */
  justify-items: center !important;   /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] #section-sweetener .sweetener-card {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  border: 0 !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen. */
  box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  background: #fff !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
}

body[data-theme="nusantara"] .template-section[data-section="sweetener"] .sweetener-card {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  border: 0 !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen. */
  box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  background: #fff !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
}

body[data-theme="nusantara"] #section-sweetener .sweetener-image {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  display: block !important; /* untuk mengatur model layout elemen. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen. */
  object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame. */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
  border: 0 !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen. */
  background: #fff !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="sweetener"] .sweetener-image {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  display: block !important; /* untuk mengatur model layout elemen. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen. */
  object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame. */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
  border: 0 !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen. */
  background: #fff !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}
/*Section 6*/
.countdown-grid {
  display: grid; /* untuk mengatur model layout elemen (Countdown). */
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* untuk mengatur jumlah/lebar kolom grid (Countdown). */
  gap: 12px; /* untuk mengatur jarak antar elemen (Countdown). */
  margin-top: 20px; /* untuk mengatur jarak luar sisi atas elemen (Countdown). */
}

.countdown-grid div {
  min-height: 94px; /* untuk mengatur tinggi minimum area section (Countdown). */
  display: grid; /* untuk mengatur model layout elemen (Countdown). */
  place-items: center; /* untuk memusatkan isi pada layout grid (Countdown). */
  padding: 12px; /* untuk mengatur jarak dalam elemen (Countdown). */
  border-radius: 24px; /* untuk mengatur lengkungan sudut elemen (Countdown). */
  color: #fff; /* untuk mengatur warna teks (Countdown). */
  background: linear-gradient(145deg, var(--accent), var(--accent-dark)); /* untuk mengatur warna/gambar/gradient latar elemen (Countdown). */
}

.countdown-grid strong {
  display: block; /* untuk mengatur model layout elemen (Countdown). */
  font-family: var(--font-heading); /* untuk mengatur jenis font teks (Countdown). */
  font-size: 2rem; /* untuk mengatur ukuran teks (Countdown). */
  line-height: 1; /* untuk mengatur tinggi baris teks (Countdown). */
}

.countdown-grid span {
  font-size: .78rem; /* untuk mengatur ukuran teks (Countdown). */
  letter-spacing: .12em; /* untuk mengatur jarak antar huruf (Countdown). */
  text-transform: uppercase; /* untuk mengatur kapitalisasi teks (Countdown). */
}

body[data-theme="nusantara"] #section-countdown {
  --countdown-title-space: 24% !important;                                                  /* untuk mengatur properti --countdown-title-space (Countdown). */
  position: relative !important;                                                  /* untuk mengatur metode posisi elemen/layer (Countdown). */
  min-height: 393px !important;                                                  /* untuk mengatur tinggi minimum area section (Countdown). */
  height: 393px !important;                                                  /* untuk mengatur tinggi elemen/area section (Countdown). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Countdown). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Countdown). */
  overflow: hidden !important;                                                  /* untuk mengatur bagian elemen yang keluar dari area (Countdown). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown). */
  isolation: isolate !important; /* untuk membuat tumpukan layer section berdiri sendiri (Countdown). */
  max-height: 393px !important;                                                 /* ditambahkan dari Visual CSS Editor. */
  box-sizing: border-box !important;                                                 /* ditambahkan dari Visual CSS Editor. */
  display: grid !important;                                                 /* ditambahkan dari Visual CSS Editor. */
  align-items: center !important;                                                 /* ditambahkan dari Visual CSS Editor. */
  justify-items: center !important;                                                 /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] {
  --countdown-title-space: 24% !important;                                                  /* untuk mengatur properti --countdown-title-space (Countdown). */
  position: relative !important;                                                  /* untuk mengatur metode posisi elemen/layer (Countdown). */
  min-height: 393px !important;                                                  /* untuk mengatur tinggi minimum area section (Countdown). */
  height: 393px !important;                                                  /* untuk mengatur tinggi elemen/area section (Countdown). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Countdown). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Countdown). */
  overflow: hidden !important;                                                  /* untuk mengatur bagian elemen yang keluar dari area (Countdown). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown). */
  isolation: isolate !important; /* untuk membuat tumpukan layer section berdiri sendiri (Countdown). */
  max-height: 393px !important;                                                 /* ditambahkan dari Visual CSS Editor. */
  box-sizing: border-box !important;                                                 /* ditambahkan dari Visual CSS Editor. */
  display: grid !important;                                                 /* ditambahkan dari Visual CSS Editor. */
  align-items: center !important;                                                 /* ditambahkan dari Visual CSS Editor. */
  justify-items: center !important;                                                 /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] #section-countdown .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (Countdown, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (Countdown, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (Countdown, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (Countdown, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (Countdown, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (Countdown, background scroll). */
}

body[data-theme="nusantara"] #section-countdown .layer-fixed-bg video {
  display: none !important; /* untuk mengatur model layout elemen (Countdown, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (Countdown, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (Countdown, background scroll). */
}

body[data-theme="nusantara"] #section-countdown .layer-fixed-bg img {
  display: none !important; /* untuk mengatur model layout elemen (Countdown, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (Countdown, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (Countdown, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .layer-fixed-bg video {
  display: none !important; /* untuk mengatur model layout elemen (Countdown, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (Countdown, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (Countdown, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .layer-fixed-bg img {
  display: none !important; /* untuk mengatur model layout elemen (Countdown, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (Countdown, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (Countdown, background scroll). */
}

body[data-theme="nusantara"] #section-countdown .countdown-heading {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Countdown). */
  left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (Countdown). */
  top: clamp(46px, 8.4svh, 80px) !important; /* untuk mengatur jarak elemen dari sisi atas (Countdown). */
  transform: translateX(-50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Countdown). */
  width: min(76%, 360px) !important; /* untuk mengatur lebar elemen/isi section (Countdown). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Countdown). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Countdown). */
  text-align: center !important; /* untuk mengatur perataan teks (Countdown). */
  color: #4f3728 !important; /* untuk mengatur warna teks (Countdown). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Countdown). */
  text-shadow: 0 1px 0 rgba(255, 255, 255, .72) !important; /* untuk mengatur properti text-shadow (Countdown). */
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Countdown). */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-heading {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Countdown). */
  z-index: 6 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Countdown). */
  left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (Countdown). */
  top: clamp(46px, 8.4svh, 80px) !important; /* untuk mengatur jarak elemen dari sisi atas (Countdown). */
  transform: translateX(-50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Countdown). */
  width: min(76%, 360px) !important; /* untuk mengatur lebar elemen/isi section (Countdown). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Countdown). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Countdown). */
  text-align: center !important; /* untuk mengatur perataan teks (Countdown). */
  color: #4f3728 !important; /* untuk mengatur warna teks (Countdown). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Countdown). */
  text-shadow: 0 1px 0 rgba(255, 255, 255, .72) !important; /* untuk mengatur properti text-shadow (Countdown). */
}

body[data-theme="nusantara"] #section-countdown .countdown-heading span {
  display: block !important; /* untuk mengatur model layout elemen (Countdown). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (Countdown). */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks (Countdown). */
  font-size: clamp(2.45rem, 4vw, 2.45rem) !important; /* untuk mengatur ukuran teks (Countdown). */
  line-height: .86 !important; /* untuk mengatur tinggi baris teks (Countdown). */
  letter-spacing: .01em !important; /* untuk mengatur jarak antar huruf (Countdown). */
  margin-top: 10px;
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-heading span {
  display: block !important; /* untuk mengatur model layout elemen (Countdown). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (Countdown). */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks (Countdown). */
  font-size: clamp(1.95rem, 4vw, 2.45rem) !important; /* untuk mengatur ukuran teks (Countdown). */
  line-height: .86 !important; /* untuk mengatur tinggi baris teks (Countdown). */
  letter-spacing: .01em !important; /* untuk mengatur jarak antar huruf (Countdown). */
}

body[data-theme="nusantara"] #section-countdown .countdown-heading em {
  font-family: var(--font-script) !important; /* untuk mengatur jenis font teks (Countdown). */
  font-size: .74em !important; /* untuk mengatur ukuran teks (Countdown). */
  font-style: normal !important; /* untuk mengatur gaya teks miring/normal (Countdown). */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf (Countdown). */
  vertical-align: .14em !important; /* untuk mengatur properti vertical-align (Countdown). */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-heading em {
  font-family: var(--font-script) !important; /* untuk mengatur jenis font teks (Countdown). */
  font-size: .74em !important; /* untuk mengatur ukuran teks (Countdown). */
  font-style: normal !important; /* untuk mengatur gaya teks miring/normal (Countdown). */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf (Countdown). */
  vertical-align: .14em !important; /* untuk mengatur properti vertical-align (Countdown). */
}

body[data-theme="nusantara"] #section-countdown .layer-section-media {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Countdown, media per section). */
  z-index: 2 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Countdown, media per section). */
  top: var(--countdown-title-space) !important; /* untuk mengatur jarak elemen dari sisi atas (Countdown, media per section). */
  right: 0 !important; /* untuk mengatur jarak elemen dari sisi kanan (Countdown, media per section). */
  bottom: 0 !important; /* untuk mengatur jarak elemen dari sisi bawah (Countdown, media per section). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Countdown, media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Countdown, media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Countdown, media per section). */
  height: calc(100% - var(--countdown-title-space)) !important; /* untuk mengatur tinggi elemen/area section (Countdown, media per section). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Countdown, media per section). */
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Countdown, media per section). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Countdown, media per section). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Countdown, media per section). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Countdown, media per section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Countdown, media per section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Countdown, media per section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Countdown, media per section). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Countdown, media per section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Countdown, media per section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Countdown, media per section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Countdown, media per section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown, media per section). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (Countdown, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .layer-section-media {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Countdown, media per section). */
  z-index: 2 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Countdown, media per section). */
  top: var(--countdown-title-space) !important; /* untuk mengatur jarak elemen dari sisi atas (Countdown, media per section). */
  right: 0 !important; /* untuk mengatur jarak elemen dari sisi kanan (Countdown, media per section). */
  bottom: 0 !important; /* untuk mengatur jarak elemen dari sisi bawah (Countdown, media per section). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Countdown, media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Countdown, media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Countdown, media per section). */
  height: calc(100% - var(--countdown-title-space)) !important; /* untuk mengatur tinggi elemen/area section (Countdown, media per section). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Countdown, media per section). */
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Countdown, media per section). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Countdown, media per section). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Countdown, media per section). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Countdown, media per section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Countdown, media per section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Countdown, media per section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown, media per section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Countdown, media per section). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Countdown, media per section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Countdown, media per section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Countdown, media per section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Countdown, media per section). */
}

body[data-theme="nusantara"] #section-countdown .layer-section-media video {
  display: block !important; /* untuk mengatur model layout elemen (Countdown, media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Countdown, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Countdown, media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Countdown, media per section). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Countdown, media per section). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Countdown, media per section). */
  object-position: center top !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Countdown, media per section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Countdown, media per section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Countdown, media per section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Countdown, media per section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown, media per section). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (Countdown, media per section). */
  mix-blend-mode: screen !important; /* untuk mengatur properti mix-blend-mode (Countdown, media per section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Countdown, media per section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Countdown, media per section). */
  -webkit-filter: none !important; /* untuk mengatur properti -webkit-filter (Countdown, media per section). */
  transform-style: flat !important; /* untuk mengatur properti transform-style (Countdown, media per section). */
  backface-visibility: hidden !important; /* untuk mengatur properti backface-visibility (Countdown, media per section). */
  -webkit-backface-visibility: hidden !important; /* untuk mengatur properti -webkit-backface-visibility (Countdown, media per section). */
}

body[data-theme="nusantara"] #section-countdown .layer-section-media img {
  display: block !important; /* untuk mengatur model layout elemen (Countdown, media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Countdown, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Countdown, media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Countdown, media per section). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Countdown, media per section). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Countdown, media per section). */
  object-position: center top !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Countdown, media per section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Countdown, media per section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Countdown, media per section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown, media per section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Countdown, media per section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Countdown, media per section). */
  mix-blend-mode: normal !important; /* untuk mengatur properti mix-blend-mode (Countdown, media per section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Countdown, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .layer-section-media video {
  display: block !important; /* untuk mengatur model layout elemen (Countdown, media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Countdown, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Countdown, media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Countdown, media per section). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Countdown, media per section). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Countdown, media per section). */
  object-position: center top !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Countdown, media per section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Countdown, media per section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Countdown, media per section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown, media per section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Countdown, media per section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Countdown, media per section). */
  mix-blend-mode: normal !important; /* untuk mengatur properti mix-blend-mode (Countdown, media per section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Countdown, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .layer-section-media img {
  display: block !important; /* untuk mengatur model layout elemen (Countdown, media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Countdown, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Countdown, media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Countdown, media per section). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Countdown, media per section). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Countdown, media per section). */
  object-position: center top !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Countdown, media per section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Countdown, media per section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Countdown, media per section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown, media per section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Countdown, media per section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Countdown, media per section). */
  mix-blend-mode: normal !important; /* untuk mengatur properti mix-blend-mode (Countdown, media per section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Countdown, media per section). */
}

body[data-theme="nusantara"] #section-countdown .countdown-card {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Countdown). */
  left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (Countdown). */
  top: calc(var(--countdown-title-space) + ((100% - var(--countdown-title-space)) * .47)) !important; /* untuk mengatur jarak elemen dari sisi atas (Countdown). */
  width: min(45%, 176px) !important; /* untuk mengatur lebar elemen/isi section (Countdown). */
  max-width: 176px !important; /* untuk membatasi lebar maksimum elemen/isi section (Countdown). */
  min-width: 132px !important; /* untuk mengatur lebar minimum elemen (Countdown). */
  height: auto !important; /* untuk mengatur tinggi elemen/area section (Countdown). */
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Countdown). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Countdown). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Countdown). */
  transform: translate(-50%, -50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Countdown). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Countdown). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Countdown). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Countdown). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Countdown). */
  text-align: center !important; /* untuk mengatur perataan teks (Countdown). */
  overflow: visible !important; /* untuk mengatur bagian elemen yang keluar dari area (Countdown). */
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Countdown). */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-card {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Countdown). */
  z-index: 4 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Countdown). */
  left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (Countdown). */
  top: calc(var(--countdown-title-space) + ((100% - var(--countdown-title-space)) * .47)) !important; /* untuk mengatur jarak elemen dari sisi atas (Countdown). */
  width: min(45%, 176px) !important; /* untuk mengatur lebar elemen/isi section (Countdown). */
  max-width: 176px !important; /* untuk membatasi lebar maksimum elemen/isi section (Countdown). */
  min-width: 132px !important; /* untuk mengatur lebar minimum elemen (Countdown). */
  height: auto !important; /* untuk mengatur tinggi elemen/area section (Countdown). */
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Countdown). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Countdown). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Countdown). */
  transform: translate(-50%, -50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Countdown). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Countdown). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Countdown). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Countdown). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Countdown). */
  text-align: center !important; /* untuk mengatur perataan teks (Countdown). */
  overflow: visible !important; /* untuk mengatur bagian elemen yang keluar dari area (Countdown). */
}

body[data-theme="nusantara"] #section-countdown .countdown-card .eyebrow {
  display: none !important; /* untuk mengatur model layout elemen (Countdown). */
}

body[data-theme="nusantara"] #section-countdown .countdown-card h2 {
  display: none !important; /* untuk mengatur model layout elemen (Countdown). */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-card .eyebrow {
  display: none !important; /* untuk mengatur model layout elemen (Countdown). */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-card h2 {
  display: none !important; /* untuk mengatur model layout elemen (Countdown). */
}

body[data-theme="nusantara"] #section-countdown .countdown-grid {
  display: grid !important; /* untuk mengatur model layout elemen (Countdown). */
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* untuk mengatur jumlah/lebar kolom grid (Countdown). */
  gap: clamp(6px, 1.1vw, 10px) clamp(10px, 1.6vw, 16px) !important; /* untuk mengatur jarak antar elemen (Countdown). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Countdown). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Countdown). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Countdown). */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen (Countdown). */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-grid {
  display: grid !important; /* untuk mengatur model layout elemen (Countdown). */
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* untuk mengatur jumlah/lebar kolom grid (Countdown). */
  gap: clamp(6px, 1.1vw, 10px) clamp(10px, 1.6vw, 16px) !important; /* untuk mengatur jarak antar elemen (Countdown). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Countdown). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Countdown). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Countdown). */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen (Countdown). */
}

body[data-theme="nusantara"] #section-countdown .countdown-grid div {
  display: flex !important; /* untuk mengatur model layout elemen (Countdown). */
  flex-direction: column !important; /* untuk mengatur properti flex-direction (Countdown). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Countdown). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Countdown). */
  min-width: 0 !important; /* untuk mengatur lebar minimum elemen (Countdown). */
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Countdown). */
  height: auto !important; /* untuk mengatur tinggi elemen/area section (Countdown). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Countdown). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Countdown). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Countdown). */
  color: #5d3f2c !important; /* untuk mengatur warna teks (Countdown). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Countdown). */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-grid div {
  display: flex !important; /* untuk mengatur model layout elemen (Countdown). */
  flex-direction: column !important; /* untuk mengatur properti flex-direction (Countdown). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Countdown). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Countdown). */
  min-width: 0 !important; /* untuk mengatur lebar minimum elemen (Countdown). */
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Countdown). */
  height: auto !important; /* untuk mengatur tinggi elemen/area section (Countdown). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Countdown). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Countdown). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Countdown). */
  color: #5d3f2c !important; /* untuk mengatur warna teks (Countdown). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Countdown). */
}

body[data-theme="nusantara"] #section-countdown .countdown-grid strong {
  display: block !important; /* untuk mengatur model layout elemen (Countdown). */
  font-family: var(--font-script) !important; /* untuk mengatur jenis font teks (Countdown). */
  font-size: clamp(1.75rem, 3.8vw, 2.55rem) !important; /* untuk mengatur ukuran teks (Countdown). */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks (Countdown). */
  line-height: .9 !important; /* untuk mengatur tinggi baris teks (Countdown). */
  letter-spacing: .01em !important; /* untuk mengatur jarak antar huruf (Countdown). */
  color: #5d3f2c !important; /* untuk mengatur warna teks (Countdown). */
  transform: translate(0px, 10px) scale(1.107) !important;            /* ditambahkan dari Visual CSS Editor. */
  transform-origin: center center !important;            /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-grid strong {
  display: block !important; /* untuk mengatur model layout elemen (Countdown). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (Countdown). */
  font-size: clamp(1.75rem, 3.8vw, 2.55rem) !important; /* untuk mengatur ukuran teks (Countdown). */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks (Countdown). */
  line-height: .9 !important; /* untuk mengatur tinggi baris teks (Countdown). */
  letter-spacing: .01em !important; /* untuk mengatur jarak antar huruf (Countdown). */
  color: #5d3f2c !important; /* untuk mengatur warna teks (Countdown). */
}

body[data-theme="nusantara"] #section-countdown .countdown-grid span {
  display: block !important; /* untuk mengatur model layout elemen (Countdown). */
  margin-top: 4px !important; /* untuk mengatur jarak luar sisi atas elemen (Countdown). */
  font-size: clamp(.52rem, 1.15vw, .72rem) !important; /* untuk mengatur ukuran teks (Countdown). */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks (Countdown). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (Countdown). */
  letter-spacing: .02em !important; /* untuk mengatur jarak antar huruf (Countdown). */
  text-transform: none !important; /* untuk mengatur kapitalisasi teks (Countdown). */
  color: #5d3f2c !important; /* untuk mengatur warna teks (Countdown). */
  transform: translate(0px, 10px) scale(1) !important;   /* ditambahkan dari Visual CSS Editor. */
  transform-origin: center center !important;   /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-grid span {
  display: block !important; /* untuk mengatur model layout elemen (Countdown). */
  margin-top: 4px !important; /* untuk mengatur jarak luar sisi atas elemen (Countdown). */
  font-size: clamp(.52rem, 1.15vw, .72rem) !important; /* untuk mengatur ukuran teks (Countdown). */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks (Countdown). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (Countdown). */
  letter-spacing: .02em !important; /* untuk mengatur jarak antar huruf (Countdown). */
  text-transform: none !important; /* untuk mengatur kapitalisasi teks (Countdown). */
  color: #5d3f2c !important; /* untuk mengatur warna teks (Countdown). */
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] #section-countdown {
    --countdown-title-space: 24% !important;           /* untuk mengatur properti --countdown-title-space (Countdown). */
    position: relative !important;          /* ditambahkan dari Visual CSS Editor. */
    height: 601px !important;          /* ditambahkan dari Visual CSS Editor. */
    min-height: 601px !important;          /* ditambahkan dari Visual CSS Editor. */
    max-height: 601px !important;          /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;          /* ditambahkan dari Visual CSS Editor. */
    overflow: hidden !important;          /* ditambahkan dari Visual CSS Editor. */
    display: grid !important;          /* ditambahkan dari Visual CSS Editor. */
    align-items: center !important;          /* ditambahkan dari Visual CSS Editor. */
    justify-items: center !important;          /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] {
    --countdown-title-space: 24% !important;           /* untuk mengatur properti --countdown-title-space (Countdown). */
    position: relative !important;          /* ditambahkan dari Visual CSS Editor. */
    height: 601px !important;          /* ditambahkan dari Visual CSS Editor. */
    min-height: 601px !important;          /* ditambahkan dari Visual CSS Editor. */
    max-height: 601px !important;          /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;          /* ditambahkan dari Visual CSS Editor. */
    overflow: hidden !important;          /* ditambahkan dari Visual CSS Editor. */
    display: grid !important;          /* ditambahkan dari Visual CSS Editor. */
    align-items: center !important;          /* ditambahkan dari Visual CSS Editor. */
    justify-items: center !important;          /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] #section-countdown .countdown-heading {
    top: 27.11% !important;                  /* untuk mengatur jarak elemen dari sisi atas (Countdown). */
    width: min(74%, 390px) !important; /* untuk mengatur lebar elemen/isi section (Countdown). */
    left: 50% !important;                 /* ditambahkan dari Visual CSS Editor. */
    transform: translateX(-50%) !important;                 /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-heading {
    top: clamp(44px, 8svh, 78px) !important; /* untuk mengatur jarak elemen dari sisi atas (Countdown). */
    width: min(74%, 390px) !important; /* untuk mengatur lebar elemen/isi section (Countdown). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] #section-countdown .countdown-card {
    width: min(38%, 190px) !important; /* untuk mengatur lebar elemen/isi section (Countdown). */
    max-width: 190px !important; /* untuk membatasi lebar maksimum elemen/isi section (Countdown). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-card {
    width: min(38%, 190px) !important; /* untuk mengatur lebar elemen/isi section (Countdown). */
    max-width: 190px !important; /* untuk membatasi lebar maksimum elemen/isi section (Countdown). */
  }
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-countdown .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (Countdown, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Countdown, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Countdown, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Countdown, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Countdown, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Countdown, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Countdown, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (Countdown, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Countdown, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (Countdown, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Countdown, overlay section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="countdown"] .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (Countdown, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Countdown, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Countdown, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Countdown, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Countdown, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Countdown, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Countdown, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (Countdown, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Countdown, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (Countdown, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Countdown, overlay section). */
}

body[data-theme="nusantara"] #section-countdown .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (Countdown, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Countdown, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Countdown, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Countdown, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Countdown, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Countdown, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Countdown, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (Countdown, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Countdown, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (Countdown, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Countdown, overlay section). */
}

body[data-theme="nusantara"] .template-section[data-section="countdown"] .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (Countdown, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Countdown, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Countdown, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Countdown, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Countdown, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Countdown, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Countdown, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (Countdown, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Countdown, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (Countdown, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Countdown, overlay section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-countdown .countdown-heading {
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Countdown). */
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-countdown .countdown-card {
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Countdown). */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg #section-countdown {
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown). */
    background-color: transparent !important; /* untuk mengatur warna latar elemen (Countdown). */
    --countdown-title-space: 24% !important;          /* ditambahkan dari Visual CSS Editor. */
    position: relative !important;          /* ditambahkan dari Visual CSS Editor. */
    height: 601px !important;          /* ditambahkan dari Visual CSS Editor. */
    min-height: 601px !important;          /* ditambahkan dari Visual CSS Editor. */
    max-height: 601px !important;          /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;          /* ditambahkan dari Visual CSS Editor. */
    overflow: hidden !important;          /* ditambahkan dari Visual CSS Editor. */
    display: grid !important;          /* ditambahkan dari Visual CSS Editor. */
    align-items: center !important;          /* ditambahkan dari Visual CSS Editor. */
    justify-items: center !important;          /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-countdown {
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown). */
    background-color: transparent !important; /* untuk mengatur warna latar elemen (Countdown). */
    --countdown-title-space: 24% !important;          /* ditambahkan dari Visual CSS Editor. */
    position: relative !important;          /* ditambahkan dari Visual CSS Editor. */
    height: 601px !important;          /* ditambahkan dari Visual CSS Editor. */
    min-height: 601px !important;          /* ditambahkan dari Visual CSS Editor. */
    max-height: 601px !important;          /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;          /* ditambahkan dari Visual CSS Editor. */
    overflow: hidden !important;          /* ditambahkan dari Visual CSS Editor. */
    display: grid !important;          /* ditambahkan dari Visual CSS Editor. */
    align-items: center !important;          /* ditambahkan dari Visual CSS Editor. */
    justify-items: center !important;          /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg #section-countdown .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (Countdown, overlay section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="countdown"] .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (Countdown, overlay section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-countdown .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (Countdown, overlay section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (Countdown, overlay section). */
  }
}

body[data-theme="nusantara"] #section-countdown .countdown-frame-media video {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (Countdown). */
  mix-blend-mode: screen !important; /* untuk mengatur properti mix-blend-mode (Countdown). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Countdown). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Countdown). */
  -webkit-filter: none !important; /* untuk mengatur properti -webkit-filter (Countdown). */
  transform-style: flat !important; /* untuk mengatur properti transform-style (Countdown). */
  backface-visibility: hidden !important; /* untuk mengatur properti backface-visibility (Countdown). */
  -webkit-backface-visibility: hidden !important; /* untuk mengatur properti -webkit-backface-visibility (Countdown). */
}

body[data-theme="nusantara"] #section-countdown .countdown-frame-media {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (Countdown). */
  isolation: auto !important; /* untuk membuat tumpukan layer section berdiri sendiri (Countdown). */
}
/*Section 7*/
body[data-theme="nusantara"] #section-event {
  position: relative !important;                  /* untuk mengatur metode posisi elemen/layer. */
  min-height: 571px !important;                  /* untuk mengatur tinggi minimum area section. */
  overflow: visible !important;                  /* untuk mengatur bagian elemen yang keluar dari area. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  display: flex !important; /* untuk mengatur model layout elemen. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  padding: clamp(34px, 5svh, 54px) clamp(18px, 4vw, 34px) !important; /* untuk mengatur jarak dalam elemen. */
  box-sizing: border-box !important;                  /* untuk mengatur perhitungan lebar/tinggi elemen. */
  height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;                 /* ditambahkan dari Visual CSS Editor. */
  max-height: none !important;                 /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="event"] {
  position: relative !important;                  /* untuk mengatur metode posisi elemen/layer. */
  min-height: 571px !important;                  /* untuk mengatur tinggi minimum area section. */
  overflow: visible !important;                  /* untuk mengatur bagian elemen yang keluar dari area. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  display: flex !important; /* untuk mengatur model layout elemen. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  padding: clamp(34px, 5svh, 54px) clamp(18px, 4vw, 34px) !important; /* untuk mengatur jarak dalam elemen. */
  box-sizing: border-box !important;                  /* untuk mengatur perhitungan lebar/tinggi elemen. */
  height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;                 /* ditambahkan dari Visual CSS Editor. */
  max-height: none !important;                 /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] #section-event .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (background scroll). */
}

body[data-theme="nusantara"] #section-event .layer-fixed-bg video {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (background scroll). */
}

body[data-theme="nusantara"] #section-event .layer-fixed-bg img {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .layer-fixed-bg video {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .layer-fixed-bg img {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (background scroll). */
}

body[data-theme="nusantara"] #section-event .layer-section-media {
  display: none !important; /* untuk mengatur model layout elemen (media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .layer-section-media {
  display: none !important; /* untuk mengatur model layout elemen (media per section). */
}

body[data-theme="nusantara"] #section-event .location-panel {
  position: relative !important; /* untuk mengatur metode posisi elemen/layer. */
  width: min(78%, 300px) !important; /* untuk mengatur lebar elemen/isi section. */
  max-width: 300px !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  min-height: min(68svh, 520px) !important; /* untuk mengatur tinggi minimum area section. */
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen. */
  padding: clamp(28px, 5.2svh, 46px) clamp(18px, 4vw, 28px) !important; /* untuk mengatur jarak dalam elemen. */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen. */
  text-align: center !important; /* untuk mengatur perataan teks. */
  color: #4f3728 !important; /* untuk mengatur warna teks. */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  border: 1.25px solid rgba(77, 55, 40, .74) !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 6px !important; /* untuk mengatur lengkungan sudut elemen. */
  box-shadow: 0 12px 34px rgba(72, 49, 32, .08) !important; /* untuk mengatur bayangan elemen. */
  backdrop-filter: blur(2px) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen. */
  display: flex !important; /* untuk mengatur model layout elemen. */
  flex-direction: column !important; /* untuk mengatur properti flex-direction. */
  align-items: stretch !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  gap: clamp(22px, 4.5svh, 34px) !important; /* untuk mengatur jarak antar elemen. */
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .location-panel {
  position: relative !important; /* untuk mengatur metode posisi elemen/layer. */
  z-index: 4 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  width: min(78%, 300px) !important; /* untuk mengatur lebar elemen/isi section. */
  max-width: 300px !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  min-height: min(68svh, 520px) !important; /* untuk mengatur tinggi minimum area section. */
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen. */
  padding: clamp(28px, 5.2svh, 46px) clamp(18px, 4vw, 28px) !important; /* untuk mengatur jarak dalam elemen. */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen. */
  text-align: center !important; /* untuk mengatur perataan teks. */
  color: #4f3728 !important; /* untuk mengatur warna teks. */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  border: 1.25px solid rgba(77, 55, 40, .74) !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 6px !important; /* untuk mengatur lengkungan sudut elemen. */
  box-shadow: 0 12px 34px rgba(72, 49, 32, .08) !important; /* untuk mengatur bayangan elemen. */
  backdrop-filter: blur(2px) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen. */
  display: flex !important; /* untuk mengatur model layout elemen. */
  flex-direction: column !important; /* untuk mengatur properti flex-direction. */
  align-items: stretch !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  gap: clamp(22px, 4.5svh, 34px) !important; /* untuk mengatur jarak antar elemen. */
}

body[data-theme="nusantara"] #section-event .location-block {
  display: block !important; /* untuk mengatur model layout elemen. */
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  text-align: center !important; /* untuk mengatur perataan teks. */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .location-block {
  display: block !important; /* untuk mengatur model layout elemen. */
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  text-align: center !important; /* untuk mengatur perataan teks. */
}

body[data-theme="nusantara"] #section-event .location-block h3 {
  margin: 0 0 10px !important; /* untuk mengatur jarak luar elemen. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  font-family: var(--font-script) !important; /* untuk mengatur jenis font teks. */
  font-size: clamp(2.45rem, 9vw, 2.45rem) !important; /* untuk mengatur ukuran teks. */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks. */
  line-height: .78 !important; /* untuk mengatur tinggi baris teks. */
  color: #60412f !important; /* untuk mengatur warna teks. */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf. */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .location-block h3 {
  margin: 0 0 10px !important; /* untuk mengatur jarak luar elemen. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  font-family: var(--font-script) !important; /* untuk mengatur jenis font teks. */
  font-size: clamp(2.45rem, 9vw, 3.3rem) !important; /* untuk mengatur ukuran teks. */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks. */
  line-height: .78 !important; /* untuk mengatur tinggi baris teks. */
  color: #60412f !important; /* untuk mengatur warna teks. */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf. */
}

body[data-theme="nusantara"] #section-event .location-line {
  display: block !important; /* untuk mengatur model layout elemen. */
  width: min(86%, 190px) !important; /* untuk mengatur lebar elemen/isi section. */
  height: 1px !important; /* untuk mengatur tinggi elemen/area section. */
  margin: 0 auto 12px !important; /* untuk mengatur jarak luar elemen. */
  background: rgba(80, 58, 42, .62) !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .location-line {
  display: block !important; /* untuk mengatur model layout elemen. */
  width: min(86%, 190px) !important; /* untuk mengatur lebar elemen/isi section. */
  height: 1px !important; /* untuk mengatur tinggi elemen/area section. */
  margin: 0 auto 12px !important; /* untuk mengatur jarak luar elemen. */
  background: rgba(80, 58, 42, .62) !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"] #section-event .location-panel p {
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  color: #4f3728 !important; /* untuk mengatur warna teks. */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks. */
  font-size: clamp(.67rem, 2.15vw, .84rem) !important; /* untuk mengatur ukuran teks. */
  line-height: 1.25 !important; /* untuk mengatur tinggi baris teks. */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf. */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .location-panel p {
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  color: #4f3728 !important; /* untuk mengatur warna teks. */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks. */
  font-size: clamp(.67rem, 2.15vw, .84rem) !important; /* untuk mengatur ukuran teks. */
  line-height: 1.25 !important; /* untuk mengatur tinggi baris teks. */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf. */
}

body[data-theme="nusantara"] #section-event .location-date {
  font-weight: 800 !important; /* untuk mengatur ketebalan teks. */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .location-date {
  font-weight: 800 !important; /* untuk mengatur ketebalan teks. */
}

body[data-theme="nusantara"] #section-event .location-time {
  margin-top: 4px !important; /* untuk mengatur jarak luar sisi atas elemen. */
  font-weight: 600 !important; /* untuk mengatur ketebalan teks. */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .location-time {
  margin-top: 4px !important; /* untuk mengatur jarak luar sisi atas elemen. */
  font-weight: 600 !important; /* untuk mengatur ketebalan teks. */
}

body[data-theme="nusantara"] #section-event .location-venue {
  display: flex !important; /* untuk mengatur model layout elemen. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  max-width: 230px !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  margin: 8px auto 0 !important; /* untuk mengatur jarak luar elemen. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  flex-direction: column !important; /* untuk mengatur properti flex-direction. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  align-self: center !important; /* untuk mengatur posisi satu elemen secara vertikal/cross-axis. */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks. */
  text-align: center !important; /* untuk mengatur perataan teks. */
  white-space: normal !important; /* untuk mengatur cara spasi dan baris teks dibaca. */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .location-venue {
  display: flex !important; /* untuk mengatur model layout elemen. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  max-width: 230px !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  margin: 8px auto 0 !important; /* untuk mengatur jarak luar elemen. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  flex-direction: column !important; /* untuk mengatur properti flex-direction. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  align-self: center !important; /* untuk mengatur posisi satu elemen secara vertikal/cross-axis. */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks. */
  text-align: center !important; /* untuk mengatur perataan teks. */
  white-space: normal !important; /* untuk mengatur cara spasi dan baris teks dibaca. */
}

body[data-theme="nusantara"] #section-event .location-venue .venue-line {
  display: block !important; /* untuk mengatur model layout elemen. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  max-width: 230px !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  text-align: center !important; /* untuk mengatur perataan teks. */
  line-height: 1.22 !important; /* untuk mengatur tinggi baris teks. */
  white-space: nowrap !important; /* untuk mengatur cara spasi dan baris teks dibaca. */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .location-venue .venue-line {
  display: block !important; /* untuk mengatur model layout elemen. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  max-width: 230px !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  text-align: center !important; /* untuk mengatur perataan teks. */
  line-height: 1.22 !important; /* untuk mengatur tinggi baris teks. */
  white-space: nowrap !important; /* untuk mengatur cara spasi dan baris teks dibaca. */
}

body[data-theme="nusantara"] #section-event .location-map-actions {
  display: flex !important; /* untuk mengatur model layout elemen. */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  gap: 8px !important; /* untuk mengatur jarak antar elemen. */
  margin-top: clamp(0px, 1svh, 6px) !important; /* untuk mengatur jarak luar sisi atas elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .location-map-actions {
  display: flex !important; /* untuk mengatur model layout elemen. */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  gap: 8px !important; /* untuk mengatur jarak antar elemen. */
  margin-top: clamp(0px, 1svh, 6px) !important; /* untuk mengatur jarak luar sisi atas elemen. */
}

body[data-theme="nusantara"] #section-event .location-map-btn {
  display: inline-flex !important; /* untuk mengatur model layout elemen. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  gap: 6px !important; /* untuk mengatur jarak antar elemen. */
  min-height: 30px !important; /* untuk mengatur tinggi minimum area section. */
  padding: 7px 14px !important; /* untuk mengatur jarak dalam elemen. */
  border: 1px solid rgba(77, 55, 40, .58) !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen. */
  background: rgba(255, 255, 255, .62) !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  color: #60412f !important; /* untuk mengatur warna teks. */
  font-size: clamp(.64rem, 2vw, .76rem) !important; /* untuk mengatur ukuran teks. */
  font-weight: 700 !important; /* untuk mengatur ketebalan teks. */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks. */
  text-decoration: none !important; /* untuk mengatur dekorasi teks/link. */
  box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  backdrop-filter: blur(3px) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .location-map-btn {
  display: inline-flex !important; /* untuk mengatur model layout elemen. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  gap: 6px !important; /* untuk mengatur jarak antar elemen. */
  min-height: 30px !important; /* untuk mengatur tinggi minimum area section. */
  padding: 7px 14px !important; /* untuk mengatur jarak dalam elemen. */
  border: 1px solid rgba(77, 55, 40, .58) !important; /* untuk mengatur garis tepi elemen. */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen. */
  background: rgba(255, 255, 255, .62) !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  color: #60412f !important; /* untuk mengatur warna teks. */
  font-size: clamp(.64rem, 2vw, .76rem) !important; /* untuk mengatur ukuran teks. */
  font-weight: 700 !important; /* untuk mengatur ketebalan teks. */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks. */
  text-decoration: none !important; /* untuk mengatur dekorasi teks/link. */
  box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  backdrop-filter: blur(3px) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen. */
}

body[data-theme="nusantara"] #section-event .location-map-btn--secondary {
  display: inline-flex !important; /* sebelumnya: none */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .location-map-btn--secondary {
  display: inline-flex !important; /* sebelumnya: none */
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] #section-event .location-panel {
    width: min(72%, 330px) !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: 330px !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    min-height: min(72svh, 550px) !important; /* untuk mengatur tinggi minimum area section. */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] .template-section[data-section="event"] .location-panel {
    width: min(72%, 330px) !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: 330px !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    min-height: min(72svh, 550px) !important; /* untuk mengatur tinggi minimum area section. */
  }
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-event .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (overlay section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="event"] .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (overlay section). */
}

body[data-theme="nusantara"] #section-event .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (overlay section). */
}

body[data-theme="nusantara"] .template-section[data-section="event"] .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (overlay section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-event .location-panel {
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg #section-event {
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
    background-color: transparent !important; /* untuk mengatur warna latar elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-event {
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
    background-color: transparent !important; /* untuk mengatur warna latar elemen. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg #section-event .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (overlay section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="event"] .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (overlay section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-event .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (overlay section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .template-section[data-section="event"] .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (overlay section). */
  }
}
/*Section 8*/
body[data-theme="nusantara"] #section-gift {
  position: relative !important;                     /* untuk mengatur metode posisi elemen/layer (Gift). */
  min-height: 473px !important;                     /* untuk mengatur tinggi minimum area section (Gift). */
  overflow: visible !important;                     /* untuk mengatur bagian elemen yang keluar dari area (Gift). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
  display: flex !important; /* untuk mengatur model layout elemen (Gift). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gift). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Gift). */
  padding: clamp(34px, 5svh, 54px) clamp(18px, 4vw, 34px) !important; /* untuk mengatur jarak dalam elemen (Gift). */
  box-sizing: border-box !important;                     /* untuk mengatur perhitungan lebar/tinggi elemen (Gift). */
  height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;                    /* ditambahkan dari Visual CSS Editor. */
  max-height: none !important;                    /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="gift"] {
  position: relative !important;                     /* untuk mengatur metode posisi elemen/layer (Gift). */
  min-height: 473px !important;                     /* untuk mengatur tinggi minimum area section (Gift). */
  overflow: visible !important;                     /* untuk mengatur bagian elemen yang keluar dari area (Gift). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
  display: flex !important; /* untuk mengatur model layout elemen (Gift). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gift). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Gift). */
  padding: clamp(34px, 5svh, 54px) clamp(18px, 4vw, 34px) !important; /* untuk mengatur jarak dalam elemen (Gift). */
  box-sizing: border-box !important;                     /* untuk mengatur perhitungan lebar/tinggi elemen (Gift). */
  height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;                    /* ditambahkan dari Visual CSS Editor. */
  max-height: none !important;                    /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] #section-gift .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (Gift, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (Gift, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (Gift, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="gift"] .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (Gift, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (Gift, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (Gift, background scroll). */
}

body[data-theme="nusantara"] #section-gift .layer-fixed-bg video {
  display: none !important; /* untuk mengatur model layout elemen (Gift, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (Gift, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (Gift, background scroll). */
}

body[data-theme="nusantara"] #section-gift .layer-fixed-bg img {
  display: none !important; /* untuk mengatur model layout elemen (Gift, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (Gift, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (Gift, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="gift"] .layer-fixed-bg video {
  display: none !important; /* untuk mengatur model layout elemen (Gift, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (Gift, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (Gift, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="gift"] .layer-fixed-bg img {
  display: none !important; /* untuk mengatur model layout elemen (Gift, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (Gift, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (Gift, background scroll). */
}

body[data-theme="nusantara"] #section-gift .layer-section-media {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gift, media per section). */
  top: 50% !important; /* untuk mengatur jarak elemen dari sisi atas (Gift, media per section). */
  left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (Gift, media per section). */
  right: auto !important; /* untuk mengatur jarak elemen dari sisi kanan (Gift, media per section). */
  bottom: auto !important; /* untuk mengatur jarak elemen dari sisi bawah (Gift, media per section). */
  transform: translate(-50%, -50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gift, media per section). */
  z-index: 2 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gift, media per section). */
  width: min(86%, 390px) !important; /* untuk mengatur lebar elemen/isi section (Gift, media per section). */
  height: auto !important; /* untuk mengatur tinggi elemen/area section (Gift, media per section). */
  aspect-ratio: 1080 / 1442 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Gift, media per section). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gift, media per section). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gift, media per section). */
  overflow: visible !important; /* untuk mengatur bagian elemen yang keluar dari area (Gift, media per section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gift, media per section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, media per section). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (Gift, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="gift"] .layer-section-media {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gift, media per section). */
  top: 50% !important; /* untuk mengatur jarak elemen dari sisi atas (Gift, media per section). */
  left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (Gift, media per section). */
  right: auto !important; /* untuk mengatur jarak elemen dari sisi kanan (Gift, media per section). */
  bottom: auto !important; /* untuk mengatur jarak elemen dari sisi bawah (Gift, media per section). */
  transform: translate(-50%, -50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gift, media per section). */
  z-index: 2 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gift, media per section). */
  width: min(86%, 390px) !important; /* untuk mengatur lebar elemen/isi section (Gift, media per section). */
  height: auto !important; /* untuk mengatur tinggi elemen/area section (Gift, media per section). */
  aspect-ratio: 1080 / 1442 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Gift, media per section). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gift, media per section). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gift, media per section). */
  overflow: visible !important; /* untuk mengatur bagian elemen yang keluar dari area (Gift, media per section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gift, media per section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, media per section). */
}

body[data-theme="nusantara"] #section-gift .layer-section-media video {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gift, media per section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gift, media per section). */
  display: block !important; /* untuk mengatur model layout elemen (Gift, media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gift, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gift, media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Gift, media per section). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Gift, media per section). */
  object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Gift, media per section). */
  object-position: center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Gift, media per section). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gift, media per section). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gift, media per section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gift, media per section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gift, media per section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, media per section). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (Gift, media per section). */
  mix-blend-mode: screen !important; /* untuk mengatur properti mix-blend-mode (Gift, media per section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Gift, media per section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Gift, media per section). */
  -webkit-filter: none !important; /* untuk mengatur properti -webkit-filter (Gift, media per section). */
  transform-style: flat !important; /* untuk mengatur properti transform-style (Gift, media per section). */
  backface-visibility: hidden !important; /* untuk mengatur properti backface-visibility (Gift, media per section). */
  -webkit-backface-visibility: hidden !important; /* untuk mengatur properti -webkit-backface-visibility (Gift, media per section). */
}

body[data-theme="nusantara"] #section-gift .layer-section-media img {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gift, media per section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gift, media per section). */
  display: block !important; /* untuk mengatur model layout elemen (Gift, media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gift, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gift, media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Gift, media per section). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Gift, media per section). */
  object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Gift, media per section). */
  object-position: center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Gift, media per section). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gift, media per section). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gift, media per section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gift, media per section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, media per section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gift, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="gift"] .layer-section-media video {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gift, media per section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gift, media per section). */
  display: block !important; /* untuk mengatur model layout elemen (Gift, media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gift, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gift, media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Gift, media per section). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Gift, media per section). */
  object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Gift, media per section). */
  object-position: center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Gift, media per section). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gift, media per section). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gift, media per section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gift, media per section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, media per section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gift, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="gift"] .layer-section-media img {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gift, media per section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gift, media per section). */
  display: block !important; /* untuk mengatur model layout elemen (Gift, media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gift, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gift, media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Gift, media per section). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Gift, media per section). */
  object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Gift, media per section). */
  object-position: center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Gift, media per section). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gift, media per section). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gift, media per section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gift, media per section). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, media per section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gift, media per section). */
}

body[data-theme="nusantara"] #section-gift .gift-content-panel {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gift). */
  top: 50% !important; /* untuk mengatur jarak elemen dari sisi atas (Gift). */
  left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (Gift). */
  transform: translate(-50%, -50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gift). */
  width: min(76%, 312px) !important; /* untuk mengatur lebar elemen/isi section (Gift). */
  max-width: 312px !important; /* untuk membatasi lebar maksimum elemen/isi section (Gift). */
  min-height: min(58svh, 392px) !important; /* untuk mengatur tinggi minimum area section (Gift). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gift). */
  padding: clamp(42px, 7svh, 62px) clamp(24px, 5vw, 34px) !important; /* untuk mengatur jarak dalam elemen (Gift). */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen (Gift). */
  display: flex !important; /* untuk mengatur model layout elemen (Gift). */
  flex-direction: column !important; /* untuk mengatur properti flex-direction (Gift). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gift). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Gift). */
  gap: clamp(16px, 3.2svh, 24px) !important; /* untuk mengatur jarak antar elemen (Gift). */
  color: #4f3728 !important; /* untuk mengatur warna teks (Gift). */
  text-align: center !important; /* untuk mengatur perataan teks (Gift). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gift). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gift). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gift). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Gift). */
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gift). */
}

body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-content-panel {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gift). */
  z-index: 4 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gift). */
  top: 50% !important; /* untuk mengatur jarak elemen dari sisi atas (Gift). */
  left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (Gift). */
  transform: translate(-50%, -50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gift). */
  width: min(76%, 312px) !important; /* untuk mengatur lebar elemen/isi section (Gift). */
  max-width: 312px !important; /* untuk membatasi lebar maksimum elemen/isi section (Gift). */
  min-height: min(58svh, 392px) !important; /* untuk mengatur tinggi minimum area section (Gift). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gift). */
  padding: clamp(42px, 7svh, 62px) clamp(24px, 5vw, 34px) !important; /* untuk mengatur jarak dalam elemen (Gift). */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen (Gift). */
  display: flex !important; /* untuk mengatur model layout elemen (Gift). */
  flex-direction: column !important; /* untuk mengatur properti flex-direction (Gift). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gift). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Gift). */
  gap: clamp(16px, 3.2svh, 24px) !important; /* untuk mengatur jarak antar elemen (Gift). */
  color: #4f3728 !important; /* untuk mengatur warna teks (Gift). */
  text-align: center !important; /* untuk mengatur perataan teks (Gift). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gift). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gift). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gift). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Gift). */
}

body[data-theme="nusantara"] #section-gift .gift-block {
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gift). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gift). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gift). */
  display: flex !important; /* untuk mengatur model layout elemen (Gift). */
  flex-direction: column !important; /* untuk mengatur properti flex-direction (Gift). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gift). */
  text-align: center !important; /* untuk mengatur perataan teks (Gift). */
}

body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-block {
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gift). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gift). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gift). */
  display: flex !important; /* untuk mengatur model layout elemen (Gift). */
  flex-direction: column !important; /* untuk mengatur properti flex-direction (Gift). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gift). */
  text-align: center !important; /* untuk mengatur perataan teks (Gift). */
}

body[data-theme="nusantara"] #section-gift .gift-block h3 {
  margin: 0 0 8px !important; /* untuk mengatur jarak luar elemen (Gift). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gift). */
  color: #60412f !important; /* untuk mengatur warna teks (Gift). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (Gift). */
  font-size: clamp(1.85rem, 6.2vw, 2.35rem) !important; /* untuk mengatur ukuran teks (Gift). */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks (Gift). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (Gift). */
  letter-spacing: .01em !important; /* untuk mengatur jarak antar huruf (Gift). */
  transform: translate(0px, -22px) scale(0.935) !important;                              /* ditambahkan dari Visual CSS Editor. */
  transform-origin: center center !important;                              /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-block h3 {
  margin: 0 0 8px !important; /* untuk mengatur jarak luar elemen (Gift). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gift). */
  color: #60412f !important; /* untuk mengatur warna teks (Gift). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (Gift). */
  font-size: clamp(1.85rem, 6.2vw, 2.35rem) !important; /* untuk mengatur ukuran teks (Gift). */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks (Gift). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (Gift). */
  letter-spacing: .01em !important; /* untuk mengatur jarak antar huruf (Gift). */
}

body[data-theme="nusantara"] #section-gift .gift-block h3 em {
  font-family: var(--font-script) !important; /* untuk mengatur jenis font teks (Gift). */
  font-size: 1.22em !important; /* untuk mengatur ukuran teks (Gift). */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks (Gift). */
  line-height: .72 !important; /* untuk mengatur tinggi baris teks (Gift). */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf (Gift). */
}

body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-block h3 em {
  font-family: var(--font-script) !important; /* untuk mengatur jenis font teks (Gift). */
  font-size: 1.22em !important; /* untuk mengatur ukuran teks (Gift). */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks (Gift). */
  line-height: .72 !important; /* untuk mengatur tinggi baris teks (Gift). */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf (Gift). */
}

body[data-theme="nusantara"] #section-gift .gift-block p {
  width: min(100%, 250px) !important; /* untuk mengatur lebar elemen/isi section (Gift). */
  margin: 0 auto 12px !important; /* untuk mengatur jarak luar elemen (Gift). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gift). */
  color: #4f3728 !important; /* untuk mengatur warna teks (Gift). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (Gift). */
  font-size: clamp(.69rem, 2.05vw, .82rem) !important; /* untuk mengatur ukuran teks (Gift). */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks (Gift). */
  line-height: 1.35 !important; /* untuk mengatur tinggi baris teks (Gift). */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf (Gift). */
  text-align: center !important; /* untuk mengatur perataan teks (Gift). */
  transform: translate(0px, -20px) scale(1) !important;        /* ditambahkan dari Visual CSS Editor. */
  transform-origin: center center !important;        /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-block p {
  width: min(100%, 250px) !important; /* untuk mengatur lebar elemen/isi section (Gift). */
  margin: 0 auto 12px !important; /* untuk mengatur jarak luar elemen (Gift). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gift). */
  color: #4f3728 !important; /* untuk mengatur warna teks (Gift). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (Gift). */
  font-size: clamp(.69rem, 2.05vw, .82rem) !important; /* untuk mengatur ukuran teks (Gift). */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks (Gift). */
  line-height: 1.35 !important; /* untuk mengatur tinggi baris teks (Gift). */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf (Gift). */
  text-align: center !important; /* untuk mengatur perataan teks (Gift). */
}

body[data-theme="nusantara"] #section-gift .gift-action-btn {
  display: inline-flex !important; /* untuk mengatur model layout elemen (Gift). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gift). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Gift). */
  gap: 7px !important; /* untuk mengatur jarak antar elemen (Gift). */
  min-height: 30px !important; /* untuk mengatur tinggi minimum area section (Gift). */
  padding: 7px 15px !important; /* untuk mengatur jarak dalam elemen (Gift). */
  border: 1px solid rgba(77, 55, 40, .58) !important; /* untuk mengatur garis tepi elemen (Gift). */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen (Gift). */
  background: rgba(255, 255, 255, .58) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
  color: #60412f !important; /* untuk mengatur warna teks (Gift). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (Gift). */
  font-size: clamp(.64rem, 1.9vw, .76rem) !important; /* untuk mengatur ukuran teks (Gift). */
  font-weight: 700 !important; /* untuk mengatur ketebalan teks (Gift). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (Gift). */
  text-decoration: none !important; /* untuk mengatur dekorasi teks/link (Gift). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gift). */
  backdrop-filter: blur(3px) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Gift). */
  transform: translate(0px, -30px) scale(1) !important;       /* ditambahkan dari Visual CSS Editor. */
  transform-origin: center center !important;       /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-action-btn {
  display: inline-flex !important; /* untuk mengatur model layout elemen (Gift). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gift). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Gift). */
  gap: 7px !important; /* untuk mengatur jarak antar elemen (Gift). */
  min-height: 30px !important; /* untuk mengatur tinggi minimum area section (Gift). */
  padding: 7px 15px !important; /* untuk mengatur jarak dalam elemen (Gift). */
  border: 1px solid rgba(77, 55, 40, .58) !important; /* untuk mengatur garis tepi elemen (Gift). */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen (Gift). */
  background: rgba(255, 255, 255, .58) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
  color: #60412f !important; /* untuk mengatur warna teks (Gift). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (Gift). */
  font-size: clamp(.64rem, 1.9vw, .76rem) !important; /* untuk mengatur ukuran teks (Gift). */
  font-weight: 700 !important; /* untuk mengatur ketebalan teks (Gift). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (Gift). */
  text-decoration: none !important; /* untuk mengatur dekorasi teks/link (Gift). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gift). */
  backdrop-filter: blur(3px) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Gift). */
}

body[data-theme="nusantara"] #section-gift .gift-divider {
  display: block !important; /* untuk mengatur model layout elemen (Gift). */
  width: min(88%, 230px) !important; /* untuk mengatur lebar elemen/isi section (Gift). */
  height: 1px !important; /* untuk mengatur tinggi elemen/area section (Gift). */
  margin: clamp(2px, 1svh, 8px) auto !important; /* untuk mengatur jarak luar elemen (Gift). */
  background: rgba(80, 58, 42, .48) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
  transform: translate(0px, -10px) scale(1) !important;  /* ditambahkan dari Visual CSS Editor. */
  transform-origin: center center !important;  /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-divider {
  display: block !important; /* untuk mengatur model layout elemen (Gift). */
  width: min(88%, 230px) !important; /* untuk mengatur lebar elemen/isi section (Gift). */
  height: 1px !important; /* untuk mengatur tinggi elemen/area section (Gift). */
  margin: clamp(2px, 1svh, 8px) auto !important; /* untuk mengatur jarak luar elemen (Gift). */
  background: rgba(80, 58, 42, .48) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] #section-gift .gift-content-panel {
    width: min(62%, 270px) !important; /* untuk mengatur lebar elemen/isi section (Gift). */
    max-width: 270px !important; /* untuk membatasi lebar maksimum elemen/isi section (Gift). */
    min-height: min(56svh, 388px) !important; /* untuk mengatur tinggi minimum area section (Gift). */
    padding: clamp(38px, 6svh, 52px) clamp(18px, 3.2vw, 24px) !important; /* untuk mengatur jarak dalam elemen (Gift). */
    gap: clamp(14px, 2.4svh, 20px) !important; /* untuk mengatur jarak antar elemen (Gift). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-content-panel {
    width: min(62%, 270px) !important; /* untuk mengatur lebar elemen/isi section (Gift). */
    max-width: 270px !important; /* untuk membatasi lebar maksimum elemen/isi section (Gift). */
    min-height: min(56svh, 388px) !important; /* untuk mengatur tinggi minimum area section (Gift). */
    padding: clamp(38px, 6svh, 52px) clamp(18px, 3.2vw, 24px) !important; /* untuk mengatur jarak dalam elemen (Gift). */
    gap: clamp(14px, 2.4svh, 20px) !important; /* untuk mengatur jarak antar elemen (Gift). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] #section-gift .gift-block h3 {
    font-size: clamp(2.45rem, 3.2vw, 2.45rem) !important; /* untuk mengatur ukuran teks (Gift). */
    line-height: .98 !important; /* untuk mengatur tinggi baris teks (Gift). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-block h3 {
    font-size: clamp(1.55rem, 3.2vw, 2rem) !important; /* untuk mengatur ukuran teks (Gift). */
    line-height: .98 !important; /* untuk mengatur tinggi baris teks (Gift). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] #section-gift .gift-block h3 em {
    font-size: 1.18em !important; /* untuk mengatur ukuran teks (Gift). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-block h3 em {
    font-size: 1.18em !important; /* untuk mengatur ukuran teks (Gift). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] #section-gift .gift-block p {
    width: min(100%, 220px) !important; /* untuk mengatur lebar elemen/isi section (Gift). */
    max-width: 220px !important; /* untuk membatasi lebar maksimum elemen/isi section (Gift). */
    font-size: clamp(.66rem, 1.25vw, .76rem) !important; /* untuk mengatur ukuran teks (Gift). */
    line-height: 1.32 !important; /* untuk mengatur tinggi baris teks (Gift). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-block p {
    width: min(100%, 220px) !important; /* untuk mengatur lebar elemen/isi section (Gift). */
    max-width: 220px !important; /* untuk membatasi lebar maksimum elemen/isi section (Gift). */
    font-size: clamp(.66rem, 1.25vw, .76rem) !important; /* untuk mengatur ukuran teks (Gift). */
    line-height: 1.32 !important; /* untuk mengatur tinggi baris teks (Gift). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] #section-gift .gift-divider {
    width: min(82%, 210px) !important; /* untuk mengatur lebar elemen/isi section (Gift). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-divider {
    width: min(82%, 210px) !important; /* untuk mengatur lebar elemen/isi section (Gift). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] #section-gift .gift-action-btn {
    min-height: 28px !important; /* untuk mengatur tinggi minimum area section (Gift). */
    padding: 7px 14px !important; /* untuk mengatur jarak dalam elemen (Gift). */
    font-size: clamp(.62rem, 1.1vw, .72rem) !important; /* untuk mengatur ukuran teks (Gift). */
    transform: translate(0px, -20px) scale(1) !important;      /* ditambahkan dari Visual CSS Editor. */
    transform-origin: center center !important;      /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-action-btn {
    min-height: 28px !important; /* untuk mengatur tinggi minimum area section (Gift). */
    padding: 7px 14px !important; /* untuk mengatur jarak dalam elemen (Gift). */
    font-size: clamp(.62rem, 1.1vw, .72rem) !important; /* untuk mengatur ukuran teks (Gift). */
  }
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-gift .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (Gift, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gift, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gift, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gift, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gift, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gift, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Gift, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (Gift, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Gift, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (Gift, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gift, overlay section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="gift"] .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (Gift, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gift, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gift, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gift, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gift, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gift, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Gift, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (Gift, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Gift, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (Gift, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gift, overlay section). */
}

body[data-theme="nusantara"] #section-gift .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (Gift, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gift, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gift, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gift, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gift, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gift, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Gift, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (Gift, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Gift, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (Gift, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gift, overlay section). */
}

body[data-theme="nusantara"] .template-section[data-section="gift"] .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (Gift, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gift, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gift, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gift, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gift, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gift, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Gift, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (Gift, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Gift, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (Gift, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gift, overlay section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-gift .gift-content-panel {
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gift). */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg #section-gift {
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
    background-color: transparent !important; /* untuk mengatur warna latar elemen (Gift). */
    position: relative !important;     /* ditambahkan dari Visual CSS Editor. */
    min-height: 473px !important;     /* ditambahkan dari Visual CSS Editor. */
    height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;     /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;     /* ditambahkan dari Visual CSS Editor. */
    overflow: visible !important;     /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;     /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-gift {
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
    background-color: transparent !important; /* untuk mengatur warna latar elemen (Gift). */
    position: relative !important;     /* ditambahkan dari Visual CSS Editor. */
    min-height: 473px !important;     /* ditambahkan dari Visual CSS Editor. */
    height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;     /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;     /* ditambahkan dari Visual CSS Editor. */
    overflow: visible !important;     /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;     /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg #section-gift .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (Gift, overlay section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="gift"] .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (Gift, overlay section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-gift .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (Gift, overlay section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .template-section[data-section="gift"] .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (Gift, overlay section). */
  }
}

body[data-theme="nusantara"] #section-gift .gift-frame-media video {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (Gift). */
  mix-blend-mode: screen !important; /* untuk mengatur properti mix-blend-mode (Gift). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Gift). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Gift). */
  -webkit-filter: none !important; /* untuk mengatur properti -webkit-filter (Gift). */
  transform-style: flat !important; /* untuk mengatur properti transform-style (Gift). */
  backface-visibility: hidden !important; /* untuk mengatur properti backface-visibility (Gift). */
  -webkit-backface-visibility: hidden !important; /* untuk mengatur properti -webkit-backface-visibility (Gift). */
}

body[data-theme="nusantara"] #section-gift .gift-frame-media {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (Gift). */
  isolation: auto !important; /* untuk membuat tumpukan layer section berdiri sendiri (Gift). */
}
/*Section 9*/
.form-status {
  min-height: 24px; /* untuk mengatur tinggi minimum area section. */
  font-size: .88rem; /* untuk mengatur ukuran teks. */
}

body[data-theme="nusantara"] #section-rsvp {
  position: relative !important;                          /* untuk mengatur metode posisi elemen/layer (RSVP). */
  min-height: 505px !important;                          /* untuk mengatur tinggi minimum area section (RSVP). */
  overflow: visible !important;                          /* untuk mengatur bagian elemen yang keluar dari area (RSVP). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
  display: flex !important; /* untuk mengatur model layout elemen (RSVP). */
  align-items: flex-start !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (RSVP). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (RSVP). */
  padding: clamp(28px, 7svh, 64px) clamp(18px, 4vw, 34px) clamp(92px, 15svh, 128px) !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  box-sizing: border-box !important;                          /* untuk mengatur perhitungan lebar/tinggi elemen (RSVP). */
  height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;                         /* ditambahkan dari Visual CSS Editor. */
  max-height: none !important;                         /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] {
  position: relative !important;                          /* untuk mengatur metode posisi elemen/layer (RSVP). */
  min-height: 505px !important;                          /* untuk mengatur tinggi minimum area section (RSVP). */
  overflow: visible !important;                          /* untuk mengatur bagian elemen yang keluar dari area (RSVP). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
  display: flex !important; /* untuk mengatur model layout elemen (RSVP). */
  align-items: flex-start !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (RSVP). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (RSVP). */
  padding: clamp(28px, 7svh, 64px) clamp(18px, 4vw, 34px) clamp(92px, 15svh, 128px) !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  box-sizing: border-box !important;                          /* untuk mengatur perhitungan lebar/tinggi elemen (RSVP). */
  height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;                         /* ditambahkan dari Visual CSS Editor. */
  max-height: none !important;                         /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] #section-rsvp .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (RSVP, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (RSVP, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (RSVP, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (RSVP, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (RSVP, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (RSVP, background scroll). */
}

body[data-theme="nusantara"] #section-rsvp .layer-fixed-bg video {
  display: none !important; /* untuk mengatur model layout elemen (RSVP, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (RSVP, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (RSVP, background scroll). */
}

body[data-theme="nusantara"] #section-rsvp .layer-fixed-bg img {
  display: none !important; /* untuk mengatur model layout elemen (RSVP, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (RSVP, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (RSVP, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .layer-fixed-bg video {
  display: none !important; /* untuk mengatur model layout elemen (RSVP, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (RSVP, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (RSVP, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .layer-fixed-bg img {
  display: none !important; /* untuk mengatur model layout elemen (RSVP, background scroll). */
  visibility: hidden !important; /* untuk mengatur properti visibility (RSVP, background scroll). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (RSVP, background scroll). */
}

body[data-theme="nusantara"] #section-rsvp .layer-section-media {
  display: none !important; /* untuk mengatur model layout elemen (RSVP, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .layer-section-media {
  display: none !important; /* untuk mengatur model layout elemen (RSVP, media per section). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-panel {
  position: relative !important; /* untuk mengatur metode posisi elemen/layer (RSVP). */
  width: min(86%, 330px) !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
  max-width: 330px !important; /* untuk membatasi lebar maksimum elemen/isi section (RSVP). */
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen (RSVP). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  color: #4f3728 !important; /* untuk mengatur warna teks (RSVP). */
  text-align: center !important; /* untuk mengatur perataan teks (RSVP). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (RSVP). */
  background-image: none !important; /* untuk mengatur gambar/gradient latar elemen (RSVP). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (RSVP). */
  border-color: transparent !important; /* untuk mengatur properti border-color (RSVP). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (RSVP). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (RSVP). */
  -webkit-backdrop-filter: none !important; /* untuk mengatur properti -webkit-backdrop-filter (RSVP). */
  outline: 0 !important; /* untuk mengatur garis fokus elemen (RSVP). */
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (RSVP). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-panel {
  position: relative !important; /* untuk mengatur metode posisi elemen/layer (RSVP). */
  z-index: 4 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (RSVP). */
  width: min(86%, 330px) !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
  max-width: 330px !important; /* untuk membatasi lebar maksimum elemen/isi section (RSVP). */
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen (RSVP). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  color: #4f3728 !important; /* untuk mengatur warna teks (RSVP). */
  text-align: center !important; /* untuk mengatur perataan teks (RSVP). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (RSVP). */
  background-image: none !important; /* untuk mengatur gambar/gradient latar elemen (RSVP). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (RSVP). */
  border-color: transparent !important; /* untuk mengatur properti border-color (RSVP). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (RSVP). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (RSVP). */
  -webkit-backdrop-filter: none !important; /* untuk mengatur properti -webkit-backdrop-filter (RSVP). */
  outline: 0 !important; /* untuk mengatur garis fokus elemen (RSVP). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-panel h2 {
  margin: 0 0 clamp(10px, 2.2svh, 16px) !important; /* untuk mengatur jarak luar elemen (RSVP). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (RSVP). */
  font-size: clamp(2.45rem, 11vw, 2.45rem) !important; /* untuk mengatur ukuran teks (RSVP). */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks (RSVP). */
  line-height: .86 !important; /* untuk mengatur tinggi baris teks (RSVP). */
  color: #4f3728 !important; /* untuk mengatur warna teks (RSVP). */
  text-transform: uppercase !important; /* untuk mengatur kapitalisasi teks (RSVP). */
  letter-spacing: .02em !important; /* untuk mengatur jarak antar huruf (RSVP). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-panel h2 {
  margin: 0 0 clamp(10px, 2.2svh, 16px) !important; /* untuk mengatur jarak luar elemen (RSVP). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (RSVP). */
  font-size: clamp(2.75rem, 11vw, 4.15rem) !important; /* untuk mengatur ukuran teks (RSVP). */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks (RSVP). */
  line-height: .86 !important; /* untuk mengatur tinggi baris teks (RSVP). */
  color: #4f3728 !important; /* untuk mengatur warna teks (RSVP). */
  text-transform: uppercase !important; /* untuk mengatur kapitalisasi teks (RSVP). */
  letter-spacing: .02em !important; /* untuk mengatur jarak antar huruf (RSVP). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-intro {
  width: min(100%, 310px) !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
  margin: 0 auto clamp(12px, 2.4svh, 18px) !important; /* untuk mengatur jarak luar elemen (RSVP). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  color: #604c3f !important; /* untuk mengatur warna teks (RSVP). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (RSVP). */
  font-size: clamp(.72rem, 2.35vw, .86rem) !important; /* untuk mengatur ukuran teks (RSVP). */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks (RSVP). */
  line-height: 1.45 !important; /* untuk mengatur tinggi baris teks (RSVP). */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf (RSVP). */
  text-align: center !important; /* untuk mengatur perataan teks (RSVP). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-intro {
  width: min(100%, 310px) !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
  margin: 0 auto clamp(12px, 2.4svh, 18px) !important; /* untuk mengatur jarak luar elemen (RSVP). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  color: #604c3f !important; /* untuk mengatur warna teks (RSVP). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (RSVP). */
  font-size: clamp(.72rem, 2.35vw, .86rem) !important; /* untuk mengatur ukuran teks (RSVP). */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks (RSVP). */
  line-height: 1.45 !important; /* untuk mengatur tinggi baris teks (RSVP). */
  letter-spacing: 0 !important; /* untuk mengatur jarak antar huruf (RSVP). */
  text-align: center !important; /* untuk mengatur perataan teks (RSVP). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-form {
  display: grid !important; /* untuk mengatur model layout elemen (RSVP). */
  width: min(100%, 310px) !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen (RSVP). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  gap: 10px !important; /* untuk mengatur jarak antar elemen (RSVP). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-form {
  display: grid !important; /* untuk mengatur model layout elemen (RSVP). */
  width: min(100%, 310px) !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen (RSVP). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  gap: 10px !important; /* untuk mengatur jarak antar elemen (RSVP). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-form input {
  display: block !important; /* untuk mengatur model layout elemen (RSVP). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
  min-height: 36px !important; /* untuk mengatur tinggi minimum area section (RSVP). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (RSVP). */
  padding: 0 14px !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen (RSVP). */
  border: 1px solid rgba(78, 55, 40, .72) !important; /* untuk mengatur garis tepi elemen (RSVP). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP). */
  outline: 0 !important; /* untuk mengatur garis fokus elemen (RSVP). */
  background: rgba(255, 255, 255, .72) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
  color: #4f3728 !important; /* untuk mengatur warna teks (RSVP). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (RSVP). */
  font-size: clamp(.72rem, 2.2vw, .84rem) !important; /* untuk mengatur ukuran teks (RSVP). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (RSVP). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP). */
  appearance: auto !important; /* untuk mengatur tampilan bawaan browser pada input/button (RSVP). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-form select {
  display: block !important; /* untuk mengatur model layout elemen (RSVP). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
  min-height: 36px !important; /* untuk mengatur tinggi minimum area section (RSVP). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (RSVP). */
  padding: 0 14px !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen (RSVP). */
  border: 1px solid rgba(78, 55, 40, .72) !important; /* untuk mengatur garis tepi elemen (RSVP). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP). */
  outline: 0 !important; /* untuk mengatur garis fokus elemen (RSVP). */
  background: rgba(255, 255, 255, .72) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
  color: #4f3728 !important; /* untuk mengatur warna teks (RSVP). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (RSVP). */
  font-size: clamp(.72rem, 2.2vw, .84rem) !important; /* untuk mengatur ukuran teks (RSVP). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (RSVP). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP). */
  appearance: auto !important; /* untuk mengatur tampilan bawaan browser pada input/button (RSVP). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-form input {
  display: block !important; /* untuk mengatur model layout elemen (RSVP). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
  min-height: 36px !important; /* untuk mengatur tinggi minimum area section (RSVP). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (RSVP). */
  padding: 0 14px !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen (RSVP). */
  border: 1px solid rgba(78, 55, 40, .72) !important; /* untuk mengatur garis tepi elemen (RSVP). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP). */
  outline: 0 !important; /* untuk mengatur garis fokus elemen (RSVP). */
  background: rgba(255, 255, 255, .72) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
  color: #4f3728 !important; /* untuk mengatur warna teks (RSVP). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (RSVP). */
  font-size: clamp(.72rem, 2.2vw, .84rem) !important; /* untuk mengatur ukuran teks (RSVP). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (RSVP). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP). */
  appearance: auto !important; /* untuk mengatur tampilan bawaan browser pada input/button (RSVP). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-form select {
  display: block !important; /* untuk mengatur model layout elemen (RSVP). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
  min-height: 36px !important; /* untuk mengatur tinggi minimum area section (RSVP). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (RSVP). */
  padding: 0 14px !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen (RSVP). */
  border: 1px solid rgba(78, 55, 40, .72) !important; /* untuk mengatur garis tepi elemen (RSVP). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP). */
  outline: 0 !important; /* untuk mengatur garis fokus elemen (RSVP). */
  background: rgba(255, 255, 255, .72) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
  color: #4f3728 !important; /* untuk mengatur warna teks (RSVP). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (RSVP). */
  font-size: clamp(.72rem, 2.2vw, .84rem) !important; /* untuk mengatur ukuran teks (RSVP). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (RSVP). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP). */
  appearance: auto !important; /* untuk mengatur tampilan bawaan browser pada input/button (RSVP). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-form input::placeholder {
  color: rgba(79, 55, 40, .52) !important; /* untuk mengatur warna teks (RSVP). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-form input::placeholder {
  color: rgba(79, 55, 40, .52) !important; /* untuk mengatur warna teks (RSVP). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-submit {
  display: inline-flex !important; /* untuk mengatur model layout elemen (RSVP). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (RSVP). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (RSVP). */
  width: 88px !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
  min-height: 36px !important; /* untuk mengatur tinggi minimum area section (RSVP). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (RSVP). */
  padding: 0 18px !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (RSVP). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP). */
  background: #4b3524 !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
  color: #fffaf4 !important; /* untuk mengatur warna teks (RSVP). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (RSVP). */
  font-size: clamp(.72rem, 2.1vw, .82rem) !important; /* untuk mengatur ukuran teks (RSVP). */
  font-weight: 600 !important; /* untuk mengatur ketebalan teks (RSVP). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (RSVP). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP). */
  cursor: pointer !important; /* untuk mengatur bentuk kursor saat hover (RSVP). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-submit {
  display: inline-flex !important; /* untuk mengatur model layout elemen (RSVP). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (RSVP). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (RSVP). */
  width: 88px !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
  min-height: 36px !important; /* untuk mengatur tinggi minimum area section (RSVP). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (RSVP). */
  padding: 0 18px !important; /* untuk mengatur jarak dalam elemen (RSVP). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (RSVP). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP). */
  background: #4b3524 !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
  color: #fffaf4 !important; /* untuk mengatur warna teks (RSVP). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (RSVP). */
  font-size: clamp(.72rem, 2.1vw, .82rem) !important; /* untuk mengatur ukuran teks (RSVP). */
  font-weight: 600 !important; /* untuk mengatur ketebalan teks (RSVP). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (RSVP). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP). */
  cursor: pointer !important; /* untuk mengatur bentuk kursor saat hover (RSVP). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-status {
  width: min(100%, 310px) !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
  min-height: 20px !important; /* untuk mengatur tinggi minimum area section (RSVP). */
  margin: 12px auto 0 !important; /* untuk mengatur jarak luar elemen (RSVP). */
  color: #604c3f !important; /* untuk mengatur warna teks (RSVP). */
  font-size: clamp(.68rem, 2vw, .78rem) !important; /* untuk mengatur ukuran teks (RSVP). */
  line-height: 1.35 !important; /* untuk mengatur tinggi baris teks (RSVP). */
  text-align: center !important; /* untuk mengatur perataan teks (RSVP). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-status {
  width: min(100%, 310px) !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
  min-height: 20px !important; /* untuk mengatur tinggi minimum area section (RSVP). */
  margin: 12px auto 0 !important; /* untuk mengatur jarak luar elemen (RSVP). */
  color: #604c3f !important; /* untuk mengatur warna teks (RSVP). */
  font-size: clamp(.68rem, 2vw, .78rem) !important; /* untuk mengatur ukuran teks (RSVP). */
  line-height: 1.35 !important; /* untuk mengatur tinggi baris teks (RSVP). */
  text-align: center !important; /* untuk mengatur perataan teks (RSVP). */
}

/* ═══ RSVP LIST: daftar konfirmasi kehadiran tamu (tampil setelah submit + riwayat dari Google Sheets) ═══ */
body[data-theme="nusantara"] #section-rsvp .rsvp-list,
body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-list {
  display: grid !important; /* untuk mengatur model layout elemen (RSVP List). */
  gap: 8px !important; /* untuk mengatur jarak antar elemen (RSVP List). */
  width: min(100%, 310px) !important; /* untuk mengatur lebar elemen/isi section (RSVP List). */
  margin: 14px auto 0 !important; /* untuk mengatur jarak luar elemen (RSVP List). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (RSVP List). */
  max-height: clamp(140px, 26svh, 220px) !important; /* untuk membatasi tinggi maksimum elemen (RSVP List). */
  overflow-y: auto !important; /* untuk mengatur overflow vertikal (RSVP List). */
  scrollbar-width: thin !important; /* untuk mengatur properti scrollbar-width (RSVP List). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-list-empty,
body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-list-empty {
  margin: 0 !important; /* untuk mengatur jarak luar elemen (RSVP List). */
  padding: 10px !important; /* untuk mengatur jarak dalam elemen (RSVP List). */
  text-align: center !important; /* untuk mengatur perataan teks (RSVP List). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (RSVP List). */
  font-size: clamp(.66rem, 1.6vw, .76rem) !important; /* untuk mengatur ukuran teks (RSVP List). */
  color: rgba(74, 51, 40, .62) !important; /* untuk mengatur warna teks (RSVP List). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-item,
body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-item {
  display: grid !important; /* untuk mengatur model layout elemen (RSVP List). */
  grid-template-columns: 36px minmax(0, 1fr) !important; /* untuk mengatur jumlah/lebar kolom grid (RSVP List). */
  gap: 9px !important; /* untuk mengatur jarak antar elemen (RSVP List). */
  align-items: start !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (RSVP List). */
  padding: 9px 10px !important; /* untuk mengatur jarak dalam elemen (RSVP List). */
  border: 1px solid rgba(74, 51, 40, .20) !important; /* untuk mengatur garis tepi elemen (RSVP List). */
  background: rgba(255, 255, 255, .76) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP List). */
  color: #4a3328 !important; /* untuk mengatur warna teks (RSVP List). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-avatar,
body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-avatar {
  width: 30px !important; /* untuk mengatur lebar elemen/isi section (RSVP List). */
  height: 30px !important; /* untuk mengatur tinggi elemen/area section (RSVP List). */
  display: grid !important; /* untuk mengatur model layout elemen (RSVP List). */
  place-items: center !important; /* untuk memusatkan isi pada layout grid (RSVP List). */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen (RSVP List). */
  background: rgba(74, 51, 40, .13) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP List). */
  color: rgba(74, 51, 40, .72) !important; /* untuk mengatur warna teks (RSVP List). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (RSVP List). */
  font-size: .78rem !important; /* untuk mengatur ukuran teks (RSVP List). */
  font-weight: 700 !important; /* untuk mengatur ketebalan teks (RSVP List). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-body,
body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-body {
  min-width: 0 !important; /* untuk mengatur lebar minimum elemen (RSVP List). */
  text-align: left !important; /* untuk mengatur perataan teks (RSVP List). */
  display: grid !important; /* untuk mengatur model layout elemen (RSVP List). */
  gap: 3px !important; /* untuk mengatur jarak antar elemen (RSVP List). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-body strong,
body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-body strong {
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (RSVP List). */
  font-size: clamp(.74rem, 1.3vw, .86rem) !important; /* untuk mengatur ukuran teks (RSVP List). */
  line-height: 1.15 !important; /* untuk mengatur tinggi baris teks (RSVP List). */
  color: #4a3328 !important; /* untuk mengatur warna teks (RSVP List). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-badge,
body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-badge {
  display: inline-block !important; /* untuk mengatur model layout elemen (RSVP List). */
  width: fit-content !important; /* untuk mengatur lebar elemen/isi section (RSVP List). */
  padding: 2px 8px !important; /* untuk mengatur jarak dalam elemen (RSVP List). */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen (RSVP List). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (RSVP List). */
  font-size: clamp(.58rem, 1.05vw, .68rem) !important; /* untuk mengatur ukuran teks (RSVP List). */
  font-weight: 600 !important; /* untuk mengatur ketebalan teks (RSVP List). */
  letter-spacing: .02em !important; /* untuk mengatur jarak antar huruf (RSVP List). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-badge--hadir,
body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-badge--hadir {
  background: rgba(76, 138, 90, .16) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP List). */
  color: #2f6b3f !important; /* untuk mengatur warna teks (RSVP List). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-badge--tidak,
body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-badge--tidak {
  background: rgba(178, 58, 58, .14) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP List). */
  color: #a13636 !important; /* untuk mengatur warna teks (RSVP List). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-badge--ragu,
body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-badge--ragu {
  background: rgba(148, 116, 44, .16) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP List). */
  color: #8a6a24 !important; /* untuk mengatur warna teks (RSVP List). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-time,
body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-time {
  display: block !important; /* untuk mengatur model layout elemen (RSVP List). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (RSVP List). */
  font-size: clamp(.52rem, .95vw, .64rem) !important; /* untuk mengatur ukuran teks (RSVP List). */
  color: rgba(74, 51, 40, .58) !important; /* untuk mengatur warna teks (RSVP List). */
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] #section-rsvp {
    padding-top: clamp(52px, 8svh, 78px) !important; /* untuk mengatur jarak dalam sisi atas elemen (RSVP). */
    position: relative !important;  /* ditambahkan dari Visual CSS Editor. */
    min-height: 530px !important;  /* ditambahkan dari Visual CSS Editor. */
    height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;  /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;  /* ditambahkan dari Visual CSS Editor. */
    overflow: visible !important;  /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;  /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] .template-section[data-section="rsvp"] {
    padding-top: clamp(52px, 8svh, 78px) !important; /* untuk mengatur jarak dalam sisi atas elemen (RSVP). */
    position: relative !important;  /* ditambahkan dari Visual CSS Editor. */
    min-height: 530px !important;  /* ditambahkan dari Visual CSS Editor. */
    height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;  /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;  /* ditambahkan dari Visual CSS Editor. */
    overflow: visible !important;  /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;  /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] #section-rsvp .rsvp-panel {
    width: min(76%, 350px) !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
    max-width: 350px !important; /* untuk membatasi lebar maksimum elemen/isi section (RSVP). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-panel {
    width: min(76%, 350px) !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
    max-width: 350px !important; /* untuk membatasi lebar maksimum elemen/isi section (RSVP). */
  }
}

body[data-theme="nusantara"] #section-rsvp .layer-text.rsvp-panel {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP, isi/text section). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (RSVP, isi/text section). */
  background-image: none !important; /* untuk mengatur gambar/gradient latar elemen (RSVP, isi/text section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (RSVP, isi/text section). */
  border-color: transparent !important; /* untuk mengatur properti border-color (RSVP, isi/text section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP, isi/text section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP, isi/text section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (RSVP, isi/text section). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (RSVP, isi/text section). */
  -webkit-backdrop-filter: none !important; /* untuk mengatur properti -webkit-backdrop-filter (RSVP, isi/text section). */
  outline: 0 !important; /* untuk mengatur garis fokus elemen (RSVP, isi/text section). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .layer-text.rsvp-panel {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP, isi/text section). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (RSVP, isi/text section). */
  background-image: none !important; /* untuk mengatur gambar/gradient latar elemen (RSVP, isi/text section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (RSVP, isi/text section). */
  border-color: transparent !important; /* untuk mengatur properti border-color (RSVP, isi/text section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP, isi/text section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP, isi/text section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (RSVP, isi/text section). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (RSVP, isi/text section). */
  -webkit-backdrop-filter: none !important; /* untuk mengatur properti -webkit-backdrop-filter (RSVP, isi/text section). */
  outline: 0 !important; /* untuk mengatur garis fokus elemen (RSVP, isi/text section). */
}

body[data-theme="nusantara"] #section-rsvp .section-card {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP, isi/text section). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (RSVP, isi/text section). */
  background-image: none !important; /* untuk mengatur gambar/gradient latar elemen (RSVP, isi/text section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (RSVP, isi/text section). */
  border-color: transparent !important; /* untuk mengatur properti border-color (RSVP, isi/text section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP, isi/text section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP, isi/text section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (RSVP, isi/text section). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (RSVP, isi/text section). */
  -webkit-backdrop-filter: none !important; /* untuk mengatur properti -webkit-backdrop-filter (RSVP, isi/text section). */
  outline: 0 !important; /* untuk mengatur garis fokus elemen (RSVP, isi/text section). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .section-card {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP, isi/text section). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (RSVP, isi/text section). */
  background-image: none !important; /* untuk mengatur gambar/gradient latar elemen (RSVP, isi/text section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (RSVP, isi/text section). */
  border-color: transparent !important; /* untuk mengatur properti border-color (RSVP, isi/text section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP, isi/text section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP, isi/text section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (RSVP, isi/text section). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (RSVP, isi/text section). */
  -webkit-backdrop-filter: none !important; /* untuk mengatur properti -webkit-backdrop-filter (RSVP, isi/text section). */
  outline: 0 !important; /* untuk mengatur garis fokus elemen (RSVP, isi/text section). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-card {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (RSVP). */
  background-image: none !important; /* untuk mengatur gambar/gradient latar elemen (RSVP). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (RSVP). */
  border-color: transparent !important; /* untuk mengatur properti border-color (RSVP). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (RSVP). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (RSVP). */
  -webkit-backdrop-filter: none !important; /* untuk mengatur properti -webkit-backdrop-filter (RSVP). */
  outline: 0 !important; /* untuk mengatur garis fokus elemen (RSVP). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-card {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (RSVP). */
  background-image: none !important; /* untuk mengatur gambar/gradient latar elemen (RSVP). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (RSVP). */
  border-color: transparent !important; /* untuk mengatur properti border-color (RSVP). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (RSVP). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (RSVP). */
  -webkit-backdrop-filter: none !important; /* untuk mengatur properti -webkit-backdrop-filter (RSVP). */
  outline: 0 !important; /* untuk mengatur garis fokus elemen (RSVP). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-content {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (RSVP). */
  background-image: none !important; /* untuk mengatur gambar/gradient latar elemen (RSVP). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (RSVP). */
  border-color: transparent !important; /* untuk mengatur properti border-color (RSVP). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (RSVP). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (RSVP). */
  -webkit-backdrop-filter: none !important; /* untuk mengatur properti -webkit-backdrop-filter (RSVP). */
  outline: 0 !important; /* untuk mengatur garis fokus elemen (RSVP). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-content {
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
  background-color: transparent !important; /* untuk mengatur warna latar elemen (RSVP). */
  background-image: none !important; /* untuk mengatur gambar/gradient latar elemen (RSVP). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (RSVP). */
  border-color: transparent !important; /* untuk mengatur properti border-color (RSVP). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (RSVP). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (RSVP). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (RSVP). */
  -webkit-backdrop-filter: none !important; /* untuk mengatur properti -webkit-backdrop-filter (RSVP). */
  outline: 0 !important; /* untuk mengatur garis fokus elemen (RSVP). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-panel::before {
  content: none !important; /* untuk membuat isi pseudo-element (RSVP). */
  display: none !important; /* untuk mengatur model layout elemen (RSVP). */
}

body[data-theme="nusantara"] #section-rsvp .rsvp-panel::after {
  content: none !important; /* untuk membuat isi pseudo-element (RSVP). */
  display: none !important; /* untuk mengatur model layout elemen (RSVP). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-panel::before {
  content: none !important; /* untuk membuat isi pseudo-element (RSVP). */
  display: none !important; /* untuk mengatur model layout elemen (RSVP). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-panel::after {
  content: none !important; /* untuk membuat isi pseudo-element (RSVP). */
  display: none !important; /* untuk mengatur model layout elemen (RSVP). */
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-rsvp .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (RSVP, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (RSVP, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (RSVP, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (RSVP, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (RSVP, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (RSVP, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (RSVP, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (RSVP, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (RSVP, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (RSVP, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (RSVP, overlay section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="rsvp"] .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (RSVP, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (RSVP, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (RSVP, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (RSVP, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (RSVP, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (RSVP, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (RSVP, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (RSVP, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (RSVP, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (RSVP, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (RSVP, overlay section). */
}

body[data-theme="nusantara"] #section-rsvp .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (RSVP, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (RSVP, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (RSVP, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (RSVP, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (RSVP, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (RSVP, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (RSVP, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (RSVP, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (RSVP, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (RSVP, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (RSVP, overlay section). */
}

body[data-theme="nusantara"] .template-section[data-section="rsvp"] .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (RSVP, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (RSVP, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (RSVP, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (RSVP, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (RSVP, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (RSVP, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (RSVP, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (RSVP, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (RSVP, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (RSVP, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (RSVP, overlay section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-rsvp .rsvp-panel {
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (RSVP). */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg #section-rsvp {
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
    background-color: transparent !important; /* untuk mengatur warna latar elemen (RSVP). */
    position: relative !important;    /* ditambahkan dari Visual CSS Editor. */
    min-height: 530px !important;    /* ditambahkan dari Visual CSS Editor. */
    height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;    /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;    /* ditambahkan dari Visual CSS Editor. */
    overflow: visible !important;    /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;    /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-rsvp {
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP). */
    background-color: transparent !important; /* untuk mengatur warna latar elemen (RSVP). */
    position: relative !important;    /* ditambahkan dari Visual CSS Editor. */
    min-height: 530px !important;    /* ditambahkan dari Visual CSS Editor. */
    height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;    /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;    /* ditambahkan dari Visual CSS Editor. */
    overflow: visible !important;    /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;    /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg #section-rsvp .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (RSVP, overlay section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="rsvp"] .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (RSVP, overlay section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-rsvp .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (RSVP, overlay section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .template-section[data-section="rsvp"] .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (RSVP, overlay section). */
  }
}
/*Section 10*/
body[data-theme="nusantara"] #section-gallery {
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gallery). */
  position: relative !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  min-height: 100svh !important; /* untuk mengatur tinggi minimum area section (Gallery). */
  height: 100svh !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery). */
  background: #fff !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"] {
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gallery). */
  position: relative !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  min-height: 100svh !important; /* untuk mengatur tinggi minimum area section (Gallery). */
  height: 100svh !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery). */
  background: #fff !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
}

body[data-theme="nusantara"] #section-gallery::before {
  display: none !important; /* untuk mengatur model layout elemen (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"]::before {
  display: none !important; /* untuk mengatur model layout elemen (Gallery). */
}

body[data-theme="nusantara"] #section-gallery .layer-section-media {
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gallery, media per section). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Gallery, media per section). */
  top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (Gallery, media per section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Gallery, media per section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Gallery, media per section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gallery, media per section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery, media per section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery, media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery, media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Gallery, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery, media per section). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Gallery, media per section). */
  min-height: 100% !important; /* untuk mengatur tinggi minimum area section (Gallery, media per section). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery, media per section). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery, media per section). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gallery, media per section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gallery, media per section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery, media per section). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery, media per section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gallery, media per section). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"] .layer-section-media {
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gallery, media per section). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Gallery, media per section). */
  top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (Gallery, media per section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Gallery, media per section). */
  filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Gallery, media per section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gallery, media per section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery, media per section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery, media per section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery, media per section). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Gallery, media per section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery, media per section). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Gallery, media per section). */
  min-height: 100% !important; /* untuk mengatur tinggi minimum area section (Gallery, media per section). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery, media per section). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery, media per section). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gallery, media per section). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gallery, media per section). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery, media per section). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery, media per section). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gallery, media per section). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery, media per section). */
}

body[data-theme="nusantara"] #section-gallery .gallery-card {
  z-index: 4 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gallery). */
  text-align: center !important; /* untuk mengatur perataan teks (Gallery). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Gallery). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Gallery). */
  min-height: 100% !important; /* untuk mengatur tinggi minimum area section (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gallery). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gallery). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gallery). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"] .gallery-card {
  z-index: 4 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gallery). */
  text-align: center !important; /* untuk mengatur perataan teks (Gallery). */
  backdrop-filter: none !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Gallery). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Gallery). */
  min-height: 100% !important; /* untuk mengatur tinggi minimum area section (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gallery). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gallery). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gallery). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery). */
}

body[data-theme="nusantara"] #section-gallery .gallery-card .eyebrow {
  margin: 0 0 8px !important; /* untuk mengatur jarak luar elemen (Gallery). */
  color: #7a5b4a !important; /* untuk mengatur warna teks (Gallery). */
  font-size: .72rem !important; /* untuk mengatur ukuran teks (Gallery). */
  letter-spacing: .28em !important; /* untuk mengatur jarak antar huruf (Gallery). */
  text-shadow: 0 2px 8px rgba(255,255,255,.72) !important; /* untuk mengatur properti text-shadow (Gallery). */
  display: none !important; /* untuk mengatur model layout elemen (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"] .gallery-card .eyebrow {
  margin: 0 0 8px !important; /* untuk mengatur jarak luar elemen (Gallery). */
  color: #7a5b4a !important; /* untuk mengatur warna teks (Gallery). */
  font-size: .72rem !important; /* untuk mengatur ukuran teks (Gallery). */
  letter-spacing: .28em !important; /* untuk mengatur jarak antar huruf (Gallery). */
  text-shadow: 0 2px 8px rgba(255,255,255,.72) !important; /* untuk mengatur properti text-shadow (Gallery). */
  display: none !important; /* untuk mengatur model layout elemen (Gallery). */
}

body[data-theme="nusantara"] #section-gallery .gallery-card h2 {
  margin: 0 auto 22px !important; /* untuk mengatur jarak luar elemen (Gallery). */
  color: #5a3827 !important; /* untuk mengatur warna teks (Gallery). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (Gallery). */
  font-size: clamp(2.35rem, 10vw, 3.25rem) !important; /* untuk mengatur ukuran teks (Gallery). */
  font-weight: 600 !important; /* untuk mengatur ketebalan teks (Gallery). */
  line-height: 1.02 !important; /* untuk mengatur tinggi baris teks (Gallery). */
  text-shadow: 0 3px 14px rgba(255,255,255,.72) !important; /* untuk mengatur properti text-shadow (Gallery). */
  display: none !important; /* untuk mengatur model layout elemen (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"] .gallery-card h2 {
  margin: 0 auto 22px !important; /* untuk mengatur jarak luar elemen (Gallery). */
  color: #5a3827 !important; /* untuk mengatur warna teks (Gallery). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (Gallery). */
  font-size: clamp(2.35rem, 10vw, 3.25rem) !important; /* untuk mengatur ukuran teks (Gallery). */
  font-weight: 600 !important; /* untuk mengatur ketebalan teks (Gallery). */
  line-height: 1.02 !important; /* untuk mengatur tinggi baris teks (Gallery). */
  text-shadow: 0 3px 14px rgba(255,255,255,.72) !important; /* untuk mengatur properti text-shadow (Gallery). */
  display: none !important; /* untuk mengatur model layout elemen (Gallery). */
}

body[data-theme="nusantara"] #section-gallery .gallery-slider {
  aspect-ratio: 3 / 4 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Gallery). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Gallery). */
  min-height: 100% !important; /* untuk mengatur tinggi minimum area section (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gallery). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gallery). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gallery). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"] .gallery-slider {
  aspect-ratio: 3 / 4 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Gallery). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Gallery). */
  min-height: 100% !important; /* untuk mengatur tinggi minimum area section (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gallery). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gallery). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gallery). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery). */
}

body[data-theme="nusantara"] #section-gallery .gallery-slide {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (Gallery). */
  transform: scale(1.025) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gallery). */
  transition: opacity .85s ease, transform 1.15s ease !important; /* untuk mengatur animasi perubahan state elemen (Gallery). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gallery). */
  flex: 0 0 100% !important; /* untuk mengatur properti flex (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  min-width: 100% !important; /* untuk mengatur lebar minimum elemen (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"] .gallery-slide {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  opacity: 0 !important; /* untuk mengatur transparansi elemen (Gallery). */
  transform: scale(1.025) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gallery). */
  transition: opacity .85s ease, transform 1.15s ease !important; /* untuk mengatur animasi perubahan state elemen (Gallery). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gallery). */
  flex: 0 0 100% !important; /* untuk mengatur properti flex (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  min-width: 100% !important; /* untuk mengatur lebar minimum elemen (Gallery). */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-gallery .gallery-card {
    width: 348px !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .template-section[data-section="gallery"] .gallery-card {
    width: 348px !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  }
}

body[data-theme="nusantara"] #section-gallery .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (Gallery, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"] .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (Gallery, background scroll). */
}

body[data-theme="nusantara"] #section-gallery .layer-overlay {
  display: none !important; /* untuk mengatur model layout elemen (Gallery, overlay section). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"] .layer-overlay {
  display: none !important; /* untuk mengatur model layout elemen (Gallery, overlay section). */
}

body[data-theme="nusantara"] #section-gallery .gallery-track {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Gallery). */
  min-height: 100% !important; /* untuk mengatur tinggi minimum area section (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gallery). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gallery). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gallery). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"] .gallery-track {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  max-height: none !important; /* untuk membatasi tinggi maksimum elemen (Gallery). */
  min-height: 100% !important; /* untuk mengatur tinggi minimum area section (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gallery). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gallery). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gallery). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery). */
}

body[data-theme="nusantara"] #section-gallery .gallery-slide img {
  display: block !important; /* untuk mengatur model layout elemen (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Gallery). */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Gallery). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"] .gallery-slide img {
  display: block !important; /* untuk mengatur model layout elemen (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Gallery). */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Gallery). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
}

body[data-theme="nusantara"] #section-gallery.gallery-section--main {
  --gallery-title-height: clamp(126px, 25svh, 180px); /* untuk mengatur properti --gallery-title-height (Gallery). */
  position: relative !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  min-height: 100svh !important; /* untuk mengatur tinggi minimum area section (Gallery). */
  height: 100svh !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  isolation: isolate !important; /* untuk membuat tumpukan layer section berdiri sendiri (Gallery). */
  border-bottom: 2px solid var(--nusantara-section-edge-line) !important; /* untuk mengatur garis tepi bawah elemen (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main {
  --gallery-title-height: clamp(126px, 25svh, 180px); /* untuk mengatur properti --gallery-title-height (Gallery). */
  position: relative !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  min-height: 100svh !important; /* untuk mengatur tinggi minimum area section (Gallery). */
  height: 100svh !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  isolation: isolate !important; /* untuk membuat tumpukan layer section berdiri sendiri (Gallery). */
  border-bottom: 2px solid var(--nusantara-section-edge-line) !important; /* untuk mengatur garis tepi bawah elemen (Gallery). */
}

body[data-theme="nusantara"] #section-gallery.gallery-section--main .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (Gallery, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (Gallery, background scroll). */
}

body[data-theme="nusantara"] #section-gallery.gallery-section--main .layer-overlay {
  display: none !important; /* untuk mengatur model layout elemen (Gallery, overlay section). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main .layer-overlay {
  display: none !important; /* untuk mengatur model layout elemen (Gallery, overlay section). */
}

body[data-theme="nusantara"] #section-gallery.gallery-section--main .layer-section-media {
  display: none !important; /* untuk mengatur model layout elemen (Gallery, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main .layer-section-media {
  display: none !important; /* untuk mengatur model layout elemen (Gallery, media per section). */
}

body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-card--main {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gallery). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gallery). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main .gallery-card--main {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gallery). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gallery). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery). */
}

body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-title {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (Gallery). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Gallery). */
  right: 0 !important; /* untuk mengatur jarak elemen dari sisi kanan (Gallery). */
  z-index: 6 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: var(--gallery-title-height) !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  display: flex !important; /* untuk mengatur model layout elemen (Gallery). */
  flex-direction: column !important; /* untuk mengatur properti flex-direction (Gallery). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gallery). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Gallery). */
  text-align: center !important; /* untuk mengatur perataan teks (Gallery). */
  padding: clamp(16px, 3svh, 28px) 18px 12px !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  color: #4b3327 !important; /* untuk mengatur warna teks (Gallery). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main .gallery-title {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (Gallery). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Gallery). */
  right: 0 !important; /* untuk mengatur jarak elemen dari sisi kanan (Gallery). */
  z-index: 6 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: var(--gallery-title-height) !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  display: flex !important; /* untuk mengatur model layout elemen (Gallery). */
  flex-direction: column !important; /* untuk mengatur properti flex-direction (Gallery). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gallery). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Gallery). */
  text-align: center !important; /* untuk mengatur perataan teks (Gallery). */
  padding: clamp(16px, 3svh, 28px) 18px 12px !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  color: #4b3327 !important; /* untuk mengatur warna teks (Gallery). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Gallery). */
}

body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-title-main {
  display: block !important; /* untuk mengatur model layout elemen (Gallery). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (Gallery). */
  font-size: clamp(2.45rem, 7vw, 2.45rem) !important; /* untuk mengatur ukuran teks (Gallery). */
  line-height: .95 !important; /* untuk mengatur tinggi baris teks (Gallery). */
  letter-spacing: .02em !important; /* untuk mengatur jarak antar huruf (Gallery). */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks (Gallery). */
  text-transform: uppercase !important; /* untuk mengatur kapitalisasi teks (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main .gallery-title-main {
  display: block !important; /* untuk mengatur model layout elemen (Gallery). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (Gallery). */
  font-size: clamp(1.9rem, 7vw, 3.35rem) !important; /* untuk mengatur ukuran teks (Gallery). */
  line-height: .95 !important; /* untuk mengatur tinggi baris teks (Gallery). */
  letter-spacing: .02em !important; /* untuk mengatur jarak antar huruf (Gallery). */
  font-weight: 700 !important; /* untuk mengatur ketebalan teks (Gallery). */
  text-transform: uppercase !important; /* untuk mengatur kapitalisasi teks (Gallery). */
}

body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-title-script {
  display: block !important; /* untuk mengatur model layout elemen (Gallery). */
  margin-top: -2px !important; /* untuk mengatur jarak luar sisi atas elemen (Gallery). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (Gallery). */
  font-size: clamp(2.45rem, 9vw, 2.45rem) !important; /* untuk mengatur ukuran teks (Gallery). */
  line-height: .84 !important; /* untuk mengatur tinggi baris teks (Gallery). */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main .gallery-title-script {
  display: block !important; /* untuk mengatur model layout elemen (Gallery). */
  margin-top: -2px !important; /* untuk mengatur jarak luar sisi atas elemen (Gallery). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (Gallery). */
  font-size: clamp(2.4rem, 9vw, 4.45rem) !important; /* untuk mengatur ukuran teks (Gallery). */
  line-height: .84 !important; /* untuk mengatur tinggi baris teks (Gallery). */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks (Gallery). */
}

body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-slider {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  top: var(--gallery-title-height) !important; /* untuk mengatur jarak elemen dari sisi atas (Gallery). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Gallery). */
  right: 0 !important; /* untuk mengatur jarak elemen dari sisi kanan (Gallery). */
  bottom: 0 !important; /* untuk mengatur jarak elemen dari sisi bawah (Gallery). */
  inset: var(--gallery-title-height) 0 0 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: calc(100% - var(--gallery-title-height)) !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gallery). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gallery). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery). */
  z-index: 2 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main .gallery-slider {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  top: var(--gallery-title-height) !important; /* untuk mengatur jarak elemen dari sisi atas (Gallery). */
  left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Gallery). */
  right: 0 !important; /* untuk mengatur jarak elemen dari sisi kanan (Gallery). */
  bottom: 0 !important; /* untuk mengatur jarak elemen dari sisi bawah (Gallery). */
  inset: var(--gallery-title-height) 0 0 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: calc(100% - var(--gallery-title-height)) !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gallery). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Gallery). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery). */
  z-index: 2 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gallery). */
}

body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-track {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main .gallery-track {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
}

body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-slide {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main .gallery-slide {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
}

body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-slide img {
  display: block !important; /* untuk mengatur model layout elemen (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Gallery). */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Gallery). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main .gallery-slide img {
  display: block !important; /* untuk mengatur model layout elemen (Gallery). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Gallery). */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Gallery). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
}

body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-nav {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  top: 50% !important; /* untuk mengatur jarak elemen dari sisi atas (Gallery). */
  z-index: 7 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gallery). */
  transform: translateY(-50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gallery). */
  width: 34px !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: 50px !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  display: grid !important; /* untuk mengatur model layout elemen (Gallery). */
  place-items: center !important; /* untuk memusatkan isi pada layout grid (Gallery). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gallery). */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
  background: rgba(255, 255, 255, .10) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  color: rgba(255, 255, 255, .92) !important; /* untuk mengatur warna teks (Gallery). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (Gallery). */
  font-size: 2.7rem !important; /* untuk mengatur ukuran teks (Gallery). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (Gallery). */
  cursor: pointer !important; /* untuk mengatur bentuk kursor saat hover (Gallery). */
  text-shadow: 0 1px 8px rgba(0, 0, 0, .24) !important; /* untuk mengatur properti text-shadow (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main .gallery-nav {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gallery). */
  top: 50% !important; /* untuk mengatur jarak elemen dari sisi atas (Gallery). */
  z-index: 7 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gallery). */
  transform: translateY(-50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gallery). */
  width: 34px !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
  height: 50px !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  display: grid !important; /* untuk mengatur model layout elemen (Gallery). */
  place-items: center !important; /* untuk memusatkan isi pada layout grid (Gallery). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Gallery). */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
  background: rgba(255, 255, 255, .10) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gallery). */
  color: rgba(255, 255, 255, .92) !important; /* untuk mengatur warna teks (Gallery). */
  font-family: var(--font-body) !important; /* untuk mengatur jenis font teks (Gallery). */
  font-size: 2.7rem !important; /* untuk mengatur ukuran teks (Gallery). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (Gallery). */
  cursor: pointer !important; /* untuk mengatur bentuk kursor saat hover (Gallery). */
  text-shadow: 0 1px 8px rgba(0, 0, 0, .24) !important; /* untuk mengatur properti text-shadow (Gallery). */
}

body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-nav--prev {
  left: 10px !important; /* untuk mengatur jarak elemen dari sisi kiri (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main .gallery-nav--prev {
  left: 10px !important; /* untuk mengatur jarak elemen dari sisi kiri (Gallery). */
}

body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-nav--next {
  right: 10px !important; /* untuk mengatur jarak elemen dari sisi kanan (Gallery). */
}

body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main .gallery-nav--next {
  right: 10px !important; /* untuk mengatur jarak elemen dari sisi kanan (Gallery). */
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] #section-gallery.gallery-section--main {
    --gallery-title-height: clamp(136px, 24svh, 190px); /* untuk mengatur properti --gallery-title-height (Gallery). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main {
    --gallery-title-height: clamp(136px, 24svh, 190px); /* untuk mengatur properti --gallery-title-height (Gallery). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-slide img {
    object-position: center top !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Gallery). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] .template-section[data-section="gallery"].gallery-section--main .gallery-slide img {
    object-position: center top !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Gallery). */
  }
}
/*Section 11*/
body[data-theme="nusantara"] #section-wishes {
  position: relative !important;                      /* untuk mengatur metode posisi elemen/layer (Wishes). */
  min-height: 720px !important;                      /* untuk mengatur tinggi minimum area section (Wishes). */
  height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;                      /* untuk mengatur tinggi elemen/area section (Wishes). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Wishes). */
  overflow: visible !important;                      /* untuk mengatur bagian elemen yang keluar dari area (Wishes). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  isolation: isolate !important; /* untuk membuat tumpukan layer section berdiri sendiri (Wishes). */
  max-height: none !important;                     /* ditambahkan dari Visual CSS Editor. */
  box-sizing: border-box !important;                     /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] {
  position: relative !important;                      /* untuk mengatur metode posisi elemen/layer (Wishes). */
  min-height: 720px !important;                      /* untuk mengatur tinggi minimum area section (Wishes). */
  height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;                      /* untuk mengatur tinggi elemen/area section (Wishes). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Wishes). */
  overflow: visible !important;                      /* untuk mengatur bagian elemen yang keluar dari area (Wishes). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  isolation: isolate !important; /* untuk membuat tumpukan layer section berdiri sendiri (Wishes). */
  max-height: none !important;                     /* ditambahkan dari Visual CSS Editor. */
  box-sizing: border-box !important;                     /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] #section-wishes .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (Wishes, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (Wishes, background scroll). */
}

body[data-theme="nusantara"] #section-wishes .layer-fixed-bg video {
  display: none !important; /* untuk mengatur model layout elemen (Wishes, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .layer-fixed-bg video {
  display: none !important; /* untuk mengatur model layout elemen (Wishes, background scroll). */
}

body[data-theme="nusantara"] #section-wishes .layer-fixed-bg img {
  display: none !important; /* untuk mengatur model layout elemen (Wishes, background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .layer-fixed-bg img {
  display: none !important; /* untuk mengatur model layout elemen (Wishes, background scroll). */
}

body[data-theme="nusantara"] #section-wishes .layer-section-media {
  display: none !important; /* untuk mengatur model layout elemen (Wishes, media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .layer-section-media {
  display: none !important; /* untuk mengatur model layout elemen (Wishes, media per section). */
}

body[data-theme="nusantara"] #section-wishes .wishes-panel {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Wishes). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Wishes). */
  display: flex !important; /* untuk mengatur model layout elemen (Wishes). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Wishes). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Wishes). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Wishes). */
  padding: clamp(18px, 4svh, 34px) clamp(18px, 4vw, 34px) calc(var(--nav-height, 74px) + 18px) !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Wishes). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Wishes). */
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wishes-panel {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Wishes). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Wishes). */
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Wishes). */
  display: flex !important; /* untuk mengatur model layout elemen (Wishes). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Wishes). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Wishes). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Wishes). */
  padding: clamp(18px, 4svh, 34px) clamp(18px, 4vw, 34px) calc(var(--nav-height, 74px) + 18px) !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Wishes). */
  box-shadow: none !important; /* untuk mengatur bayangan elemen (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wishes-card {
  width: min(82%, 430px) !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
  max-height: min(82svh, 670px) !important; /* untuk membatasi tinggi maksimum elemen (Wishes). */
  display: flex !important; /* untuk mengatur model layout elemen (Wishes). */
  flex-direction: column !important; /* untuk mengatur properti flex-direction (Wishes). */
  align-items: stretch !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Wishes). */
  justify-content: flex-start !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Wishes). */
  padding: clamp(18px, 3.4svh, 32px) clamp(18px, 3vw, 30px) clamp(12px, 2.4svh, 22px) !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  border: 1.2px solid rgba(76, 54, 38, .58) !important; /* untuk mengatur garis tepi elemen (Wishes). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Wishes). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  color: #4a3328 !important; /* untuk mengatur warna teks (Wishes). */
  box-shadow: 0 12px 38px rgba(75, 50, 34, .10) !important; /* untuk mengatur bayangan elemen (Wishes). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wishes-card {
  width: min(82%, 430px) !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
  max-height: min(82svh, 670px) !important; /* untuk membatasi tinggi maksimum elemen (Wishes). */
  display: flex !important; /* untuk mengatur model layout elemen (Wishes). */
  flex-direction: column !important; /* untuk mengatur properti flex-direction (Wishes). */
  align-items: stretch !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Wishes). */
  justify-content: flex-start !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Wishes). */
  padding: clamp(18px, 3.4svh, 32px) clamp(18px, 3vw, 30px) clamp(12px, 2.4svh, 22px) !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  border: 1.2px solid rgba(76, 54, 38, .58) !important; /* untuk mengatur garis tepi elemen (Wishes). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Wishes). */
  background: rgba(255, 250, 242, .80) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  color: #4a3328 !important; /* untuk mengatur warna teks (Wishes). */
  box-shadow: 0 12px 38px rgba(75, 50, 34, .10) !important; /* untuk mengatur bayangan elemen (Wishes). */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wishes-title em {
  font-family: var(--font-script) !important;
  font-size: 40px !important;
  font-style: normal !important;
  text-transform: none !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

body[data-theme="nusantara"] #section-wishes .wishes-title {
  margin: 0 0 clamp(12px, 2.4svh, 18px) !important; /* untuk mengatur jarak luar elemen (Wishes). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  color: #4a3328 !important; /* untuk mengatur warna teks (Wishes). */
  text-align: center !important; /* untuk mengatur perataan teks (Wishes). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (Wishes). */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks (Wishes). */
  line-height: 1.05 !important; /* untuk mengatur tinggi baris teks (Wishes). */
  letter-spacing: -.02em !important; /* untuk mengatur jarak antar huruf (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wishes-title {
  margin: 0 0 clamp(12px, 2.4svh, 18px) !important; /* untuk mengatur jarak luar elemen (Wishes). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  color: #4a3328 !important; /* untuk mengatur warna teks (Wishes). */
  text-align: center !important; /* untuk mengatur perataan teks (Wishes). */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks (Wishes). */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks (Wishes). */
  line-height: 1.05 !important; /* untuk mengatur tinggi baris teks (Wishes). */
  letter-spacing: -.02em !important; /* untuk mengatur jarak antar huruf (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wishes-title span {
  display: block !important; /* untuk mengatur model layout elemen (Wishes). */
  font-size: clamp(2rem, 5.1vw, 2rem) !important; /* untuk mengatur ukuran teks (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wishes-title span {
  display: block !important; /* untuk mengatur model layout elemen (Wishes). */
  font-size: clamp(2rem, 5.1vw, 3.05rem) !important; /* untuk mengatur ukuran teks (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wish-form {
  display: grid !important; /* untuk mengatur model layout elemen (Wishes). */
  gap: clamp(8px, 1.4svh, 12px) !important; /* untuk mengatur jarak antar elemen (Wishes). */
  margin: 0 0 clamp(14px, 2.5svh, 22px) !important; /* untuk mengatur jarak luar elemen (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-form {
  display: grid !important; /* untuk mengatur model layout elemen (Wishes). */
  gap: clamp(8px, 1.4svh, 12px) !important; /* untuk mengatur jarak antar elemen (Wishes). */
  margin: 0 0 clamp(14px, 2.5svh, 22px) !important; /* untuk mengatur jarak luar elemen (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wish-form input {
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
  height: clamp(34px, 5.2svh, 42px) !important; /* untuk mengatur tinggi elemen/area section (Wishes). */
  padding: 0 12px !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  border: 1px solid rgba(74, 51, 40, .72) !important; /* untuk mengatur garis tepi elemen (Wishes). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Wishes). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  color: #4a3328 !important; /* untuk mengatur warna teks (Wishes). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (Wishes). */
  font-size: clamp(.72rem, 1.5vw, .88rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (Wishes). */
  outline: none !important; /* untuk mengatur garis fokus elemen (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-form input {
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
  height: clamp(34px, 5.2svh, 42px) !important; /* untuk mengatur tinggi elemen/area section (Wishes). */
  padding: 0 12px !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  border: 1px solid rgba(74, 51, 40, .72) !important; /* untuk mengatur garis tepi elemen (Wishes). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Wishes). */
  background: rgba(255, 253, 248, .74) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  color: #4a3328 !important; /* untuk mengatur warna teks (Wishes). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (Wishes). */
  font-size: clamp(.72rem, 1.5vw, .88rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  line-height: 1 !important; /* untuk mengatur tinggi baris teks (Wishes). */
  outline: none !important; /* untuk mengatur garis fokus elemen (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wish-form input::placeholder {
  color: rgba(74, 51, 40, .52) !important; /* untuk mengatur warna teks (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-form input::placeholder {
  color: rgba(74, 51, 40, .52) !important; /* untuk mengatur warna teks (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wish-submit {
  justify-self: start !important; /* untuk mengatur posisi satu elemen secara horizontal (Wishes). */
  min-width: clamp(78px, 16vw, 104px) !important; /* untuk mengatur lebar minimum elemen (Wishes). */
  height: clamp(32px, 5svh, 40px) !important; /* untuk mengatur tinggi elemen/area section (Wishes). */
  padding: 0 22px !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Wishes). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Wishes). */
  background: #4b3327 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  color: #f4f3f3 !important; /* untuk mengatur warna teks (Wishes). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (Wishes). */
  font-size: clamp(.72rem, 1.25vw, .86rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks (Wishes). */
  cursor: pointer !important; /* untuk mengatur bentuk kursor saat hover (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-submit {
  justify-self: start !important; /* untuk mengatur posisi satu elemen secara horizontal (Wishes). */
  min-width: clamp(78px, 16vw, 104px) !important; /* untuk mengatur lebar minimum elemen (Wishes). */
  height: clamp(32px, 5svh, 40px) !important; /* untuk mengatur tinggi elemen/area section (Wishes). */
  padding: 0 22px !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Wishes). */
  border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Wishes). */
  background: #4b3327 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  color: #f4f3f3 !important; /* untuk mengatur warna teks (Wishes). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (Wishes). */
  font-size: clamp(.72rem, 1.25vw, .86rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  font-weight: 500 !important; /* untuk mengatur ketebalan teks (Wishes). */
  cursor: pointer !important; /* untuk mengatur bentuk kursor saat hover (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wish-list {
  display: grid !important; /* untuk mengatur model layout elemen (Wishes). */
  gap: 8px !important; /* untuk mengatur jarak antar elemen (Wishes). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Wishes). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  max-height: clamp(140px, 28svh, 236px) !important; /* untuk membatasi tinggi maksimum elemen (Wishes). */
  overflow-y: auto !important; /* untuk mengatur overflow vertikal (Wishes). */
  scrollbar-width: thin !important; /* untuk mengatur properti scrollbar-width (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-list {
  display: grid !important; /* untuk mengatur model layout elemen (Wishes). */
  gap: 8px !important; /* untuk mengatur jarak antar elemen (Wishes). */
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Wishes). */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  max-height: clamp(140px, 28svh, 236px) !important; /* untuk membatasi tinggi maksimum elemen (Wishes). */
  overflow-y: auto !important; /* untuk mengatur overflow vertikal (Wishes). */
  scrollbar-width: thin !important; /* untuk mengatur properti scrollbar-width (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wish-item {
  display: grid !important; /* untuk mengatur model layout elemen (Wishes). */
  grid-template-columns: 36px minmax(0, 1fr) !important; /* untuk mengatur jumlah/lebar kolom grid (Wishes). */
  gap: 9px !important; /* untuk mengatur jarak antar elemen (Wishes). */
  align-items: start !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Wishes). */
  padding: 9px 10px !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  border: 1px solid rgba(74, 51, 40, .20) !important; /* untuk mengatur garis tepi elemen (Wishes). */
  background: rgba(255, 255, 255, .76) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  color: #4a3328 !important; /* untuk mengatur warna teks (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-item {
  display: grid !important; /* untuk mengatur model layout elemen (Wishes). */
  grid-template-columns: 36px minmax(0, 1fr) !important; /* untuk mengatur jumlah/lebar kolom grid (Wishes). */
  gap: 9px !important; /* untuk mengatur jarak antar elemen (Wishes). */
  align-items: start !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Wishes). */
  padding: 9px 10px !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  border: 1px solid rgba(74, 51, 40, .20) !important; /* untuk mengatur garis tepi elemen (Wishes). */
  background: rgba(255, 255, 255, .76) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  color: #4a3328 !important; /* untuk mengatur warna teks (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wish-avatar {
  width: 30px !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
  height: 30px !important; /* untuk mengatur tinggi elemen/area section (Wishes). */
  display: grid !important; /* untuk mengatur model layout elemen (Wishes). */
  place-items: center !important; /* untuk memusatkan isi pada layout grid (Wishes). */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen (Wishes). */
  background: rgba(74, 51, 40, .13) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  color: rgba(74, 51, 40, .72) !important; /* untuk mengatur warna teks (Wishes). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (Wishes). */
  font-size: .78rem !important; /* untuk mengatur ukuran teks (Wishes). */
  font-weight: 700 !important; /* untuk mengatur ketebalan teks (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-avatar {
  width: 30px !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
  height: 30px !important; /* untuk mengatur tinggi elemen/area section (Wishes). */
  display: grid !important; /* untuk mengatur model layout elemen (Wishes). */
  place-items: center !important; /* untuk memusatkan isi pada layout grid (Wishes). */
  border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen (Wishes). */
  background: rgba(74, 51, 40, .13) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  color: rgba(74, 51, 40, .72) !important; /* untuk mengatur warna teks (Wishes). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (Wishes). */
  font-size: .78rem !important; /* untuk mengatur ukuran teks (Wishes). */
  font-weight: 700 !important; /* untuk mengatur ketebalan teks (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wish-body {
  min-width: 0 !important; /* untuk mengatur lebar minimum elemen (Wishes). */
  text-align: left !important; /* untuk mengatur perataan teks (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-body {
  min-width: 0 !important; /* untuk mengatur lebar minimum elemen (Wishes). */
  text-align: left !important; /* untuk mengatur perataan teks (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wish-body strong {
  display: block !important; /* untuk mengatur model layout elemen (Wishes). */
  margin: 0 0 1px !important; /* untuk mengatur jarak luar elemen (Wishes). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (Wishes). */
  font-size: clamp(.74rem, 1.3vw, .86rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  line-height: 1.15 !important; /* untuk mengatur tinggi baris teks (Wishes). */
  color: #4a3328 !important; /* untuk mengatur warna teks (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-body strong {
  display: block !important; /* untuk mengatur model layout elemen (Wishes). */
  margin: 0 0 1px !important; /* untuk mengatur jarak luar elemen (Wishes). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (Wishes). */
  font-size: clamp(.74rem, 1.3vw, .86rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  line-height: 1.15 !important; /* untuk mengatur tinggi baris teks (Wishes). */
  color: #4a3328 !important; /* untuk mengatur warna teks (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wish-body p {
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Wishes). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (Wishes). */
  font-size: clamp(.58rem, 1.08vw, .72rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  line-height: 1.32 !important; /* untuk mengatur tinggi baris teks (Wishes). */
  color: rgba(74, 51, 40, .80) !important; /* untuk mengatur warna teks (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-body p {
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Wishes). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (Wishes). */
  font-size: clamp(.58rem, 1.08vw, .72rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  line-height: 1.32 !important; /* untuk mengatur tinggi baris teks (Wishes). */
  color: rgba(74, 51, 40, .80) !important; /* untuk mengatur warna teks (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wish-time {
  display: block !important; /* untuk mengatur model layout elemen (Wishes). */
  margin-top: 2px !important; /* untuk mengatur jarak luar sisi atas elemen (Wishes). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (Wishes). */
  font-size: clamp(.52rem, .95vw, .64rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  color: rgba(74, 51, 40, .58) !important; /* untuk mengatur warna teks (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-time {
  display: block !important; /* untuk mengatur model layout elemen (Wishes). */
  margin-top: 2px !important; /* untuk mengatur jarak luar sisi atas elemen (Wishes). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (Wishes). */
  font-size: clamp(.52rem, .95vw, .64rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  color: rgba(74, 51, 40, .58) !important; /* untuk mengatur warna teks (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wish-list-empty,
body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-list-empty {
  margin: 0 !important; /* untuk mengatur jarak luar elemen (Wishes). */
  padding: 10px !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  text-align: center !important; /* untuk mengatur perataan teks (Wishes). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (Wishes). */
  font-size: clamp(.66rem, 1.6vw, .76rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  color: rgba(74, 51, 40, .62) !important; /* untuk mengatur warna teks (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wish-pagination {
  display: flex !important; /* untuk mengatur model layout elemen (Wishes). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Wishes). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Wishes). */
  gap: 5px !important; /* untuk mengatur jarak antar elemen (Wishes). */
  margin: clamp(10px, 1.8svh, 16px) 0 0 !important; /* untuk mengatur jarak luar elemen (Wishes). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-pagination {
  display: flex !important; /* untuk mengatur model layout elemen (Wishes). */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Wishes). */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Wishes). */
  gap: 5px !important; /* untuk mengatur jarak antar elemen (Wishes). */
  margin: clamp(10px, 1.8svh, 16px) 0 0 !important; /* untuk mengatur jarak luar elemen (Wishes). */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wish-pagination button {
  padding: 0 2px !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Wishes). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  color: rgba(74, 51, 40, .78) !important; /* untuk mengatur warna teks (Wishes). */
  font-size: clamp(.58rem, 1.02vw, .72rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  cursor: pointer !important; /* untuk mengatur bentuk kursor saat hover (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-pagination button {
  padding: 0 2px !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  border: 0 !important; /* untuk mengatur garis tepi elemen (Wishes). */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  color: rgba(74, 51, 40, .78) !important; /* untuk mengatur warna teks (Wishes). */
  font-size: clamp(.58rem, 1.02vw, .72rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  cursor: pointer !important; /* untuk mengatur bentuk kursor saat hover (Wishes). */
}

body[data-theme="nusantara"] #section-wishes .wish-pagination button.is-active {
  color: #4b3327 !important; /* untuk mengatur warna teks (Wishes). */
  font-weight: 700 !important; /* untuk mengatur ketebalan teks (Wishes). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-pagination button.is-active {
  color: #4b3327 !important; /* untuk mengatur warna teks (Wishes). */
  font-weight: 700 !important; /* untuk mengatur ketebalan teks (Wishes). */
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] #section-wishes .wishes-card {
    width: min(78%, 430px) !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
    max-height: min(78svh, 630px) !important; /* untuk membatasi tinggi maksimum elemen (Wishes). */
    padding-top: clamp(24px, 4.4svh, 42px) !important; /* untuk mengatur jarak dalam sisi atas elemen (Wishes). */
  }
}

@media (min-width: 1024px) {
  body[data-theme="nusantara"] .template-section[data-section="wishes"] .wishes-card {
    width: min(78%, 430px) !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
    max-height: min(78svh, 630px) !important; /* untuk membatasi tinggi maksimum elemen (Wishes). */
    padding-top: clamp(24px, 4.4svh, 42px) !important; /* untuk mengatur jarak dalam sisi atas elemen (Wishes). */
  }
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-wishes .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (Wishes, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Wishes, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Wishes, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Wishes, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Wishes, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Wishes, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Wishes, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (Wishes, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Wishes, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (Wishes, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Wishes, overlay section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="wishes"] .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (Wishes, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Wishes, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Wishes, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Wishes, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Wishes, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Wishes, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Wishes, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (Wishes, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Wishes, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (Wishes, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Wishes, overlay section). */
}

body[data-theme="nusantara"] #section-wishes .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (Wishes, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Wishes, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Wishes, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Wishes, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Wishes, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Wishes, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Wishes, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (Wishes, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Wishes, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (Wishes, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Wishes, overlay section). */
}

body[data-theme="nusantara"] .template-section[data-section="wishes"] .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (Wishes, overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Wishes, overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Wishes, overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Wishes, overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (Wishes, overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (Wishes, overlay section). */
  opacity: 1 !important; /* untuk mengatur transparansi elemen (Wishes, overlay section). */
  background: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes, overlay section). */
  background-color: var(--nusantara-shared-white-overlay) !important; /* untuk mengatur warna latar elemen (Wishes, overlay section). */
  backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur efek blur/filter pada latar belakang elemen (Wishes, overlay section). */
  -webkit-backdrop-filter: var(--nusantara-shared-white-backdrop) !important; /* untuk mengatur properti -webkit-backdrop-filter (Wishes, overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (Wishes, overlay section). */
}

body[data-theme="nusantara"].has-fixed-motion-bg #section-wishes .wishes-panel {
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Wishes). */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg #section-wishes {
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
    background-color: transparent !important; /* untuk mengatur warna latar elemen (Wishes). */
    position: relative !important;           /* ditambahkan dari Visual CSS Editor. */
    min-height: 720px !important;           /* ditambahkan dari Visual CSS Editor. */
    height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;           /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;           /* ditambahkan dari Visual CSS Editor. */
    overflow: visible !important;           /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;           /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-wishes {
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
    background-color: transparent !important; /* untuk mengatur warna latar elemen (Wishes). */
    position: relative !important;           /* ditambahkan dari Visual CSS Editor. */
    min-height: 720px !important;           /* ditambahkan dari Visual CSS Editor. */
    height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;           /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;           /* ditambahkan dari Visual CSS Editor. */
    overflow: visible !important;           /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;           /* ditambahkan dari Visual CSS Editor. */
}
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg #section-wishes .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (Wishes, overlay section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="wishes"] .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (Wishes, overlay section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-wishes .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (Wishes, overlay section). */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .template-section[data-section="wishes"] .layer-overlay {
    background: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes, overlay section). */
    background-color: var(--nusantara-desktop-soft-overlay) !important; /* untuk mengatur warna latar elemen (Wishes, overlay section). */
  }
}
/*Section 12*/
body[data-theme="nusantara"] #section-thanks {
  position: relative !important;             /* untuk mengatur metode posisi elemen/layer. */
  min-height: 665px !important;             /* untuk mengatur tinggi minimum area section. */
  height: 665px !important;             /* untuk mengatur tinggi elemen/area section. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  overflow: hidden !important;             /* untuk mengatur bagian elemen yang keluar dari area. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  isolation: isolate !important; /* untuk membuat tumpukan layer section berdiri sendiri. */
  border-top: 2px solid var(--nusantara-section-edge-line, rgba(82, 58, 42, .36)) !important; /* untuk mengatur garis tepi atas elemen. */
  max-height: 665px !important;            /* ditambahkan dari Visual CSS Editor. */
  box-sizing: border-box !important;            /* ditambahkan dari Visual CSS Editor. */
  display: grid !important;            /* ditambahkan dari Visual CSS Editor. */
  align-items: center !important;            /* ditambahkan dari Visual CSS Editor. */
  justify-items: center !important;            /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] {
  position: relative !important;             /* untuk mengatur metode posisi elemen/layer. */
  min-height: 665px !important;             /* untuk mengatur tinggi minimum area section. */
  height: 665px !important;             /* untuk mengatur tinggi elemen/area section. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  overflow: hidden !important;             /* untuk mengatur bagian elemen yang keluar dari area. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  isolation: isolate !important; /* untuk membuat tumpukan layer section berdiri sendiri. */
  border-top: 2px solid var(--nusantara-section-edge-line, rgba(82, 58, 42, .36)) !important; /* untuk mengatur garis tepi atas elemen. */
  max-height: 665px !important;            /* ditambahkan dari Visual CSS Editor. */
  box-sizing: border-box !important;            /* ditambahkan dari Visual CSS Editor. */
  display: grid !important;            /* ditambahkan dari Visual CSS Editor. */
  align-items: center !important;            /* ditambahkan dari Visual CSS Editor. */
  justify-items: center !important;            /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] #section-thanks .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] .layer-fixed-bg {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
}

body[data-theme="nusantara"] #section-thanks .layer-fixed-bg video {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] .layer-fixed-bg video {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
}

body[data-theme="nusantara"] #section-thanks .layer-fixed-bg img {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] .layer-fixed-bg img {
  display: none !important; /* untuk mengatur model layout elemen (background scroll). */
}

body[data-theme="nusantara"] #section-thanks .layer-section-media {
  display: none !important; /* untuk mengatur model layout elemen (media per section). */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] .layer-section-media {
  display: none !important; /* untuk mengatur model layout elemen (media per section). */
}

body[data-theme="nusantara"] #section-thanks .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (overlay section). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (overlay section). */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] .layer-overlay {
  display: block !important; /* untuk mengatur model layout elemen (overlay section). */
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer (overlay section). */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (overlay section). */
  z-index: 1 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (overlay section). */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section (overlay section). */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section (overlay section). */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
  pointer-events: none !important; /* untuk mengatur apakah layer bisa menerima klik/tap (overlay section). */
}

body[data-theme="nusantara"] #section-thanks .thanks-panel {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  display: grid !important; /* untuk mengatur model layout elemen. */
  grid-template-rows: auto auto 1fr !important; /* untuk mengatur jumlah/tinggi baris grid. */
  align-items: stretch !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
  padding: 0 0 calc(var(--nav-height, 74px) + 8px) !important; /* untuk mengatur jarak dalam elemen. */
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
  border: 0 !important; /* untuk mengatur garis tepi elemen. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  color: #4a3328 !important; /* untuk mengatur warna teks. */
  text-align: center !important; /* untuk mengatur perataan teks. */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-panel {
  position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
  inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
  z-index: 3 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
  display: grid !important; /* untuk mengatur model layout elemen. */
  grid-template-rows: auto auto 1fr !important; /* untuk mengatur jumlah/tinggi baris grid. */
  align-items: stretch !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
  padding: 0 0 calc(var(--nav-height, 74px) + 8px) !important; /* untuk mengatur jarak dalam elemen. */
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
  border: 0 !important; /* untuk mengatur garis tepi elemen. */
  background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  color: #4a3328 !important; /* untuk mengatur warna teks. */
  text-align: center !important; /* untuk mengatur perataan teks. */
}

body[data-theme="nusantara"] #section-thanks .thanks-copy {
  display: grid !important; /* untuk mengatur model layout elemen. */
  justify-items: center !important; /* untuk mengatur posisi item secara horizontal pada grid. */
  align-content: center !important; /* untuk mengatur properti align-content. */
  gap: clamp(6px, 1.2svh, 10px) !important; /* untuk mengatur jarak antar elemen. */
  min-height: clamp(162px, 28svh, 238px) !important; /* untuk mengatur tinggi minimum area section. */
  padding: clamp(24px, 5svh, 44px) clamp(22px, 5vw, 46px) clamp(18px, 3.5svh, 34px) !important; /* untuk mengatur jarak dalam elemen. */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-copy {
  display: grid !important; /* untuk mengatur model layout elemen. */
  justify-items: center !important; /* untuk mengatur posisi item secara horizontal pada grid. */
  align-content: center !important; /* untuk mengatur properti align-content. */
  gap: clamp(6px, 1.2svh, 10px) !important; /* untuk mengatur jarak antar elemen. */
  min-height: clamp(162px, 28svh, 238px) !important; /* untuk mengatur tinggi minimum area section. */
  padding: clamp(24px, 5svh, 44px) clamp(22px, 5vw, 46px) clamp(18px, 3.5svh, 34px) !important; /* untuk mengatur jarak dalam elemen. */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"] #section-thanks .thanks-title {
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  color: #4a3328 !important; /* untuk mengatur warna teks. */
  font-family: var(--font-script) !important; /* untuk mengatur jenis font teks. */
  font-size: clamp(2.45rem, 8.6vw, 2.45rem) !important; /* untuk mengatur ukuran teks. */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks. */
  line-height: .82 !important; /* untuk mengatur tinggi baris teks. */
  letter-spacing: .01em !important; /* untuk mengatur jarak antar huruf. */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-title {
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  color: #4a3328 !important; /* untuk mengatur warna teks. */
  font-family: var(--font-script) !important; /* untuk mengatur jenis font teks. */
  font-size: clamp(2.45rem, 8.6vw, 2.45rem) !important; /* untuk mengatur ukuran teks. */
  font-weight: 400 !important; /* untuk mengatur ketebalan teks. */
  line-height: .82 !important; /* untuk mengatur tinggi baris teks. */
  letter-spacing: .01em !important; /* untuk mengatur jarak antar huruf. */
}

body[data-theme="nusantara"] #section-thanks .thanks-message {
  width: min(78%, 330px) !important; /* untuk mengatur lebar elemen/isi section. */
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen. */
  color: rgba(74, 51, 40, .78) !important; /* untuk mengatur warna teks. */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks. */
  font-size: clamp(.88rem, 2.2vw, 1.08rem) !important; /* untuk mengatur ukuran teks. */
  line-height: 1.28 !important; /* untuk mengatur tinggi baris teks. */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-message {
  width: min(78%, 330px) !important; /* untuk mengatur lebar elemen/isi section. */
  margin: 0 auto !important; /* untuk mengatur jarak luar elemen. */
  color: rgba(74, 51, 40, .78) !important; /* untuk mengatur warna teks. */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks. */
  font-size: clamp(.88rem, 2.2vw, 1.08rem) !important; /* untuk mengatur ukuran teks. */
  line-height: 1.28 !important; /* untuk mengatur tinggi baris teks. */
}

body[data-theme="nusantara"] #section-thanks .thanks-names {
  margin: clamp(2px, .7svh, 6px) 0 0 !important; /* untuk mengatur jarak luar elemen. */
  color: #4a3328 !important; /* untuk mengatur warna teks. */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks. */
  font-size: clamp(1.18rem, 3vw, 1.62rem) !important; /* untuk mengatur ukuran teks. */
  font-weight: 600 !important; /* untuk mengatur ketebalan teks. */
  letter-spacing: .04em !important; /* untuk mengatur jarak antar huruf. */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-names {
  margin: clamp(2px, .7svh, 6px) 0 0 !important; /* untuk mengatur jarak luar elemen. */
  color: #4a3328 !important; /* untuk mengatur warna teks. */
  font-family: var(--font-heading) !important; /* untuk mengatur jenis font teks. */
  font-size: clamp(1.18rem, 3vw, 1.62rem) !important; /* untuk mengatur ukuran teks. */
  font-weight: 600 !important; /* untuk mengatur ketebalan teks. */
  letter-spacing: .04em !important; /* untuk mengatur jarak antar huruf. */
}

body[data-theme="nusantara"] #section-thanks .thanks-photo-wrap {
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  height: clamp(150px, 30svh, 255px) !important; /* untuk mengatur tinggi elemen/area section. */
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
  background: #d7d2ca !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-photo-wrap {
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  height: clamp(150px, 30svh, 255px) !important; /* untuk mengatur tinggi elemen/area section. */
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
  overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
  background: #d7d2ca !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"] #section-thanks .thanks-photo {
  display: block !important; /* untuk mengatur model layout elemen. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame. */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-photo {
  display: block !important; /* untuk mengatur model layout elemen. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
  height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
  max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
  object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame. */
}

body[data-theme="nusantara"] #section-thanks .thanks-brand {
  display: grid !important; /* untuk mengatur model layout elemen. */
  place-items: center !important; /* untuk memusatkan isi pada layout grid. */
  align-content: center !important; /* untuk mengatur properti align-content. */
  gap: clamp(4px, 1svh, 8px) !important; /* untuk mengatur jarak antar elemen. */
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section. */
  padding: clamp(18px, 4svh, 34px) clamp(18px, 4vw, 36px) !important; /* untuk mengatur jarak dalam elemen. */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-brand {
  display: grid !important; /* untuk mengatur model layout elemen. */
  place-items: center !important; /* untuk memusatkan isi pada layout grid. */
  align-content: center !important; /* untuk mengatur properti align-content. */
  gap: clamp(4px, 1svh, 8px) !important; /* untuk mengatur jarak antar elemen. */
  min-height: 0 !important; /* untuk mengatur tinggi minimum area section. */
  padding: clamp(18px, 4svh, 34px) clamp(18px, 4vw, 36px) !important; /* untuk mengatur jarak dalam elemen. */
  background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
}

body[data-theme="nusantara"] #section-thanks .thanks-brand p {
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  color: rgba(74, 51, 40, .66) !important; /* untuk mengatur warna teks. */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks. */
  font-size: clamp(.46rem, 1vw, .62rem) !important; /* untuk mengatur ukuran teks. */
  letter-spacing: .02em !important; /* untuk mengatur jarak antar huruf. */
  transform: translate(0px, 50px) scale(0.795) !important;         /* ditambahkan dari Visual CSS Editor. */
  transform-origin: center center !important;         /* ditambahkan dari Visual CSS Editor. */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-brand p {
  margin: 0 !important; /* untuk mengatur jarak luar elemen. */
  color: rgba(74, 51, 40, .66) !important; /* untuk mengatur warna teks. */
  font-family: var(--font-sans) !important; /* untuk mengatur jenis font teks. */
  font-size: clamp(.46rem, 1vw, .62rem) !important; /* untuk mengatur ukuran teks. */
  letter-spacing: .02em !important; /* untuk mengatur jarak antar huruf. */
}

body[data-theme="nusantara"] #section-thanks .thanks-brand-logo {
  display: flex !important; /* untuk mengatur model layout elemen. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
}

body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-brand-logo {
  display: flex !important; /* untuk mengatur model layout elemen. */
  align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis. */
  justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis. */
  width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
}

body[data-theme="nusantara"] #section-thanks .thanks-brand-logo img,
body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-brand-logo img {
  display: block !important; /* untuk mengatur model layout elemen. */
  width: min(86%, 360px) !important; /* untuk mengatur lebar logo footer. */
  height: auto !important; /* untuk menjaga proporsi logo footer. */
  object-fit: contain !important; /* untuk menjaga logo tetap utuh. */
  transform: translate(0px, 20px) scale(0.600) !important;          /* ditambahkan dari Visual CSS Editor. */
  transform-origin: center center !important;          /* ditambahkan dari Visual CSS Editor. */
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-thanks .thanks-copy {
    min-height: clamp(172px, 28svh, 230px) !important; /* untuk mengatur tinggi minimum area section. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-copy {
    min-height: clamp(172px, 28svh, 230px) !important; /* untuk mengatur tinggi minimum area section. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] #section-thanks .thanks-photo-wrap {
    height: clamp(155px, 31svh, 250px) !important; /* untuk mengatur tinggi elemen/area section. */
  }
}

@media (min-width: 900px) {
  body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-photo-wrap {
    height: clamp(155px, 31svh, 250px) !important; /* untuk mengatur tinggi elemen/area section. */
  }
}
/* Mobile */
/* Mobile Base / Global */
@media (max-width: 899px) {
  .cover-screen {
    width: 100%; /* untuk mengatur lebar elemen/isi section. */
    margin: 0; /* untuk mengatur jarak luar elemen. */
    box-shadow: none; /* untuk mengatur bayangan elemen. */
  }
}

@media (max-width: 899px) {
  .invitation {
    width: 100%; /* untuk mengatur lebar elemen/isi section. */
    margin: 0; /* untuk mengatur jarak luar elemen. */
    box-shadow: none; /* untuk mengatur bayangan elemen. */
  }
}

@media (max-width: 899px) {
  .floating-nav {
    right: 14px; /* untuk mengatur jarak elemen dari sisi kanan. */
    bottom: 0; /* untuk membuat navbar menempel di bagian bawah. */
  }
}

@media (max-width: 899px) {
  .music-toggle {
    right: 18px; /* untuk mengatur jarak elemen dari sisi kanan. */
  }
}

@media (max-width: 899px) {
  .template-section {
    padding-inline: 16px; /* untuk mengatur properti padding-inline. */
  }
}

@media (max-width: 380px) {
  .section-card {
    padding: 24px 18px; /* untuk mengatur jarak dalam elemen (isi/text section). */
    border-radius: 26px; /* untuk mengatur lengkungan sudut elemen (isi/text section). */
  }
}

@media (max-width: 380px) {
  .cover-card h1 {
    font-size: 2.55rem; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .cover-screen {
    inset: 0; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    width: 100%; /* untuk mengatur lebar elemen/isi section. */
    max-width: none; /* untuk membatasi lebar maksimum elemen/isi section. */
    box-shadow: none; /* untuk mengatur bayangan elemen. */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    margin: 0 !important; /* untuk mengatur jarak luar elemen. */
    overflow-x: hidden !important; /* untuk mengatur overflow horizontal. */
    background: #f8f2e8 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
    box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .cover-card {
    bottom: clamp(64px, 10svh, 94px); /* untuk mengatur jarak elemen dari sisi bawah. */
    width: min(80%, 310px); /* untuk mengatur lebar elemen/isi section. */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .cover-card {
    width: min(78%, 286px); /* untuk mengatur lebar elemen/isi section. */
    bottom: clamp(58px, 8svh, 76px); /* untuk mengatur jarak elemen dari sisi bawah. */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .cover-card .btn-primary {
    min-height: 40px; /* untuk mengatur tinggi minimum area section. */
    padding: 0 18px; /* untuk mengatur jarak dalam elemen. */
    font-size: .88rem; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .desktop-showcase {
    display: none !important; /* untuk mengatur model layout elemen. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] #cover {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    margin: 0 !important; /* untuk mengatur jarak luar elemen. */
    overflow-x: hidden !important; /* untuk mengatur overflow horizontal. */
    background: #f8f2e8 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
    box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] #invitation {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    margin: 0 !important; /* untuk mengatur jarak luar elemen. */
    overflow-x: hidden !important; /* untuk mengatur overflow horizontal. */
    background: #f8f2e8 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
    box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .invitation {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    margin: 0 !important; /* untuk mengatur jarak luar elemen. */
    overflow-x: hidden !important; /* untuk mengatur overflow horizontal. */
    background: #f8f2e8 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
    box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] #invitation .template-section {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .invitation .template-section {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] #invitation .layer-fixed-bg {
    position: fixed !important; /* untuk mengatur metode posisi elemen/layer (background scroll). */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (background scroll). */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (background scroll). */
    height: 100svh !important; /* untuk mengatur tinggi elemen/area section (background scroll). */
    margin: 0 !important; /* untuk mengatur jarak luar elemen (background scroll). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .invitation .layer-fixed-bg {
    position: fixed !important; /* untuk mengatur metode posisi elemen/layer (background scroll). */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (background scroll). */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (background scroll). */
    height: 100svh !important; /* untuk mengatur tinggi elemen/area section (background scroll). */
    margin: 0 !important; /* untuk mengatur jarak luar elemen (background scroll). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .desktop-showcase {
    display: none !important; /* untuk mengatur model layout elemen. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"].has-fixed-motion-bg #cover {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    margin: 0 !important; /* untuk mengatur jarak luar elemen. */
    box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"].has-fixed-motion-bg #invitation {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    margin: 0 !important; /* untuk mengatur jarak luar elemen. */
    box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .cover-screen {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    margin: 0 !important; /* untuk mengatur jarak luar elemen. */
    box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .invitation {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    margin: 0 !important; /* untuk mengatur jarak luar elemen. */
    box-shadow: none !important; /* untuk mengatur bayangan elemen. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .nusantara-fixed-motion-bg {
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
  }
}
/*Section 1*/
@media (max-width: 380px) {
  .hero-text h2 {
    font-size: 4.2rem; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .template-section[data-section="home"] .layer-fixed-bg {
    width: 100%; /* untuk mengatur lebar elemen/isi section (Section1.mp4, background scroll). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] #invitation .template-section[data-section="home"] .layer-section-media {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section1.mp4, media per section). */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section1.mp4, media per section). */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section1.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section1.mp4, media per section). */
    left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Section1.mp4, media per section). */
    top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (Section1.mp4, media per section). */
    transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section1.mp4, media per section). */
    border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Section1.mp4, media per section). */
    opacity: 1 !important; /* untuk mengatur transparansi elemen (Section1.mp4, media per section). */
    filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Section1.mp4, media per section). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .invitation .template-section[data-section="home"] .layer-section-media {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section1.mp4, media per section). */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section1.mp4, media per section). */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section1.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section1.mp4, media per section). */
    left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Section1.mp4, media per section). */
    top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (Section1.mp4, media per section). */
    transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section1.mp4, media per section). */
    border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Section1.mp4, media per section). */
    opacity: 1 !important; /* untuk mengatur transparansi elemen (Section1.mp4, media per section). */
    filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Section1.mp4, media per section). */
  }
}
/*Section 2*/
@media (max-width: 899px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .layer-fixed-bg {
    width: 100%; /* untuk mengatur lebar elemen/isi section (Section2.mp4, background scroll). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] #invitation .template-section[data-section="prayer"] .layer-section-media {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4, media per section). */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4, media per section). */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4, media per section). */
    left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Section2.mp4, media per section). */
    top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (Section2.mp4, media per section). */
    transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section2.mp4, media per section). */
    border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Section2.mp4, media per section). */
    opacity: 1 !important; /* untuk mengatur transparansi elemen (Section2.mp4, media per section). */
    filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Section2.mp4, media per section). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .invitation .template-section[data-section="prayer"] .layer-section-media {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4, media per section). */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4, media per section). */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, media per section). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4, media per section). */
    left: 0 !important; /* untuk mengatur jarak elemen dari sisi kiri (Section2.mp4, media per section). */
    top: 0 !important; /* untuk mengatur jarak elemen dari sisi atas (Section2.mp4, media per section). */
    transform: none !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Section2.mp4, media per section). */
    border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Section2.mp4, media per section). */
    opacity: 1 !important; /* untuk mengatur transparansi elemen (Section2.mp4, media per section). */
    filter: none !important; /* untuk mengatur efek visual gambar/video/elemen (Section2.mp4, media per section). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="prayer"] .layer-text {
    min-height: 52vh !important; /* untuk mengatur tinggi minimum area section (Section2.mp4, isi/text section). */
    width: min(76%, 286px) !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, isi/text section). */
    max-width: calc(100% - 58px) !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4, isi/text section). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .layer-text {
    min-height: 52vh !important; /* untuk mengatur tinggi minimum area section (Section2.mp4, isi/text section). */
    width: min(76%, 286px) !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, isi/text section). */
    max-width: calc(100% - 58px) !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4, isi/text section). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="prayer"] .prayer-card .quote-text {
    font-size: clamp(1rem, 4.1vw, 1.22rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
    line-height: 1.32 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-card .quote-text {
    font-size: clamp(1rem, 4.1vw, 1.22rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
    line-height: 1.32 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="prayer"] .prayer-card .quote-text {
    font-size: .94rem !important; /* untuk mengatur ukuran teks (Section2.mp4). */
    line-height: 1.30 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-card .quote-text {
    font-size: .94rem !important; /* untuk mengatur ukuran teks (Section2.mp4). */
    line-height: 1.30 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="prayer"] .prayer-card strong {
    font-size: .78rem !important; /* untuk mengatur ukuran teks (Section2.mp4). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-card strong {
    font-size: .78rem !important; /* untuk mengatur ukuran teks (Section2.mp4). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="prayer"] .layer-text {
    width: min(78%, 268px) !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, isi/text section). */
    max-width: calc(100% - 44px) !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4, isi/text section). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .layer-text {
    width: min(78%, 268px) !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4, isi/text section). */
    max-width: calc(100% - 44px) !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4, isi/text section). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] #section-prayer {
    min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Section2.mp4). */
    height: auto !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
    aspect-ratio: 1080 / 1442 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] {
    min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Section2.mp4). */
    height: auto !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
    aspect-ratio: 1080 / 1442 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] #section-prayer .prayer-card {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4). */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
    min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Section2.mp4). */
    aspect-ratio: 1080 / 1442 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-card {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4). */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
    min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Section2.mp4). */
    aspect-ratio: 1080 / 1442 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] #section-prayer .prayer-motion-media {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4). */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
    min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Section2.mp4). */
    aspect-ratio: 1080 / 1442 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-motion-media {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Section2.mp4). */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Section2.mp4). */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Section2.mp4). */
    min-height: 0 !important; /* untuk mengatur tinggi minimum area section (Section2.mp4). */
    aspect-ratio: 1080 / 1442 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] #section-prayer video[data-motion-role="prayer-section-video"] {
    object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] video[data-motion-role="prayer-section-video"] {
    object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] #section-prayer .prayer-motion-media video {
    object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-motion-media video {
    object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Section2.mp4). */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] #section-prayer .prayer-copy {
    top: 47.8% !important; /* untuk mengatur jarak elemen dari sisi atas (Section2.mp4). */
    width: min(47%, 190px) !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
    max-width: 190px !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-copy {
    top: 47.8% !important; /* untuk mengatur jarak elemen dari sisi atas (Section2.mp4). */
    width: min(47%, 190px) !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
    max-width: 190px !important; /* untuk membatasi lebar maksimum elemen/isi section (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] #section-prayer .prayer-copy .quote-text {
    font-size: clamp(.56rem, 2.82vw, .72rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
    line-height: 1.22 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-copy .quote-text {
    font-size: clamp(.56rem, 2.82vw, .72rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
    line-height: 1.22 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] #section-prayer .prayer-copy strong {
    margin-top: 5px !important; /* untuk mengatur jarak luar sisi atas elemen (Section2.mp4). */
    font-size: clamp(.48rem, 2.12vw, .58rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
    line-height: 1.12 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-copy strong {
    margin-top: 5px !important; /* untuk mengatur jarak luar sisi atas elemen (Section2.mp4). */
    font-size: clamp(.48rem, 2.12vw, .58rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
    line-height: 1.12 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] #section-prayer .prayer-copy {
    width: min(48%, 176px) !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-copy {
    width: min(48%, 176px) !important; /* untuk mengatur lebar elemen/isi section (Section2.mp4). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] #section-prayer .prayer-copy .quote-text {
    font-size: clamp(.50rem, 2.72vw, .66rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
    line-height: 1.18 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-copy .quote-text {
    font-size: clamp(.50rem, 2.72vw, .66rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
    line-height: 1.18 !important; /* untuk mengatur tinggi baris teks (Section2.mp4). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] #section-prayer .prayer-copy strong {
    font-size: clamp(.43rem, 2.02vw, .53rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="prayer"] .prayer-copy strong {
    font-size: clamp(.43rem, 2.02vw, .53rem) !important; /* untuk mengatur ukuran teks (Section2.mp4). */
  }
}
/*Section 3*/
@media (max-width: 380px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .couple-card {
    width: min(90%, 320px) !important; /* untuk mengatur lebar elemen/isi section. */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-card {
    width: min(90%, 320px) !important; /* untuk mengatur lebar elemen/isi section. */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"].has-fixed-motion-bg .template-section[data-section="couple"] .couple-card h2 {
    font-size: clamp(2.15rem, 10vw, 3.1rem) !important; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-card h2 {
    font-size: clamp(2.15rem, 10vw, 3.1rem) !important; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] #section-couple .couple-ring {
    width: 40px !important; /* untuk mengatur lebar elemen/isi section. */
    margin-bottom: 10px !important; /* untuk mengatur jarak luar sisi bawah elemen. */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-ring {
    width: 40px !important; /* untuk mengatur lebar elemen/isi section. */
    margin-bottom: 10px !important; /* untuk mengatur jarak luar sisi bawah elemen. */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] #section-couple .couple-invitation-text {
    margin-bottom: 20px !important; /* untuk mengatur jarak luar sisi bawah elemen. */
    width: min(100%, 252px) !important; /* untuk mengatur lebar elemen/isi section. */
    font-size: .78rem !important; /* untuk mengatur ukuran teks. */
    line-height: 1.32 !important; /* untuk mengatur tinggi baris teks. */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="couple"] .couple-invitation-text {
    margin-bottom: 20px !important; /* untuk mengatur jarak luar sisi bawah elemen. */
    width: min(100%, 252px) !important; /* untuk mengatur lebar elemen/isi section. */
    font-size: .78rem !important; /* untuk mengatur ukuran teks. */
    line-height: 1.32 !important; /* untuk mengatur tinggi baris teks. */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] #section-couple .person-motion {
    width: 198px !important; /* untuk mengatur lebar elemen/isi section. */
    height: 198px !important; /* untuk mengatur tinggi elemen/area section. */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="couple"] .person-motion {
    width: 198px !important; /* untuk mengatur lebar elemen/isi section. */
    height: 198px !important; /* untuk mengatur tinggi elemen/area section. */
  }
}
/*Section 4*/
@media (max-width: 899px) {
  body[data-theme="nusantara"] #section-lovestory {
    padding-top: 22px !important; /* untuk mengatur jarak dalam sisi atas elemen. */
    position: relative !important;           /* ditambahkan dari Visual CSS Editor. */
    min-height: 590px !important;           /* ditambahkan dari Visual CSS Editor. */
    height: auto !important /* section dropdown: hanya min-height agar bisa memanjang saat dibuka */;           /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;           /* ditambahkan dari Visual CSS Editor. */
    overflow: visible !important;           /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;           /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .template-section[data-section="lovestory"] {
    padding-top: 22px !important; /* untuk mengatur jarak dalam sisi atas elemen. */
    position: relative !important;           /* ditambahkan dari Visual CSS Editor. */
    min-height: 590px !important;           /* ditambahkan dari Visual CSS Editor. */
    height: auto !important /* section dropdown: hanya min-height agar bisa memanjang saat dibuka */;           /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;           /* ditambahkan dari Visual CSS Editor. */
    overflow: visible !important;           /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;           /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] #section-lovestory .layer-text {
    width: min(90%, 314px) !important; /* untuk mengatur lebar elemen/isi section (isi/text section). */
    padding-top: 56px !important; /* untuk mengatur jarak dalam sisi atas elemen (isi/text section). */
    padding-bottom: 258px !important; /* untuk mengatur jarak dalam sisi bawah elemen (isi/text section). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="lovestory"] .layer-text {
    width: min(90%, 314px) !important; /* untuk mengatur lebar elemen/isi section (isi/text section). */
    padding-top: 56px !important; /* untuk mengatur jarak dalam sisi atas elemen (isi/text section). */
    padding-bottom: 258px !important; /* untuk mengatur jarak dalam sisi bawah elemen (isi/text section). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] #section-lovestory .lovestory-title-main {
    font-size: 1.78rem !important; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="lovestory"] .lovestory-title-main {
    font-size: 1.78rem !important; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] #section-lovestory .lovestory-title-sub {
    font-size: 1.68rem !important; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="lovestory"] .lovestory-title-sub {
    font-size: 1.68rem !important; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] #section-lovestory .layer-text {
    padding-top: 60px !important; /* untuk mengatur jarak dalam sisi atas elemen (isi/text section). */
    padding-bottom: 272px !important; /* untuk mengatur jarak dalam sisi bawah elemen (isi/text section). */
  }
}

@media (max-width: 899px) {
  body[data-theme="nusantara"] .template-section[data-section="lovestory"] .layer-text {
    padding-top: 60px !important; /* untuk mengatur jarak dalam sisi atas elemen (isi/text section). */
    padding-bottom: 272px !important; /* untuk mengatur jarak dalam sisi bawah elemen (isi/text section). */
  }
}
/*Section 5*/
@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="sweetener"] {
    overflow: hidden !important;    /* untuk mengatur bagian elemen yang keluar dari area. */
    min-height: 449px !important;    /* untuk mengatur tinggi minimum area section. */
    height: 449px !important;    /* untuk mengatur tinggi elemen/area section. */
    aspect-ratio: 1 / 1 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media. */
    background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
    position: relative !important;   /* ditambahkan dari Visual CSS Editor. */
    max-height: 449px !important;   /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;   /* ditambahkan dari Visual CSS Editor. */
    display: grid !important;   /* ditambahkan dari Visual CSS Editor. */
    align-items: center !important;   /* ditambahkan dari Visual CSS Editor. */
    justify-items: center !important;   /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-sweetener .sweetener-card {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
    display: block !important; /* untuk mengatur model layout elemen. */
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
    opacity: 0 !important; /* untuk mengatur transparansi elemen. */
    transform: translateY(18px) scale(.985) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
    transition: opacity .72s ease, transform .72s ease !important; /* untuk mengatur animasi perubahan state elemen. */
    will-change: opacity, transform !important; /* untuk mengatur properti will-change. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="sweetener"] .sweetener-card {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
    display: block !important; /* untuk mengatur model layout elemen. */
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
    opacity: 0 !important; /* untuk mengatur transparansi elemen. */
    transform: translateY(18px) scale(.985) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
    transition: opacity .72s ease, transform .72s ease !important; /* untuk mengatur animasi perubahan state elemen. */
    will-change: opacity, transform !important; /* untuk mengatur properti will-change. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-sweetener .sweetener-image {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    display: block !important; /* untuk mengatur model layout elemen. */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
    min-width: 100% !important; /* untuk mengatur lebar minimum elemen. */
    min-height: 100% !important; /* untuk mengatur tinggi minimum area section. */
    max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    max-height: none !important; /* untuk membatasi tinggi maksimum elemen. */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame. */
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="sweetener"] .sweetener-image {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area. */
    display: block !important; /* untuk mengatur model layout elemen. */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section. */
    min-width: 100% !important; /* untuk mengatur lebar minimum elemen. */
    min-height: 100% !important; /* untuk mengatur tinggi minimum area section. */
    max-width: none !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    max-height: none !important; /* untuk membatasi tinggi maksimum elemen. */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi. */
    object-position: center center !important; /* untuk mengatur titik fokus gambar/video di dalam frame. */
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-sweetener.is-sweetener-visible .sweetener-card {
    opacity: 1 !important; /* untuk mengatur transparansi elemen. */
    transform: translateY(0) scale(1) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="sweetener"].is-sweetener-visible .sweetener-card {
    opacity: 1 !important; /* untuk mengatur transparansi elemen. */
    transform: translateY(0) scale(1) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
  }
}
/*Section 6*/
@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-countdown {
    --countdown-title-space: 24% !important;                                        /* untuk mengatur properti --countdown-title-space (Countdown). */
    min-height: 393px !important;                                        /* untuk mengatur tinggi minimum area section (Countdown). */
    height: 393px !important;                                        /* untuk mengatur tinggi elemen/area section (Countdown). */
    aspect-ratio: 4 / 5 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Countdown). */
    overflow: hidden !important;                                        /* untuk mengatur bagian elemen yang keluar dari area (Countdown). */
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown). */
    position: relative !important;                                       /* ditambahkan dari Visual CSS Editor. */
    max-height: 393px !important;                                       /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;                                       /* ditambahkan dari Visual CSS Editor. */
    display: grid !important;                                       /* ditambahkan dari Visual CSS Editor. */
    align-items: center !important;                                       /* ditambahkan dari Visual CSS Editor. */
    justify-items: center !important;                                       /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] {
    --countdown-title-space: 24% !important;                                        /* untuk mengatur properti --countdown-title-space (Countdown). */
    min-height: 393px !important;                                        /* untuk mengatur tinggi minimum area section (Countdown). */
    height: 393px !important;                                        /* untuk mengatur tinggi elemen/area section (Countdown). */
    aspect-ratio: 4 / 5 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Countdown). */
    overflow: hidden !important;                                        /* untuk mengatur bagian elemen yang keluar dari area (Countdown). */
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Countdown). */
    position: relative !important;                                       /* ditambahkan dari Visual CSS Editor. */
    max-height: 393px !important;                                       /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;                                       /* ditambahkan dari Visual CSS Editor. */
    display: grid !important;                                       /* ditambahkan dari Visual CSS Editor. */
    align-items: center !important;                                       /* ditambahkan dari Visual CSS Editor. */
    justify-items: center !important;                                       /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-countdown .countdown-heading {
    top: 28.73% !important;                                              /* untuk mengatur jarak elemen dari sisi atas (Countdown). */
    width: min(76%, 210px) !important; /* untuk mengatur lebar elemen/isi section (Countdown). */
    left: 50% !important;                                             /* ditambahkan dari Visual CSS Editor. */
    transform: translateX(-50%) !important;                                             /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-heading {
    top: clamp(30px, 7vw, 46px) !important; /* untuk mengatur jarak elemen dari sisi atas (Countdown). */
    width: min(76%, 210px) !important; /* untuk mengatur lebar elemen/isi section (Countdown). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-countdown .countdown-heading span {
    font-size: clamp(1.55rem, 7.4vw, 2.15rem) !important; /* untuk mengatur ukuran teks (Countdown). */
    line-height: .82 !important; /* untuk mengatur tinggi baris teks (Countdown). */
    margin-top: 8px !important;
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-heading span {
    font-size: clamp(1.55rem, 7.4vw, 2.15rem) !important; /* untuk mengatur ukuran teks (Countdown). */
    line-height: .82 !important; /* untuk mengatur tinggi baris teks (Countdown). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-countdown .countdown-heading em {
    font-size: .72em !important; /* untuk mengatur ukuran teks (Countdown). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-heading em {
    font-size: .72em !important; /* untuk mengatur ukuran teks (Countdown). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-countdown .layer-section-media {
    top: var(--countdown-title-space) !important; /* untuk mengatur jarak elemen dari sisi atas (Countdown, media per section). */
    height: calc(100% - var(--countdown-title-space)) !important; /* untuk mengatur tinggi elemen/area section (Countdown, media per section). */
    aspect-ratio: auto !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Countdown, media per section). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] .layer-section-media {
    top: var(--countdown-title-space) !important; /* untuk mengatur jarak elemen dari sisi atas (Countdown, media per section). */
    height: calc(100% - var(--countdown-title-space)) !important; /* untuk mengatur tinggi elemen/area section (Countdown, media per section). */
    aspect-ratio: auto !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Countdown, media per section). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-countdown .layer-section-media video {
    object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Countdown, media per section). */
    object-position: center top !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Countdown, media per section). */
    transform: translate(0px, 50px) scale(1) !important;                                    /* ditambahkan dari Visual CSS Editor. */
    transform-origin: center center !important;                                    /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-countdown .layer-section-media img {
    object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Countdown, media per section). */
    object-position: center top !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Countdown, media per section). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] .layer-section-media video {
    object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Countdown, media per section). */
    object-position: center top !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Countdown, media per section). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] .layer-section-media img {
    object-fit: contain !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Countdown, media per section). */
    object-position: center top !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Countdown, media per section). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-countdown .countdown-card {
    top: calc(var(--countdown-title-space) + ((100% - var(--countdown-title-space)) * .455)) !important; /* untuk mengatur jarak elemen dari sisi atas (Countdown). */
    width: min(42%, 154px) !important; /* untuk mengatur lebar elemen/isi section (Countdown). */
    max-width: 154px !important; /* untuk membatasi lebar maksimum elemen/isi section (Countdown). */
    min-width: 118px !important; /* untuk mengatur lebar minimum elemen (Countdown). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-card {
    top: calc(var(--countdown-title-space) + ((100% - var(--countdown-title-space)) * .455)) !important; /* untuk mengatur jarak elemen dari sisi atas (Countdown). */
    width: min(42%, 154px) !important; /* untuk mengatur lebar elemen/isi section (Countdown). */
    max-width: 154px !important; /* untuk membatasi lebar maksimum elemen/isi section (Countdown). */
    min-width: 118px !important; /* untuk mengatur lebar minimum elemen (Countdown). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-countdown .countdown-grid {
    gap: 7px 11px !important; /* untuk mengatur jarak antar elemen (Countdown). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-grid {
    gap: 7px 11px !important; /* untuk mengatur jarak antar elemen (Countdown). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-countdown .countdown-grid strong {
    font-size: clamp(1.35rem, 7vw, 1.9rem) !important; /* untuk mengatur ukuran teks (Countdown). */
    transform: translate(0px, 17px) scale(1) !important;                              /* ditambahkan dari Visual CSS Editor. */
    transform-origin: center center !important;                              /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-grid strong {
    font-size: clamp(1.35rem, 7vw, 1.9rem) !important; /* untuk mengatur ukuran teks (Countdown). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-countdown .countdown-grid span {
    font-size: clamp(.46rem, 2.2vw, .6rem) !important; /* untuk mengatur ukuran teks (Countdown). */
    transform: translate(0px, 17px) scale(1) !important;                               /* ditambahkan dari Visual CSS Editor. */
    transform-origin: center center !important;                               /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-grid span {
    font-size: clamp(.46rem, 2.2vw, .6rem) !important; /* untuk mengatur ukuran teks (Countdown). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] #section-countdown .countdown-heading span {
    font-size: clamp(1.42rem, 7vw, 1.92rem) !important; /* untuk mengatur ukuran teks (Countdown). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-heading span {
    font-size: clamp(1.42rem, 7vw, 1.92rem) !important; /* untuk mengatur ukuran teks (Countdown). */
  }
}
/*Section 7*/
@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="event"] {
    min-height: 571px !important;                  /* untuk mengatur tinggi minimum area section. */
    padding: clamp(28px, 7svh, 52px) 0 clamp(84px, 17svh, 118px) !important; /* untuk mengatur jarak dalam elemen. */
    position: relative !important;                 /* ditambahkan dari Visual CSS Editor. */
    height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;                 /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;                 /* ditambahkan dari Visual CSS Editor. */
    overflow: visible !important;                 /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;                 /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="event"] .layer-overlay {
    background: rgba(255, 255, 255, .70) !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-event .location-panel {
    gap: clamp(20px, 4.2svh, 30px) !important; /* untuk mengatur jarak antar elemen. */
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer. */
    z-index: 4 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup. */
    top: 50% !important; /* untuk mengatur jarak elemen dari sisi atas. */
    left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri. */
    transform: translate(-50%, -50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen. */
    width: min(78vw, 315px) !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: 315px !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    min-height: auto !important; /* untuk mengatur tinggi minimum area section. */
    max-height: calc(100dvh - var(--nav-height, 74px) - 56px) !important; /* untuk membatasi tinggi maksimum elemen. */
    padding: clamp(28px, 5.2dvh, 42px) clamp(18px, 6vw, 26px) clamp(24px, 4.5dvh, 36px) !important; /* untuk mengatur jarak dalam elemen. */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area. */
    background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="event"] .location-panel {
    width: min(82%, 292px) !important; /* untuk mengatur lebar elemen/isi section. */
    min-height: min(70svh, 490px) !important; /* untuk mengatur tinggi minimum area section. */
    padding: clamp(28px, 6.5svh, 42px) clamp(18px, 6vw, 24px) !important; /* untuk mengatur jarak dalam elemen. */
    gap: clamp(20px, 4.2svh, 30px) !important; /* untuk mengatur jarak antar elemen. */
    background: rgba(255, 250, 242, .90) !important; /* untuk mengatur warna/gambar/gradient latar elemen. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="event"] .location-block h3 {
    font-size: clamp(2.25rem, 13vw, 3.05rem) !important; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-event .location-panel p {
    font-size: clamp(.62rem, 2.85vw, .78rem) !important; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="event"] .location-panel p {
    font-size: clamp(.62rem, 2.85vw, .78rem) !important; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-event {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    min-height: 571px !important;                  /* untuk mengatur tinggi minimum area section. */
    height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;                  /* untuk mengatur tinggi elemen/area section. */
    padding: 0 !important; /* untuk mengatur jarak dalam elemen. */
    margin: 0 !important; /* untuk mengatur jarak luar elemen. */
    overflow: visible !important;                  /* untuk mengatur bagian elemen yang keluar dari area. */
    box-sizing: border-box !important;                  /* untuk mengatur perhitungan lebar/tinggi elemen. */
    position: relative !important;                 /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;                 /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-event .layer-overlay {
    background: rgba(255, 250, 244, .56) !important; /* untuk mengatur warna/gambar/gradient latar elemen (overlay section). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-event .location-block h3 {
    font-size: clamp(2.45rem, 12vw, 2.45rem) !important; /* untuk mengatur ukuran teks. */
    line-height: .86 !important; /* untuk mengatur tinggi baris teks. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-event .location-date {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: 100% !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    text-align: center !important; /* untuk mengatur perataan teks. */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen. */
    margin-right: auto !important; /* untuk mengatur jarak luar sisi kanan elemen. */
    font-size: clamp(.72rem, 3vw, .9rem) !important; /* untuk mengatur ukuran teks. */
    line-height: 1.18 !important; /* untuk mengatur tinggi baris teks. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-event .location-time {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: 100% !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    text-align: center !important; /* untuk mengatur perataan teks. */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen. */
    margin-right: auto !important; /* untuk mengatur jarak luar sisi kanan elemen. */
    font-size: clamp(.72rem, 3vw, .9rem) !important; /* untuk mengatur ukuran teks. */
    line-height: 1.18 !important; /* untuk mengatur tinggi baris teks. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-event .location-venue {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    max-width: 100% !important; /* untuk membatasi lebar maksimum elemen/isi section. */
    text-align: center !important; /* untuk mengatur perataan teks. */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen. */
    margin-right: auto !important; /* untuk mengatur jarak luar sisi kanan elemen. */
    font-size: clamp(.72rem, 3vw, .9rem) !important; /* untuk mengatur ukuran teks. */
    line-height: 1.18 !important; /* untuk mengatur tinggi baris teks. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-event .venue-line {
    display: block !important; /* untuk mengatur model layout elemen. */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section. */
    text-align: center !important; /* untuk mengatur perataan teks. */
  }
}
/*Section 8*/
@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="gift"] {
    min-height: 585px !important;                /* untuk mengatur tinggi minimum area section (Gift). */
    padding: clamp(28px, 7svh, 52px) 0 clamp(84px, 17svh, 118px) !important; /* untuk mengatur jarak dalam elemen (Gift). */
    position: relative !important;               /* ditambahkan dari Visual CSS Editor. */
    height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;               /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;               /* ditambahkan dari Visual CSS Editor. */
    overflow: visible !important;               /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;               /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="gift"] .layer-overlay {
    background: rgba(255, 255, 255, .70) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, overlay section). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="gift"] .layer-section-media {
    width: min(92%, 330px) !important; /* untuk mengatur lebar elemen/isi section (Gift, media per section). */
    aspect-ratio: 1080 / 1442 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Gift, media per section). */
    top: 50% !important; /* untuk mengatur jarak elemen dari sisi atas (Gift, media per section). */
    left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (Gift, media per section). */
    transform: translate(-50%, -50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gift, media per section). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-content-panel {
    width: min(82%, 300px) !important; /* untuk mengatur lebar elemen/isi section (Gift). */
    min-height: min(61svh, 410px) !important; /* untuk mengatur tinggi minimum area section (Gift). */
    padding: clamp(40px, 7.5svh, 58px) clamp(22px, 6vw, 30px) !important; /* untuk mengatur jarak dalam elemen (Gift). */
    gap: clamp(14px, 2.9svh, 22px) !important; /* untuk mengatur jarak antar elemen (Gift). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-block h3 {
    font-size: clamp(1.65rem, 8.8vw, 2.15rem) !important; /* untuk mengatur ukuran teks (Gift). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-block p {
    font-size: clamp(.60rem, 2.75vw, .76rem) !important; /* untuk mengatur ukuran teks (Gift). */
    line-height: 1.34 !important; /* untuk mengatur tinggi baris teks (Gift). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="gift"] .gift-action-btn {
    min-height: 28px !important; /* untuk mengatur tinggi minimum area section (Gift). */
    padding: 7px 13px !important; /* untuk mengatur jarak dalam elemen (Gift). */
    font-size: clamp(.58rem, 2.5vw, .70rem) !important; /* untuk mengatur ukuran teks (Gift). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gift {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gift). */
    min-height: 585px !important;                /* untuk mengatur tinggi minimum area section (Gift). */
    height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;                /* untuk mengatur tinggi elemen/area section (Gift). */
    padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gift). */
    margin: 0 !important; /* untuk mengatur jarak luar elemen (Gift). */
    overflow: visible !important;                /* untuk mengatur bagian elemen yang keluar dari area (Gift). */
    box-sizing: border-box !important;                /* untuk mengatur perhitungan lebar/tinggi elemen (Gift). */
    position: relative !important;               /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;               /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gift .layer-overlay {
    background: rgba(255, 250, 244, .74) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift, overlay section). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gift .layer-section-media {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gift, media per section). */
    z-index: 2 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gift, media per section). */
    top: 50% !important; /* untuk mengatur jarak elemen dari sisi atas (Gift, media per section). */
    left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (Gift, media per section). */
    transform: translate(-50%, -50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gift, media per section). */
    width: min(90vw, 338px) !important; /* untuk mengatur lebar elemen/isi section (Gift, media per section). */
    height: auto !important; /* untuk mengatur tinggi elemen/area section (Gift, media per section). */
    aspect-ratio: 1080 / 1442 !important; /* untuk menjaga rasio lebar dan tinggi elemen/media (Gift, media per section). */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gift, media per section). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gift .gift-content-panel {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Gift). */
    z-index: 4 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Gift). */
    top: 50% !important; /* untuk mengatur jarak elemen dari sisi atas (Gift). */
    left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (Gift). */
    transform: translate(-50%, -50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (Gift). */
    width: min(72vw, 272px) !important; /* untuk mengatur lebar elemen/isi section (Gift). */
    max-width: 272px !important; /* untuk membatasi lebar maksimum elemen/isi section (Gift). */
    min-height: auto !important; /* untuk mengatur tinggi minimum area section (Gift). */
    height: auto !important; /* untuk mengatur tinggi elemen/area section (Gift). */
    padding: clamp(34px, 5.4dvh, 48px) 16px !important; /* untuk mengatur jarak dalam elemen (Gift). */
    gap: clamp(12px, 2.4dvh, 18px) !important; /* untuk mengatur jarak antar elemen (Gift). */
    text-align: center !important; /* untuk mengatur perataan teks (Gift). */
    background: transparent !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gift .gift-block h3 {
    font-size: clamp(2.45rem, 8vw, 2.45rem) !important; /* untuk mengatur ukuran teks (Gift). */
    line-height: .98 !important; /* untuk mengatur tinggi baris teks (Gift). */
    margin-bottom: 7px !important; /* untuk mengatur jarak luar sisi bawah elemen (Gift). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gift .gift-block p {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gift). */
    max-width: 220px !important; /* untuk membatasi lebar maksimum elemen/isi section (Gift). */
    margin: 0 auto 9px !important; /* untuk mengatur jarak luar elemen (Gift). */
    font-size: clamp(.64rem, 2.65vw, .76rem) !important; /* untuk mengatur ukuran teks (Gift). */
    line-height: 1.3 !important; /* untuk mengatur tinggi baris teks (Gift). */
    text-align: center !important; /* untuk mengatur perataan teks (Gift). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gift .gift-divider {
    width: min(86%, 210px) !important; /* untuk mengatur lebar elemen/isi section (Gift). */
    margin: 2px auto !important; /* untuk mengatur jarak luar elemen (Gift). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gift .gift-action-btn {
    display: inline-flex !important; /* untuk mengatur model layout elemen (Gift). */
    align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gift). */
    justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Gift). */
    min-height: 28px !important; /* untuk mengatur tinggi minimum area section (Gift). */
    padding: 7px 14px !important; /* untuk mengatur jarak dalam elemen (Gift). */
    border: 1px solid rgba(77, 55, 40, .62) !important; /* untuk mengatur garis tepi elemen (Gift). */
    border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen (Gift). */
    background: rgba(255, 255, 255, .62) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
    color: #60412f !important; /* untuk mengatur warna teks (Gift). */
    text-decoration: none !important; /* untuk mengatur dekorasi teks/link (Gift). */
    font-size: clamp(.62rem, 2.45vw, .72rem) !important; /* untuk mengatur ukuran teks (Gift). */
    font-weight: 700 !important; /* untuk mengatur ketebalan teks (Gift). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gift .gift-action-btn:link {
    display: inline-flex !important; /* untuk mengatur model layout elemen (Gift). */
    align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gift). */
    justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Gift). */
    min-height: 28px !important; /* untuk mengatur tinggi minimum area section (Gift). */
    padding: 7px 14px !important; /* untuk mengatur jarak dalam elemen (Gift). */
    border: 1px solid rgba(77, 55, 40, .62) !important; /* untuk mengatur garis tepi elemen (Gift). */
    border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen (Gift). */
    background: rgba(255, 255, 255, .62) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
    color: #60412f !important; /* untuk mengatur warna teks (Gift). */
    text-decoration: none !important; /* untuk mengatur dekorasi teks/link (Gift). */
    font-size: clamp(.62rem, 2.45vw, .72rem) !important; /* untuk mengatur ukuran teks (Gift). */
    font-weight: 700 !important; /* untuk mengatur ketebalan teks (Gift). */
    margin-top: 10px !important;
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gift .gift-action-btn:visited {
    display: inline-flex !important; /* untuk mengatur model layout elemen (Gift). */
    align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gift). */
    justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Gift). */
    min-height: 28px !important; /* untuk mengatur tinggi minimum area section (Gift). */
    padding: 7px 14px !important; /* untuk mengatur jarak dalam elemen (Gift). */
    border: 1px solid rgba(77, 55, 40, .62) !important; /* untuk mengatur garis tepi elemen (Gift). */
    border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen (Gift). */
    background: rgba(255, 255, 255, .62) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
    color: #60412f !important; /* untuk mengatur warna teks (Gift). */
    text-decoration: none !important; /* untuk mengatur dekorasi teks/link (Gift). */
    font-size: clamp(.62rem, 2.45vw, .72rem) !important; /* untuk mengatur ukuran teks (Gift). */
    font-weight: 700 !important; /* untuk mengatur ketebalan teks (Gift). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gift .gift-action-btn:hover {
    display: inline-flex !important; /* untuk mengatur model layout elemen (Gift). */
    align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gift). */
    justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Gift). */
    min-height: 28px !important; /* untuk mengatur tinggi minimum area section (Gift). */
    padding: 7px 14px !important; /* untuk mengatur jarak dalam elemen (Gift). */
    border: 1px solid rgba(77, 55, 40, .62) !important; /* untuk mengatur garis tepi elemen (Gift). */
    border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen (Gift). */
    background: rgba(255, 255, 255, .62) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
    color: #60412f !important; /* untuk mengatur warna teks (Gift). */
    text-decoration: none !important; /* untuk mengatur dekorasi teks/link (Gift). */
    font-size: clamp(.62rem, 2.45vw, .72rem) !important; /* untuk mengatur ukuran teks (Gift). */
    font-weight: 700 !important; /* untuk mengatur ketebalan teks (Gift). */
    transform: translate(0px, -20px) scale(1) !important;  /* ditambahkan dari Visual CSS Editor. */
    transform-origin: center center !important;  /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gift .gift-action-btn:active {
    display: inline-flex !important; /* untuk mengatur model layout elemen (Gift). */
    align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Gift). */
    justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Gift). */
    min-height: 28px !important; /* untuk mengatur tinggi minimum area section (Gift). */
    padding: 7px 14px !important; /* untuk mengatur jarak dalam elemen (Gift). */
    border: 1px solid rgba(77, 55, 40, .62) !important; /* untuk mengatur garis tepi elemen (Gift). */
    border-radius: 999px !important; /* untuk mengatur lengkungan sudut elemen (Gift). */
    background: rgba(255, 255, 255, .62) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Gift). */
    color: #60412f !important; /* untuk mengatur warna teks (Gift). */
    text-decoration: none !important; /* untuk mengatur dekorasi teks/link (Gift). */
    font-size: clamp(.62rem, 2.45vw, .72rem) !important; /* untuk mengatur ukuran teks (Gift). */
    font-weight: 700 !important; /* untuk mengatur ketebalan teks (Gift). */
  }
}
/*Section 9*/
@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="rsvp"] {
    min-height: 505px !important;                        /* untuk mengatur tinggi minimum area section (RSVP). */
    padding: clamp(28px, 7svh, 48px) 0 clamp(92px, 16svh, 120px) !important; /* untuk mengatur jarak dalam elemen (RSVP). */
    position: relative !important;                       /* ditambahkan dari Visual CSS Editor. */
    height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;                       /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;                       /* ditambahkan dari Visual CSS Editor. */
    overflow: visible !important;                       /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;                       /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="rsvp"] .layer-overlay {
    background: rgba(255, 255, 255, .74) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP, overlay section). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-panel {
    width: min(84%, 318px) !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
    max-width: 318px !important; /* untuk membatasi lebar maksimum elemen/isi section (RSVP). */
    top: 47% !important; /* untuk mengatur jarak elemen dari sisi atas (RSVP). */
    left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (RSVP). */
    transform: translate(-50%, -50%) !important; /* untuk mengatur perubahan posisi/skala/rotasi elemen (RSVP). */
    text-align: center !important; /* untuk mengatur perataan teks (RSVP). */
    display: flex !important; /* untuk mengatur model layout elemen (RSVP). */
    flex-direction: column !important; /* untuk mengatur properti flex-direction (RSVP). */
    align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (RSVP). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-panel h2 {
    font-size: clamp(2.45rem, 14vw, 3.55rem) !important; /* untuk mengatur ukuran teks (RSVP). */
    text-align: center !important; /* untuk mengatur perataan teks (RSVP). */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen (RSVP). */
    margin-right: auto !important; /* untuk mengatur jarak luar sisi kanan elemen (RSVP). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-intro {
    width: min(100%, 300px) !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
    text-align: center !important; /* untuk mengatur perataan teks (RSVP). */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen (RSVP). */
    margin-right: auto !important; /* untuk mengatur jarak luar sisi kanan elemen (RSVP). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-form input {
    min-height: 34px !important; /* untuk mengatur tinggi minimum area section (RSVP). */
    font-size: clamp(.68rem, 2.8vw, .78rem) !important; /* untuk mengatur ukuran teks (RSVP). */
    text-align: left !important; /* untuk mengatur perataan teks (RSVP). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-form select {
    min-height: 34px !important; /* untuk mengatur tinggi minimum area section (RSVP). */
    font-size: clamp(.68rem, 2.8vw, .78rem) !important; /* untuk mengatur ukuran teks (RSVP). */
    text-align: left !important; /* untuk mengatur perataan teks (RSVP). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-rsvp {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
    min-height: 505px !important;                        /* untuk mengatur tinggi minimum area section (RSVP). */
    height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;                        /* untuk mengatur tinggi elemen/area section (RSVP). */
    padding: 0 !important; /* untuk mengatur jarak dalam elemen (RSVP). */
    margin: 0 !important; /* untuk mengatur jarak luar elemen (RSVP). */
    overflow: visible !important;                        /* untuk mengatur bagian elemen yang keluar dari area (RSVP). */
    box-sizing: border-box !important;                        /* untuk mengatur perhitungan lebar/tinggi elemen (RSVP). */
    display: block !important; /* untuk mengatur model layout elemen (RSVP). */
    position: relative !important;                       /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;                       /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-rsvp .layer-overlay {
    background: rgba(255, 250, 244, .74) !important; /* untuk mengatur warna/gambar/gradient latar elemen (RSVP, overlay section). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-rsvp .rsvp-panel {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (RSVP). */
    z-index: 4 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (RSVP). */
    width: min(82vw, 312px) !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
    max-width: 312px !important; /* untuk membatasi lebar maksimum elemen/isi section (RSVP). */
    margin: 0 !important; /* untuk mengatur jarak luar elemen (RSVP). */
    top: 47% !important; /* untuk mengatur jarak elemen dari sisi atas (RSVP). */
    left: 50% !important; /* untuk mengatur jarak elemen dari sisi kiri (RSVP). */
    transform: translate(-156px, -202px) scale(1) !important;         /* untuk mengatur perubahan posisi/skala/rotasi elemen (RSVP). */
    text-align: center !important; /* untuk mengatur perataan teks (RSVP). */
    display: flex !important; /* untuk mengatur model layout elemen (RSVP). */
    flex-direction: column !important; /* untuk mengatur properti flex-direction (RSVP). */
    align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (RSVP). */
    transform-origin: center center !important;        /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-rsvp .rsvp-panel h2 {
    margin: 0 0 14px !important; /* untuk mengatur jarak luar elemen (RSVP). */
    font-size: clamp(2.45rem, 8vw, 2.45rem) !important; /* untuk mengatur ukuran teks (RSVP). */
    line-height: .95 !important; /* untuk mengatur tinggi baris teks (RSVP). */
    text-align: center !important; /* untuk mengatur perataan teks (RSVP). */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen (RSVP). */
    margin-right: auto !important; /* untuk mengatur jarak luar sisi kanan elemen (RSVP). */
    transform: translate(0px, -20px) scale(1) !important;    /* ditambahkan dari Visual CSS Editor. */
    transform-origin: center center !important;    /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-rsvp .rsvp-intro {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
    margin: 0 0 18px !important; /* untuk mengatur jarak luar elemen (RSVP). */
    font-size: clamp(.86rem, 3.6vw, 1rem) !important; /* untuk mengatur ukuran teks (RSVP). */
    line-height: 1.35 !important; /* untuk mengatur tinggi baris teks (RSVP). */
    text-align: center !important; /* untuk mengatur perataan teks (RSVP). */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen (RSVP). */
    margin-right: auto !important; /* untuk mengatur jarak luar sisi kanan elemen (RSVP). */
    transform: translate(0px, -20px) scale(1) !important;    /* ditambahkan dari Visual CSS Editor. */
    transform-origin: center center !important;    /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-rsvp .rsvp-form {
    display: grid !important; /* untuk mengatur model layout elemen (RSVP). */
    grid-template-columns: 1fr !important; /* untuk mengatur jumlah/lebar kolom grid (RSVP). */
    gap: 8px !important; /* untuk mengatur jarak antar elemen (RSVP). */
    max-width: 100% !important; /* untuk membatasi lebar maksimum elemen/isi section (RSVP). */
    margin: 0 !important; /* untuk mengatur jarak luar elemen (RSVP). */
    width: min(82vw, 312px) !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen (RSVP). */
    margin-right: auto !important; /* untuk mengatur jarak luar sisi kanan elemen (RSVP). */
    justify-items: center !important; /* untuk mengatur posisi item secara horizontal pada grid (RSVP). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-rsvp .rsvp-form input {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
    max-width: 100% !important; /* untuk membatasi lebar maksimum elemen/isi section (RSVP). */
    min-width: 0 !important; /* untuk mengatur lebar minimum elemen (RSVP). */
    height: 34px !important; /* untuk mengatur tinggi elemen/area section (RSVP). */
    min-height: 34px !important; /* untuk mengatur tinggi minimum area section (RSVP). */
    padding: 0 12px !important; /* untuk mengatur jarak dalam elemen (RSVP). */
    font-size: clamp(.72rem, 3.2vw, .86rem) !important; /* untuk mengatur ukuran teks (RSVP). */
    border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP). */
    box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen (RSVP). */
    text-align: left !important; /* untuk mengatur perataan teks (RSVP). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-rsvp .rsvp-form select {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
    max-width: 100% !important; /* untuk membatasi lebar maksimum elemen/isi section (RSVP). */
    min-width: 0 !important; /* untuk mengatur lebar minimum elemen (RSVP). */
    height: 34px !important; /* untuk mengatur tinggi elemen/area section (RSVP). */
    min-height: 34px !important; /* untuk mengatur tinggi minimum area section (RSVP). */
    padding: 0 12px !important; /* untuk mengatur jarak dalam elemen (RSVP). */
    font-size: clamp(.72rem, 3.2vw, .86rem) !important; /* untuk mengatur ukuran teks (RSVP). */
    border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP). */
    box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen (RSVP). */
    text-align: left !important; /* untuk mengatur perataan teks (RSVP). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-rsvp .rsvp-submit {
    width: 88px !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
    height: 34px !important; /* untuk mengatur tinggi elemen/area section (RSVP). */
    min-height: 34px !important; /* untuk mengatur tinggi minimum area section (RSVP). */
    border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (RSVP). */
    justify-self: left !important; /* untuk mengatur posisi satu elemen secara horizontal (RSVP). */
    align-self: center !important; /* untuk mengatur posisi satu elemen secara vertikal/cross-axis (RSVP). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-form {
    width: min(82vw, 312px) !important; /* untuk mengatur lebar elemen/isi section (RSVP). */
    margin-left: auto !important; /* untuk mengatur jarak luar sisi kiri elemen (RSVP). */
    margin-right: auto !important; /* untuk mengatur jarak luar sisi kanan elemen (RSVP). */
    justify-items: center !important; /* untuk mengatur posisi item secara horizontal pada grid (RSVP). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-submit {
    justify-self: center !important; /* untuk mengatur posisi satu elemen secara horizontal (RSVP). */
    align-self: center !important; /* untuk mengatur posisi satu elemen secara vertikal/cross-axis (RSVP). */
  }
}
/*Section 10*/
@media (max-width: 380px) {
  body[data-theme="nusantara"] #section-gallery {
    padding-top: 46px !important; /* untuk mengatur jarak dalam sisi atas elemen (Gallery). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="gallery"] {
    padding-top: 46px !important; /* untuk mengatur jarak dalam sisi atas elemen (Gallery). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] #section-gallery .gallery-slider {
    min-height: 360px !important; /* untuk mengatur tinggi minimum area section (Gallery). */
    border-radius: 24px !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
  }
}

@media (max-width: 380px) {
  body[data-theme="nusantara"] .template-section[data-section="gallery"] .gallery-slider {
    min-height: 360px !important; /* untuk mengatur tinggi minimum area section (Gallery). */
    border-radius: 24px !important; /* untuk mengatur lengkungan sudut elemen (Gallery). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gallery.gallery-section--main {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
    min-height: 100dvh !important; /* untuk mengatur tinggi minimum area section (Gallery). */
    height: 100dvh !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
    padding: 0 !important; /* untuk mengatur jarak dalam elemen (Gallery). */
    margin: 0 !important; /* untuk mengatur jarak luar elemen (Gallery). */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Gallery). */
    box-sizing: border-box !important; /* untuk mengatur perhitungan lebar/tinggi elemen (Gallery). */
    --gallery-title-height: clamp(106px, 18dvh, 138px) !important; /* untuk mengatur properti --gallery-title-height (Gallery). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-title {
    height: var(--gallery-title-height) !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
    padding: 12px 14px 8px !important; /* untuk mengatur jarak dalam elemen (Gallery). */
    justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Gallery). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-title-main {
    font-size: clamp(2.45rem, 8vw, 2.45rem) !important; /* untuk mengatur ukuran teks (Gallery). */
    line-height: .9 !important; /* untuk mengatur tinggi baris teks (Gallery). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-title-script {
    font-size: clamp(2.45rem, 12vw, 2.45rem) !important; /* untuk mengatur ukuran teks (Gallery). */
    line-height: .78 !important; /* untuk mengatur tinggi baris teks (Gallery). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-slider {
    top: var(--gallery-title-height) !important; /* untuk mengatur jarak elemen dari sisi atas (Gallery). */
    inset: var(--gallery-title-height) 0 0 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Gallery). */
    height: calc(100% - var(--gallery-title-height)) !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-gallery.gallery-section--main .gallery-slide img {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Gallery). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Gallery). */
    object-fit: cover !important; /* untuk mengatur gambar/video memenuhi frame tanpa merusak proporsi (Gallery). */
    object-position: center top !important; /* untuk mengatur titik fokus gambar/video di dalam frame (Gallery). */
  }
}
/*Section 11*/
@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="wishes"] .layer-overlay {
    background: rgba(255, 250, 244, .82) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes, overlay section). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="wishes"] .wishes-panel {
    padding: clamp(20px, 4.2svh, 32px) 22px calc(var(--nav-height, 74px) + 18px) !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="wishes"] .wishes-card {
    width: min(89%, 330px) !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
    max-height: min(80svh, 560px) !important; /* untuk membatasi tinggi maksimum elemen (Wishes). */
    padding: 20px 18px 14px !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="wishes"] .wishes-title span {
    font-size: clamp(1.65rem, 9vw, 2.32rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-list {
    max-height: clamp(132px, 24svh, 190px) !important; /* untuk membatasi tinggi maksimum elemen (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-item {
    grid-template-columns: 30px minmax(0, 1fr) !important; /* untuk mengatur jumlah/lebar kolom grid (Wishes). */
    padding: 7px 8px !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="wishes"] .wish-avatar {
    width: 26px !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
    height: 26px !important; /* untuk mengatur tinggi elemen/area section (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
    min-height: 583px !important;              /* untuk mengatur tinggi minimum area section (Wishes). */
    height: auto !important /* section konten: hanya min-height agar isi/tombol/form tidak terpotong */;              /* untuk mengatur tinggi elemen/area section (Wishes). */
    padding: 0 !important; /* untuk mengatur jarak dalam elemen (Wishes). */
    margin: 0 !important; /* untuk mengatur jarak luar elemen (Wishes). */
    overflow: visible !important;              /* untuk mengatur bagian elemen yang keluar dari area (Wishes). */
    box-sizing: border-box !important;              /* untuk mengatur perhitungan lebar/tinggi elemen (Wishes). */
    position: relative !important;             /* ditambahkan dari Visual CSS Editor. */
    max-height: none !important;             /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes .layer-overlay {
    background: rgba(255, 250, 244, .78) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes, overlay section). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes .wishes-panel {
    position: absolute !important; /* untuk mengatur metode posisi elemen/layer (Wishes). */
    z-index: 4 !important; /* untuk mengatur urutan tumpukan layer agar tidak saling tertutup (Wishes). */
    inset: 0 !important; /* untuk menempelkan elemen absolute/fixed ke semua sisi area (Wishes). */
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
    height: 100% !important; /* untuk mengatur tinggi elemen/area section (Wishes). */
    padding: 0 !important; /* untuk mengatur jarak dalam elemen (Wishes). */
    display: flex !important; /* untuk mengatur model layout elemen (Wishes). */
    align-items: center !important; /* untuk mengatur posisi isi secara vertikal/cross-axis (Wishes). */
    justify-content: center !important; /* untuk mengatur posisi isi secara horizontal/main-axis (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes .wishes-card {
    width: min(82vw, 326px) !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
    max-width: 326px !important; /* untuk membatasi lebar maksimum elemen/isi section (Wishes). */
    max-height: calc(100dvh - var(--nav-height, 74px) - 48px) !important; /* untuk membatasi tinggi maksimum elemen (Wishes). */
    padding: clamp(18px, 3dvh, 24px) 18px 12px !important; /* untuk mengatur jarak dalam elemen (Wishes). */
    border: 1px solid rgba(74, 51, 40, .55) !important; /* untuk mengatur garis tepi elemen (Wishes). */
    background: #f4f3f3 !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
    overflow: hidden !important; /* untuk mengatur bagian elemen yang keluar dari area (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes .wishes-title {
    margin: 0 0 12px !important; /* untuk mengatur jarak luar elemen (Wishes). */
    text-align: center !important; /* untuk mengatur perataan teks (Wishes). */
    line-height: 1.05 !important; /* untuk mengatur tinggi baris teks (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes .wishes-title span {
    font-size: clamp(1.55rem, 7.4vw, 2.15rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes .wish-form {
    display: grid !important; /* untuk mengatur model layout elemen (Wishes). */
    grid-template-columns: 1fr !important; /* untuk mengatur jumlah/lebar kolom grid (Wishes). */
    gap: 8px !important; /* untuk mengatur jarak antar elemen (Wishes). */
    margin: 0 0 12px !important; /* untuk mengatur jarak luar elemen (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes .wish-form input {
    width: 100% !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
    height: 34px !important; /* untuk mengatur tinggi elemen/area section (Wishes). */
    min-height: 34px !important; /* untuk mengatur tinggi minimum area section (Wishes). */
    font-size: clamp(.7rem, 3vw, .82rem) !important; /* untuk mengatur ukuran teks (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes .wish-submit {
    justify-self: start !important; /* untuk mengatur posisi satu elemen secara horizontal (Wishes). */
    width: 82px !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
    height: 32px !important; /* untuk mengatur tinggi elemen/area section (Wishes). */
    min-height: 32px !important; /* untuk mengatur tinggi minimum area section (Wishes). */
    border-radius: 0 !important; /* untuk mengatur lengkungan sudut elemen (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes .wish-list {
    max-height: clamp(150px, 25dvh, 206px) !important; /* untuk membatasi tinggi maksimum elemen (Wishes). */
    gap: 7px !important; /* untuk mengatur jarak antar elemen (Wishes). */
    overflow-y: auto !important; /* untuk mengatur overflow vertikal (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes .wish-item {
    display: grid !important; /* untuk mengatur model layout elemen (Wishes). */
    grid-template-columns: 28px minmax(0, 1fr) !important; /* untuk mengatur jumlah/lebar kolom grid (Wishes). */
    gap: 8px !important; /* untuk mengatur jarak antar elemen (Wishes). */
    padding: 7px 8px !important; /* untuk mengatur jarak dalam elemen (Wishes). */
    background: rgba(255, 255, 255, .80) !important; /* untuk mengatur warna/gambar/gradient latar elemen (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes .wish-avatar {
    width: 25px !important; /* untuk mengatur lebar elemen/isi section (Wishes). */
    height: 25px !important; /* untuk mengatur tinggi elemen/area section (Wishes). */
    font-size: .7rem !important; /* untuk mengatur ukuran teks (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes .wish-body strong {
    font-size: .76rem !important; /* untuk mengatur ukuran teks (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes .wish-body p {
    font-size: .62rem !important; /* untuk mengatur ukuran teks (Wishes). */
    line-height: 1.28 !important; /* untuk mengatur tinggi baris teks (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes .wish-pagination {
    gap: 4px !important; /* untuk mengatur jarak antar elemen (Wishes). */
    margin-top: 8px !important; /* untuk mengatur jarak luar sisi atas elemen (Wishes). */
    flex-wrap: nowrap !important; /* untuk mengatur properti flex-wrap (Wishes). */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-wishes .wish-pagination button {
    font-size: .62rem !important; /* untuk mengatur ukuran teks (Wishes). */
    padding: 0 2px !important; /* untuk mengatur jarak dalam elemen (Wishes). */
  }
}
/*Section 12*/
@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-thanks {
    min-height: 665px !important;             /* untuk mengatur tinggi minimum area section. */
    height: 665px !important;             /* untuk mengatur tinggi elemen/area section. */
    position: relative !important;            /* ditambahkan dari Visual CSS Editor. */
    max-height: 665px !important;            /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;            /* ditambahkan dari Visual CSS Editor. */
    overflow: hidden !important;            /* ditambahkan dari Visual CSS Editor. */
    display: grid !important;            /* ditambahkan dari Visual CSS Editor. */
    align-items: center !important;            /* ditambahkan dari Visual CSS Editor. */
    justify-items: center !important;            /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="thanks"] {
    min-height: 665px !important;             /* untuk mengatur tinggi minimum area section. */
    height: 665px !important;             /* untuk mengatur tinggi elemen/area section. */
    position: relative !important;            /* ditambahkan dari Visual CSS Editor. */
    max-height: 665px !important;            /* ditambahkan dari Visual CSS Editor. */
    box-sizing: border-box !important;            /* ditambahkan dari Visual CSS Editor. */
    overflow: hidden !important;            /* ditambahkan dari Visual CSS Editor. */
    display: grid !important;            /* ditambahkan dari Visual CSS Editor. */
    align-items: center !important;            /* ditambahkan dari Visual CSS Editor. */
    justify-items: center !important;            /* ditambahkan dari Visual CSS Editor. */
}
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-thanks .thanks-panel {
    padding-bottom: calc(var(--nav-height, 74px) + 8px) !important; /* untuk mengatur jarak dalam sisi bawah elemen. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-panel {
    padding-bottom: calc(var(--nav-height, 74px) + 8px) !important; /* untuk mengatur jarak dalam sisi bawah elemen. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-thanks .thanks-copy {
    min-height: clamp(158px, 28dvh, 218px) !important; /* untuk mengatur tinggi minimum area section. */
    padding: clamp(22px, 5dvh, 36px) 22px clamp(16px, 3dvh, 24px) !important; /* untuk mengatur jarak dalam elemen. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-copy {
    min-height: clamp(158px, 28dvh, 218px) !important; /* untuk mengatur tinggi minimum area section. */
    padding: clamp(22px, 5dvh, 36px) 22px clamp(16px, 3dvh, 24px) !important; /* untuk mengatur jarak dalam elemen. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-thanks .thanks-title {
    font-size: clamp(2.9rem, 13vw, 2rem) !important; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-title {
    font-size: clamp(2.9rem, 16vw, 4.35rem) !important; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-thanks .thanks-message {
    width: min(82%, 310px) !important; /* untuk mengatur lebar elemen/isi section. */
    font-size: clamp(.82rem, 3.5vw, .98rem) !important; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-message {
    width: min(82%, 310px) !important; /* untuk mengatur lebar elemen/isi section. */
    font-size: clamp(.82rem, 3.5vw, .98rem) !important; /* untuk mengatur ukuran teks. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-thanks .thanks-photo-wrap {
    height: clamp(138px, 28dvh, 230px) !important; /* untuk mengatur tinggi elemen/area section. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-photo-wrap {
    height: clamp(138px, 28dvh, 230px) !important; /* untuk mengatur tinggi elemen/area section. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] #section-thanks .thanks-brand {
    padding: clamp(18px, 4dvh, 28px) 20px !important; /* untuk mengatur jarak dalam elemen. */
  }
}

@media (max-width: 768px) {
  body[data-theme="nusantara"] .template-section[data-section="thanks"] .thanks-brand {
    padding: clamp(18px, 4dvh, 28px) 20px !important; /* untuk mengatur jarak dalam elemen. */
  }
}

/* ============ Sweetener: awan tepi atas & bawah ============ */
body[data-theme="nusantara"] #section-sweetener .sweetener-awan-layer,
body[data-theme="nusantara"] .template-section[data-section="sweetener"] .sweetener-awan-layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
body[data-theme="nusantara"] #section-sweetener .sweetener-awan,
body[data-theme="nusantara"] .template-section[data-section="sweetener"] .sweetener-awan {
  position: absolute !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  display: block !important;
  pointer-events: none !important;
}
body[data-theme="nusantara"] #section-sweetener .sweetener-awan--top,
body[data-theme="nusantara"] .template-section[data-section="sweetener"] .sweetener-awan--top {
  top: 0 !important;
  transform: translateY(-1px) !important;
}
body[data-theme="nusantara"] #section-sweetener .sweetener-awan--bottom,
body[data-theme="nusantara"] .template-section[data-section="sweetener"] .sweetener-awan--bottom {
  bottom: 0 !important;
  transform: translateY(1px) !important;
}

/* ============ Countdown: awan tepi atas & bawah ============ */
body[data-theme="nusantara"] #section-countdown .countdown-awan-layer,
body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-awan-layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
body[data-theme="nusantara"] #section-countdown .countdown-awan,
body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-awan {
  position: absolute !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  display: block !important;
  pointer-events: none !important;
}
body[data-theme="nusantara"] #section-countdown .countdown-awan--top,
body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-awan--top {
  top: 0 !important;
  transform: translateY(-1px) !important;
}
body[data-theme="nusantara"] #section-countdown .countdown-awan--bottom,
body[data-theme="nusantara"] .template-section[data-section="countdown"] .countdown-awan--bottom {
  bottom: 0 !important;
  transform: translateY(1px) !important;
}
/* RSVP awan — hanya di tepi bawah, pakai height:auto (bukan cover) supaya tidak terpotong kotak */
body[data-theme="nusantara"] #section-rsvp .rsvp-awan-layer,
body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-awan-layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important; /* di atas rsvp-panel (z-index 3–4) */
  pointer-events: none !important;
  overflow: hidden !important;
}
body[data-theme="nusantara"] #section-rsvp .rsvp-awan,
body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-awan {
  position: absolute !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  display: block !important;
  pointer-events: none !important;
}
body[data-theme="nusantara"] #section-rsvp .rsvp-awan--bottom,
body[data-theme="nusantara"] .template-section[data-section="rsvp"] .rsvp-awan--bottom {
  bottom: 0 !important;
  transform: translateY(1px) !important;
}