/* SC Personal — Galeri foto & video */
.album-card .thumb { aspect-ratio: 4/3; }
.album-card .count { position: absolute; right: 1rem; bottom: 1rem; background: rgba(10, 25, 45, .72); color: #fff; border-radius: 50rem; padding: .25rem .7rem; font-size: .78rem; font-weight: 600; }
.gal-tabs { display: inline-flex; background: var(--pw-bg-light); border-radius: 50rem; padding: .3rem; gap: .25rem; }
.gal-tabs button { border: 0; background: transparent; padding: .55rem 1.3rem; border-radius: 50rem; font-weight: 600; color: var(--pw-muted); }
.gal-tabs button.active { background: #fff; color: var(--pw-primary); box-shadow: 0 4px 14px rgba(18, 59, 101, .1); }
.video-card { position: relative; display: block; border-radius: var(--pw-radius); overflow: hidden; aspect-ratio: 16/9; background: #0c2a49; color: #fff; }
.video-card img { width: 100%; height: 100%; object-fit: cover; opacity: .75; transition: transform .5s, opacity .3s; }
.video-card:hover img { transform: scale(1.05); opacity: .9; }
.video-card .play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.video-card .play i { width: 68px; height: 68px; border-radius: 50%; background: var(--pw-accent); color: #1c1606; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; box-shadow: 0 10px 30px rgba(0, 0, 0, .35); }
.video-card .cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 2rem 1rem .9rem; background: linear-gradient(transparent, rgba(10, 25, 45, .9)); font-size: .9rem; font-weight: 600; }
.album-head { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; color: rgba(255, 255, 255, .8); font-size: .92rem; margin-top: 1rem; }
.album-head i { color: var(--pw-accent); }
.masonry .m-item.vid img { opacity: .85; }
@media (max-width: 575.98px) { #gf { flex-wrap: nowrap; overflow-x: auto; padding-bottom: .4rem; width: 100%; } #gf button { white-space: nowrap; } }