/* ═══════════════════════════════════════════════════════════════════════════
   MOBILE  (≤ 991px)
   Figma mobile frame: 360px
═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 991px) {
    /* privacy hero */
    .section-privacy-hero {
        padding: 120px 20px 6px;
        text-align: center;
    }

    .privacy-hero__title {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 20px;
        font-size: 48px;
        line-height: normal;
    }

    .privacy-hero__date {
        font-size: 16px;
        line-height: normal;
    }

    /* privacy content */
    .section-privacy-content {
        padding: 0 20px 50px;
    }

    .privacy-content {
        width: 100%;
        max-width: 100%;
        padding: 0;
        gap: 40px;
    }

    .privacy-section {
        gap: 20px;
    }

    .privacy-section__h2 {
        font-size: 40px;
        line-height: normal;
    }

    .privacy-section__h4 {
        font-size: 28px;
        line-height: normal;
    }

    .privacy-section__p,
    .privacy-section__body p,
    .privacy-section__list li {
        font-size: 16px;
        line-height: normal;
    }

    .privacy-section__body {
        gap: 15px;
    }

    .privacy-section__body p.privacy-section__p--sub {
        font-size: 16px;
    }

    .privacy-section__list {
        gap: 10px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   MOBILE  (≤ 768px)
   Figma mobile frame: 360px
═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* privacy hero */
    .section-privacy-hero {
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 0;
        text-align: center;
    }

    .privacy-hero__title {
        font-size: 40px;
    }

    /* privacy content */
    .section-privacy-content {
        padding: 0 0 40px;
    }

    .privacy-content {
        width: 100%;
        padding: 0 20px;
        gap: 30px;
    }

    .privacy-section__h2 {
        font-size: 33px;
    }

    .privacy-section__h4 {
        font-size: 24px;
    }
}