/* ==========================================================
   PQR_FOOTER_LIQUID_GLASS_V1
   Premium QR Codes
   Shared responsive Liquid Glass footer
   ========================================================== */


/* ==========================================================
   LIGHT / DEFAULT
   ========================================================== */

html body
.pqr-footer.pqr-footer-liquid-v1 {

    --pqr-fg-strong:#17233b;
    --pqr-fg:#53627a;
    --pqr-fg-soft:#738198;

    --pqr-footer-line:
        rgba(86,104,144,.14);

    --pqr-footer-line-bright:
        rgba(255,255,255,.82);

    --pqr-footer-glass:
        rgba(255,255,255,.60);

    --pqr-footer-glass-soft:
        rgba(255,255,255,.45);

    --pqr-footer-link-hover:
        rgba(91,78,218,.085);

    --pqr-footer-accent:#6556df;
    --pqr-footer-mint:#36c89a;

    position:relative;

    isolation:isolate;

    overflow:hidden;

    margin-top:
        clamp(54px,7vw,96px)
        !important;

    padding:
        34px 0 30px
        !important;

    color:
        var(--pqr-fg)
        !important;

    border-top:
        1px solid
        rgba(119,130,164,.10)
        !important;

    background:

        radial-gradient(
            650px 360px
            at 8% 12%,
            rgba(64,205,190,.15),
            transparent 70%
        ),

        radial-gradient(
            720px 420px
            at 92% 4%,
            rgba(111,85,229,.17),
            transparent 70%
        ),

        linear-gradient(
            180deg,
            rgba(246,248,255,.72),
            rgba(237,241,251,.96)
        )

        !important;

}


/* decorative liquid light */

html body
.pqr-footer.pqr-footer-liquid-v1::before,

html body
.pqr-footer.pqr-footer-liquid-v1::after {

    content:"";

    position:absolute;

    z-index:0;

    border-radius:999px;

    pointer-events:none;

    filter:
        blur(2px);

}


html body
.pqr-footer.pqr-footer-liquid-v1::before {

    width:420px;
    height:420px;

    left:-170px;
    top:-210px;

    background:
        radial-gradient(
            circle,
            rgba(69,213,183,.17),
            transparent 68%
        );

}


html body
.pqr-footer.pqr-footer-liquid-v1::after {

    width:500px;
    height:500px;

    right:-210px;
    bottom:-290px;

    background:
        radial-gradient(
            circle,
            rgba(105,81,223,.20),
            transparent 68%
        );

}


/* ==========================================================
   MAIN GLASS SHELL
   ========================================================== */

html body
.pqr-footer.pqr-footer-liquid-v1
> .container {

    position:relative;

    z-index:1;

    width:
        min(1200px, calc(100% - 32px))
        !important;

    max-width:
        1200px
        !important;

    margin:
        0 auto
        !important;

    padding:
        clamp(28px,4vw,48px)
        !important;

    overflow:hidden;

    border:
        1px solid
        var(--pqr-footer-line-bright)
        !important;

    border-radius:
        32px
        !important;

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.72),
            rgba(255,255,255,.43)
        )

        !important;

    box-shadow:

        0 30px 80px
        rgba(39,49,87,.12),

        inset 0 1px 0
        rgba(255,255,255,.95),

        inset 0 -1px 0
        rgba(103,116,151,.07)

        !important;

    -webkit-backdrop-filter:
        blur(28px)
        saturate(155%);

    backdrop-filter:
        blur(28px)
        saturate(155%);

}


/* glass reflection */

html body
.pqr-footer.pqr-footer-liquid-v1
> .container::before {

    content:"";

    position:absolute;

    z-index:-1;

    top:-65%;
    left:-16%;

    width:70%;
    height:150%;

    border-radius:50%;

    transform:
        rotate(-17deg);

    background:

        linear-gradient(
            115deg,
            rgba(255,255,255,.44),
            rgba(255,255,255,.05) 48%,
            transparent 70%
        );

    pointer-events:none;

}


/* top optical highlight */

