/* =========================================================
   RIDUZIONE BOX "IN EVIDENZA" - HOME TONY CHANKU
   File: assets/css/fix-box-evidenza.css
   ========================================================= */

/* Desktop / PC */
@media (min-width: 1000px) {
    .tc-home__inner {
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 54px;
    }

    .tc-home-feature {
        max-width: 320px;
        padding: 18px;
        justify-self: end;
        border-radius: 16px;
    }

    .tc-home-feature__top {
        margin-bottom: 10px;
        font-size: .70rem;
        letter-spacing: .16em;
    }

    .tc-home-feature__media {
        margin-bottom: 14px;
    }

    .tc-home-feature__media img {
        aspect-ratio: 1.38 / 1;
        border-radius: 9px;
    }

    .tc-home-feature__vinyl {
        right: -28px;
        top: 20px;
        width: 118px;
        height: 118px;
    }

    .tc-home-feature h2 {
        font-size: 1.02rem;
        line-height: 1.18;
    }

    .tc-home-feature__sub {
        font-size: .65rem;
    }

    .tc-home-feature__platforms {
        margin: 12px 0;
        gap: 10px;
        font-size: .68rem;
    }

    .tc-home-feature__cta {
        min-height: 36px;
        font-size: .66rem;
        letter-spacing: .10em;
    }
}

/* Tablet */
@media (max-width: 999px) and (min-width: 769px) {
    .tc-home-feature {
        max-width: 380px;
        padding: 18px;
    }

    .tc-home-feature__vinyl {
        width: 120px;
        height: 120px;
    }
}

/* Smartphone */
@media (max-width: 768px) {
    .tc-home-feature {
        max-width: 92%;
        margin: 42px auto 0;
        padding: 14px;
        border-radius: 16px;
    }

    .tc-home-feature__top {
        margin-bottom: 10px;
        font-size: .74rem;
        letter-spacing: .15em;
    }

    .tc-home-feature__media {
        margin-bottom: 12px;
    }

    .tc-home-feature__media img {
        aspect-ratio: 1.35 / 1;
        border-radius: 10px;
    }

    .tc-home-feature h2 {
        font-size: .95rem;
        line-height: 1.18;
    }

    .tc-home-feature__sub {
        margin-top: 5px;
        font-size: .62rem;
    }

    .tc-home-feature__platforms {
        margin: 10px 0;
        gap: 8px;
        font-size: .66rem;
    }

    .tc-home-feature__cta {
        min-height: 36px;
        font-size: .66rem;
    }
}

/* Smartphone piccoli */
@media (max-width: 430px) {
    .tc-home-feature {
        max-width: 90%;
        margin-top: 52px;
        padding: 13px;
    }

    .tc-home-feature__media img {
        aspect-ratio: 1.42 / 1;
    }
}