/* =========================================================
   7512-things — Situs pribadi V65
   Design system "Modern Romantic Minimalist" (sama dengan Our Memory V65),
   dipasang sebagai lapisan di atas site-v57.css + site-v59.css.
   Hanya tampilan: fitur, data, dan alamat tidak berubah.
   ========================================================= */
:root{
  --pink-50:#FCF5F7;--pink-100:#F8EDF0;--pink-200:#F1D9E0;--pink-300:#E7BCC9;--pink-400:#D98EA3;--pink-500:#C96E88;--pink-600:#B05873;
  --wine:#30272C;--wine-2:#241D21;--ink:#30272C;--text:#4A3F45;--muted:#786E73;
  --line:#EFE4E7;--line-strong:#E4D5DA;
  --bg:#FFFAF8;--bg-deep:#F8EDF0;--surface:#fff;--surface-soft:rgba(255,255,255,.92);
  --shadow-sm:0 1px 2px rgba(48,39,44,.04),0 1px 1px rgba(48,39,44,.02);
  --shadow:0 1px 2px rgba(48,39,44,.04),0 10px 28px rgba(48,39,44,.06);
  --shadow-lg:0 2px 6px rgba(48,39,44,.05),0 24px 60px rgba(48,39,44,.12);
  --radius-sm:12px;--radius:20px;--radius-lg:28px;--container:1160px;--nav-h:64px;
  --v59-ink:#30272C;--v59-text:#4A3F45;--v59-muted:#786E73;--v59-line:#EFE4E7;--v59-ring:0 0 0 3px rgba(201,110,136,.22);
  --v59-card-shadow:0 1px 2px rgba(48,39,44,.04),0 1px 1px rgba(48,39,44,.02);
  --v59-card-shadow-hover:0 1px 2px rgba(48,39,44,.04),0 12px 30px rgba(48,39,44,.08);
  --v65-serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --v65-sans:'Inter','DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

/* ---------- Dasar ---------- */
body{background:#FFFAF8!important;background-image:none!important;color:var(--text);font-family:var(--v65-sans);font-size:15.5px;line-height:1.65}
body::before,body::after{display:none!important}
h1,h2,h3,h4{color:var(--ink);letter-spacing:-.01em}
h3,h4{font-family:var(--v65-sans)!important;font-weight:650}
::selection{background:#F1D9E0;color:#30272C}
.romantic-ambient{opacity:.35}
@media(max-width:860px){.romantic-ambient{display:none}}

/* ---------- Navigasi: bar penuh, tenang ---------- */
.nav,.nav.scrolled{position:fixed!important;top:0!important;left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:none!important;height:var(--nav-h)!important;margin:0!important;
  padding:0 max(16px,calc((100% - 1160px)/2))!important;border:0!important;border-bottom:1px solid transparent!important;border-radius:0!important;
  background:rgba(255,250,248,.88)!important;backdrop-filter:saturate(1.4) blur(12px)!important;-webkit-backdrop-filter:saturate(1.4) blur(12px)!important;box-shadow:none!important}
.nav.scrolled{border-bottom-color:var(--line)!important}
.brand-mark{width:36px!important;height:36px!important;border-radius:11px!important;background:#F8EDF0!important;color:#B05873!important;box-shadow:none!important;border:0!important;font-size:1rem!important}
.brand-text{font-family:var(--v65-serif)!important;font-weight:600!important;font-size:1.12rem!important;color:var(--ink)!important;letter-spacing:0!important}
.navlinks a,.nav-more summary{border-radius:10px!important;color:var(--text)!important;font-weight:500!important;font-size:.92rem!important}
.navlinks a:hover,.nav-more summary:hover{background:#F8EDF0!important;color:var(--ink)!important}
.navlinks a.active,.nav-more.active summary{background:#30272C!important;color:#fff!important}
.nav-more-menu{border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--shadow-lg)!important;background:#fff!important}
.nav-more-menu a.active{background:#F8EDF0!important;color:#8F4560!important}
.hamb{border-radius:11px!important;border:1px solid var(--line)!important;background:#fff!important;box-shadow:none!important}
.nav-mobile-love{display:none!important}
@media(max-width:860px){
  .navlinks{border-radius:20px!important;border:1px solid var(--line)!important;box-shadow:var(--shadow-lg)!important;background:#fff!important}
  .navlinks a.active{background:#F8EDF0!important;color:#8F4560!important}
}

/* ---------- Judul halaman ---------- */
.page-hero{padding:clamp(104px,9vw,128px) 0 22px!important;background:none!important}
.page-hero h1,.section-head h2,.hero-copy h1,.featured-copy h2,.recap h1,.anniversary h1{font-family:var(--v65-serif)!important;font-weight:600!important;letter-spacing:-.015em!important;color:var(--ink)!important}
.page-hero h1{font-size:clamp(2.2rem,4.2vw,3.2rem)!important;line-height:1.1!important}
.page-hero p{color:var(--muted)!important}
.page-hero-heart{display:none!important}
.section-head h2{font-size:clamp(1.7rem,3.2vw,2.3rem)!important}
.eyebrow,.badge{border:0!important;background:none!important;padding:0!important;color:#B05873!important;font-weight:650!important;letter-spacing:.12em!important;text-transform:uppercase;font-size:.72rem!important;box-shadow:none!important}
.eyebrow::before{content:''!important;display:none!important}
.card .badge,.media .badge{padding:3px 9px!important;border-radius:999px!important;background:#F8EDF0!important;letter-spacing:.02em!important;text-transform:none}

/* ---------- Hero beranda ---------- */
.hero-copy h1{font-size:clamp(2.4rem,5vw,4rem)!important;line-height:1.06!important}
.hero-copy>p{color:var(--muted)!important}
.counter span,.stat{border:1px solid var(--line)!important;background:#fff!important;box-shadow:var(--shadow-sm)!important;border-radius:16px!important}
.stat b,.counter b{color:var(--ink)!important}
.hero-media-wrap,.hero-media,.hero-photo{border-radius:28px!important;box-shadow:var(--shadow)!important}
.memory-love-decor,.stat::before,.stat::after{display:none!important}

/* ---------- Kartu ---------- */
.card{border:1px solid var(--line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--v59-card-shadow)!important}
a.card:hover,.card:hover{box-shadow:var(--v59-card-shadow-hover)!important;border-color:var(--line-strong)!important}
a.card:hover{transform:translateY(-2px)!important}
.card .cover{background:#F8EDF0!important}
.card h3{font-family:var(--v65-serif)!important;font-weight:600!important;font-size:1.12rem!important}
.section-soft{background:#fff!important;border-block:1px solid var(--line)}
.empty{border:1px dashed var(--line-strong)!important;background:#fff!important;border-radius:20px!important}
.empty h1,.empty h2,.empty h3{font-family:var(--v65-serif)!important;font-weight:600!important}

/* ---------- Tombol & form ---------- */
.btn{min-height:44px!important;padding:0 18px!important;border-radius:12px!important;border:1px solid transparent!important;background:#C96E88!important;color:#fff!important;font-weight:600!important;box-shadow:none!important;transform:none!important}
.btn:hover{background:#B05873!important;box-shadow:none!important;transform:none!important}
.btn.alt,.btn.light{background:#fff!important;color:var(--ink)!important;border-color:var(--line-strong)!important}
.btn.alt:hover,.btn.light:hover{background:#F8EDF0!important}
.btn.soft{background:#F8EDF0!important;color:#8F4560!important}
.btn.red{background:#A23B4E!important;color:#fff!important}
.btn.sm{min-height:36px!important;padding:0 13px!important;font-size:.86rem!important;border-radius:10px!important}
.input,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{min-height:46px;border:1px solid var(--line-strong)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;color:var(--ink)!important}
.input:focus,input:focus,select:focus,textarea:focus{border-color:#C96E88!important;box-shadow:0 0 0 3px rgba(201,110,136,.16)!important;outline:0}
input[type=checkbox],input[type=radio]{accent-color:#C96E88}
.filters{padding:10px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
.pagination a,.pagination span,.page-btn{border-radius:10px!important}
.pagination .active,.page-btn.active{background:#30272C!important;color:#fff!important;border-color:#30272C!important}

/* ---------- Bagian khusus ---------- */
.lightbox{background:rgba(24,16,20,.94)!important}
.timeline::before,.story-line::before{background:#ECD3DA!important}
.cal-day.today,.calendar .today{outline:2px solid #C96E88!important}
.date-progress-item,.letter-card,.message-card{border-radius:16px!important}

/* ---------- Footer ---------- */
.site-footer{background:#fff!important;border-top:1px solid var(--line)!important;padding:28px 0 32px!important}
.site-footer .footer-center{color:var(--muted)!important;font-weight:500!important}
.site-footer .footer-love{color:#C96E88!important}
.back-to-top{border-radius:12px!important;background:#30272C!important;color:#fff!important;box-shadow:var(--shadow)!important;border:0!important}

/* ---------- Intro / pembuka ---------- */
.intro-v57-frame,.intro-stage .intro-card{border-radius:28px!important;border:1px solid var(--line)!important;box-shadow:var(--shadow-lg)!important;background:#fff!important}

/* ---------- Ruang Berdua (v58) di situs pribadi ---------- */
.v58-card{border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:var(--v59-card-shadow)!important}
.v58-heading h1{font-family:var(--v65-serif)!important;font-weight:600!important}
.v58-kicker{color:#B05873!important;letter-spacing:.12em!important}
.v58-tabs a{border-color:var(--line)!important;color:var(--text)!important}
.v58-tabs a.active{background:#30272C!important;color:#fff!important;border-color:#30272C!important}
.v58-card button,.v58-button{background:#C96E88!important;border-radius:12px!important;box-shadow:none!important}
.v58-card button:hover,.v58-button:hover{background:#B05873!important}
.v58-button-ghost{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line-strong)!important}

@media(max-width:620px){.page-hero{padding-top:92px!important}.card{border-radius:18px!important}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}