/* ==========================================================================
   accessibility.css — One Click Accessibility (Pojo) font-resize corrections
   Theme: Beer-Yaakov-LP   Site: https://beer-yaakov.rotshtein-lp.co.il/
   --------------------------------------------------------------------------
   WHY THIS FILE EXISTS
   The plugin only emits two !important rules per step:
       body.pojo-a11y-resize-font-NN, ... p, li, label, input, span, ...
                                          { font-size: NN%        !important }
       body.pojo-a11y-resize-font-NN h1..h6, h1 span .. h6 span
                                          { font-size: NN*1.33%   !important }
   On this theme that produces nine distinct failures:
     1. Percentages resolve against the PARENT, never against vw. Every heading
        in this design is vw-based, so the plugin does not scale them - it
        REPLACES them. Measured at 1440px: the h1 goes 61.92px -> 35.96px at the
        first click, i.e. the page gets SMALLER when the user asks for bigger.
     2. The percentages COMPOUND through nesting. CF7 wraps the consent checkbox
        in p > label > span > span > span > label > span. Measured at step 200:
        the consent label 9.65px -> 256px, every text input 14.4px -> 256px.
     3. Elements swap units per breakpoint (4.3vw at base, 15vw under 767px), so
        every override has to be emitted in BOTH bands.
     4. The "h_ span" rule stacks a second 133% on top of an already scaled
        heading.
     5. <button> and <div> are not in the plugin's selector list at all, so the
        submit button (23.04px) and .wpcf7-response-output (11.52px) never move.
     6. #cc-banner-root is a SIBLING of .elementor, so it is out of reach of any
        content-scoped fix: .cc-title/.cc-body run away (16 -> 37.24px,
        14 -> 28px) while .cc-root and .cc-btn (font: inherit) stay frozen at
        14px at every step.
     7. The consent checkbox validation tip is absolutely positioned against a
        30px-wide .wpcf7-form-control-wrap with a FIXED "top: 45px" under 767px.
        It cannot track a consent label that grows taller as it is scaled.
     8. The consent row centres the checkbox against the WHOLE label, and the
        box itself is sized by a !important vw rule no font-size rule reaches.
        Once the label wraps - step 120 at 1440px, every step under 767px - a
        14.4px box sits at the vertical middle of a 96px block, i.e. inside
        line 2 of the sentence, beside a 24.5px label.
     9. The mobile submit button is pinned to height:50px around a 30px content
        box. At step 140 the caption is printed on the bottom border and at
        step 200 it is printed outside the button.

   TWO RULES THIS FILE OBEYS
     A. Nothing selected -> design unchanged. EVERY declaration below is gated
        behind body[class*="pojo-a11y-resize-font-"]. With no size chosen, and
        again after Reset, this file contributes zero computed differences.
     B. #pojo-a11y-toolbar is never touched. It is a sibling of .elementor and
        carries its own "font-size: 16px !important" from the plugin, so it is
        insulated from Section 2 and excluded from every content-scoped rule.
        The toolbar item span keeps going 12.8px -> 25.6px exactly as before.

   SPECIFICITY NOTE
     Sections 4 and 5 repeat the gate attribute twice -
        html body[class*="..."][class*="..."]
     That is deliberate, not a typo. Section 3's generic rules are (0,2,3)
     because of their content-root class; a single-gate pin would be (0,2,2) and
     would LOSE the class column. Doubling the attribute lifts every pin to
     (0,3,x) so it reliably out-specifies both Section 3 and the plugin.
   ========================================================================== */


/* ==========================================================================
   SECTION 1 - STEP -> MULTIPLIERS (two curves)
   --------------------------------------------------------------------------
   Two curves, because the form controls and the cookie banner start from the
   SMALLEST sizes on the page (input 1vw = 9px at 900px wide, consent label
   0.67vw = 6.03px, cookie button 14px) and need a bigger first jump to read as
   "bigger" at all.
     --a11y-scale        body text, headings, lists   step 1 +15%  ...  max +60%
     --a11y-scale-form   inputs, submit, response output, validation tips,
                         checkbox labels, cookie title/body/buttons
                                                      step 1 +30%  ...  max +75%
   ========================================================================== */