html body
.pqr-footer.pqr-footer-liquid-v1
> .container::after {

    content:"";

    position:absolute;

    left:7%;
    right:7%;
    top:0;

    height:1px;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.94),
            transparent
        );

    pointer-events:none;

}


/* ==========================================================
   GRID
   ========================================================== */

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-grid {

    display:grid
        !important;

    grid-template-columns:
        minmax(0,1.3fr)
        minmax(0,1.45fr)
        minmax(150px,.65fr)
        minmax(160px,.75fr)
        !important;

    align-items:start;

    gap:
        clamp(18px,3vw,38px)
        !important;

}


/* subtle internal glass cards */

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-grid
> div {

    min-width:0;

    padding:
        20px
        !important;

    border:
        1px solid
        rgba(92,107,145,.09);

    border-radius:
        21px;

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.30),
            rgba(255,255,255,.12)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.45);

}


/* ==========================================================
   BRAND
   ========================================================== */

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-brand {

    display:flex;

    align-items:center;

    gap:12px;

    margin:
        0 0 16px
        !important;

    color:
        var(--pqr-fg-strong)
        !important;

    font-size:
        17px
        !important;

    font-weight:
        850
        !important;

    letter-spacing:
        -.025em;

}


html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-brand-icon {

    display:grid;

    place-items:center;

    width:44px;
    height:44px;

    flex:
        0 0 44px;

    border:
        1px solid
        rgba(255,255,255,.70)
        !important;

    border-radius:
        14px
        !important;

    color:
        #fff
        !important;

    background:

        linear-gradient(
            140deg,
            #7666ec,
            #5546ce 54%,
            #29b98c
        )

        !important;

    box-shadow:

        0 12px 30px
        rgba(87,71,205,.23),

        inset 0 1px
        rgba(255,255,255,.30)

        !important;

}


html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-brand-icon i {

    font-size:
        17px;

}


/* ==========================================================
   DESCRIPTION
   ========================================================== */

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-description {

    max-width:
        340px;

    margin:
        0
        !important;

    color:
        var(--pqr-fg)
        !important;

    font-size:
        14px
        !important;

    line-height:
        1.75
        !important;

}


/* ==========================================================
   TITLES
   ========================================================== */

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-title {

    position:relative;

    margin:
        3px 0 17px
        !important;

    padding-left:
        13px;

    color:
        var(--pqr-fg-strong)
        !important;

    font-size:
        12px
        !important;

    font-weight:
        900
        !important;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;

}


html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-title::before {

    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:5px;
    height:18px;

    border-radius:
        99px;

    transform:
        translateY(-50%);

    background:

        linear-gradient(
            180deg,
            var(--pqr-footer-accent),
            var(--pqr-footer-mint)
        );

}


/* ==========================================================
   LINKS
   ========================================================== */

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-links {

    margin:
        0
        !important;

    padding:
        0
        !important;

    list-style:
        none
        !important;

}


html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-links li,

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-links li + li {

    margin:
        0
        !important;

}


html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-links a {

    position:relative;

    display:flex;

    align-items:center;

    min-height:
        37px;

    margin:
        2px 0;

    padding:
        7px 9px;

    border:
        1px solid transparent;

    border-radius:
        10px;

    color:
        var(--pqr-fg)
        !important;

    background:
        transparent;

    font-size:
        13px
        !important;

    font-weight:
        650
        !important;

    line-height:
        1.4;

    text-decoration:
        none
        !important;

    transition:
        color .20s ease,
        background .20s ease,
        border-color .20s ease,
        transform .20s ease,
        box-shadow .20s ease;

}


html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-links a::after {

    content:"→";

    margin-left:auto;

    padding-left:8px;

    color:
        var(--pqr-footer-accent);

    opacity:0;

    transform:
        translateX(-5px);

    transition:
        opacity .20s ease,
        transform .20s ease;

}


