.gal-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:34px}
.gal-tab{border:1px solid #c9d8f2;background:#fff;color:#0a2a6b;border-radius:999px;padding:10px 24px;font-size:15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}
.gal-tab span{background:#e6f0ff;color:#0a5bd8;border-radius:999px;padding:1px 9px;font-size:12px}
.gal-tab:hover{border-color:#007bff;color:#007bff}
.gal-tab.is-active{background:#0a2a6b;border-color:#0a2a6b;color:#fff}
.gal-tab.is-active span{background:rgba(255,255,255,.2);color:#fff}

.gal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gal-card{display:block;background:#fff;border:1px solid #e3e9f5;border-radius:18px;overflow:hidden;text-decoration:none !important;box-shadow:0 4px 16px rgba(10,42,107,.07);transition:transform .25s ease,box-shadow .25s ease}
.gal-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(10,42,107,.18)}
.gal-card.is-hidden{display:none}
.gal-thumb{position:relative;display:block;aspect-ratio:3/2;background:#dbe7f7;overflow:hidden}
.gal-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.gal-card:hover .gal-thumb img{transform:scale(1.06)}
.gal-noimg{position:absolute;inset:0;background:linear-gradient(135deg,#0a2a6b,#0b4fb3)}
.gal-badge{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.gal-badge--foto{background:#0a5bd8}
.gal-badge--video{background:#d62839}
.gal-play{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(214,40,57,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.4);transition:transform .2s ease}
.gal-play svg{width:26px;height:26px;fill:#fff;margin-left:3px}
.gal-card:hover .gal-play{transform:scale(1.12)}
.gal-meta{display:block;padding:16px 18px 18px}
.gal-meta h3{margin:0 0 8px;font-size:17px;font-weight:700;line-height:1.35;color:#0a2a6b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.gal-meta small{display:block;font-size:13px;color:#6b7a99}

.gal-more{margin-top:34px;border:2px solid #0a2a6b;background:transparent;color:#0a2a6b;border-radius:999px;padding:11px 30px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}
.gal-more:hover{background:#0a2a6b;color:#fff}
.gal-empty{text-align:center;color:#667;padding:30px 0}

.gal-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(4,10,28,.92)}
.gal-modal.is-open{display:flex}
.gal-modal-box{width:min(960px,100%)}
.gal-modal-frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.gal-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gal-modal-title{margin:14px 0 0;color:#fff;font-size:15px;font-weight:600;text-align:center}
.gal-modal-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:50px;height:50px;border:3px solid #fff;border-radius:50%;background:#e8b422;color:#0f1b3d;font-size:32px;font-weight:700;line-height:1;padding:0 0 4px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.45)}
.gal-modal-close:hover{background:#fff}
body.gal-lock{overflow:hidden}

@media (max-width:991px){.gal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media (max-width:575px){
  .gal-grid{grid-template-columns:1fr;gap:16px}
  .gal-tab{padding:9px 18px;font-size:14px}
  .gal-play{width:50px;height:50px;margin:-25px 0 0 -25px}
}