/* =========================================================
   MENU PRODUTOS COMO NO V2 (computador)
   Mesma largura do site (1200px de conteúdo), cabeçalho "Navegue por linha"
   e card de produto em destaque com foto quadrada e link sublinhado.
   O produto do destaque vem de config/storefront-lines.php (menu_featured).
   ========================================================= */

@media (min-width: 901px) {
    .store-header__mega-menu {
        border-top-color: #e3e9f1;
        box-shadow: 0 30px 60px rgb(6 28 64 / 14%);
    }

    .store-header__mega-menu .store-header__mega-container {
        box-sizing: border-box;
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        padding: 30px 40px 34px;
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 40px;
    }

    .store-header__mega-menu .store-header__mega-heading {
        padding-bottom: 16px;
        border-bottom: 1px solid #e3e9f1;
    }

    .store-header__mega-menu .store-header__mega-heading span {
        display: block;
        color: #1a5db6;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.2em;
        line-height: 18px;
        text-transform: uppercase;
    }

    .store-header__mega-menu .store-header__mega-heading strong {
        display: block;
        margin-top: 6px;
        color: #061c40;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
    }

    .store-header__mega-menu .store-header__mega-heading a {
        padding-bottom: 3px;
        border-bottom: 2px solid #1a5db6;
        color: #1a5db6;
        font-size: 13px;
        font-weight: 600;
        line-height: 16px;
        text-decoration: none;
    }

    .store-header__mega-menu .store-header__mega-featured {
        display: flex;
        flex-direction: column;
        align-self: stretch;
        overflow: hidden;
        border-radius: 14px;
        background: #f4f7fb;
        box-shadow: none;
        text-decoration: none;
    }

    .store-header__mega-menu .store-header__mega-featured-media {
        padding: 0;
        background: none;
        aspect-ratio: 1 / 1;
    }

    .store-header__mega-menu .store-header__mega-featured-media img {
        display: block;
        padding: 0;
        width: 100%;
        height: 100%;
        border-radius: 0;
        object-fit: cover;
        aspect-ratio: 1 / 1;
    }

    .store-header__mega-menu .store-header__mega-featured-content {
        display: block;
        padding: 14px 16px 16px;
    }

    .store-header__mega-menu .store-header__mega-featured-eyebrow {
        display: block;
        color: #1a5db6;
        font-size: 10.5px;
        font-weight: 700;
        letter-spacing: 0.16em;
        line-height: 13px;
        text-transform: uppercase;
    }

    .store-header__mega-menu .store-header__mega-featured strong {
        display: block;
        margin-top: 6px;
        color: #061c40;
        font-size: 13.5px;
        font-weight: 600;
        line-height: 1.4;
    }

    .store-header__mega-menu .store-header__mega-featured-action {
        display: inline-block;
        height: auto;
        min-height: 0;
        margin-top: 10px;
        padding: 0 0 3px;
        border-bottom: 2px solid #1a5db6;
        border-radius: 0;
        background: none;
        color: #1a5db6;
        font-size: 12.5px;
        font-weight: 600;
        line-height: 15px;
    }
}