html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-links a:hover,

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-links a:focus-visible {

    color:
        var(--pqr-footer-accent)
        !important;

    border-color:
        rgba(103,87,220,.13);

    background:
        var(--pqr-footer-link-hover)
        !important;

    box-shadow:
        inset 0 1px
        rgba(255,255,255,.40);

    transform:
        translateX(2px);

}


html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-links a:hover::after,

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-links a:focus-visible::after {

    opacity:1;

    transform:
        translateX(0);

}


/* generator links use two compact columns on wide screens */

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-grid
> div:nth-child(2)
.pqr-footer-links {

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    column-gap:
        8px;

}


/* ==========================================================
   BOTTOM BAR
   ========================================================== */

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-bottom {

    display:flex
        !important;

    align-items:center;

    justify-content:
        space-between;

    gap:
        16px;

    margin:
        24px 0 0
        !important;

    padding:
        22px 5px 0
        !important;

    border-top:
        1px solid
        var(--pqr-footer-line)
        !important;

    color:
        var(--pqr-fg-soft)
        !important;

    font-size:
        12px
        !important;

    line-height:
        1.5;

}


/* ==========================================================
   GLASS THEME
   ========================================================== */

html[data-pqr-theme="glass"]
body
.pqr-footer.pqr-footer-liquid-v1 {

    --pqr-fg-strong:#17233d;
    --pqr-fg:#53627b;
    --pqr-fg-soft:#738097;

    --pqr-footer-line:
        rgba(85,102,145,.14);

    --pqr-footer-line-bright:
        rgba(255,255,255,.88);

    --pqr-footer-link-hover:
        rgba(103,83,226,.095);

    background:

        radial-gradient(
            720px 420px
            at 3% 20%,
            rgba(50,213,188,.20),
            transparent 70%
        ),

        radial-gradient(
            800px 460px
            at 94% 4%,
            rgba(122,86,239,.23),
            transparent 70%
        ),

        linear-gradient(
            180deg,
            rgba(240,245,255,.60),
            rgba(230,236,250,.82)
        )

        !important;

}


html[data-pqr-theme="glass"]
body
.pqr-footer.pqr-footer-liquid-v1
> .container {

    border-color:
        rgba(255,255,255,.92)
        !important;

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.54),
            rgba(246,248,255,.30)
        )

        !important;

    box-shadow:

        0 35px 95px
        rgba(42,45,93,.15),

        inset 0 1px 0
        rgba(255,255,255,.98),

        inset 0 -1px 0
        rgba(77,92,132,.08)

        !important;

    -webkit-backdrop-filter:
        blur(32px)
        saturate(170%);

    backdrop-filter:
        blur(32px)
        saturate(170%);

}


html[data-pqr-theme="glass"]
body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-grid
> div {

    border-color:
        rgba(255,255,255,.48);

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.31),
            rgba(255,255,255,.13)
        );

    -webkit-backdrop-filter:
        blur(14px);

    backdrop-filter:
        blur(14px);

}


/* ==========================================================
   MIDNIGHT THEME
   ========================================================== */

html[data-pqr-theme="midnight"]
body
.pqr-footer.pqr-footer-liquid-v1 {

    --pqr-fg-strong:#f3f6fc;
    --pqr-fg:#aeb9cc;
    --pqr-fg-soft:#8492aa;

    --pqr-footer-line:
        rgba(255,255,255,.095);

    --pqr-footer-line-bright:
        rgba(255,255,255,.13);

    --pqr-footer-link-hover:
        rgba(133,119,255,.11);

    --pqr-footer-accent:#a99bff;
    --pqr-footer-mint:#64ddb5;

    background:

        radial-gradient(
            720px 420px
            at 4% 5%,
            rgba(42,184,165,.10),
            transparent 70%
        ),

        radial-gradient(
            760px 460px
            at 94% 2%,
            rgba(103,71,220,.20),
            transparent 70%
        ),

        linear-gradient(
            180deg,
            #080d16,
            #060a12
        )

        !important;

}


