.elementor-95111 .elementor-element.elementor-element-0adbfc7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95111 .elementor-element.elementor-element-969b8cd{--display:flex;--min-height:750px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95111 .elementor-element.elementor-element-969b8cd:not(.elementor-motion-effects-element-type-background), .elementor-95111 .elementor-element.elementor-element-969b8cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-95111 .elementor-element.elementor-element-b7c6870{--display:grid;--e-con-grid-template-columns:.8fr 1.2fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-95111 .elementor-element.elementor-element-da0d1f6{--display:flex;}.elementor-95111 .elementor-element.elementor-element-da0d1f6:not(.elementor-motion-effects-element-type-background), .elementor-95111 .elementor-element.elementor-element-da0d1f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-95111 .elementor-element.elementor-element-39c9143{--display:flex;--min-height:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-95111 .elementor-element.elementor-element-16177f6 img{width:100%;max-width:100%;height:700px;}.elementor-95111 .elementor-element.elementor-element-56e07ee{--display:flex;--position:absolute;--min-height:750px;--justify-content:center;--flex-wrap:nowrap;top:0px;}.elementor-95111 .elementor-element.elementor-element-e8bd610{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-95111 .elementor-element.elementor-element-a7c6ae2 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-weight:600;color:#FFFFFF;}body:not(.rtl) .elementor-95111 .elementor-element.elementor-element-56e07ee{left:0px;}body.rtl .elementor-95111 .elementor-element.elementor-element-56e07ee{right:0px;}.elementor-95111 .elementor-element.elementor-element-969b8cd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-95111 .elementor-element.elementor-element-7d0adfc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-95111 .elementor-element.elementor-element-7d0adfc:not(.elementor-motion-effects-element-type-background), .elementor-95111 .elementor-element.elementor-element-7d0adfc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-95111 .elementor-element.elementor-element-28aa644{--display:grid;--e-con-grid-template-columns:1.5fr .5fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-95111 .elementor-element.elementor-element-648409a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95111 .elementor-element.elementor-element-648409a:not(.elementor-motion-effects-element-type-background), .elementor-95111 .elementor-element.elementor-element-648409a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-95111 .elementor-element.elementor-element-8305211{padding:0px 15px 0px 15px;font-family:"DM Sans", Sans-serif;font-weight:300;}.elementor-95111 .elementor-element.elementor-element-91aa4b7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95111 .elementor-element.elementor-element-91aa4b7:not(.elementor-motion-effects-element-type-background), .elementor-95111 .elementor-element.elementor-element-91aa4b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-95111 .elementor-element.elementor-element-e8bd610{--width:20%;}.elementor-95111 .elementor-element.elementor-element-969b8cd{--width:100%;}.elementor-95111 .elementor-element.elementor-element-648409a{--width:100%;}.elementor-95111 .elementor-element.elementor-element-91aa4b7{--width:100%;}}@media(max-width:1024px){.elementor-95111 .elementor-element.elementor-element-b7c6870{--grid-auto-flow:row;}.elementor-95111 .elementor-element.elementor-element-a7c6ae2{padding:50px 50px 20px 50px;}.elementor-95111 .elementor-element.elementor-element-a7c6ae2.elementor-element{--order:-99999 /* order start hack */;}.elementor-95111 .elementor-element.elementor-element-e8bd610.e-con{--order:-99999 /* order start hack */;}.elementor-95111 .elementor-element.elementor-element-969b8cd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95111 .elementor-element.elementor-element-0adbfc7{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-95111 .elementor-element.elementor-element-648409a{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-95111 .elementor-element.elementor-element-28aa644{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-95111 .elementor-element.elementor-element-b7c6870{--e-con-grid-template-columns:1;--grid-auto-flow:row;}.elementor-95111 .elementor-element.elementor-element-a7c6ae2{padding:30px 30px 0px 30px;}.elementor-95111 .elementor-element.elementor-element-0adbfc7{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-95111 .elementor-element.elementor-element-28aa644{--e-con-grid-template-columns:1;--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-28aa644 *//*
 * ============================================================
 * MINT PAYMENTS — Legal Document Navigator (scrollspy + TOC)
 * Date: 2026-03-20 v4
 *
 * ELEMENTOR SETUP (2-column grid):
 *   Grid container → e-grid (e.g. .elementor-element-28aa644)
 *   Content column → class: legal-doc-content
 *   TOC column     → class: legal-doc-nav
 *
 * JS auto-generates:
 *   - Desktop: Section TOC from <h4> headings (in .legal-doc-nav)
 *   - Mobile:  Fixed section dropdown bar (JS-managed, not CSS sticky)
 *
 * MOBILE (≤1024px):
 *   Parent e-con-inner → flex-direction: column
 *   Section bar → position: fixed (managed by JS scroll listener)
 *   Content → grid-column: 1 / -1 (spans full grid)
 *   Doc-nav → display: none
 *
 * NOTE: CSS position:sticky doesn't work here because the
 * Finxpert theme sets overflow-x:hidden on <body>, which
 * breaks sticky in all major browsers. We use position:fixed
 * with a JS scroll listener instead.
 * ============================================================
 */
 
/* ── CSS custom properties ── */
:root {
    --legal-nav-offset: 100px;  /* desktop: header + admin bar clearance */
    --legal-mobile-top: 0px;    /* mobile: set by JS (admin bar only) */
    --legal-bar-height: 49px;   /* mobile: section bar height, set by JS */
}
 
/* ── Desktop: Section TOC column — sticky ──────────────────── */
.legal-doc-nav {
    position: sticky !important;
    top: var(--legal-nav-offset) !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: auto !important;
    padding: 0 !important;
}
 
/* ── Section TOC title ─────────────────────────────────────── */
.legal-toc-title {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
    padding: 0 16px 8px;
    margin: 0;
}
 
/* ── Section TOC list ──────────────────────────────────────── */
.legal-toc {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}
 
.legal-toc__item {
    border-left: 3px solid transparent;
    transition: border-color 0.2s ease, background 0.2s ease;
}
 
.legal-toc__link {
    display: block;
    padding: 8px 16px;
    color: #555 !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    transition: color 0.2s ease;
}
 
.legal-toc__link:hover {
    color: #09827e !important;
}
 
/* ── Active state ──────────────────────────────────────────── */
.legal-toc__item.is-active {
    border-left-color: #09827e;
    background: rgba(9, 130, 126, 0.05);
}
 
.legal-toc__item.is-active .legal-toc__link {
    color: #09827e !important;
    font-weight: 600;
}
 
/* ── Content column ────────────────────────────────────────── */
.legal-doc-content {
    min-width: 0 !important;
}
 
.legal-doc-content h4[id] {
    scroll-margin-top: 110px;
}
 
/* ── Mobile section bar (hidden on desktop) ────────────────── */
.legal-section-bar {
    display: none;
}
 
/* Old toggle — always hidden */
.legal-toc-toggle {
    display: none !important;
}
 
/* ── Spacer placeholder (hidden on desktop) ────────────────── */
.legal-section-bar-spacer {
    display: none;
}
 
 
/* ══════════════════════════════════════════════════════════════
   MOBILE / TABLET (≤1024px) — fixed section dropdown bar
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
 
    /* ── Force parent e-con-inner to stack vertically ── */
    .legal-section-bar-spacer ~ .e-grid,
    .legal-section-bar-spacer ~ [class*="e-grid"] {
        width: 100% !important;
    }
 
    /* ── Content spans full grid width ── */
    .legal-doc-content {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
 
    /* ── Hide the desktop TOC column ── */
    .legal-doc-nav {
        display: none !important;
    }
 
    .legal-toc-title {
        display: none !important;
    }
 
    .legal-doc-content h4[id] {
        scroll-margin-top: calc(var(--legal-mobile-top) + var(--legal-bar-height) + 8px);
    }
 
    /* ═══════════════════════════════════════════════════════════
       SPACER — holds space in the document flow where the bar
       sits before it becomes fixed. Prevents content jump.
       ═══════════════════════════════════════════════════════════ */
    .legal-section-bar-spacer {
        display: block !important;
        width: 100% !important;
        height: var(--legal-bar-height);
        margin: 0 !important;
        padding: 0 !important;
    }
 
    /* ═══════════════════════════════════════════════════════════
       SECTION BAR — fixed dropdown for section TOC
       Uses position:fixed (not sticky) because body has
       overflow-x:hidden which breaks sticky.
       JS toggles .is-fixed class on scroll.
       ═══════════════════════════════════════════════════════════ */
    .legal-section-bar {
        display: block !important;
        /* Starts in normal flow — JS adds .is-fixed on scroll */
        position: relative;
        z-index: 100;
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
 
    .legal-section-bar.is-fixed {
        position: fixed !important;
        top: var(--legal-mobile-top) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
    }
 
    /* ── Trigger button ── */
    .legal-section-bar__trigger {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 14px 20px;
        background: #fff;
        border: none;
        font-size: 14px;
        font-weight: 600;
        color: #09827e;
        cursor: pointer;
        gap: 10px;
        -webkit-tap-highlight-color: transparent;
    }
 
    .legal-section-bar__trigger:active {
        background: #f8f8f8;
    }
 
    .legal-section-bar__label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
        flex: 1;
        text-align: left;
    }
 
    .legal-section-bar__prefix {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #999;
        flex-shrink: 0;
        margin-right: 8px;
    }
 
    /* Chevron */
    .legal-section-bar__chevron {
        width: 10px;
        height: 10px;
        border-right: 2px solid #09827e;
        border-bottom: 2px solid #09827e;
        transform: rotate(45deg);
        transition: transform 0.2s ease;
        flex-shrink: 0;
    }
 
    .legal-section-bar__trigger.is-open .legal-section-bar__chevron {
        transform: rotate(-135deg);
    }
 
    /* ── Dropdown panel ── */
    .legal-section-bar__dropdown {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
        max-height: 50vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 99;
    }
 
    .legal-section-bar__dropdown.is-open {
        display: block;
    }
 
    /* ── Dropdown list items ── */
    .legal-section-bar__list {
        list-style: none;
        margin: 0;
        padding: 6px 0;
    }
 
    .legal-section-bar__item {
        margin: 0;
    }
 
    .legal-section-bar__link {
        display: block;
        padding: 12px 20px;
        color: #555 !important;
        text-decoration: none !important;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;
        transition: background 0.15s ease, color 0.15s ease;
    }
 
    .legal-section-bar__link:hover,
    .legal-section-bar__link:active {
        background: rgba(9, 130, 126, 0.05);
        color: #09827e !important;
    }
 
    /* Active state */
    .legal-section-bar__item.is-active .legal-section-bar__link {
        color: #09827e !important;
        font-weight: 600;
        background: rgba(9, 130, 126, 0.06);
    }
}
 
/* ── Smaller phones (≤480px) — tighter spacing ─────────────── */
@media (max-width: 480px) {
    .legal-section-bar__trigger {
        padding: 12px 14px;
        font-size: 13px;
    }
 
    .legal-section-bar__link {
        padding: 10px 16px;
        font-size: 13px;
    }
 
    .legal-doc-content {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28aa644 *//*
 * ============================================================
 * MINT PAYMENTS — Legal Document Navigator (scrollspy + TOC)
 * Date: 2026-03-20 v4
 *
 * ELEMENTOR SETUP (2-column grid):
 *   Grid container → e-grid (e.g. .elementor-element-28aa644)
 *   Content column → class: legal-doc-content
 *   TOC column     → class: legal-doc-nav
 *
 * JS auto-generates:
 *   - Desktop: Section TOC from <h4> headings (in .legal-doc-nav)
 *   - Mobile:  Fixed section dropdown bar (JS-managed, not CSS sticky)
 *
 * MOBILE (≤1024px):
 *   Parent e-con-inner → flex-direction: column
 *   Section bar → position: fixed (managed by JS scroll listener)
 *   Content → grid-column: 1 / -1 (spans full grid)
 *   Doc-nav → display: none
 *
 * NOTE: CSS position:sticky doesn't work here because the
 * Finxpert theme sets overflow-x:hidden on <body>, which
 * breaks sticky in all major browsers. We use position:fixed
 * with a JS scroll listener instead.
 * ============================================================
 */
 
/* ── CSS custom properties ── */
:root {
    --legal-nav-offset: 100px;  /* desktop: header + admin bar clearance */
    --legal-mobile-top: 0px;    /* mobile: set by JS (admin bar only) */
    --legal-bar-height: 49px;   /* mobile: section bar height, set by JS */
}
 
/* ── Desktop: Section TOC column — sticky ──────────────────── */
.legal-doc-nav {
    position: sticky !important;
    top: var(--legal-nav-offset) !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: auto !important;
    padding: 0 !important;
}
 
/* ── Section TOC title ─────────────────────────────────────── */
.legal-toc-title {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
    padding: 0 16px 8px;
    margin: 0;
}
 
/* ── Section TOC list ──────────────────────────────────────── */
.legal-toc {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}
 
.legal-toc__item {
    border-left: 3px solid transparent;
    transition: border-color 0.2s ease, background 0.2s ease;
}
 
.legal-toc__link {
    display: block;
    padding: 8px 16px;
    color: #555 !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    transition: color 0.2s ease;
}
 
.legal-toc__link:hover {
    color: #09827e !important;
}
 
/* ── Active state ──────────────────────────────────────────── */
.legal-toc__item.is-active {
    border-left-color: #09827e;
    background: rgba(9, 130, 126, 0.05);
}
 
.legal-toc__item.is-active .legal-toc__link {
    color: #09827e !important;
    font-weight: 600;
}
 
/* ── Content column ────────────────────────────────────────── */
.legal-doc-content {
    min-width: 0 !important;
}
 
.legal-doc-content h4[id] {
    scroll-margin-top: 110px;
}
 
/* ── Mobile section bar (hidden on desktop) ────────────────── */
.legal-section-bar {
    display: none;
}
 
/* Old toggle — always hidden */
.legal-toc-toggle {
    display: none !important;
}
 
/* ── Spacer placeholder (hidden on desktop) ────────────────── */
.legal-section-bar-spacer {
    display: none;
}
 
 
/* ══════════════════════════════════════════════════════════════
   MOBILE / TABLET (≤1024px) — fixed section dropdown bar
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
 
    /* ── Force parent e-con-inner to stack vertically ── */
    .legal-section-bar-spacer ~ .e-grid,
    .legal-section-bar-spacer ~ [class*="e-grid"] {
        width: 100% !important;
    }
 
    /* ── Content spans full grid width ── */
    .legal-doc-content {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
 
    /* ── Hide the desktop TOC column ── */
    .legal-doc-nav {
        display: none !important;
    }
 
    .legal-toc-title {
        display: none !important;
    }
 
    .legal-doc-content h4[id] {
        scroll-margin-top: calc(var(--legal-mobile-top) + var(--legal-bar-height) + 8px);
    }
 
    /* ═══════════════════════════════════════════════════════════
       SPACER — holds space in the document flow where the bar
       sits before it becomes fixed. Prevents content jump.
       ═══════════════════════════════════════════════════════════ */
    .legal-section-bar-spacer {
        display: block !important;
        width: 100% !important;
        height: var(--legal-bar-height);
        margin: 0 !important;
        padding: 0 !important;
    }
 
    /* ═══════════════════════════════════════════════════════════
       SECTION BAR — fixed dropdown for section TOC
       Uses position:fixed (not sticky) because body has
       overflow-x:hidden which breaks sticky.
       JS toggles .is-fixed class on scroll.
       ═══════════════════════════════════════════════════════════ */
    .legal-section-bar {
        display: block !important;
        /* Starts in normal flow — JS adds .is-fixed on scroll */
        position: relative;
        z-index: 100;
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
 
    .legal-section-bar.is-fixed {
        position: fixed !important;
        top: var(--legal-mobile-top) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
    }
 
    /* ── Trigger button ── */
    .legal-section-bar__trigger {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 14px 20px;
        background: #fff;
        border: none;
        font-size: 14px;
        font-weight: 600;
        color: #09827e;
        cursor: pointer;
        gap: 10px;
        -webkit-tap-highlight-color: transparent;
    }
 
    .legal-section-bar__trigger:active {
        background: #f8f8f8;
    }
 
    .legal-section-bar__label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
        flex: 1;
        text-align: left;
    }
 
    .legal-section-bar__prefix {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #999;
        flex-shrink: 0;
        margin-right: 8px;
    }
 
    /* Chevron */
    .legal-section-bar__chevron {
        width: 10px;
        height: 10px;
        border-right: 2px solid #09827e;
        border-bottom: 2px solid #09827e;
        transform: rotate(45deg);
        transition: transform 0.2s ease;
        flex-shrink: 0;
    }
 
    .legal-section-bar__trigger.is-open .legal-section-bar__chevron {
        transform: rotate(-135deg);
    }
 
    /* ── Dropdown panel ── */
    .legal-section-bar__dropdown {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
        max-height: 50vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 99;
    }
 
    .legal-section-bar__dropdown.is-open {
        display: block;
    }
 
    /* ── Dropdown list items ── */
    .legal-section-bar__list {
        list-style: none;
        margin: 0;
        padding: 6px 0;
    }
 
    .legal-section-bar__item {
        margin: 0;
    }
 
    .legal-section-bar__link {
        display: block;
        padding: 12px 20px;
        color: #555 !important;
        text-decoration: none !important;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;
        transition: background 0.15s ease, color 0.15s ease;
    }
 
    .legal-section-bar__link:hover,
    .legal-section-bar__link:active {
        background: rgba(9, 130, 126, 0.05);
        color: #09827e !important;
    }
 
    /* Active state */
    .legal-section-bar__item.is-active .legal-section-bar__link {
        color: #09827e !important;
        font-weight: 600;
        background: rgba(9, 130, 126, 0.06);
    }
}
 
/* ── Smaller phones (≤480px) — tighter spacing ─────────────── */
@media (max-width: 480px) {
    .legal-section-bar__trigger {
        padding: 12px 14px;
        font-size: 13px;
    }
 
    .legal-section-bar__link {
        padding: 10px 16px;
        font-size: 13px;
    }
 
    .legal-doc-content {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
}/* End custom CSS */