/*
 * ModernShop standart logo sistemi
 * Yüklenen görselin oranını korur; hiçbir kullanım alanında kırpma veya esnetme yapmaz.
 */
.site-logo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 0;
    overflow: hidden;
}

.site-logo-image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

.site-logo-box--desktop {
    width: min(220px, 22vw);
    height: 52px;
    justify-content: flex-start;
}

.site-logo-box--mobile-header {
    width: clamp(142px, 46vw, 230px);
    height: 64px;
}

.site-logo-box--drawer {
    width: 180px;
    height: 42px;
    justify-content: flex-start;
}

.site-logo-box--checkout {
    width: min(300px, 78vw);
    height: 72px;
}

.site-logo-box--footer {
    width: 240px;
    height: 64px;
    justify-content: flex-start;
}

.site-logo-box--admin {
    width: 180px;
    height: 44px;
    justify-content: flex-start;
}

.site-logo-box--settings-preview {
    width: 220px;
    height: 56px;
    padding: 6px 10px;
    border-radius: 12px;
}

@media (max-width: 1199.98px) and (min-width: 1024px) {
    .site-logo-box--desktop {
        width: min(190px, 19vw);
        height: 48px;
    }
}

@media (max-width: 399.98px) {
    .site-logo-box--mobile-header {
        width: clamp(125px, 41vw, 160px);
        height: 56px;
    }
}