/* Inkospor — horní loga, verze 6. */
#content #inkospor-hero-logos {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px 24px;
    width: 100%;
    clear: both;
    padding: 18px 16px;
    margin: 12px 0 16px;
    box-sizing: border-box;
    background: #fff;
}
#inkospor-hero-logos > .inkospor-hero-logos__item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 64px;
}
#inkospor-hero-logos .inkospor-hero-logos__item > img {
    display: block;
    width: 100%;
    max-width: 180px;
    height: auto;
    max-height: 64px;
    object-fit: contain;
    filter: grayscale(100%);
}
@media (min-width: 768px) {
    #content #inkospor-hero-logos {
        /* Stejná šířka a levý okraj jako řádek čtyř dlaždic kategorií. */
        position: relative;
        display: block;
        width: calc(100% - 40px);
        height: 100px;
        padding: 18px 0;
        margin: 12px 20px 16px;
    }
    #inkospor-hero-logos > .inkospor-hero-logos__item {
        position: absolute;
        top: 18px;
        left: 0;
        /* Stejná velikost všech obrázků, přizpůsobená šířce okna. */
        width: min(180px, 14vw);
        transform: translateX(-50%);
    }
    #inkospor-hero-logos > .inkospor-hero-logos__item:nth-child(2) { left: 25%; }
    #inkospor-hero-logos > .inkospor-hero-logos__item:nth-child(3) { left: 50%; }
    #inkospor-hero-logos > .inkospor-hero-logos__item:nth-child(4) { left: 75%; }
    /* Krajní viditelné značky zarovnat s hranami hlavního banneru.
       PNG Olymp má vlevo 15/250 prázdných pixelů, TAP vpravo 59/250. */
    #inkospor-hero-logos > .inkospor-hero-logos__item:first-child {
        left: -20px;
        transform: translateX(-6%);
    }
    #inkospor-hero-logos > .inkospor-hero-logos__item:nth-child(5) {
        left: auto;
        right: -20px;
        transform: translateX(23.6%);
    }
}
/* Přesné vystředění do bílé mezery mezi viditelnými produkty.
   Aktuální produktové PNG: 300 × 300, vykreslené na 136 × 136 px.
   Pravé/levé okraje kresby produktů: (242,53), (246,82), (218,60).
   Středy kresby log: triatlon 123.5/250, Czech Ski 125.5/250, AIS 389/781.
   Platí pro čtyři produktové dlaždice vedle sebe na PC. */
@media (min-width: 992px) {
    #inkospor-hero-logos > .inkospor-hero-logos__item:nth-child(2) {
        left: calc(25% - 1.133333px);
        transform: translateX(-49.4%);
    }
    #inkospor-hero-logos > .inkospor-hero-logos__item:nth-child(3) {
        left: calc(50% + 6.346667px);
        transform: translateX(-50.2%);
    }
    #inkospor-hero-logos > .inkospor-hero-logos__item:nth-child(4) {
        left: calc(75% - 4.986667px);
        transform: translateX(-49.80793854%);
    }
}
/* Stejné sloupce, padding a velikosti obrázků jako u spodních log. */
@media (max-width: 767px) {
    #content #inkospor-hero-logos {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0;
        /* Vyrovná 10px boční padding .wide-carousel na mobilu. */
        width: calc(100% + 20px);
        margin: 12px -10px;
        padding: 0;
    }
    #inkospor-hero-logos > .inkospor-hero-logos__item {
        width: 50%;
        height: auto;
        padding: 15px;
        box-sizing: border-box;
    }
    #inkospor-hero-logos > .inkospor-hero-logos__item--tap {
        display: none;
    }
    #inkospor-hero-logos .inkospor-hero-logos__item > img {
        width: 100%;
        max-width: 150px;
        flex-shrink: 1;
        max-height: none;
    }
}
@media (max-width: 390px) {
    #inkospor-hero-logos > .inkospor-hero-logos__item {
        padding: 10px;
    }
    #inkospor-hero-logos .inkospor-hero-logos__item > img {
        max-width: 120px;
    }
}