:root {
    --a11y-scale: 1;
    --a11y-scale-form: 1;
}
body.pojo-a11y-resize-font-120 { --a11y-scale: 1.08; --a11y-scale-form: 1.20; }
body.pojo-a11y-resize-font-130 { --a11y-scale: 1.15; --a11y-scale-form: 1.30; }
body.pojo-a11y-resize-font-140 { --a11y-scale: 1.22; --a11y-scale-form: 1.40; }
body.pojo-a11y-resize-font-150 { --a11y-scale: 1.28; --a11y-scale-form: 1.48; }
body.pojo-a11y-resize-font-160 { --a11y-scale: 1.35; --a11y-scale-form: 1.55; }
body.pojo-a11y-resize-font-170 { --a11y-scale: 1.42; --a11y-scale-form: 1.62; }
body.pojo-a11y-resize-font-180 { --a11y-scale: 1.48; --a11y-scale-form: 1.68; }
body.pojo-a11y-resize-font-190 { --a11y-scale: 1.54; --a11y-scale-form: 1.72; }
body.pojo-a11y-resize-font-200 { --a11y-scale: 1.60; --a11y-scale-form: 1.75; }


/* ==========================================================================
   SECTION 2 - BASE PIN
   --------------------------------------------------------------------------
   Replaces the plugin's compounding "body { font-size: NN% }" with a single
   absolute value derived from the MEASURED body baseline on this site (16px).
   calc(), never a flat px, so everything that legitimately inherits from <body>
   still grows step by step.
   Deliberately NOT scoped to a content root: it has to reach the theme-template
   pages (404 / search / single) which have no .elementor wrapper. It cannot
   affect #pojo-a11y-toolbar, which pins itself to 16px !important.
   ========================================================================== */
html body[class*="pojo-a11y-resize-font-"] {
    font-size: calc(16px * var(--a11y-scale)) !important;
}


/* ==========================================================================
   SECTION 3 - KILL THE COMPOUNDING PERCENTAGES
   --------------------------------------------------------------------------
   One block per content root found on the site:
     .elementor              - the home page (elementor-2)
     .container              - theme templates, top-level wrapper
     .content-wraper         - theme templates (404, search)
     .description-section    - 404 + search body copy
     .gold-card-banner       - 404 banner
     .home-banner            - search banner
     .users-grid             - search results grid
     .website-presentation   - search page footer block
     .cf7-success-message    - post-submit success panel
   #pojo-a11y-toolbar and #cc-banner-root are deliberately NOT roots.
   input / select / textarea are excluded here - they are pinned in Section 4.
   ========================================================================== */
html body[class*="pojo-a11y-resize-font-"] .elementor p,
html body[class*="pojo-a11y-resize-font-"] .elementor li,
html body[class*="pojo-a11y-resize-font-"] .elementor span,
html body[class*="pojo-a11y-resize-font-"] .elementor label,
html body[class*="pojo-a11y-resize-font-"] .elementor blockquote,
html body[class*="pojo-a11y-resize-font-"] .elementor legend,
html body[class*="pojo-a11y-resize-font-"] .elementor code,
html body[class*="pojo-a11y-resize-font-"] .elementor pre,
html body[class*="pojo-a11y-resize-font-"] .elementor dd,
html body[class*="pojo-a11y-resize-font-"] .elementor dt,

html body[class*="pojo-a11y-resize-font-"] .container p,
html body[class*="pojo-a11y-resize-font-"] .container li,
html body[class*="pojo-a11y-resize-font-"] .container span,
html body[class*="pojo-a11y-resize-font-"] .container label,
html body[class*="pojo-a11y-resize-font-"] .container blockquote,
html body[class*="pojo-a11y-resize-font-"] .container legend,
html body[class*="pojo-a11y-resize-font-"] .container code,
html body[class*="pojo-a11y-resize-font-"] .container pre,
html body[class*="pojo-a11y-resize-font-"] .container dd,
html body[class*="pojo-a11y-resize-font-"] .container dt,

html body[class*="pojo-a11y-resize-font-"] .content-wraper p,
html body[class*="pojo-a11y-resize-font-"] .content-wraper li,
html body[class*="pojo-a11y-resize-font-"] .content-wraper span,
html body[class*="pojo-a11y-resize-font-"] .content-wraper label,
html body[class*="pojo-a11y-resize-font-"] .content-wraper blockquote,
html body[class*="pojo-a11y-resize-font-"] .content-wraper legend,
html body[class*="pojo-a11y-resize-font-"] .content-wraper code,
html body[class*="pojo-a11y-resize-font-"] .content-wraper pre,
html body[class*="pojo-a11y-resize-font-"] .content-wraper dd,
html body[class*="pojo-a11y-resize-font-"] .content-wraper dt,

