.gallery-page .gallery-title{
    font-size:22px;
    margin:40px 0 18px;
    color:#fff;
}

.gallery-page .gallery-title:first-of-type{
    margin-top:0;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
    gap:16px;
    margin-bottom:20px;
}

.gallery-item{
    display:block;
    position:relative;
    border-radius:16px;
    overflow:hidden;
    border:1px solid var(--line);
    aspect-ratio:4/3;
    transition:.3s;
}
.gallery-item:hover{
    border-color:rgba(25,195,125,.5);
    transform:translateY(-4px);
    box-shadow:0 20px 40px rgba(0,0,0,.35);
}
.gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s;
}
.gallery-item:hover img{ transform:scale(1.06); }

.video-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));
    gap:20px;
    margin-bottom:20px;
}
.video-item{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:18px;
    overflow:hidden;
}
.video-item video{
    width:100%;
    display:block;
    aspect-ratio:16/9;
    background:#000;
    object-fit:cover;
}

.gallery-empty{
    text-align:center;
    color:var(--muted);
    padding:60px 20px;
    border:1px dashed var(--line);
    border-radius:16px;
}

@media (max-width:760px){
    .gallery-grid{ grid-template-columns:repeat(2,1fr); }
    .video-grid{ grid-template-columns:1fr; }
}
@media (max-width:480px){
    .gallery-grid{ grid-template-columns:1fr; }
}

/* Ссылка "На главную" под заголовком */
.back-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:18px;
    font-size:14px;
    color:var(--muted);
    transition:.2s;
}
.back-link:hover{ color:var(--accent); }
.back-link i{ font-size:12px; }

/* Блок со ссылкой внизу */
.gallery-back{
    display:flex;
    justify-content:center;
    margin:50px 0 30px;
}

/* Видео-превью в сетке */
.gallery-item-video{ position:relative; }
.gallery-item-video img{ filter: brightness(.8); }
.gallery-play{
    position:absolute; inset:0;
    display:grid; place-items:center;
    pointer-events:none;
}
.gallery-play i{
    width:56px; height:56px;
    border-radius:50%;
    background:rgba(25,195,125,.9);
    color:#04121f;
    display:grid; place-items:center;
    font-size:20px;
    padding-left:4px; /* визуально центрируем треугольник */
    box-shadow:0 12px 30px rgba(25,195,125,.45);
    transition:transform .25s;
}
.gallery-item-video:hover .gallery-play i{ transform:scale(1.1); }

.gallery-video-placeholder{
    width:100%; height:100%;
    background:linear-gradient(135deg,#111a2e 0%,#0e1729 100%);
}

/* Плитка "+N" */
.gallery-more{ position:relative; }
.gallery-more img{ filter: brightness(.5); }
.gallery-more-overlay{
    position:absolute; inset:0;
    display:grid; place-items:center;
    font-size:32px; font-weight:800; color:#fff;
    background:rgba(0,0,0,.4);
    letter-spacing:-.02em;
    pointer-events:none;
}

/* Модалка */
.lightbox{
    position:fixed; inset:0; z-index:1000;
    display:none;
    align-items:center; justify-content:center;
    background:rgba(5,10,20,.92);
    backdrop-filter:blur(8px);
}
.lightbox.open{ display:flex; }

.lightbox-content{
    max-width:min(92vw, 1200px);
    max-height:88vh;
    display:flex; align-items:center; justify-content:center;
}
.lightbox-content img,
.lightbox-content video{
    max-width:100%;
    max-height:88vh;
    border-radius:12px;
    box-shadow:0 30px 80px rgba(0,0,0,.6);
    display:block;
}

.lightbox-close{
    position:absolute; top:20px; right:24px;
    width:48px; height:48px; border-radius:50%;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    color:#fff; font-size:28px; line-height:1;
    cursor:pointer; transition:.2s;
}
.lightbox-close:hover{ background:rgba(255,255,255,.18); }

.lightbox-nav{
    position:absolute; top:50%; transform:translateY(-50%);
    width:56px; height:56px; border-radius:50%;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    color:#fff; font-size:20px;
    cursor:pointer; transition:.2s;
    display:grid; place-items:center;
}
.lightbox-nav:hover{ background:rgba(25,195,125,.25); }
.lightbox-prev{ left:24px; }
.lightbox-next{ right:24px; }

.lightbox-nav[disabled]{
    opacity:.25; cursor:not-allowed; pointer-events:none;
}

@media (max-width:760px){
    .lightbox-prev{ left:10px; }
    .lightbox-next{ right:10px; }
    .lightbox-close{ top:10px; right:12px; }
    .lightbox-nav{ width:44px; height:44px; font-size:16px; }
    .gallery-more-overlay{ font-size:24px; }
    .gallery-play i{ width:44px; height:44px; font-size:16px; }
}

@media (max-width: 760px){
    .section-head{ margin-bottom:32px; }
    .section-head h2{ font-size:24px; }
    .section-head p{ font-size:15px; }

    .gallery-title{ font-size:18px; margin:32px 0 14px; }

    .gallery-grid{
        grid-template-columns:repeat(2, 1fr);
        gap:10px;
    }
    .gallery-item{ border-radius:12px; }

    .gallery-more-overlay{ font-size:22px; }
    .gallery-play i{ width:42px; height:42px; font-size:15px; }

    .gallery-back{ margin:32px 0 20px; }
    .gallery-back .btn{ width:100%; justify-content:center; }

    .cta{ padding:28px 18px; border-radius:20px; }
    .cta h2{ font-size:22px; }
    .cta p{ font-size:15px; margin-bottom:22px; }
    .cta-actions{ flex-direction:column; gap:10px; }
    .cta-actions .btn{ width:100%; justify-content:center; }

    /* Лайтбокс */
    .lightbox-prev{ left:8px; }
    .lightbox-next{ right:8px; }
    .lightbox-close{ top:8px; right:10px; width:40px; height:40px; font-size:24px; }
    .lightbox-nav{ width:42px; height:42px; font-size:15px; }
}

@media (max-width: 480px){
    .gallery-grid{ grid-template-columns:1fr; }
}