nav a.nav-active{color:#fff;background:rgba(139,69,19,.25)}
nav a.nav-active::after{width:70%}
.breadcrumbs{background:var(--darker);padding:120px 20px 15px;border-bottom:1px solid rgba(255,255,255,.06)}
.breadcrumbs-inner{max-width:1200px;margin:0 auto;font-size:.85em}
.breadcrumbs a{color:var(--gold);text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs .sep{color:#555;margin:0 8px}
.breadcrumbs .current{color:#999}
.gallery-hero{background:linear-gradient(135deg,var(--darker),#3a3040,#4a3028);padding:50px 20px 50px;text-align:center}
.gallery-hero-content{max-width:800px;margin:0 auto}
.gallery-badge{display:inline-block;background:rgba(201,169,110,.9);color:var(--darker);padding:8px 24px;border-radius:30px;font-size:.85em;font-weight:700;margin-bottom:20px}
.gallery-hero h2{font-family:'Playfair Display',serif;font-size:2.5em;color:#fff;margin-bottom:15px}
.gallery-hero p{color:rgba(255,255,255,.7);font-size:1.1em;line-height:1.7;margin-bottom:20px}
.gallery-stats{display:flex;gap:25px;justify-content:center;flex-wrap:wrap}
.gallery-stats span{color:rgba(255,255,255,.6);font-size:.9em}
.gallery-section{padding:50px 20px 80px;background:var(--darker)}
.gallery-container{max-width:1200px;margin:0 auto}
.gallery-empty{text-align:center;padding:80px 20px}
.gallery-empty-icon{font-size:4em;margin-bottom:20px}
.gallery-empty h3{color:#fff;font-size:1.5em;margin-bottom:10px}
.gallery-empty p{color:#999;margin-bottom:30px}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-items:start}
.gallery-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;background:#2c2c3a}
.gallery-item img{width:100%;height:auto;display:block;transition:transform .4s}
.gallery-item:hover img{transform:scale(1.08)}
.gallery-item-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center}
.gallery-item:hover .gallery-item-overlay{opacity:1}
.gallery-zoom{font-size:2.5em;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}
.gallery-nav-section{padding:60px 20px;background:var(--dark)}
.gallery-nav-inner{max-width:1200px;margin:0 auto}
.gallery-nav-inner h3{text-align:center;font-family:'Playfair Display',serif;font-size:1.8em;color:#fff;margin-bottom:30px}
.gallery-nav-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.gallery-nav-card{background:#2c2c3a;border-radius:14px;padding:30px;text-decoration:none;color:#eee;transition:all .3s;border:2px solid transparent;display:block;text-align:center}
.gallery-nav-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.gallery-nav-badge{display:inline-block;background:rgba(201,169,110,.15);color:var(--gold);padding:5px 16px;border-radius:20px;font-size:.8em;font-weight:600;margin-bottom:12px}
.gallery-nav-card h4{font-size:1.2em;margin-bottom:10px;color:#fff}
.gallery-nav-link{color:var(--gold);font-weight:600;font-size:.9em}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:9999;display:none;align-items:center;justify-content:center}
.lightbox.active{display:flex}
.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}
.lightbox-content img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px}
.lightbox-counter{color:#fff;text-align:center;margin-top:12px;font-size:.95em;opacity:.7}
.lightbox-close{position:fixed;top:20px;right:25px;background:none;border:none;color:#fff;font-size:2.5em;cursor:pointer;z-index:10001;opacity:.7;transition:opacity .3s}
.lightbox-close:hover{opacity:1}
.lightbox-prev,.lightbox-next{position:fixed;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;color:#fff;font-size:2em;padding:15px 20px;cursor:pointer;z-index:10001;border-radius:8px;opacity:.6;transition:all .3s}
.lightbox-prev:hover,.lightbox-next:hover{opacity:1;background:rgba(255,255,255,.2)}
.lightbox-prev{left:15px}
.lightbox-next{right:15px}
@media(max-width:768px){
.gallery-hero h2{font-size:1.8em}
.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.gallery-item{border-radius:8px}
.lightbox-prev,.lightbox-next{padding:10px 14px;font-size:1.5em}
.lightbox-prev{left:5px}
.lightbox-next{right:5px}
.breadcrumbs{padding-top:110px}
}



}


/* === Миниатюры галереи === */
.gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important;
    gap: 10px !important;
}
.gallery-item {
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
    background: #2c2c3a;
    transition: transform .3s, box-shadow .3s;
}
.gallery-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,.4);
}
.gallery-item-img {
    position: relative;
    overflow: hidden;
}
.gallery-item-img img {
    width: 100%;
    height: auto;
    display: block;
}
.gallery-item-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,.3);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .3s;
}
.gallery-item:hover .gallery-item-overlay {
    opacity: 1;
}
.gallery-zoom {
    font-size: 1.5em;
}
.gallery-item-caption {
    padding: 6px 8px;
    font-size: .75em;
    color: #c9a96e;
    text-align: center;
    font-weight: 600;
}
.lightbox-caption {
    color: #c9a96e;
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    min-height: 1.5em;
}

@media (max-width: 600px) {
    .gallery-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
    }
}