html body[class*="pojo-a11y-resize-font-"] .description-section p,
html body[class*="pojo-a11y-resize-font-"] .description-section li,
html body[class*="pojo-a11y-resize-font-"] .description-section span,
html body[class*="pojo-a11y-resize-font-"] .description-section label,
html body[class*="pojo-a11y-resize-font-"] .description-section blockquote,
html body[class*="pojo-a11y-resize-font-"] .description-section legend,
html body[class*="pojo-a11y-resize-font-"] .description-section code,
html body[class*="pojo-a11y-resize-font-"] .description-section pre,
html body[class*="pojo-a11y-resize-font-"] .description-section dd,
html body[class*="pojo-a11y-resize-font-"] .description-section dt,

html body[class*="pojo-a11y-resize-font-"] .gold-card-banner p,
html body[class*="pojo-a11y-resize-font-"] .gold-card-banner li,
html body[class*="pojo-a11y-resize-font-"] .gold-card-banner span,
html body[class*="pojo-a11y-resize-font-"] .gold-card-banner label,
html body[class*="pojo-a11y-resize-font-"] .gold-card-banner blockquote,

html body[class*="pojo-a11y-resize-font-"] .home-banner p,
html body[class*="pojo-a11y-resize-font-"] .home-banner li,
html body[class*="pojo-a11y-resize-font-"] .home-banner span,
html body[class*="pojo-a11y-resize-font-"] .home-banner label,
html body[class*="pojo-a11y-resize-font-"] .home-banner blockquote,

html body[class*="pojo-a11y-resize-font-"] .users-grid p,
html body[class*="pojo-a11y-resize-font-"] .users-grid li,
html body[class*="pojo-a11y-resize-font-"] .users-grid span,
html body[class*="pojo-a11y-resize-font-"] .users-grid label,
html body[class*="pojo-a11y-resize-font-"] .users-grid blockquote,

html body[class*="pojo-a11y-resize-font-"] .website-presentation p,
html body[class*="pojo-a11y-resize-font-"] .website-presentation li,
html body[class*="pojo-a11y-resize-font-"] .website-presentation span,
html body[class*="pojo-a11y-resize-font-"] .website-presentation label,
html body[class*="pojo-a11y-resize-font-"] .website-presentation blockquote,

html body[class*="pojo-a11y-resize-font-"] .cf7-success-message p,
html body[class*="pojo-a11y-resize-font-"] .cf7-success-message li,
html body[class*="pojo-a11y-resize-font-"] .cf7-success-message span,
html body[class*="pojo-a11y-resize-font-"] .cf7-success-message label,
html body[class*="pojo-a11y-resize-font-"] .cf7-success-message blockquote {
    font-size: inherit !important;
}

/* Direct <body> children. single.php emits the post content as a bare <p> with
   no wrapper at all (the stock "Hello world!" post is exactly this), so no
   content root can reach it and the plugin's own <p> rule applies a second time
   on top of Section 2: measured 16px -> 51.2px at step 200 without this rule.
   #pojo-a11y-toolbar is a <nav>, #cc-banner-root and .cc-modal-wrap are <div>s
   and .pojo-skip-link is an <a>, so none of them is matched here.
   The gate is doubled here for the same reason as in Sections 4-5: the plugin's
   own selector is "body.pojo-... p:not(.pojo-a11y-toolbar-title)", and that
   :not(.class) puts it at (0,2,2). A single-gate child selector would be
   (0,1,3) and would lose the class column. */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] > p,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] > li,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] > span,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] > label,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] > blockquote {
    font-size: inherit !important;
}


/* ==========================================================================
   SECTION 4 - FORM CONTROLS + RESPONSE / VALIDATION MESSAGES
   --------------------------------------------------------------------------
   Every value mirrors the theme 1:1, on --a11y-scale-form, one rule per
   selector PER BREAKPOINT, media blocks emitted in the theme's own source order
   (style.css base, then responsive.css @media(max-width:767px)).
   px / vw only - never em (CF7's nesting compounds it) and never rem (it shrinks
   below the design size on wide screens).
   line-height is forced UNITLESS on the messages so it grows with the font.

   READABILITY FLOOR - max(14px, <themeValue>)
   This theme has NO tablet breakpoint: everything between 768px and 1024px
   falls back to the vw values that were drawn for 1440px. Measured at 900px
   with accessibility OFF: input 9px, .wpcf7-response-output 7.2px, consent
   label 6.03px. Mirroring those 1:1 would leave the response output at 12.6px
   even at maximum scale. The floor is inside the gate, so the default render is
   untouched; it only guarantees the accessibility steps are legible.
   ========================================================================== */

/* --- text inputs / textarea / select  (theme base: 1vw) ------------------- */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] input,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] textarea,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] select {
    font-size: calc(max(14px, 1vw) * var(--a11y-scale-form)) !important;
    line-height: 1.2 !important;
}

