/* Tambahkan SETELAH portfolio-detail.css yang lama */
.portfolio-detail-overlay .portfolio-detail-backdrop { transition: opacity .35s ease, backdrop-filter .45s ease, -webkit-backdrop-filter .45s ease; }
.portfolio-detail-overlay .portfolio-detail-sheet { top:72px; bottom:0; height:calc(100dvh - 72px); max-height:none; }
.portfolio-detail-overlay .portfolio-detail-content { min-height:0; overflow-y:auto; }
.portfolio-detail-overlay .portfolio-detail-media-viewport { min-height:0; }
.portfolio-detail-media-indicator { width:8px; height:8px; flex:0 0 8px; border:0; border-radius:999px; background:rgba(7,27,58,.22); padding:0; cursor:pointer; transition:width .2s,background .2s; }
.portfolio-detail-media-indicator.is-active { width:24px; flex-basis:24px; background:#d4af5f; }
.portfolio-detail-media-slide video { display:block; width:100%; height:100%; object-fit:contain; background:#071b3a; }
.portfolio-detail-youtube-thumb { position:absolute; inset:0; background-size:cover; background-position:center; }
.portfolio-detail-youtube img { width:100%; height:100%; object-fit:cover; }
.portfolio-detail-media-prev[hidden],.portfolio-detail-media-next[hidden],.portfolio-detail-media-counter[hidden],.portfolio-detail-media-indicators[hidden] { display:none!important; }
.portfolio-detail-overlay .portfolio-detail-youtube-play[hidden],.portfolio-detail-overlay .portfolio-detail-action[hidden],.portfolio-detail-meta[hidden],.portfolio-detail-section[hidden] { display:none!important; }
.portfolio-media-empty { margin:auto; padding:24px; color:#637084; text-align:center; }
@media(max-width:600px) { .portfolio-detail-overlay .portfolio-detail-sheet { top:72px; height:calc(100dvh - 72px); max-height:none; } .portfolio-detail-overlay .portfolio-detail-media-prev,.portfolio-detail-overlay .portfolio-detail-media-next { width:38px; height:38px; } }