/*
 * FifoConsult Responsive - Tablet Mega Menu
 * Normal tablet-only Mega Menu layout.
 */

@media (min-width: 701px) and (max-width: 1180px) and (min-height: 501px) {
    .fc-mega-top-nav {
        left: 0;
        right: 0;
        top: 36px;
        width: calc(100% - 72px);
        max-width: 780px;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        gap: clamp(28px, 5vw, 56px);
    }

    .fc-mega-top-nav button {
        font-size: 13px;
        letter-spacing: 0.16em;
        white-space: nowrap;
    }

    .fc-mega-content {
        left: 0;
        right: 0;
        top: clamp(132px, 20vh, 188px);
        width: calc(100% - 104px);
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    #fcMegaTitle {
        font-size: clamp(38px, 4.8vw, 50px);
        line-height: 1.08;
        text-align: center;
    }

    #fcMegaText {
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
        font-size: clamp(15px, 1.8vw, 18px);
        line-height: 1.55;
        text-align: left;
    }

    .fc-mega-media {
        left: 0;
        right: 0;
        bottom: clamp(44px, 7vh, 68px);
        width: calc(100% - 104px);
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        gap: clamp(38px, 6vw, 68px);
    }

    .fc-mega-media button {
        white-space: nowrap;
    }

    .fc-mega-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(0, 0, 0, 0.82),
                rgba(0, 0, 0, 0.56) 55%,
                rgba(0, 0, 0, 0.74)
            ),
            linear-gradient(
                180deg,
                rgba(0, 0, 0, 0.50),
                rgba(0, 0, 0, 0.38)
            );
    }

    .fc-mega-bg {
        background-position: var(--fc-mega-tablet-position, 100% 0%);
    }
}

@media
  (min-width: 700.5px) and (max-width: 701.5px) and
  (min-height: 599.5px) and (max-height: 600.5px) {
    .fc-mega-bg[data-panel="about"] {
        --fc-mega-tablet-position:
            calc(100% + 120px) 0% !important;
    }

    .fc-mega-bg[data-panel="product-design"] {
        --fc-mega-tablet-position:
            calc(100% - 10px) 0% !important;
    }

    .fc-mega-bg[data-panel="products"] {
        --fc-mega-tablet-position:
            calc(100% + 45px) 0% !important;
    }

    .fc-mega-bg[data-panel="brand"] {
        --fc-mega-tablet-position:
            calc(100% + 85px) 0% !important;
    }

    #fcMegaTitle {
        font-size: 38px;
        font-weight: 750;
        line-height: 1.08;
        letter-spacing: 0.035em;
        color: #887b60;
        opacity: 1;
    }

    #fcMegaTitle span {
        font-size: 38px;
        font-weight: 750;
        font-style: italic;
        letter-spacing: normal;
        color: #9a7d3f;
        opacity: 1;
    }

    #fcMegaText {
        font-size: 15px;
        font-weight: 450;
        line-height: 1.55;
        letter-spacing: -0.005em;
        color: #958b73;
        opacity: 1;
    }

    #fcMegaText strong {
        font-weight: 700;
        color: #958b73;
        opacity: 1;
    }

    #fcMegaText .fc-gold-link {
        font-weight: 700;
        color: #9a7d3f;
        opacity: 1;
    }

    #fcTextReaderTitle {
        font-size: 32px;
        font-weight: 760;
        line-height: 1.08;
        letter-spacing: 0.035em;
        color: #887b60;
        opacity: 1;
        margin-bottom: 34px;
    }

    #fcTextReaderBody {
        font-size: 13px;
        font-weight: 450;
        line-height: 1.68;
        letter-spacing: -0.005em;
        color: #635d4f;
        opacity: 1;
    }

    #fcTextReaderBody p + p {
        margin-top: 1.15em;
    }

    #fcTextReaderBody .fc-text-reader-closing {
        margin-top: 2em;
    }

    #fcTextReaderBody .fc-text-reader-closing
      + .fc-text-reader-closing {
        margin-top: 0.7em;
    }

    #fcTextReaderBody strong {
        font-weight: 700;
        color: #958b73;
        opacity: 1;
    }

    #fcTextReaderBody a {
        font-weight: 700;
        color: #9a7d3f;
        opacity: 1;
    }
}

@media
  (min-width: 1000px)
  and (max-width: 1050px)
  and (min-height: 680px)
  and (max-height: 720px)
  and (orientation: landscape) {
    .fc-mega-bg[data-panel="about"] {
        --fc-mega-tablet-position: calc(100% + 200px) 0% !important;
    }

    .fc-mega-bg[data-panel="product-design"] {
        --fc-mega-tablet-position: calc(100% - 40px) 0% !important;
    }

    .fc-mega-bg[data-panel="products"] {
        --fc-mega-tablet-position: calc(100% + 220px) 0% !important;
    }

    .fc-mega-bg[data-panel="brand"] {
        --fc-mega-tablet-position: calc(100% + 200px) 0% !important;
    }
}