/* Логотип СПОРТ.ВЕЩИ — общий стиль для всех standalone-страниц.
   Шрифт Roboto Condensed, self-hosted. Используется маркеровка классами:
     <div class="sv-logo">
       <img src="/static/logo_og.webp" class="sv-logo-icon" alt="">
       <div class="sv-logo-text">
         <span class="sv-logo-main">СПОРТ<span class="sv-logo-dot">.</span>ВЕЩИ</span>
         <span class="sv-logo-sub">маркетплейс спортивных товаров</span>
       </div>
     </div>
*/
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/static/fonts/roboto-condensed-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/static/fonts/roboto-condensed-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/static/fonts/roboto-condensed-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/static/fonts/roboto-condensed-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.sv-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #222;
}
.sv-logo-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.sv-logo-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}
.sv-logo-main {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #222;
}
.sv-logo-dot {
    color: #FF6600;
}
.sv-logo-sub {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    color: #999;
    text-transform: lowercase;
}

/* Compact — без иконки и без подзаголовка */
.sv-logo--compact .sv-logo-icon,
.sv-logo--compact .sv-logo-sub {
    display: none;
}
.sv-logo--compact .sv-logo-main {
    font-size: 20px;
}

/* Mobile */
@media (max-width: 480px) {
    .sv-logo-main { font-size: 18px; }
    .sv-logo-sub { display: block; font-size: 9px; }
    .sv-logo-icon { width: 32px; height: 32px; }
}