@charset "UTF-8";

/* =========================================================
   MOBILE / TABLETTE - ADHÉSION NOVIJOB
   ========================================================= */

@media screen and (min-width: 1813px) {
    .container-page-adhesion .form-employeur {
        padding:17px 0;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1812px) {
    body {
        max-width:99%;
        padding-top:10px;
    }
    .container-page-adhesion .form-employeur {
        padding:17px 0;
    }
    .privacy-container {
        width:calc(100% - 120px);
        max-width:none;
        margin-left:70px !important;
        margin-right:50px !important;
        margin-top:0;
        box-sizing:border-box;
    }
}

@media screen and (min-width: 992px) and (max-width: 1299px) {
    body {
        max-width:99%;
        padding-top:10px;
    }
    .pourquoi-section {
        padding:0px 0;
    }
    .pourquoi-container {
        width:calc(100% - 150px);
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
    }
    .pourquoi-hero-grid,
    .pourquoi-split,
    .pourquoi-candidate-box {
        grid-template-columns:1fr;
    }
    .pourquoi-cards,
    .pourquoi-services {
        grid-template-columns:repeat(2, 1fr);
    }
    .pourquoi-steps {
        grid-template-columns:repeat(2, 1fr);
    }
    .container-page-adhesion .form-employeur {
        padding:17px 0;
    }
    .privacy-page {
        width:100%;
        padding:140px 0 65px;
        overflow-x:hidden;
    }
    .privacy-container {
        width:calc(100% - 120px);
        max-width:none;
        margin-left:70px !important;
        margin-right:50px !important;
        margin-top:0;
        box-sizing:border-box;
    }
    .privacy-hero {
        width:100%;
        padding:36px 34px;
    }
    .privacy-hero h1 {
        font-size:42px;
    }
    .privacy-summary {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .privacy-summary-card:last-of-type {
        grid-column:1 / -1;
    }
    .privacy-summary-note {
        grid-column:1 / -1;
    }
    .privacy-layout {
        grid-template-columns:1fr;
    }
    .privacy-nav {
        display:none;
    }
    .privacy-mobile-nav {
        display:block;
        width:100%;
    }
    .privacy-content {
        width:100%;
        min-width:0;
    }
    .privacy-section {
        width:100%;
        max-width:100%;
    }
}

@media screen and (max-width: 1100px) {
    .container-page-adhesion {
        width:calc(100% - 40px);
        max-width:760px;
        padding-top:35px;
    }
    .container-page-adhesion > .row {
        grid-template-columns:1fr !important;
        gap:35px;
    }
    .container-page-adhesion > .row > .col-lg-4 {
        width:100% !important;
        max-width:100% !important;
    }
    .container-page-adhesion .outline {
        width:100%;
    }
    .container-page-adhesion .titre-inscription,
    .container-page-adhesion .titre-inscription2 {
        min-height:auto;
        padding:24px 20px !important;
    }
    .container-page-adhesion .form-employeur {
        width:100%;
        max-width:none;
        margin:18px 0 0;
        padding:22px 0;
        border:1px solid #e2eaf0;
        border-radius:12px;
        background:var(--nj-bg-soft);
        box-sizing:border-box;
    }
    .container-page-adhesion .form-employeur form {
        width:100%;
        margin:0;
        padding:0;
    }
    .container-page-adhesion .form-employeur input[type="text"],
    .container-page-adhesion .form-employeur input[type="email"],
    .container-page-adhesion .form-employeur input[type="password"] {
        display:block;
        width:100%;
        max-width:none;
        margin-left:0;
        margin-right:0;
        box-sizing:border-box;
    }
    .container-page-adhesion .b-formulaire2,
    .container-page-adhesion .b-formulaire {
        width:100%;
        max-width:none;
        box-sizing:border-box;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    body {
        max-width:99%;
        padding-top:10px;
    }
    .footer-inner {
        padding:0 25px;
    }
    .footer-left {
        margin-left:100px;
    }
    .container-adhesion {
        left:0;
        width:100%;
    }
    .align-adhesion {
        width:100%;
        margin-left:0;
        padding-left:12px;
        padding-right:12px;
        box-sizing:border-box;
    }
    #align-emploi-scroll {
        flex:1 1 auto;
        min-width:0;
    }
    .pourquoi-section {
        padding:0px 0;
    }
    .pourquoi-hero {
        padding:200px 0 40px;
    }
    .pourquoi-cards,
    .pourquoi-services,
    .pourquoi-feature-grid,
    .pourquoi-steps,
    .pourquoi-trust-grid {
        grid-template-columns:1fr;
    }
    .pourquoi-container {
        width:calc(100% - 135px);
        margin-left:auto;
        margin-right:auto;
    }
    .pourquoi-hero-grid,
    .pourquoi-split,
    .pourquoi-candidate-box {
        grid-template-columns:1fr;
    }
    .pourquoi-cards,
    .pourquoi-services {
        grid-template-columns:repeat(2, 1fr);
    }
    .pourquoi-steps {
        grid-template-columns:repeat(2, 1fr);
    }

    .faq-employeur {
        padding:155px 0 65px;
        padding-left:40px;
    }
    .faq-employeur-container {
        width:calc(100% - 100px);
        margin:0 30px;
    }
    .faq-employeur-entete {
        margin:0 0 32px;
        text-align:left;
    }
    .faq-employeur-entete h1 {
        font-size:38px;
    }
    .faq-employeur-entete p {
        max-width:760px;
        font-size:16px;
        line-height:1.65;
    }
    .faq-employeur-layout {
        display:flex;
        flex-direction:column;
        gap:28px;
    }
    .faq-employeur-sidebar {
        width:100%;
        order:1;
    }
    .faq-employeur-sidebar-card {
        position:static;
        width:100%;
        padding:28px 26px;
        border-radius:17px;
    }
    .faq-employeur-sidebar-icon {
        width:62px;
        height:62px;
        margin-bottom:14px;
        font-size:28px;
    }
    .faq-employeur-sidebar-card h2 {
        font-size:25px;
    }
    .faq-employeur-sidebar-card p {
        max-width:650px;
        margin-left:auto;
        margin-right:auto;
        font-size:15px;
        line-height:1.65;
    }
    .faq-employeur-sidebar-ligne {
        margin:20px auto;
    }
    .faq-employeur-contenu {
        width:100%;
        min-width:0;
        order:2;
    }
    .faq-employeur-item {
        width:100%;
        margin-bottom:13px;
        border-radius:14px;
    }
    .faq-employeur-question {
        min-height:66px;
        padding:18px 20px;
        gap:16px;
    }
    .faq-employeur-question-texte {
        flex:1;
        min-width:0;
        font-size:15.5px;
        line-height:1.45;
    }
    .faq-employeur-plus {
        flex:0 0 34px;
        width:34px;
        height:34px;
        font-size:22px;
    }
    .faq-employeur-reponse {
        width:100%;
        padding:0;
    }
    .faq-employeur-reponse-interieur {
        padding:20px 20px 22px;
    }
    .faq-employeur-reponse-interieur p {
        margin:0 0 12px;
        font-size:14.5px;
        line-height:1.7;
    }
    .faq-employeur-reponse-interieur p:last-child {
        margin-bottom:0;
    }
    .container-page-adhesion .form-employeur {
        padding:17px 0;
    }
    .privacy-page {
        width:100%;
        max-width:100%;
        padding:120px 0 55px;
        font-size:17px;
        overflow-x:hidden;
    }
    .privacy-container {
        width:calc(100% - 105px);
        max-width:100%;
        margin:0 auto !important;
        box-sizing:border-box;
    }
    .privacy-hero {
        width:100%;
        max-width:100%;
        padding:30px 22px;
        border-radius:18px;
        box-sizing:border-box;
    }
    .privacy-hero h1 {
        font-size:36px;
    }
    .privacy-intro {
        font-size:var(--privacy-text-size);
    }
    .privacy-summary {
        width:100%;
        grid-template-columns:1fr;
    }
    .privacy-summary-note {
        grid-column:auto;
    }
    .privacy-layout {
        width:100%;
        grid-template-columns:1fr;
    }
    .privacy-nav {
        display:none;
    }
    .privacy-mobile-nav {
        display:block;
        width:100%;
    }
    .privacy-content {
        width:100%;
        min-width:0;
    }
    .privacy-section {
        width:100%;
        max-width:100%;
        padding:22px 20px;
        border-radius:14px;
        box-sizing:border-box;
    }
    .privacy-section-heading {
        gap:10px;
        margin-bottom:14px;
        padding-bottom:12px;
    }
    .privacy-section-number {
        min-width:42px;
        font-size:22px;
    }
    .privacy-section h2 {
        font-size:22px;
    }
    .privacy-section h3 {
        margin:18px 0 7px;
        font-size:20px;
    }
    .privacy-section p,
    .privacy-section li,
    .privacy-cookie-section p,
    .privacy-cookie-section li,
    .privacy-summary-card p,
    .privacy-summary-note,
    .privacy-mobile-nav a,
    .privacy-cookie-label,
    .privacy-back-top a {
        font-size:var(--privacy-text-size);
    }
    .privacy-actions {
        width:100%;
    }
    .privacy-btn {
        width:100%;
        font-size:var(--privacy-text-size);
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    body {
        width:100%;
        max-width:100%;
        margin:0;
        padding-top:10px;
        overflow-x:hidden;
    }
    .footer {
        padding:15px 10px 20px;
    }
    .footer-inner {
        display:block;
        padding:0;
    }
    .footer-left {
        width:100%;
        margin:0;
        text-align:center;
    }
    .footer-left > span {
        display:block;
        font-size:14px;
        line-height:1.7;
        letter-spacing:.4px;
    }
    .return-footer {
        display:initial;
    }
    .return-footer2 {
        display:none;
    }
    .container-adhesion {
        left:0;
        width:100%;
    }
    .align-adhesion {
        width:100%;
        margin-left:0;
        padding-left:8px;
        padding-right:8px;
        box-sizing:border-box;
    }
    #align-emploi-scroll {
        flex:1 1 auto;
        min-width:0;
    }
    .legal-wrapper {
        width:calc(100% - 24px);
        margin:190px 12px 0;
        border-left:0;
        border-right:0;
        border-radius:0;
    }
    .legal-wrapper .legal-header,
    .legal-wrapper .legal-content {
        padding-left:20px;
        padding-right:20px;
    }
    .legal-wrapper .toc ul {
        column-count:1;
    }
    .legal-wrapper h2 {
        font-size:23px;
    }
    .legal-wrapper h3 {
        font-size:19px;
    }
    .container-page-adhesion {
        width:calc(95% - 24px);
        max-width:100%;
        margin:190px auto 0;
        padding-top:25px;
        padding-bottom:50px;
        overflow-x:hidden;
    }
    .container-adhesion .row {
        width:100%;
        margin-left:0;
        margin-right:0;
    }
    .container-page-adhesion > .titre-inscrit {
        font-size:27px;
        line-height:1.2;
        text-align:left;
    }
    .container-page-adhesion > .text-inscrit {
        font-size:15px;
        text-align:left;
    }
    .container-page-adhesion .titre-inscription,
    .container-page-adhesion .titre-inscription2 {
        font-size:19px;
    }
    .container-page-adhesion .prix {
        font-size:40px;
    }
    .container-page-adhesion .prix-inscrit > div[style*="padding-left"] {
        padding-left:18px !important;
        padding-right:18px !important;
    }
    .container-page-adhesion .outline-ligne {
        padding:18px;
    }
    .container-page-adhesion .form-employeur {
        padding:17px 0;
    }
    .container-page-adhesion .tarif-titre {
        font-size:13px;
    }
    .btn-conseil-premium {
        top:0;
        right:0;
        width:34px;
        height:34px;
        font-size:20px;
    }
    .pourquoi-container {
        width:calc(100% - 35px);
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
    }
    .pourquoi-hero {
        padding:200px 0 40px;
    }
    .pourquoi-hero-grid,
    .pourquoi-split,
    .pourquoi-candidate-box {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
    }
    .pourquoi-hero-content,
    .pourquoi-hero-card,
    .pourquoi-split > *,
    .pourquoi-candidate-box > * {
        width:100%;
        max-width:100%;
        min-width:0;
    }
    .pourquoi-cards,
    .pourquoi-services,
    .pourquoi-feature-grid,
    .pourquoi-steps,
    .pourquoi-trust-grid {
        grid-template-columns:1fr;
    }
    .pourquoi-section {
        padding:0px 0;
    }
    .pourquoi-hero-card,
    .pourquoi-candidate-box,
    .pourquoi-highlight,
    .pourquoi-cta-box,
    .pourquoi-feature-panel {
        padding:24px;
        border-radius:18px;
    }
    .pourquoi-actions {
        width:100%;
    }
    .pourquoi-btn {
        width:100%;
    }
    .pourquoi-faq-question {
        padding:17px;
    }
    .pourquoi-faq-answer {
        padding-left:17px;
        padding-right:17px;
    }
    .page-pourquoi-afficher h1 {
        font-size:2.15rem;
    }
    .page-pourquoi-afficher h2 {
        font-size:1.7rem;
    }
    .faq-employeur {
        padding:145px 0 80px;
    }
    .faq-employeur-container {
        width:calc(100% - 50px);
        margin:0 25px;
    }
    .faq-employeur-entete {
        margin:0 0 30px;
        text-align:left;
    }
    .faq-employeur-badge {
        margin-bottom:12px;
        padding:7px 13px;
        font-size:11px;
    }
    .faq-employeur-entete h1 {
        margin-bottom:13px;
        font-size:34px;
        line-height:1.15;
    }
    .faq-employeur-entete p {
        max-width:650px;
        margin:0;
        font-size:15px;
        line-height:1.65;
    }
    .faq-employeur-layout {
        display:flex;
        flex-direction:column;
        gap:25px;
    }
    .faq-employeur-sidebar {
        width:100%;
        order:1;
    }
    .faq-employeur-sidebar-card {
        position:static;
        width:100%;
        padding:26px 24px;
        border-radius:16px;
    }
    .faq-employeur-sidebar-icon {
        width:60px;
        height:60px;
        margin-bottom:14px;
        font-size:27px;
    }
    .faq-employeur-sidebar-card h2 {
        margin-bottom:11px;
        font-size:24px;
    }
    .faq-employeur-sidebar-card p {
        max-width:540px;
        margin-left:auto;
        margin-right:auto;
        font-size:14.5px;
        line-height:1.65;
    }
    .faq-employeur-sidebar-ligne {
        margin:20px auto;
    }
    .faq-employeur-sidebar-card small {
        font-size:11.5px;
    }
    .faq-employeur-contenu {
        width:100%;
        order:2;
    }
    .faq-employeur-item {
        width:100%;
        margin-bottom:12px;
        border-radius:13px;
    }
    .faq-employeur-question {
        min-height:64px;
        padding:17px 18px;
        gap:14px;
    }
    .faq-employeur-question-texte {
        flex:1;
        min-width:0;
        font-size:15px;
        line-height:1.45;
    }
    .faq-employeur-plus {
        flex:0 0 32px;
        width:32px;
        height:32px;
        margin-left:6px;
        font-size:21px;
    }
    .faq-employeur-reponse {
        width:100%;
        padding:0;
    }
    .faq-employeur-reponse-interieur {
        padding:19px 18px 21px;
    }
    .faq-employeur-reponse-interieur p {
        margin:0 0 12px;
        font-size:14px;
        line-height:1.7;
    }
    .faq-employeur-reponse-interieur p:last-child {
        margin-bottom:0;
    }
    .privacy-page {
        width:100%;
        max-width:100%;
        padding:120px 0 55px;
        font-size:17px;
        overflow-x:hidden;
    }
    .privacy-container {
        width:calc(100% - 24px);
        max-width:100%;
        margin:0 auto !important;
        box-sizing:border-box;
    }
    .privacy-hero {
        width:100%;
        max-width:100%;
        padding:30px 22px;
        border-radius:18px;
        box-sizing:border-box;
    }
    .privacy-hero h1 {
        font-size:36px;
    }
    .privacy-intro {
        font-size:var(--privacy-text-size);
    }
    .privacy-summary {
        width:100%;
        grid-template-columns:1fr;
    }
    .privacy-summary-note {
        grid-column:auto;
    }
    .privacy-layout {
        width:100%;
        grid-template-columns:1fr;
    }
    .privacy-nav {
        display:none;
    }
    .privacy-mobile-nav {
        display:block;
        width:100%;
    }
    .privacy-content {
        width:100%;
        min-width:0;
    }
    .privacy-section {
        width:100%;
        max-width:100%;
        padding:22px 20px;
        border-radius:14px;
        box-sizing:border-box;
    }
    .privacy-section-heading {
        gap:10px;
        margin-bottom:14px;
        padding-bottom:12px;
    }
    .privacy-section-number {
        min-width:42px;
        font-size:22px;
    }
    .privacy-section h2 {
        font-size:22px;
    }
    .privacy-section h3 {
        margin:18px 0 7px;
        font-size:20px;
    }
    .privacy-section p,
    .privacy-section li,
    .privacy-cookie-section p,
    .privacy-cookie-section li,
    .privacy-summary-card p,
    .privacy-summary-note,
    .privacy-mobile-nav a,
    .privacy-cookie-label,
    .privacy-back-top a {
        font-size:var(--privacy-text-size);
    }
    .privacy-actions {
        width:100%;
    }
    .privacy-btn {
        width:100%;
        font-size:var(--privacy-text-size);
    }
}
@media screen and (max-width:480px) {
    body {
        width:100%;
        max-width:100%;
        margin:0;
        padding-top:10px;
        overflow-x:hidden;
    }
    .footer {
        padding:15px 10px 20px;
    }
    .footer-inner {
        display:block;
        padding:0;
    }
    .footer-left {
        width:100%;
        margin:0;
        text-align:center;
    }
    .footer-left > span {
        display:block;
        font-size:12px;
        line-height:1.7;
        letter-spacing:.4px;
    }
    .return-footer {
        display:initial;
    }
    .return-footer2 {
        display:none;
    }
    .container-adhesion {
        left:0;
        width:100%;
    }
    .align-adhesion {
        width:100%;
        margin-left:0;
        padding-left:8px;
        padding-right:8px;
        box-sizing:border-box;
    }
    #align-emploi-scroll {
        flex:1 1 auto;
        min-width:0;
    }
    .legal-wrapper {
        width:calc(100% - 24px);
        margin:190px 12px 0;
        border-left:0;
        border-right:0;
        border-radius:0;
    }
    .legal-wrapper .legal-content {
        padding:10px;
    }
    .legal-wrapper .toc ul {
        column-count:1;
        column-gap:0;
    }
    .container-page-adhesion {
        width:calc(100% - 24px);
        max-width:100%;
        margin:190px auto 0;
        padding-top:25px;
        padding-bottom:50px;
        overflow-x:hidden;
    }
    .container-adhesion .row {
        width:100%;
        margin-left:0;
        margin-right:0;
    }
    .container-page-adhesion > .titre-inscrit {
        font-size:27px;
        line-height:1.2;
        text-align:left;
    }
    .container-page-adhesion > .text-inscrit {
        font-size:15px;
        text-align:left;
    }
    .container-page-adhesion .titre-inscription,
    .container-page-adhesion .titre-inscription2 {
        font-size:19px;
    }
    .container-page-adhesion .prix {
        font-size:40px;
    }
    .container-page-adhesion .prix-inscrit > div[style*="padding-left"] {
        padding-left:18px !important;
        padding-right:18px !important;
    }
    .container-page-adhesion .outline-ligne {
        padding:18px;
    }
    .container-page-adhesion .form-employeur {
        padding:17px 0;
    }
    .container-page-adhesion .tarif-titre {
        font-size:13px;
    }
    .pourquoi-container {
        width:calc(100% - 24px);
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
    }
    .pourquoi-hero {
        padding:200px 0 40px;
    }
    .pourquoi-hero-grid,
    .pourquoi-split,
    .pourquoi-candidate-box {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
    }
    .pourquoi-hero-content,
    .pourquoi-hero-card,
    .pourquoi-split > *,
    .pourquoi-candidate-box > * {
        width:100%;
        max-width:100%;
        min-width:0;
    }
    .pourquoi-cards,
    .pourquoi-services,
    .pourquoi-feature-grid,
    .pourquoi-steps,
    .pourquoi-trust-grid {
        grid-template-columns:1fr;
    }
    .pourquoi-section {
        padding:40px 0;
    }
    .pourquoi-hero-card,
    .pourquoi-candidate-box,
    .pourquoi-highlight,
    .pourquoi-cta-box,
    .pourquoi-feature-panel {
        padding:22px;
        border-radius:18px;
    }
    .pourquoi-actions {
        width:100%;
    }
    .pourquoi-btn {
        width:100%;
    }
    .pourquoi-faq-question {
        padding:17px;
    }
    .pourquoi-faq-answer {
        padding-left:17px;
        padding-right:17px;
    }
    .page-pourquoi-afficher h1 {
        font-size:2.05rem;
    }
    .page-pourquoi-afficher h2 {
        font-size:1.6rem;
    }
    .faq-employeur {
        padding:135px 0 70px;
    }
    .faq-employeur-container {
        width:calc(100% - 24px);
        margin:0 12px;
    }
    .faq-employeur-entete {
        margin:0 0 25px;
        text-align:left;
    }
    .faq-employeur-badge {
        margin-bottom:12px;
        padding:7px 12px;
        font-size:10px;
    }
    .faq-employeur-entete h1 {
        margin-bottom:12px;
        font-size:30px;
        line-height:1.15;
    }
    .faq-employeur-entete p {
        margin:0;
        font-size:14px;
        line-height:1.6;
    }
    .faq-employeur-layout {
        display:flex;
        flex-direction:column;
        gap:22px;
    }
    .faq-employeur-sidebar {
        width:100%;
        order:1;
    }
    .faq-employeur-sidebar-card {
        position:static;
        width:100%;
        padding:24px 18px;
        border-radius:15px;
    }
    .faq-employeur-sidebar-icon {
        width:55px;
        height:55px;
        margin-bottom:12px;
        font-size:25px;
    }
    .faq-employeur-sidebar-card h2 {
        margin-bottom:10px;
        font-size:22px;
    }
    .faq-employeur-sidebar-card p {
        font-size:14px;
        line-height:1.6;
    }
    .faq-employeur-sidebar-ligne {
        margin:18px auto;
    }
    .faq-employeur-sidebar-card small {
        font-size:11px;
    }
    .faq-employeur-contenu {
        width:100%;
        order:2;
    }
    .faq-employeur-item {
        width:100%;
        margin-bottom:10px;
        border-radius:12px;
    }
    .faq-employeur-question {
        min-height:60px;
        padding:15px 14px;
        gap:10px;
    }
    .faq-employeur-question-texte {
        flex:1;
        min-width:0;
        font-size:14px;
        line-height:1.45;
    }
    .faq-employeur-plus {
        flex:0 0 30px;
        width:30px;
        height:30px;
        margin-left:5px;
        font-size:20px;
    }
    .faq-employeur-reponse {
        width:100%;
        padding:0;
    }
    .faq-employeur-reponse-interieur {
        padding:17px 15px 19px;
    }
    .faq-employeur-reponse-interieur p {
        margin:0 0 11px;
        font-size:13.5px;
        line-height:1.65;
    }
    .faq-employeur-reponse-interieur p:last-child {
        margin-bottom:0;
    }
    .privacy-page {
        padding:120px 0 55px;
        font-size:17px;
    }
    .privacy-container {
        width:calc(100% - 24px);
        max-width:100%;
        margin-left:auto !important;
        margin-right:auto !important;
        margin-top:0;
    }
    .privacy-hero {
        padding:30px 22px;
        border-radius:18px;
    }
    .privacy-hero h1 {
        font-size:34px;
    }
    .privacy-intro {
        font-size:var(--privacy-text-size);
    }
    .privacy-summary {
        grid-template-columns:1fr;
    }
    .privacy-summary-note {
        grid-column:auto;
    }
    .privacy-section {
        padding:22px 18px;
        border-radius:14px;
    }
    .privacy-section-heading {
        gap:10px;
        margin-bottom:14px;
        padding-bottom:12px;
    }
    .privacy-section-number {
        min-width:42px;
        font-size:22px;
    }
    .privacy-section h2 {
        font-size:22px;
    }
    .privacy-section h3 {
        margin:18px 0 7px;
        font-size:20px;
    }
    .privacy-section p,
    .privacy-section li,
    .privacy-cookie-section p,
    .privacy-cookie-section li,
    .privacy-summary-card p,
    .privacy-summary-note,
    .privacy-mobile-nav a,
    .privacy-cookie-label,
    .privacy-back-top a {
        font-size:var(--privacy-text-size);
    }
    .privacy-actions {
        width:100%;
    }
    .privacy-btn {
        width:100%;
        font-size:var(--privacy-text-size);
    }
    .privacy-layout {
        width:100%;
        grid-template-columns:1fr;
    }
    .privacy-nav {
        display:none;
    }
    .privacy-mobile-nav {
        display:block;
        width:100%;
    }
    .privacy-content {
        width:100%;
        min-width:0;
    }
}