/* -------------------- Logo Fix -------------------- */
.site-logo,
.logo,
.header-logo-wrap,
.branding,
.site-branding {
    max-width: 260px;   /* Desktop ke liye max size */
    width: 100%;        /* Responsive width */
    height: auto;       /* Height auto adjust */
    box-sizing: border-box;
}

.site-logo img,
.logo img,
.header-logo-wrap img,
.branding img,
.site-branding img,
img.custom-logo {
    display: block;
    max-width: 100%;
    width: clamp(120px, 12vw, 260px); /* Desktop ke liye scaling */
    max-height: 80px; /* Avoid overflow vertically */
    height: auto;
    object-fit: contain;
}

/* Tablet screens */
@media (min-width: 768px) and (max-width: 991px) {
    .site-logo img,
    .logo img {
        width: clamp(110px, 14vw, 200px);
        max-height: 68px;
    }
}

/* Mobile screens */
@media (max-width: 767px) {
    .site-logo,
    .logo,
    .header-logo-wrap,
    .branding,
    .site-branding {
        max-width: 160px;
    }

    .site-logo img,
    .logo img,
    .header-logo-wrap img {
        width: clamp(96px, 22vw, 160px);
        max-height: 56px;
    }
}