/* Sokid.ee: category 55 pilot; intentionally no Tailwind build dependencies. */
.sokid-category-hero {position:relative;isolation:isolate;overflow:hidden;border-radius:12px;margin-bottom:22px;min-height:360px;background:#15344a}
.sokid-category-hero__image {display:block;width:100%;height:400px;object-fit:cover;object-position:58% center}
.sokid-category-hero::after {content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 48%,rgba(0,0,0,0) 85%);pointer-events:none}
.sokid-category-hero__content {position:absolute;z-index:2;left:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-sizing:border-box;padding:36px 42px;color:#fff;max-width:65%}
.sokid-category-hero__headline {color:#fff;font-size:clamp(28px,3.6vw,52px);font-weight:800;line-height:1.07;text-transform:uppercase;margin:0}
.sokid-category-hero__subtitle {color:#fff;font-size:clamp(14px,1.55vw,20px);margin:12px 0 0;line-height:1.35}
.sokid-category-hero__button {display:inline-flex;align-items:center;gap:12px;background:#087cec;color:#fff;padding:12px 20px;margin-top:22px;border-radius:8px;font-size:16px;font-weight:700;text-decoration:none}
.sokid-category-hero__button:hover,.sokid-category-hero__button:focus {background:#075db2;color:#fff}
.sokid-category-hero__h1 {font-size:clamp(28px,3vw,38px);font-weight:700;line-height:1.2;margin:0 0 22px}
#sokid-category-products {scroll-margin-top:85px}
@media (max-width:767px) {
 .sokid-category-hero {min-height:0;margin-bottom:16px;border-radius:10px}
 .sokid-category-hero__image {height:220px;object-position:60% center}
 .sokid-category-hero::after {background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.42) 72%,rgba(0,0,0,.10))}
 .sokid-category-hero__content {padding:16px;max-width:72%}
 .sokid-category-hero__headline {font-size:clamp(22px,7vw,30px);line-height:1.02}
 .sokid-category-hero__subtitle {font-size:13px;line-height:1.3;margin-top:8px}
 .sokid-category-hero__button {font-size:14px;padding:10px 14px;margin-top:14px}
 .sokid-category-hero__h1 {margin:0 0 16px}
}

/* Kompressiooni piloot: kasuta kogu kategooria laiust */
#category-view-container > .sokid-category-hero,
#category-view-container > .sokid-category-hero__h1 {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
    min-width: 0;
}

#category-view-container > .sokid-category-hero {
    box-sizing: border-box;
}

/* Kompressiooni kategooria: bänner üle terve rea */
#category-view-container:has(.sokid-category-hero) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
}

#category-view-container:has(.sokid-category-hero) > * {
    width: 100% !important;
    max-width: none !important;
}

#category-view-container:has(.sokid-category-hero) .sokid-category-hero {
    width: 100% !important;
}

#category-view-container:has(.sokid-category-hero) .sokid-category-hero__image {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

/* Sokid.ee category hero typography - sportlik 2026 */
.sokid-category-hero__headline {
    font-family: Impact, "Arial Narrow", Arial, sans-serif;
    font-style: italic;
    font-stretch: condensed;
    font-weight: 900;
    letter-spacing: -0.025em;
    line-height: 1.0;
    text-transform: uppercase;
}


/* Sokid.ee: õhem sportlik bänneripealkiri */
.sokid-category-hero__headline {
    font-family: Arial, Helvetica, sans-serif !important;
    font-style: italic !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
    transform: skewX(-5deg);
    transform-origin: left center;
}


/* Sokid.ee: õhem sportlik bänneripealkiri */
.sokid-category-hero__headline {
    font-family: Arial, Helvetica, sans-serif !important;
    font-style: italic !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
    transform: skewX(-5deg);
    transform-origin: left center;
}