/* --- submit button  (theme base: .submit-col .global-btn 1.6vw) ----------- */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .global-btn,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .submit-col .global-btn,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-submit,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .submit-btn input {
    font-size: calc(max(14px, 1.6vw) * var(--a11y-scale-form)) !important;
    line-height: 1.3 !important;
}

/* --- CF7 response output  (theme base: 0.8vw / line-height 1.5) ----------
   A <div>: the plugin's selector list cannot reach it at all, so with the
   plugin alone it is frozen at 11.52px (1440px) / 7.2px (900px) at every step. */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-response-output,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7 form .wpcf7-response-output {
    font-size: calc(max(14px, 0.8vw) * var(--a11y-scale-form)) !important;
    line-height: 1.5 !important;
}

/* --- CF7 validation tips  (theme base: 0.8vw) ---------------------------- */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-not-valid-tip {
    font-size: calc(max(14px, 0.8vw) * var(--a11y-scale-form)) !important;
    line-height: 1.4 !important;
}

/* --- consent / checkbox labels  (theme base: 0.67vw) --------------------- */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-list-item-label,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .custom-check-label,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox .wpcf7-list-item-label,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .checkbox-group .first.last .wpcf7-list-item-label {
    font-size: calc(max(14px, 0.67vw) * var(--a11y-scale-form)) !important;
    line-height: 1.3 !important;
}

/* --- the .first.last inner label (theme base 0.67vw, mobile 14px) -------- */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .first.last .wpcf7-list-item-label {
    font-size: calc(max(14px, 0.67vw) * var(--a11y-scale-form)) !important;
    line-height: 1.3 !important;
}