html[data-pqr-theme="midnight"]
body
.pqr-footer.pqr-footer-liquid-v1
> .container {

    border-color:
        rgba(255,255,255,.12)
        !important;

    background:

        linear-gradient(
            145deg,
            rgba(22,29,45,.72),
            rgba(10,15,27,.60)
        )

        !important;

    box-shadow:

        0 36px 100px
        rgba(0,0,0,.38),

        inset 0 1px 0
        rgba(255,255,255,.09),

        inset 0 -1px 0
        rgba(255,255,255,.025)

        !important;

    -webkit-backdrop-filter:
        blur(30px)
        saturate(145%);

    backdrop-filter:
        blur(30px)
        saturate(145%);

}


html[data-pqr-theme="midnight"]
body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-grid
> div {

    border-color:
        rgba(255,255,255,.07);

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.050),
            rgba(255,255,255,.018)
        );

    box-shadow:
        inset 0 1px
        rgba(255,255,255,.045);

}


html[data-pqr-theme="midnight"]
body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-brand,

html[data-pqr-theme="midnight"]
body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-title {

    color:
        var(--pqr-fg-strong)
        !important;

}


html[data-pqr-theme="midnight"]
body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-description,

html[data-pqr-theme="midnight"]
body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-links a {

    color:
        var(--pqr-fg)
        !important;

}


html[data-pqr-theme="midnight"]
body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-bottom {

    color:
        var(--pqr-fg-soft)
        !important;

}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:960px) {

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid {

        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div:first-child,

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div:nth-child(2) {

        grid-column:
            1 / -1;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-description {

        max-width:
            680px;

    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:620px) {

    html body
    .pqr-footer.pqr-footer-liquid-v1 {

        margin-top:
            42px
            !important;

        padding:
            20px 0
            !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    > .container {

        width:
            calc(100% - 20px)
            !important;

        padding:
            17px
            !important;

        border-radius:
            24px
            !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid {

        grid-template-columns:
            1fr
            !important;

        gap:
            12px
            !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div,

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div:first-child,

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div:nth-child(2) {

        grid-column:
            auto;

        padding:
            18px
            !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div:nth-child(2)
    .pqr-footer-links {

        grid-template-columns:
            1fr;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-bottom {

        flex-direction:
            column;

        align-items:
            flex-start;

        margin-top:
            16px
            !important;

        padding-top:
            18px
            !important;

    }

}


/* ==========================================================
   ACCESSIBILITY
   ========================================================== */

html body
.pqr-footer.pqr-footer-liquid-v1
a:focus-visible {

    outline:
        3px solid
        rgba(101,86,223,.25);

    outline-offset:
        2px;

}


@media (prefers-reduced-motion:reduce) {

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-links a,

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-links a::after {

        transition:
            none !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-links a:hover {

        transform:
            none;

    }

}


/* ==========================================================
   NO BACKDROP FILTER FALLBACK
   ========================================================== */

@supports not (
    (backdrop-filter:blur(2px))
    or
    (-webkit-backdrop-filter:blur(2px))
) {

    html body
    .pqr-footer.pqr-footer-liquid-v1
    > .container {

        background:
            #f7f8fc
            !important;

    }


    html[data-pqr-theme="midnight"]
    body
    .pqr-footer.pqr-footer-liquid-v1
    > .container {

        background:
            #111827
            !important;

    }

}



/* ==========================================================
   PQR_FOOTER_LIQUID_GLASS_V2_REFINEMENT
   Tighter vertical rhythm + better desktop balance
   ========================================================== */


/* ----------------------------------------------------------
   Main shell — reduce unnecessary lower whitespace
   ---------------------------------------------------------- */

html body
.pqr-footer.pqr-footer-liquid-v1
> .container {

    padding:
        clamp(28px,3.4vw,42px)
        clamp(28px,4vw,48px)
        28px
        !important;

}


/* ----------------------------------------------------------
   Desktop column balance

   Brand       = compact
   Generators  = largest
   Account     = wider
   Company     = wider
   ---------------------------------------------------------- */

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-grid {

    grid-template-columns:
        minmax(0,1.12fr)
        minmax(0,1.55fr)
        minmax(165px,.78fr)
        minmax(175px,.82fr)
        !important;

    gap:
        clamp(16px,2.2vw,28px)
        !important;

}


/* ----------------------------------------------------------
   Slightly stronger individual glass cards
   ---------------------------------------------------------- */

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-grid
> div {

    border-color:
        rgba(95,110,150,.14)
        !important;

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.36),
            rgba(255,255,255,.16)
        )
        !important;

    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.58),

        0 8px 24px
        rgba(42,54,90,.025)

        !important;

}


/* ----------------------------------------------------------
   Brand card typography stays compact
   ---------------------------------------------------------- */

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-description {

    max-width:
        320px;

    line-height:
        1.68
        !important;

}


/* ----------------------------------------------------------
   Account + Company get more breathing room
   ---------------------------------------------------------- */

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-grid
> div:nth-child(3),

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-grid
> div:nth-child(4) {

    padding-left:
        22px
        !important;

    padding-right:
        22px
        !important;

}


/* ----------------------------------------------------------
   Tighten space before copyright row
   ---------------------------------------------------------- */

html body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-bottom {

    margin-top:
        15px
        !important;

    padding-top:
        17px
        !important;

    border-top-color:
        rgba(86,104,144,.085)
        !important;

}


/* ----------------------------------------------------------
   GLASS — slightly clearer card boundaries
   ---------------------------------------------------------- */

html[data-pqr-theme="glass"]
body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-grid
> div {

    border-color:
        rgba(255,255,255,.62)
        !important;

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.37),
            rgba(255,255,255,.16)
        )
        !important;

    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.70),

        0 10px 28px
        rgba(55,58,110,.035)

        !important;

}


html[data-pqr-theme="glass"]
body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-bottom {

    border-top-color:
        rgba(80,99,143,.085)
        !important;

}


/* ----------------------------------------------------------
   MIDNIGHT — retain translucent dark glass
   ---------------------------------------------------------- */

html[data-pqr-theme="midnight"]
body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-grid
> div {

    border-color:
        rgba(255,255,255,.085)
        !important;

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.020)
        )
        !important;

    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.055),

        0 10px 28px
        rgba(0,0,0,.07)

        !important;

}


