/* RonauliPhoto V35 — galeri momen satu per satu */
.r14-lightbox-active{overflow:hidden}
.r35-moment-lightbox{position:fixed;inset:0;z-index:80;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 20%),rgba(14,11,14,.94);display:flex;flex-direction:column;justify-content:flex-start;color:#fff;backdrop-filter:blur(10px)}
.r35-moment-top{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px;gap:12px}
.r35-moment-top span{display:block;font-size:12px;font-weight:800;letter-spacing:.18em;color:#f2d7a2;text-transform:uppercase}
.r35-moment-top small{display:block;margin-top:4px;font-size:12px;color:#f5ead4;opacity:.9}
.r35-moment-close{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font-size:28px;line-height:1;display:grid;place-items:center}
.r35-moment-progress{display:grid;grid-auto-flow:column;gap:6px;padding:0 18px 12px}
.r35-moment-progress span{height:4px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}
.r35-moment-progress span.active{background:linear-gradient(90deg,#f8e1ab,#d4a34c)}
.r35-moment-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:0 14px 10px}
.r35-moment-view{width:min(100%,520px);display:flex;flex-direction:column;align-items:center;gap:14px;animation:r35MomentIn .24s ease}
.r35-moment-frame{position:relative;width:100%;max-height:72vh;border-radius:26px;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 65px rgba(0,0,0,.34)}
.r35-moment-frame::after{content:"";position:absolute;inset:auto 24px -18px 24px;height:18px;background:radial-gradient(ellipse at center,rgba(0,0,0,.35),transparent 72%);filter:blur(7px);pointer-events:none}
.r35-moment-frame img{display:block;width:100%;height:min(72vh,78vw * 1.33);max-height:72vh;object-fit:contain;background:#161216}
.r35-moment-meta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px;color:#fff5e3}
.r35-moment-meta strong{font-size:15px;font-family:'Playfair Display',Georgia,serif;font-weight:600}
.r35-moment-meta span{font-size:12px;color:#efd9b0}
.r35-moment-bottom{padding:6px 18px 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.r35-moment-nav{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff7ea;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:700}
.r35-moment-help{text-align:center;font-size:11px;line-height:1.45;color:#efd7af;margin:0}
@keyframes r35MomentIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 .r35-moment-top{padding:14px 14px 8px}
 .r35-moment-progress{padding:0 14px 10px}
 .r35-moment-stage{padding:0 10px 8px}
 .r35-moment-frame{border-radius:22px;max-height:68vh}
 .r35-moment-frame img{height:min(68vh,92vw * 1.33);max-height:68vh}
 .r35-moment-bottom{grid-template-columns:1fr;gap:8px;padding:2px 14px 16px}
 .r35-moment-nav{width:100%}
 .r35-moment-help{order:-1}
}
@media(max-width:420px){
 .r35-moment-top span{font-size:11px}
 .r35-moment-meta strong{font-size:14px}
 .r35-moment-meta span,.r35-moment-help{font-size:11px}
}