/* --- structural wrappers that carry a size of their own ------------------
   .privacy-checkbox > p (0.9vw) and .main-contact-form label span:first-child
   (1.18vw) hold no visible text themselves, but Section 3 would flatten them to
   the body size. Mirrored 1:1, no floor. */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox p {
    font-size: calc(0.9vw * var(--a11y-scale-form)) !important;
    line-height: 1 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .main-contact-form label span:first-child {
    font-size: calc(1.18vw * var(--a11y-scale-form)) !important;
    line-height: 1 !important;
}

/* --- the CSS checkmark glyph (theme base: 0.9vw) ------------------------- */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox input[type="checkbox"]:checked::before {
    font-size: calc(0.9vw * var(--a11y-scale-form)) !important;
}

/* --- success panel + privacy-modal small text ---------------------------
   .success-title is forced to a flat 23px by an inline <style> block in the
   footer, which overrides both the 1.3vw base and the 18px mobile rule, so 23px
   is its real value at every viewport. */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .success-title {
    font-size: calc(23px * var(--a11y-scale)) !important;
    line-height: 1.3 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .success-subtitle,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .bottom-small-text {
    font-size: calc(max(14px, 0.8vw) * var(--a11y-scale-form)) !important;
    line-height: 1.4 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .pv-links > span,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .pv-link {
    font-size: calc(max(14px, 0.8vw) * var(--a11y-scale-form)) !important;
    line-height: 1.2 !important;
}


/* ==========================================================================
   SECTION 4b - ELEMENTS CARRYING AN INTENTIONAL SIZE OF THEIR OWN
   --------------------------------------------------------------------------
   The privacy modal is written with :where(), which has ZERO specificity:
       .privacy-wrapper .privacy-content :where(p, li, a, div)   ->  (0,2,0)
   Section 3's .container/.content-wraper rules are (0,2,3) and would flatten it,
   so the sizes are restated explicitly here at a higher specificity.
   ========================================================================== */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h2 {
    font-size: calc(max(16px, 1.4vw) * var(--a11y-scale)) !important;
    line-height: 1.3 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h3 {
    font-size: calc(max(15px, 1.1vw) * var(--a11y-scale)) !important;
    line-height: 1.3 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content p,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content li,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content a,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content div {
    font-size: calc(max(14px, 0.8vw) * var(--a11y-scale)) !important;
    line-height: 1.6 !important;
}


/* ==========================================================================
   SECTION 4c - COOKIE BANNER (#cc-banner-root / .cc-root)
   --------------------------------------------------------------------------
   The banner is injected by cookie.webzapp.click as a direct child of <body>,
   OUTSIDE .elementor, so Section 3 cannot reach it. Plugin-only measurements:
       .cc-title (h2)   16px  -> 24.21 -> 29.79 -> 37.24px   RUNAWAY
       .cc-body  (p)    14px  -> 18.20 -> 22.40 -> 28.00px   RUNAWAY
       .cc-root  (div)  14px  -> 14 -> 14 -> 14px            FROZEN
       .cc-btn   (button, "font: inherit")  14px -> 14px     FROZEN
   Generic inherit rule first, then explicit pins. Every pin gets BOTH a bare
   and a .cc-root-scoped selector so it wins in the banner AND in the settings
   modal, and EVERY pin is calc(<px> * var(--a11y-scale...)) - a flat px would
   stop the runaway but freeze the banner, so clicking would do nothing.
   .cc-title (16 -> 18) and .cc-btn (14 -> 15) get bumped baselines on the FORM
   curve so the very first click is a visible jump.
   ========================================================================== */
html body[class*="pojo-a11y-resize-font-"] .cc-root p,
html body[class*="pojo-a11y-resize-font-"] .cc-root li,
html body[class*="pojo-a11y-resize-font-"] .cc-root span,
html body[class*="pojo-a11y-resize-font-"] .cc-root label,
html body[class*="pojo-a11y-resize-font-"] .cc-root a,
html body[class*="pojo-a11y-resize-font-"] .cc-root h1,
html body[class*="pojo-a11y-resize-font-"] .cc-root h2,
html body[class*="pojo-a11y-resize-font-"] .cc-root h3,
html body[class*="pojo-a11y-resize-font-"] .cc-root h4,
html body[class*="pojo-a11y-resize-font-"] .cc-root h5,
html body[class*="pojo-a11y-resize-font-"] .cc-root h6,
/* The "cookie settings" modal is a SECOND, SEPARATE body child (.cc-modal-wrap)
   that is NOT inside .cc-root, so it needs its own inherit block. Measured
   plugin-only at step 200: the modal's <h2> 18 -> 85.12px, its intro <p>
   16 -> 64px, .cc-required-badge 11 -> 64px, .cc-slider 16 -> 128px. */
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap p,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap li,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap span,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap label,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap a,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap h1,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap h2,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap h3,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap h4,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap h5,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap h6 {
    font-size: inherit !important;
}

html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-root,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] #cc-banner-root.cc-root {
    font-size: calc(14px * var(--a11y-scale)) !important;
    line-height: 1.5 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-title,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-root .cc-title {
    font-size: calc(18px * var(--a11y-scale-form)) !important;
    line-height: 1.25 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-body,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-root .cc-body {
    font-size: calc(14px * var(--a11y-scale-form)) !important;
    line-height: 1.5 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-btn,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-root .cc-btn,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-btn.cc-btn-text,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-root .cc-btn.cc-btn-text,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-btn {
    font-size: calc(15px * var(--a11y-scale-form)) !important;
    line-height: 1.4 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-lang-toggle,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-root .cc-lang-toggle,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-lang-toggle {
    font-size: calc(12px * var(--a11y-scale)) !important;
    line-height: 1.4 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-modal-head h2,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-root .cc-modal-head h2,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-modal-head h2 {
    font-size: calc(18px * var(--a11y-scale)) !important;
    line-height: 1.25 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-modal-close,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-root .cc-modal-close,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-modal-close {
    font-size: calc(24px * var(--a11y-scale)) !important;
    line-height: 1 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-cat-name,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-root .cc-cat-name,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-cat-name {
    font-size: calc(15px * var(--a11y-scale-form)) !important;
    line-height: 1.4 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-cat-desc,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-root .cc-cat-desc,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-cat-desc {
    font-size: calc(13px * var(--a11y-scale)) !important;
    line-height: 1.5 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-required-badge,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-root .cc-required-badge,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-required-badge {
    font-size: calc(11px * var(--a11y-scale)) !important;
    line-height: 1.4 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-cookies-list,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-root .cc-cookies-list,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-cookies-list th,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-cookies-list td,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-root .cc-cookies-list th,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-root .cc-cookies-list td,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-cookies-list,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-cookies-list th,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .cc-modal-wrap .cc-cookies-list td {
    font-size: calc(12px * var(--a11y-scale)) !important;
    line-height: 1.4 !important;
}


/* ==========================================================================
   SECTION 4d - VALIDATION TIP POSITIONING
   --------------------------------------------------------------------------
   Audited on the live site (tip injected into .wpcf7-form-control-wrap exactly
   where CF7 puts it, control marked .wpcf7-not-valid):
     Name / Phone / Email tips  ->  position: static. Nothing to do.
     Consent checkbox tip       ->  position: absolute, and its positioned
       containing block is the 30px-wide span.wpcf7-form-control-wrap that holds
       ONLY the checkbox - the consent TEXT is a flex SIBLING of that span.
       Base band:   bottom: -1.5vw; top: unset
       Under 767px: top: 45px (FIXED)  +  bottom: -15px
     Neither anchor can track the consent label, because the label is not inside
     the containing block at all. Under 767px the fixed 45px top is also greater
     than the 22px-tall wrap, so the used height clamps to 0 and the message
     already lands 2.4px over the submit button at DEFAULT size.

   Fix: re-parent the positioning. Make the whole .privacy-checkbox.first row the
   containing block (position: relative on the row, position: static on the wrap)
   and anchor the tip to bottom: 0 of that row, then reserve room for it with a
   gated padding-bottom so the tip stays inside the row (spill <= 0) instead of
   colliding with the submit button.
   position: static on the TIP is deliberately NOT used - it would squeeze the
   message into the 30px checkbox column.
   text-wrap is released from nowrap so a scaled message cannot push the document
   wider than the viewport at 360px.
   ========================================================================== */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox.first {
    position: relative !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox.first .wpcf7-form-control-wrap {
    position: static !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox.first .wpcf7-not-valid-tip {
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    white-space: normal !important;
    text-wrap: wrap !important;
    text-align: right !important;
}
/* Reserve the space only while a tip is actually rendered. */
@supports selector(:has(*)) {
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox.first:has(.wpcf7-not-valid-tip) {
        padding-bottom: calc(max(14px, 0.8vw) * var(--a11y-scale-form) * 1.4 + 6px) !important;
    }
}
/* Engines without :has() support: reserve it unconditionally. */
@supports not (selector(:has(*))) {
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox.first {
        padding-bottom: calc(max(14px, 0.8vw) * var(--a11y-scale-form) * 1.4 + 6px) !important;
    }
}

/* ==========================================================================
   SECTION 4e - CONSENT ROW: KEEP THE BOX ON THE FIRST LINE
   --------------------------------------------------------------------------
   Two separate failures show up the moment the consent label wraps, which it
   does from the FIRST click at 1440px (1 line -> 2 lines at step 120, 3 lines
   from step 160) and at every step under 767px:

     1. The row is a flex chain - .privacy-checkbox.first > p (align-items:
        center) > label.custom-check-label, which is itself a flex container
        from ".main-contact-form label { display:flex; align-items:center }".
        The checkbox column and the consent TEXT are SIBLING flex items, so
        "center" centres the box against the whole wrapped block instead of the
        line it belongs to. Measured at 1440px / step 200: a 3-line, 96px-tall
        label with the box parked at its vertical middle, i.e. hard against the
        start of line 2 - the box reads as punctuation inside the sentence.
     2. The box never grows. Its size comes from
        ".first.last input { width:1vw !important; height:1vw !important }"
        (22px under 767px), which no font-size rule can reach, so it stays
        14.4px next to a 24.5px label at step 200.

   Fix: align the label's flex items to flex-start, then give the checkbox
   column a height of exactly ONE line box of the consent label and centre the
   box inside it. The column is then top-aligned and the box lands on the
   optical centre of line 1 at every step (measured offset <= 0.9px at 1440px
   and <= 0.9px at 375px, steps 120 - 200). Where the scaled box is taller than
   one line it overflows that column symmetrically, so the centres still match;
   nothing can collide, because the text is a different flex item.
   The box and the gap are mirrored 1:1 off their theme values on the FORM
   curve - 1vw / 0.5vw here, 22px / 13px in the 767px band - which also keeps
   the ":checked::before" checkmark, already pinned at 0.9vw (12px on mobile),
   at its original ratio to the box.
   Gated like everything else in this file: with no step chosen the label is a
   single line, "center" and "flex-start" agree, and the box is untouched.
   ========================================================================== */
html body[class*="pojo-a11y-resize-font-"] {
    --a11y-consent-line: calc(max(14px, 0.67vw) * var(--a11y-scale-form) * 1.3);
    --a11y-consent-box:  calc(max(14px, 1vw) * var(--a11y-scale-form));
    --a11y-consent-gap:  calc(max(7px, 0.5vw) * var(--a11y-scale-form));
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox.first > p,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox label.custom-check-label {
    align-items: flex-start !important;
}
/* The checkbox column: one line box tall, box centred inside it.
   Section 4d already pins this element to position:static; both apply. */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox.first .wpcf7-form-control-wrap {
    display: flex !important;
    align-items: center !important;
    align-self: flex-start !important;
    flex: 0 0 auto !important;
    height: var(--a11y-consent-line) !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox .wpcf7-list-item,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox .wpcf7-list-item > label {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}
/* Beats ".first.last input { width:1vw !important }" from style.css. RTL: the
   gap to the consent text is margin-LEFT. */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox input[type="checkbox"],
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox .first.last input[type="checkbox"] {
    width: var(--a11y-consent-box) !important;
    height: var(--a11y-consent-box) !important;
    min-width: var(--a11y-consent-box) !important;
    flex: 0 0 auto !important;
    margin: 0 0 0 var(--a11y-consent-gap) !important;
}


/* ==========================================================================
   SECTION 5 - PER-ELEMENT SIZES FROM post-2.css  (home page, elementor-2)
   --------------------------------------------------------------------------
   Every font-size rule in wp-content/uploads/sites/56/elementor/css/post-2.css,
   gated and multiplied by var(--a11y-scale). post-3.css (the Elementor
   header/footer template) contains NO font-size rules at all.
   The media blocks are emitted in post-2.css's own source order -
   1200 -> 1024 -> 880 -> 767 - because those bands overlap and resolve by order,
   not by "which is more specific".
   Two headings are given a floor: .elementor-element-d88a080 has NO mobile
   override, so its 0.8vw renders at 3px at 375px wide, and 6d0ea4e drops to
   6.1px in the 768-1024 gap. Scaling 3px by 1.6 would still be 4.8px.
   ========================================================================== */

/* --- base ---------------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-d88a080 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-6d0ea4e .elementor-heading-title {
    font-size: calc(max(12px, 0.8vw) * var(--a11y-scale)) !important;
    line-height: 1.2 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-66aab90 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-96e15ba .elementor-heading-title {
    font-size: calc(max(14px, 1.15vw) * var(--a11y-scale)) !important;
    line-height: 1.3 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-6a606da .elementor-heading-title {
    font-size: calc(max(14px, 1.3vw) * var(--a11y-scale)) !important;
    line-height: 1.15 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-4fa244b .elementor-heading-title {
    font-size: calc(max(14px, 1.4vw) * var(--a11y-scale)) !important;
    line-height: 1.15 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-62e3d8e .elementor-heading-title {
    font-size: calc(3.25vw * var(--a11y-scale)) !important;
    line-height: 1 !important;
}
html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-6e80288 .elementor-heading-title {
    font-size: calc(4.3vw * var(--a11y-scale)) !important;
    line-height: 0.9 !important;
}

/* --- @media(max-width:1200px)  [post-2.css block 1] ---------------------- */
@media (max-width: 1200px) {
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-62e3d8e .elementor-heading-title {
        font-size: calc(3.24vw * var(--a11y-scale)) !important;
    }
}

/* --- @media(max-width:1024px)  [post-2.css block 2] ---------------------- */
@media (max-width: 1024px) {
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-62e3d8e .elementor-heading-title {
        font-size: calc(3.22vw * var(--a11y-scale)) !important;
    }
}

/* --- @media(max-width:880px)   [post-2.css block 3] ---------------------- */
@media (max-width: 880px) {
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-62e3d8e .elementor-heading-title {
        font-size: calc(3.21vw * var(--a11y-scale)) !important;
    }
}

/* --- @media(max-width:767px)   [post-2.css block 4] ---------------------- */
@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-62e3d8e .elementor-heading-title {
        font-size: calc(13vw * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-6e80288 .elementor-heading-title {
        font-size: calc(15vw * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-6d0ea4e .elementor-heading-title {
        font-size: calc(max(12px, 3vw) * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-4fa244b .elementor-heading-title {
        font-size: calc(max(14px, 4.5vw) * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-6a606da .elementor-heading-title {
        font-size: calc(max(14px, 5.7vw) * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-66aab90 .elementor-heading-title {
        font-size: calc(max(14px, 6.5vw) * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .elementor-element-96e15ba .elementor-heading-title {
        font-size: calc(max(14px, 6.9vw) * var(--a11y-scale)) !important;
        line-height: 1.2 !important;
    }
}


/* ==========================================================================
   SECTION 6 - THEME FORM BREAKPOINT: @media(max-width:767px)
   --------------------------------------------------------------------------
   responsive.css declares exactly one band, max-width:767px, and it is the only
   band in the theme, so there is no overlapping-band ordering to preserve.
   Values mirror responsive.css 1:1, on --a11y-scale-form.
   ========================================================================== */
@media (max-width: 767px) {
    /* Section 4e, mobile band: the consent line and the box are sized off
       responsive.css here (label 3.2vw, box 22px, gap 13px). */
    html body[class*="pojo-a11y-resize-font-"] {
        --a11y-consent-line: calc(max(14px, 3.2vw) * var(--a11y-scale-form) * 1.3);
        --a11y-consent-box:  calc(22px * var(--a11y-scale-form));
        --a11y-consent-gap:  calc(13px * var(--a11y-scale-form));
    }
    /* responsive.css caps the consent row at 70% of the form width. That was
       sized for a 14px label; at step 200 it forces the 24.5px label into a
       column narrower than the free space beside it. Release it - the row is
       flex, so the text still stops at the checkbox column. */
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox.first > p {
        max-width: 100% !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] input,
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] textarea,
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] select {
        font-size: calc(16px * var(--a11y-scale-form)) !important;
        line-height: 1.2 !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .form-field select {
        font-size: calc(max(14px, 4.4vw) * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .global-btn,
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .submit-col .global-btn,
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-submit,
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .submit-btn input {
        font-size: calc(max(14px, 6.5vw) * var(--a11y-scale-form)) !important;
        line-height: 0.8 !important;
    }
    /* Both of responsive.css's vertical values are tied to the VIEWPORT, not to
       the caption: height:50px is fixed, and padding-top:1.5vw does not move
       when the plugin scales the text. So the caption grew inside a box that
       did not, and it drifted out of the position the design sets at default
       size - by step 140 the line box sat on the bottom border, and by step 200
       the caption printed 5px BELOW the button.
       Fix: mirror those same two values on --a11y-scale-form, exactly the way
       every other value in this section is mirrored. Scaling the box by the
       same factor the plugin scales the caption by makes the button a pure
       scale-up of its own default state.
       Deliberately NOT converted to em (1.5vw -> 0.2308em, 50px -> 2.051em):
       that conversion is only exact at 375px. The default button is a FIXED
       50px around a 6.5vw caption, so its proportions legitimately differ by
       width - measured height/caption 2.137em at 360px, 2.051em at 375px,
       1.789em at 430px - and an em constant would lock every width to whichever
       one it was derived from. Mirroring the scale factor reproduces each
       width's own default instead: measured identical to default at 360 / 375 /
       430 / 767px across every step.
       min-height keeps 50px as the floor so the button can never come out
       smaller than it is at default size. */
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .submit-col .global-btn {
        padding: calc(1.5vw * var(--a11y-scale-form)) 0 0 0 !important;
        height: calc(50px * var(--a11y-scale-form)) !important;
        min-height: 50px !important;
    }

    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-response-output,
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7 form .wpcf7-response-output {
        font-size: calc(14px * var(--a11y-scale-form)) !important;
        line-height: 1.5 !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-not-valid-tip {
        font-size: calc(max(14px, 3vw) * var(--a11y-scale-form)) !important;
        line-height: 1.4 !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .wpcf7-list-item-label,
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .custom-check-label,
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox .wpcf7-list-item-label,
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .checkbox-group .first.last .wpcf7-list-item-label {
        font-size: calc(max(14px, 3.2vw) * var(--a11y-scale-form)) !important;
        line-height: 1.3 !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .first.last .wpcf7-list-item-label {
        font-size: calc(14px * var(--a11y-scale-form)) !important;
        line-height: 1.2 !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .main-contact-form label span:first-child {
        font-size: calc(3.4vw * var(--a11y-scale-form)) !important;
        line-height: 1 !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox input[type="checkbox"]:checked::before {
        font-size: calc(12px * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .success-title {
        font-size: calc(23px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .pv-link,
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .pv-links > span {
        font-size: calc(14px * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h2 {
        font-size: calc(18px * var(--a11y-scale)) !important;
        line-height: 1.3 !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h3 {
        font-size: calc(16px * var(--a11y-scale)) !important;
        line-height: 1.35 !important;
    }
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content p,
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content li,
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content a,
    html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content div {
        font-size: calc(max(14px, 12px) * var(--a11y-scale)) !important;
        line-height: 1.6 !important;
    }
    /* Section 4d, mobile band: the tip is sized in vw here. */
    @supports selector(:has(*)) {
        html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox.first:has(.wpcf7-not-valid-tip) {
            padding-bottom: calc(max(14px, 3vw) * var(--a11y-scale-form) * 1.4 + 6px) !important;
        }
    }
    @supports not (selector(:has(*))) {
        html body[class*="pojo-a11y-resize-font-"][class*="pojo-a11y-resize-font-"] .privacy-checkbox.first {
            padding-bottom: calc(max(14px, 3vw) * var(--a11y-scale-form) * 1.4 + 6px) !important;
        }
    }
}