html[data-pqr-theme="midnight"]
body
.pqr-footer.pqr-footer-liquid-v1
.pqr-footer-bottom {

    border-top-color:
        rgba(255,255,255,.065)
        !important;

}


/* ----------------------------------------------------------
   Tablet
   ---------------------------------------------------------- */

@media (max-width:960px) {

    html body
    .pqr-footer.pqr-footer-liquid-v1
    > .container {

        padding:
            28px
            !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid {

        gap:
            14px
            !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-description {

        max-width:
            680px;

    }

}


/* ----------------------------------------------------------
   Mobile
   ---------------------------------------------------------- */

@media (max-width:620px) {

    html body
    .pqr-footer.pqr-footer-liquid-v1
    > .container {

        padding:
            16px
            !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div {

        padding:
            17px
            !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-bottom {

        margin-top:
            11px
            !important;

        padding-top:
            15px
            !important;

    }

}



/* ==========================================================
   PQR_FOOTER_MOBILE_HARD_RESET_V4

   Mobile uses FLEX instead of GRID.
   This intentionally overrides all legacy footer grid rules.
   ========================================================== */


/* ----------------------------------------------------------
   Universal footer sizing
   ---------------------------------------------------------- */

html body
.pqr-footer.pqr-footer-liquid-v1,

html body
.pqr-footer.pqr-footer-liquid-v1 * {

    box-sizing:border-box;

}


/* ==========================================================
   TABLET + MOBILE
   ========================================================== */

@media screen and (max-width:900px) {

    html body
    .pqr-footer.pqr-footer-liquid-v1 {

        display:block !important;

        position:relative !important;

        width:100% !important;

        min-width:0 !important;

        max-width:100% !important;

        margin:
            38px 0 0 !important;

        padding:
            16px 0 !important;

        overflow:
            hidden !important;

    }


    /* ------------------------------------------
       OUTER GLASS CONTAINER
       ------------------------------------------ */

    html body
    .pqr-footer.pqr-footer-liquid-v1
    > .container {

        display:block !important;

        position:relative !important;

        float:none !important;

        width:
            calc(100% - 24px)
            !important;

        min-width:0 !important;

        max-width:
            720px !important;

        height:auto !important;

        min-height:0 !important;

        margin:
            0 auto !important;

        padding:
            18px !important;

        overflow:
            hidden !important;

        border-radius:
            24px !important;

    }


    /* ------------------------------------------
       KILL DESKTOP GRID COMPLETELY

       FLEX is intentional here.
       ------------------------------------------ */

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid {

        display:flex !important;

        flex-direction:
            column !important;

        flex-wrap:
            nowrap !important;

        align-items:
            stretch !important;

        justify-content:
            flex-start !important;

        position:relative !important;

        float:none !important;

        width:100% !important;

        min-width:0 !important;

        max-width:100% !important;

        height:auto !important;

        min-height:0 !important;

        margin:0 !important;

        padding:0 !important;

        gap:
            12px !important;

        grid-template-columns:
            none !important;

        grid-template-rows:
            none !important;

        grid-auto-columns:
            auto !important;

        grid-auto-rows:
            auto !important;

    }


    /* ------------------------------------------
       RESET EVERY FOOTER COLUMN
       ------------------------------------------ */

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div,

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div:nth-child(1),

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div:nth-child(2),

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div:nth-child(3),

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div:nth-child(4) {

        display:block !important;

        position:relative !important;

        inset:auto !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        float:none !important;

        clear:both !important;

        flex:
            0 0 auto !important;

        align-self:
            stretch !important;

        grid-column:
            auto !important;

        grid-row:
            auto !important;

        grid-area:
            auto !important;

        width:100% !important;

        min-width:0 !important;

        max-width:100% !important;

        height:auto !important;

        min-height:0 !important;

        margin:
            0 !important;

        padding:
            20px !important;

        transform:
            none !important;

        translate:
            none !important;

        overflow:
            hidden !important;

        border-radius:
            19px !important;

    }


    /* ------------------------------------------
       BRAND
       ------------------------------------------ */

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-brand {

        display:flex !important;

        flex-direction:
            row !important;

        flex-wrap:
            nowrap !important;

        align-items:
            center !important;

        justify-content:
            flex-start !important;

        position:relative !important;

        width:100% !important;

        min-width:0 !important;

        max-width:100% !important;

        margin:
            0 0 14px !important;

        padding:0 !important;

        transform:
            none !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-brand-icon {

        position:relative !important;

        flex:
            0 0 44px !important;

        width:
            44px !important;

        min-width:
            44px !important;

        max-width:
            44px !important;

        height:
            44px !important;

        margin:0 !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-brand
    > span:last-child {

        display:block !important;

        flex:
            1 1 auto !important;

        min-width:0 !important;

        width:auto !important;

        white-space:
            normal !important;

        overflow-wrap:
            normal !important;

        word-break:
            normal !important;

    }


    /* ------------------------------------------
       BRAND DESCRIPTION

       Critical fix for one-word-per-line wrapping.
       ------------------------------------------ */

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-description {

        display:block !important;

        position:relative !important;

        float:none !important;

        width:100% !important;

        min-width:0 !important;

        max-width:none !important;

        height:auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        font-size:
            14px !important;

        line-height:
            1.68 !important;

        white-space:
            normal !important;

        word-break:
            normal !important;

        overflow-wrap:
            normal !important;

        hyphens:
            none !important;

        transform:
            none !important;

    }


    /* ------------------------------------------
       HEADINGS
       ------------------------------------------ */

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-title {

        display:block !important;

        position:relative !important;

        float:none !important;

        width:100% !important;

        min-width:0 !important;

        max-width:100% !important;

        height:auto !important;

        margin:
            0 0 14px !important;

        transform:
            none !important;

        white-space:
            normal !important;

    }


    /* ------------------------------------------
       LINK LISTS

       One column is safest on mobile.
       ------------------------------------------ */

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-links,

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div:nth-child(2)
    .pqr-footer-links {

        display:flex !important;

        flex-direction:
            column !important;

        flex-wrap:
            nowrap !important;

        align-items:
            stretch !important;

        position:relative !important;

        float:none !important;

        width:100% !important;

        min-width:0 !important;

        max-width:100% !important;

        height:auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        gap:
            2px !important;

        list-style:
            none !important;

        grid-template-columns:
            none !important;

        grid-template-rows:
            none !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-links li,

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-links li + li {

        display:block !important;

        position:relative !important;

        float:none !important;

        width:100% !important;

        min-width:0 !important;

        max-width:100% !important;

        height:auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        transform:
            none !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-links a {

        display:flex !important;

        position:relative !important;

        align-items:
            center !important;

        justify-content:
            flex-start !important;

        float:none !important;

        width:100% !important;

        min-width:0 !important;

        max-width:100% !important;

        height:auto !important;

        min-height:
            42px !important;

        margin:
            0 !important;

        padding:
            9px 10px !important;

        font-size:
            13px !important;

        line-height:
            1.45 !important;

        white-space:
            normal !important;

        word-break:
            normal !important;

        overflow-wrap:
            normal !important;

        transform:
            none !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-links a:hover,

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-links a:focus-visible {

        transform:
            none !important;

    }


    /* ------------------------------------------
       COPYRIGHT
       ------------------------------------------ */

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-bottom {

        display:flex !important;

        flex-direction:
            column !important;

        flex-wrap:
            nowrap !important;

        align-items:
            flex-start !important;

        justify-content:
            flex-start !important;

        position:relative !important;

        float:none !important;

        width:100% !important;

        min-width:0 !important;

        max-width:100% !important;

        height:auto !important;

        margin:
            14px 0 0 !important;

        padding:
            17px 3px 1px !important;

        gap:
            6px !important;

        text-align:
            left !important;

        white-space:
            normal !important;

        transform:
            none !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-bottom
    > span {

        display:block !important;

        position:relative !important;

        width:100% !important;

        min-width:0 !important;

        max-width:100% !important;

        margin:0 !important;

        padding:0 !important;

        white-space:
            normal !important;

        word-break:
            normal !important;

        overflow-wrap:
            normal !important;

    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media screen and (max-width:560px) {

    html body
    .pqr-footer.pqr-footer-liquid-v1 {

        margin-top:
            28px !important;

        padding:
            10px 0 12px !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    > .container {

        width:
            calc(100% - 16px)
            !important;

        max-width:
            none !important;

        padding:
            10px !important;

        border-radius:
            20px !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid {

        gap:
            9px !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div,

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div:nth-child(1),

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div:nth-child(2),

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div:nth-child(3),

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div:nth-child(4) {

        width:100% !important;

        min-width:0 !important;

        max-width:100% !important;

        padding:
            17px 15px !important;

        border-radius:
            16px !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-brand-icon {

        flex-basis:
            40px !important;

        width:
            40px !important;

        min-width:
            40px !important;

        max-width:
            40px !important;

        height:
            40px !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-brand {

        gap:
            10px !important;

        font-size:
            16px !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-description {

        font-size:
            13.5px !important;

        line-height:
            1.65 !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-links a {

        min-height:
            40px !important;

        padding:
            8px !important;

        font-size:
            13px !important;

    }


    /* arrows add unnecessary width on phones */

    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-links a::after {

        display:none !important;

    }

}


/* ==========================================================
   VERY SMALL PHONE
   ========================================================== */

@media screen and (max-width:380px) {

    html body
    .pqr-footer.pqr-footer-liquid-v1
    > .container {

        width:
            calc(100% - 10px)
            !important;

        padding:
            8px !important;

    }


    html body
    .pqr-footer.pqr-footer-liquid-v1
    .pqr-footer-grid
    > div {

        padding:
            15px 12px !important;

    }

}