.navbar-brand .header-logo {
    display: block;
    width: auto;
    height: 50px;
    max-width: 200px;
    object-fit: contain;
}

@media (max-width: 991.98px) {
    .navbar-brand .header-logo {
        height: 40px;
        max-width: 160px;
    }
}
/* Zatamnjenje fotografije iza naslova */
#home::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(8, 12, 18, 0.88) 0%,
        rgba(8, 12, 18, 0.72) 40%,
        rgba(8, 12, 18, 0.38) 70%,
        rgba(8, 12, 18, 0.20) 100%
    );
}

#home > .container {
    position: relative;
    z-index: 1;
}

@media (max-width: 767.98px) {
    #home::before {
        background: rgba(8, 12, 18, 0.72);
    }
}

    .navbar-brand .header-logo {
    display: block;
    width: auto;
    height: 50px;
    max-width: 200px;
    object-fit: contain;
}

@media (max-width: 991.98px) {
    .navbar-brand .header-logo {
        height: 40px;
        max-width: 160px;
    }
}
  
#home::before {content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,12,18,.88) 0%,rgba(8,12,18,.72) 40%,rgba(8,12,18,.38) 70%,rgba(8,12,18,.20) 100%);}
#home > .container {position:relative;z-index:1;}
.bargo-work-image {width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .3s ease;}
.bargo-work-link {overflow:hidden;border-radius:2rem;}
.bargo-work-link:hover .bargo-work-image {transform:scale(1.025);}
.bargo-about-image {width:100%;max-height:620px;object-fit:contain;background:#f4f4f4;}
.bargo-guide-image {width:100%;aspect-ratio:4/3;object-fit:cover;}
.bargo-decoration {opacity:.14;pointer-events:none;}
.bargo-lightbox {border:0;padding:0;background:#101319;color:white;width:min(1100px,96vw);max-width:96vw;border-radius:18px;}
.bargo-lightbox::backdrop {background:rgba(0,0,0,.9);}
.bargo-lightbox img {display:block;width:100%;height:75vh;object-fit:contain;}
.bargo-lightbox-bar {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;}
.bargo-lightbox button {background:transparent;color:white;border:1px solid #777;border-radius:8px;padding:8px 14px;cursor:pointer;}
.bargo-lightbox button:focus-visible {outline:3px solid #ff8500;outline-offset:3px;}
@media(max-width:767.98px){#home::before{background:rgba(8,12,18,.72);} .bargo-decoration{display:none;} .bargo-lightbox img{height:65vh;}}
@media(prefers-reduced-motion:reduce){.bargo-work-image{transition:none;}}