/* ============================================================
   GAYA BERSAMA — dipakai semua halaman.
   Gaya khusus tiap halaman ada di pages/<halaman>/<halaman>.css
   dan dibatasi ke wadahnya (#seno, #unitpage, #dermadream) agar
   tidak saling memengaruhi.
   ============================================================ */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#F7FAF9;transition:background .2s}
body.is-derma{background:#FBF8F5}
[id]{scroll-margin-top:96px}
[hidden]{display:none!important}

/* ---------- ikon media sosial (otomatis untuk semua tautan Instagram & TikTok) ---------- */
a[href*="instagram.com"]::before,a[href*="tiktok.com"]::before,a[href*="youtube.com"]::before{content:"";display:inline-block;width:1.05em;height:1.05em;margin-right:.45em;vertical-align:-.16em;background:currentColor;
  -webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
a[href*="instagram.com"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%202h10a5%205%200%200%201%205%205v10a5%205%200%200%201-5%205H7a5%205%200%200%201-5-5V7a5%205%200%200%201%205-5Zm0%202a3%203%200%200%200-3%203v10a3%203%200%200%200%203%203h10a3%203%200%200%200%203-3V7a3%203%200%200%200-3-3H7Zm5%203.5a4.5%204.5%200%201%201%200%209%204.5%204.5%200%200%201%200-9Zm0%202a2.5%202.5%200%201%200%200%205%202.5%202.5%200%200%200%200-5ZM17.5%205.3a1.2%201.2%200%201%201%200%202.4%201.2%201.2%200%200%201%200-2.4Z%22/%3E%3C/svg%3E")}
a[href*="youtube.com"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M23%207.2a3%203%200%200%200-2.1-2.1C19%204.6%2012%204.6%2012%204.6s-7%200-8.9.5A3%203%200%200%200%201%207.2%2031%2031%200%200%200%20.6%2012a31%2031%200%200%200%20.4%204.8%203%203%200%200%200%202.1%202.1c1.9.5%208.9.5%208.9.5s7%200%208.9-.5a3%203%200%200%200%202.1-2.1%2031%2031%200%200%200%20.4-4.8%2031%2031%200%200%200-.4-4.8ZM9.8%2015.1V8.9l5.4%203.1-5.4%203.1Z%22/%3E%3C/svg%3E")}
a[href*="tiktok.com"]{--ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16.6%202c.3%202.4%201.7%204%204%204.2v3.1a7.6%207.6%200%200%201-3.9-1.2v6.4A6.5%206.5%200%201%201%2010.2%208v3.2a3.3%203.3%200%201%200%203.2%203.3V2h3.2Z%22/%3E%3C/svg%3E")}

/* ---------- animasi saat scroll (naik & turun) ---------- */
.rv{opacity:0;transform:translateY(32px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1);transition-delay:0s;will-change:opacity,transform}
.rv.no-anim{transition:none}
.rv.in{opacity:1;transform:none;transition-delay:var(--rd,0s)}