/* ============================================
   Quality Assurance — modernaminos.com
   Path: /assets/css/qa-styles.css
============================================ */

.ma-qa {
    font-family: "Poppins", sans-serif;
    color: #08202C;
}

/* ── Hero (same as checkout/privacy) ── */
.ma-qa__hero {
    background: linear-gradient(270deg, #003862 0%, #00203E 100%);
    padding: 61px 20px;
    text-align: center;
    width: 100%;
}

.ma-qa__hero-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700 !important;
    font-size: 30.32px !important;
    line-height: 39.27px !important;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #ffffff !important;
    margin: 0 !important;
}

.ma-qa__hero-sub {
    font-family: 'Poppins', sans-serif;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 42.03px !important;
    color: #D4A843 !important;
    margin: 0 !important;
}

/* ── Body wrapper ── */
.ma-qa__wrap {
    max-width: 1250px;
    margin: 0 auto;
    padding: 68px 20px;
}

.ma-qa__card {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 1px 1px 11px 3px rgba(178, 178, 178, 0.25);
    padding: 40px 44px;
}

.ma-qa__section + .ma-qa__section {
    margin-top: 32px;
}

/* ── Headings ── */
.ma-qa__heading {
    font-family: "Poppins", sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #116190 !important;
    margin: 0 0 14px !important;
}

.ma-qa__subheading {
    font-family: "Poppins", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #116190 !important;
    margin: 20px 0 10px !important;
    line-height: 1.4 !important;
}

/* ── Text ── */
.ma-qa__text {
    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
    color: #1c2e3a !important;
    margin: 0 0 12px !important;
}

.ma-qa__text:last-child { margin-bottom: 0 !important; }

.ma-qa__text b,
.ma-qa__text strong {
    color: #0f1b2d !important;
    font-weight: 700 !important;
}

.ma-qa__text a {
    color: #116190 !important;
    text-decoration: none;
    font-weight: 500 !important;
}

.ma-qa__text a:hover { text-decoration: underline; }

/* ── List ── */
.ma-qa__list {
    margin: 8px 0 14px 22px !important;
    padding: 0;
    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
    color: #1c2e3a !important;
}

.ma-qa__list li {
    margin: 0 0 8px !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    color: #1c2e3a !important;
}

/* ── Images ── */
.ma-qa__img-wrap {
    margin: 20px 0;
    text-align: center;
}

.ma-qa__img-wrap img {
    max-width: 500px;
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* ── CTA button ── */
.ma-qa__btn {
    display: inline-flex;
    align-items: center;
    background: #116190 !important;
    color: #ffffff !important;
    border-radius: 50px;
    padding: 12px 36px;
    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    margin: 16px 0 8px;
    transition: background 0.2s ease;
}

.ma-qa__btn:hover {
    background: #0d4e74 !important;
    text-decoration: none !important;
}

/* ── Notice callout ── */
.ma-qa__notice {
    background: #f4f8fb;
    border-left: 4px solid #116190;
    border-radius: 8px;
    padding: 16px 20px;
    margin: 16px 0;
    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #08202C !important;
}

.ma-qa__notice b {
    color: #116190 !important;
    font-weight: 700 !important;
}

/* ── Agreement block ── */
.ma-qa__agreement {
    background: #f4f8fb;
    border: 1px solid #cfe0ec;
    border-radius: 10px;
    padding: 20px 22px;
    margin-top: 24px;
    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: #08202C !important;
    font-weight: 500 !important;
}

/* ── Tablet ── */
@media (max-width: 960px) {
    .ma-qa__wrap { padding: 56px 20px; }
    .ma-qa__card { padding: 32px 28px; }
    .ma-qa__heading { font-size: 20px !important; }
    .ma-qa__subheading { font-size: 16px !important; }
}

/* ── Mobile ── */
@media (max-width: 768px) {
    .ma-qa__hero { padding: 40px 20px; }

    .ma-qa__hero-title {
        font-weight: 600 !important;
        font-size: 24px !important;
        line-height: 39.27px !important;
    }

    .ma-qa__hero-sub {
        font-size: 14px !important;
        line-height: 24px !important;
    }
}

@media (max-width: 580px) {
    .ma-qa__wrap { padding: 40px 16px; }
    .ma-qa__card { padding: 24px 20px; border-radius: 10px; }
    .ma-qa__heading { font-size: 18px !important; }
    .ma-qa__img-wrap img { max-width: 100%; }

    .ma-qa__text,
    .ma-qa__list,
    .ma-qa__list li { font-size: 15px !important; }

    .ma-qa__notice,
    .ma-qa__agreement { padding: 14px 16px; font-size: 14px !important; }
}