@charset "UTF-8";
/*
 * Estrel Tower — Media Kit Tabs (Texte | Media)
 * Figma 682:565  306×90.5  on cream page bg #FEF5EC
 *
 * Layout: 2 pills, icon stack vertical
 *   Texte (active): Söhne 500 20/24 + line under text
 *   Media:           Söhne 400 20/24
 *   Color #14172D
 */

.estrel-mk-tabs {
    container-type: inline-size;
    width: 100%;
    background: #FEF5EC;
    color: #14172D;
}

.estrel-mk-tabs__inner {
    --u: calc(100cqi / 1920);
    max-width: 1920px;
    margin: 0 auto;
    padding: calc(40 * var(--u)) calc(160 * var(--u));
    display: flex;
    justify-content: center;
}

.estrel-mk-tabs__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: calc(180 * var(--u));
}

.estrel-mk-tabs__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(8 * var(--u));
    text-decoration: none;
    color: #14172D;
    transition: opacity .15s ease;
    padding: calc(4 * var(--u)) 0;
}

.estrel-mk-tabs__link:hover { opacity: .75; }

.estrel-mk-tabs__icon {
    width: calc(40 * var(--u));
    height: calc(40 * var(--u));
    display: flex;
    align-items: center;
    justify-content: center;
    color: #14172D;
}

.estrel-mk-tabs__icon svg,
.estrel-mk-tabs__icon img { width: 100%; height: 100%; object-fit: contain; }

.estrel-mk-tabs__label {
    font-family: 'Söhne', sans-serif;
    font-weight: 400;
    font-size: calc(20 * var(--u));
    line-height: calc(24 * var(--u));
    color: #14172D;
}

.estrel-mk-tabs__item.is-active .estrel-mk-tabs__label {
    font-weight: 600;
}

.estrel-mk-tabs__item:not(.is-active) .estrel-mk-tabs__link {
    opacity: 0.45;
}

.estrel-mk-tabs__item:not(.is-active) .estrel-mk-tabs__link:hover {
    opacity: 0.75;
}

@media (max-width: 1024px) {
    .estrel-mk-tabs__inner { padding: 28px 24px; }
    .estrel-mk-tabs__list { gap: 80px; }
    .estrel-mk-tabs__icon { width: 36px; height: 36px; }
    .estrel-mk-tabs__label { font-size: 18px; line-height: 22px; }
}

@media (max-width: 767px) {
    .estrel-mk-tabs__inner { padding: 20px 16px; }
    .estrel-mk-tabs__list { gap: 48px; }
    .estrel-mk-tabs__icon { width: 32px; height: 32px; }
    .estrel-mk-tabs__label { font-size: 16px; line-height: 20px; }
}