/* =========================================================
   AG BODY SHOP — GLOBAL FOOTER
   Contact + Map + Footer + Mobile Bottom Navigation
========================================================= */


/* =========================================================
   01 — ROOT
========================================================= */

.s6-contact {

    --s6-yellow:
        var(--color-yellow, #e7b900);

    --s6-yellow-hover:
        var(--color-yellow-hover, #f2c600);

    --s6-text:
        #181b1f;

    --s6-muted:
        rgba(24, 27, 31, .62);

    --s6-dark-line:
        rgba(255, 255, 255, .10);

    position:
        relative;

    width:
        100%;

    min-height:
        0;

    overflow:
        visible;

    color:
        var(--s6-text);

    background:
        #efede7;

    font-family:
        var(
            --font-body,
            "AvenirWeb",
            "Avenir",
            Arial,
            sans-serif
        );
}


.s6-contact,
.s6-contact *,
.s6-contact *::before,
.s6-contact *::after {

    box-sizing:
        border-box;
}


.s6-contact h2,
.s6-contact h3,
.s6-contact p,
.s6-contact ul {

    margin:
        0;

    padding:
        0;
}


.s6-contact ul {

    list-style:
        none;
}


.s6-contact a {

    color:
        inherit;

    text-decoration:
        none;
}


.s6-contact button,
.s6-contact input {

    font:
        inherit;
}


/* Screen-reader-only */

.s6-sr-only {

    position:
        absolute !important;

    width:
        1px !important;

    height:
        1px !important;

    padding:
        0 !important;

    margin:
        -1px !important;

    overflow:
        hidden !important;

    clip:
        rect(0, 0, 0, 0) !important;

    clip-path:
        inset(50%) !important;

    white-space:
        nowrap !important;

    border:
        0 !important;
}


/* =========================================================
   02 — CONTACT + MAP
========================================================= */

.s6-location {

    position:
        relative;

    padding:

        0
        clamp(22px, 5vw, 92px);

    color:
        #ffffff;

    background:

        linear-gradient(
            180deg,
            #15181c 0%,
            #0b0e11 100%
        );
}


.s6-location-shell {

    width:
        min(1450px, 100%);

    min-height:
        400px;

    margin:
        0 auto;

    display:
        grid;

    grid-template-columns:

        minmax(330px, .72fr)
        minmax(0, 1.28fr);
}


/* =========================================================
   03 — CONTACT PANEL
========================================================= */

.s6-contact-panel {

    position:
        relative;

    overflow:
        hidden;

    padding:
        clamp(35px, 3.7vw, 54px);

    background:

        radial-gradient(
            circle at 0% 0%,
            rgba(231, 185, 0, .075),
            transparent 35%
        ),

        linear-gradient(
            145deg,
            #1b1f23 0%,
            #0c0f12 100%
        );

    border:

        1px solid
        rgba(255, 255, 255, .08);
}


.s6-contact-panel::before {

    content:
        "";

    position:
        absolute;

    left:
        0;

    top:
        0;

    width:
        3px;

    height:
        100%;

    background:

        linear-gradient(
            180deg,
            var(--s6-yellow),
            rgba(231, 185, 0, .12),
            transparent 82%
        );
}


.s6-contact-panel-title {

    color:
        #ffffff;

    font-family:
        var(--font-body);

    font-size:
        clamp(25px, 2vw, 31px);

    font-weight:
        700;

    line-height:
        1.2;

    letter-spacing:
        -.25px;
}


.s6-contact-panel-description {

    max-width:
        420px;

    margin-top:
        13px;

    color:
        rgba(255, 255, 255, .57);

    font-family:
        var(--font-body);

    font-size:
        14px;

    line-height:
        1.62;
}


.s6-contact-rows {

    margin-top:
        27px;

    border-top:

        1px solid
        var(--s6-dark-line);
}


.s6-contact-row {

    padding:
        16px 0;

    display:
        grid;

    grid-template-columns:
        44px minmax(0, 1fr);

    align-items:
        center;

    gap:
        15px;

    border-bottom:

        1px solid
        var(--s6-dark-line);
}


.s6-contact-icon {

    width:
        42px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--s6-yellow);

    background:
        rgba(255, 255, 255, .035);

    border:

        1px solid
        rgba(255, 255, 255, .11);

    border-radius:
        50%;
}


.s6-contact-icon svg {

    width:
        19px;

    height:
        19px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.6;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.s6-contact-label {

    display:
        block;

    margin-bottom:
        4px;

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

    font-family:
        var(--font-body);

    font-size:
        11px;

    font-weight:
        700;

    line-height:
        1;

    letter-spacing:
        1.1px;

    text-transform:
        uppercase;
}


.s6-contact-text {

    color:
        rgba(255, 255, 255, .84);

    font-family:
        var(--font-body);

    font-size:
        15px;

    font-weight:
        400;

    line-height:
        1.52;

    transition:
        color .22s ease;
}


a.s6-contact-text:hover {

    color:
        var(--s6-yellow);
}


/* =========================================================
   04 — GOOGLE MAP
========================================================= */

.s6-map {

    position:
        relative;

    min-height:
        400px;

    overflow:
        hidden;

    background:
        #171b1f;

    border:

        1px solid
        rgba(255, 255, 255, .08);
}


.s6-map iframe {

    display:
        block;

    width:
        100%;

    height:
        100%;

    min-height:
        400px;

    border:
        0;

    filter:

        grayscale(.70)
        contrast(1.04)
        brightness(.84);

    transition:
        filter .38s ease;
}


.s6-map:hover iframe {

    filter:

        grayscale(.15)
        contrast(1.01)
        brightness(.95);
}


.s6-map-card {

    position:
        absolute;

    z-index:
        3;

    right:
        22px;

    bottom:
        21px;

    padding:
        14px 16px;

    display:
        flex;

    align-items:
        center;

    gap:
        18px;

    color:
        #ffffff;

    background:
        rgba(11, 14, 17, .91);

    border:

        1px solid
        rgba(255, 255, 255, .12);

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);
}


.s6-map-copy strong {

    display:
        block;

    font-family:
        var(--font-body);

    font-size:
        15px;

    font-weight:
        700;

    line-height:
        1.3;
}


.s6-map-copy span {

    display:
        block;

    margin-top:
        3px;

    color:
        rgba(255, 255, 255, .58);

    font-family:
        var(--font-body);

    font-size:
        12px;

    line-height:
        1.45;
}


.s6-map-link {

    width:
        40px;

    height:
        40px;

    flex:
        0 0 40px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #111416;

    background:
        var(--s6-yellow);

    border-radius:
        50%;

    transition:

        color .22s ease,
        background .22s ease,
        transform .22s ease;
}


.s6-map-link svg {

    width:
        18px;

    height:
        18px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.s6-map-link:hover {

    color:
        #ffffff;

    background:
        #202428;

    transform:
        translate(2px, -2px);
}


/* =========================================================
   05 — MAIN FOOTER
========================================================= */

.s6-footer {

    position:
        relative;

    overflow:
        hidden;

    padding:

        clamp(42px, 4.4vw, 60px)

        clamp(22px, 5vw, 92px)

        24px;

    color:
        #ffffff;

    background:

        radial-gradient(
            ellipse at 11% 4%,
            rgba(231, 185, 0, .055),
            transparent 29%
        ),

        linear-gradient(
            180deg,
            #121619 0%,
            #0b0e11 60%,
            #06080a 100%
        );
}


.s6-footer::after {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    box-shadow:

        inset
        0 0 95px
        rgba(0, 0, 0, .24);
}


.s6-footer-shell {

    position:
        relative;

    z-index:
        2;

    width:
        min(1450px, 100%);

    margin:
        0 auto;
}


.s6-footer-grid {

    display:
        grid;

    grid-template-columns:

        minmax(300px, 1.45fr)
        minmax(165px, .72fr)
        minmax(165px, .72fr)
        minmax(190px, .82fr);

    align-items:
        start;

    gap:
        44px clamp(46px, 4vw, 68px);
}


/* =========================================================
   06 — FOOTER BRAND
========================================================= */

.s6-footer-brand {

    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    text-align:
        center;
}


.s6-footer-brand > a {

    display:
        flex;

    width:
        100%;

    justify-content:
        center;
}


.s6-footer-brand img {

    display:
        block;

    width:
        min(225px, 100%);

    height:
        auto;

    margin:
        0 auto;
}


.s6-footer-about {

    max-width:
        370px;

    margin:
        36px auto 0;

    color:
        rgba(255, 255, 255, .59);

    font-family:
        var(--font-body);

    font-size:
        14px;

    font-weight:
        400;

    line-height:
        1.48;

    text-align:
        center;
}


/* =========================================================
   07 — NEWSLETTER
========================================================= */

.s6-newsletter {

    width:
        100%;

    max-width:
        390px;

    margin:
        30px auto 0;

    text-align:
        left;
}


.s6-newsletter-title {

    margin-bottom:
        8px;

    color:
        #ffffff;

    font-family:
        var(--font-body);

    font-size:
        16px;

    font-weight:
        700;

    line-height:
        1.4;
}


.s6-newsletter-description {

    margin-bottom:
        16px;

    color:
        rgba(255, 255, 255, .52);

    font-family:
        var(--font-body);

    font-size:
        13.5px;

    line-height:
        1.55;
}


.s6-newsletter-form {

    width:
        100%;
}


.s6-newsletter-field {

    width:
        100%;

    min-height:
        54px;

    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr) 54px;

    align-items:
        center;

    overflow:
        hidden;

    background:
        rgba(255, 255, 255, .032);

    border:

        1px solid
        rgba(255, 255, 255, .16);

    transition:
        border-color .22s ease;
}


.s6-newsletter-field:focus-within {

    border-color:
        rgba(231, 185, 0, .74);
}


.s6-newsletter-field input {

    width:
        100%;

    min-width:
        0;

    height:
        52px;

    padding:
        0 16px;

    color:
        #ffffff;

    background:
        transparent;

    border:
        0;

    outline:
        0;

    font-family:
        var(--font-body);

    font-size:
        15px;
}


.s6-newsletter-field input::placeholder {

    color:
        rgba(255, 255, 255, .45);
}


.s6-newsletter-field button {

    width:
        54px;

    height:
        54px;

    padding:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #111416;

    background:
        var(--s6-yellow);

    border:
        0;

    cursor:
        pointer;

    transition:

        color .22s ease,
        background .22s ease;
}


.s6-newsletter-field button:hover {

    color:
        #ffffff;

    background:
        #24282c;
}


.s6-newsletter-field button svg {

    width:
        23px;

    height:
        14px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.6;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.s6-newsletter-message {

    display:
        none;

    margin-top:
        10px;

    color:
        rgba(255, 255, 255, .67);

    font-family:
        var(--font-body);

    font-size:
        13px;

    line-height:
        1.5;
}


.s6-newsletter-message.is-visible {

    display:
        block;
}


/* =========================================================
   08 — FOOTER COLUMNS
========================================================= */

.s6-footer-accordion {

    min-width:
        0;
}


.s6-footer-summary {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        16px;

    color:
        #ffffff;

    list-style:
        none;

    cursor:
        pointer;
}


.s6-footer-summary::-webkit-details-marker {

    display:
        none;
}


.s6-footer-summary::marker {

    content:
        "";
}


.s6-footer-summary-link,
.s6-footer-summary-label {

    color:
        #ffffff;

    font-family:
        var(--font-body);

    font-size:
        15px;

    font-weight:
        700;

    line-height:
        1.35;

    letter-spacing:
        .75px;

    text-transform:
        uppercase;

    transition:
        color .22s ease;
}


.s6-footer-summary-link:hover {

    color:
        var(--s6-yellow);
}


.s6-footer-summary-icon {

    /*
     * در حالت پایه و دسکتاپ مخفی است.
     * فقط داخل Media Query موبایل نمایش داده می‌شود.
     */

    display:
        none;

    position:
        relative;

    width:
        30px;

    height:
        30px;

    flex:
        0 0 30px;

    color:
        rgba(255, 255, 255, .78);

    border:

        1px solid
        rgba(255, 255, 255, .14);

    border-radius:
        50%;
}


.s6-footer-summary-icon::before,
.s6-footer-summary-icon::after {

    content:
        "";

    position:
        absolute;

    left:
        50%;

    top:
        50%;

    width:
        10px;

    height:
        1px;

    transform:
        translate(-50%, -50%);

    background:
        currentColor;

    transition:
        transform .22s ease;
}


.s6-footer-summary-icon::after {

    transform:

        translate(-50%, -50%)
        rotate(90deg);
}


.s6-footer-accordion[open]
.s6-footer-summary-icon::after {

    transform:
        translate(-50%, -50%);
}


.s6-footer-accordion-body {

    padding-top:
        25px;
}


.s6-footer-links {

    display:
        grid;

    gap:
        17px;
}


.s6-footer-links a {

    display:
        inline-block;

    color:
        rgba(255, 255, 255, .59);

    font-family:
        var(--font-body);

    font-size:
        13.5px;

    font-weight:
        400;

    line-height:
        1.5;

    transition:

        color .22s ease,
        transform .22s ease;
}


.s6-footer-links a:hover {

    color:
        #ffffff;

    transform:
        translateX(3px);
}


/* =========================================================
   09 — SOCIAL LINKS
========================================================= */

.s6-social-list {

    display:
        grid;

    gap:
        14px;
}


.s6-social-link {

    min-height:
        34px;

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    color:
        rgba(255, 255, 255, .60);

    font-family:
        var(--font-body);

    font-size:
        13.5px;

    line-height:
        1.4;

    transition:

        color .22s ease,
        transform .22s ease;
}


.s6-social-link:hover {

    color:
        var(--s6-yellow);

    transform:
        translateX(3px);
}


.s6-social-icon {

    width:
        21px;

    height:
        21px;

    flex:
        0 0 21px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;
}


.s6-social-icon svg {

    width:
        20px;

    height:
        20px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.55;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.s6-social-fill {

    fill:
        currentColor;

    stroke:
        none;
}


/* =========================================================
   10 — FOOTER BOTTOM
========================================================= */

.s6-footer-bottom {

    margin-top:
        50px;

    padding-top:
        22px;

    display:
        grid;

    grid-template-columns:

        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        48px;

    align-items:
        center;

    gap:
        22px;

    border-top:

        1px solid
        rgba(255, 255, 255, .10);
}


.s6-footer-copyright {

    color:
        rgba(255, 255, 255, .52);

    font-size:
        16px;

    line-height:
        1.45;
}


.s6-footer-legal {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        18px;
}


.s6-footer-legal a {

    color:
        rgba(255, 255, 255, .66);

    font-size:
        15px;

    line-height:
        1.5;

    transition:
        color .22s ease;
}


.s6-footer-legal a:hover {

    color:
        #ffffff;
}


.s6-footer-credit {

    justify-self:
        end;

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    flex-wrap:
        wrap;

    gap:
        7px;

    color:
        rgba(255, 255, 255, .60);

    font-size:
        16px;

    line-height:
        1.45;

    text-align:
        right;
}


.s6-serentco-link {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    color:
        rgba(255, 255, 255, .80);

    border-bottom:

        1px solid
        rgba(231, 185, 0, .50);

    transition:

        color .22s ease,
        border-color .22s ease;
}


.s6-serentco-logo {

    display:
        block;

    width:
        24px;

    height:
        24px;

    flex:
        0 0 24px;

    object-fit:
        contain;
}


.s6-serentco-link:hover {

    color:
        var(--s6-yellow);

    border-color:
        var(--s6-yellow);
}


/* =========================================================
   11 — BACK TO TOP
========================================================= */

.s6-back-top {

    width:
        48px;

    height:
        48px;

    padding:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    justify-self:
        end;

    color:
        rgba(255, 255, 255, .82);

    background:
        rgba(255, 255, 255, .035);

    border:

        1px solid
        rgba(255, 255, 255, .15);

    border-radius:
        50%;

    cursor:
        pointer;

    transition:

        color .23s ease,
        background .23s ease,
        border-color .23s ease,
        transform .23s ease;
}


.s6-back-top svg {

    width:
        19px;

    height:
        19px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.s6-back-top:hover {

    color:
        #111416;

    background:
        var(--s6-yellow);

    border-color:
        var(--s6-yellow);

    transform:
        translateY(-3px);
}


/* =========================================================
   12 — ENTRANCE ANIMATION
========================================================= */

.s6-location.s6-animate,
.s6-footer.s6-animate {

    opacity:
        1;

    transform:
        none;
}


.js
.s6-contact.s6-js-ready
.s6-location.s6-animate,

.js
.s6-contact.s6-js-ready
.s6-footer.s6-animate {

    opacity:
        0;

    transform:
        translateY(18px);

    transition:

        opacity .62s ease,
        transform .62s ease;
}


.js
.s6-contact.s6-js-ready
.s6-location.s6-animate.is-visible,

.js
.s6-contact.s6-js-ready
.s6-footer.s6-animate.is-visible {

    opacity:
        1;

    transform:
        translateY(0);
}


/* =========================================================
   13 — MOBILE BOTTOM NAVIGATION
========================================================= */

.mobile-bottom-nav {

    display:
        none;
}


/* =========================================================
   14 — FOCUS STATES
========================================================= */

.s6-contact a:focus-visible,
.s6-contact button:focus-visible,
.s6-contact input:focus-visible,
.s6-contact summary:focus-visible,
.mobile-bottom-nav a:focus-visible {

    outline:

        2px solid
        var(--s6-yellow, #e7b900);

    outline-offset:
        4px;
}


/* =========================================================
   15 — LARGE TABLET
========================================================= */

@media(max-width:1120px) {

    .s6-footer-grid {

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


    .s6-footer-brand {

        grid-column:
            1 / -1;

        width:
            min(650px, 100%);

        margin:
            0 auto 10px;
    }

}


/* =========================================================
   16 — CONTACT + MAP STACK
========================================================= */

@media(max-width:900px) {

    .s6-location {

        padding:
            0;
    }


    .s6-location-shell {

        grid-template-columns:
            1fr;
    }


    .s6-map,
    .s6-map iframe {

        min-height:
            330px;
    }

}


/* =========================================================
   17 — MOBILE BOTTOM NAVIGATION
========================================================= */

@media(max-width:860px) {

    body {

        padding-bottom:

            calc(
                94px
                +
                env(safe-area-inset-bottom)
            );
    }


    .mobile-bottom-nav {

        position:
            fixed;

        z-index:
            20000;

        left:
            50%;

        bottom:

            calc(
                12px
                +
                env(safe-area-inset-bottom)
            );

        transform:
            translateX(-50%);

        width:

            min(
                calc(100% - 24px),
                500px
            );

        height:
            68px;

        display:
            grid;

        grid-template-columns:

            1fr
            1fr
            68px
            1fr
            1fr;

        align-items:
            center;

        padding:
            6px 8px;

        border:

            1px solid
            rgba(255, 255, 255, .17);

        border-radius:
            25px;

        background:
            rgba(15, 19, 23, .72);

        backdrop-filter:

            blur(23px)
            saturate(145%);

        -webkit-backdrop-filter:

            blur(23px)
            saturate(145%);

        box-shadow:

            0 15px 42px
            rgba(0, 0, 0, .38);

        pointer-events:
            none;
    }


    .mobile-bottom-nav a {

        pointer-events:
            auto;
    }


    .mobile-nav-item {

        height:
            100%;

        min-width:
            0;

        display:
            flex;

        flex-direction:
            column;

        align-items:
            center;

        justify-content:
            center;

        gap:
            3px;

        color:
            rgba(255, 255, 255, .70);

        font-family:
            var(--font-body);

        font-size:
            9px;

        transition:
            color .2s ease;
    }


    .mobile-nav-item:hover,
    .mobile-nav-item[aria-current="page"] {

        color:
            #ffffff;
    }


    .mobile-nav-item svg {

        width:
            21px;

        height:
            21px;

        fill:
            none;

        stroke:
            currentColor;

        stroke-width:
            1.6;

        stroke-linecap:
            round;

        stroke-linejoin:
            round;
    }


    .mobile-nav-phone {

        width:
            58px;

        height:
            58px;

        margin:

            -18px
            auto
            0;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        color:
            #111416;

        background:
            var(--color-yellow, #e7b900);

        border:

            1px solid
            rgba(255, 255, 255, .38);

        border-radius:
            50%;

        box-shadow:

            0 9px 26px
            rgba(0, 0, 0, .42);

        transition:
            transform .2s ease;
    }


    .mobile-nav-phone:active {

        transform:
            scale(.94);
    }


    .mobile-nav-phone svg {

        width:
            25px;

        height:
            25px;

        fill:
            none;

        stroke:
            currentColor;

        stroke-width:
            1.8;

        stroke-linecap:
            round;

        stroke-linejoin:
            round;
    }

}


/* =========================================================
   18 — MOBILE FOOTER
========================================================= */

@media(max-width:680px) {

    .s6-contact-panel {

        padding:
            35px 20px 38px;
    }


    .s6-contact-panel-title {

        font-size:
            26px;
    }


    .s6-contact-panel-description {

        font-size:
            15px;

        line-height:
            1.62;
    }


    .s6-contact-row {

        grid-template-columns:
            46px minmax(0, 1fr);

        gap:
            14px;

        padding:
            17px 0;
    }


    .s6-contact-icon {

        width:
            44px;

        height:
            44px;
    }


    .s6-contact-label {

        font-size:
            12px;

        line-height:
            1.3;

        letter-spacing:
            .85px;
    }


    .s6-contact-text {

        font-size:
            15px;

        line-height:
            1.58;
    }


    .s6-map,
    .s6-map iframe {

        min-height:
            290px;
    }


    .s6-map-card {

        left:
            16px;

        right:
            16px;

        bottom:
            16px;

        justify-content:
            space-between;
    }


    .s6-map-copy strong {

        font-size:
            16px;
    }


    .s6-map-copy span {

        font-size:
            13px;
    }


    .s6-footer {

        padding:

            40px
            18px
            calc(
                96px
                +
                env(safe-area-inset-bottom)
            );
    }


    .s6-footer-grid {

        grid-template-columns:
            1fr;

        gap:
            18px;
    }


    .s6-footer-brand {

        grid-column:
            auto;

        width:
            100%;

        margin:
            0 0 22px;
    }


    .s6-footer-brand img {

        width:
            190px;
    }


    .s6-footer-about {

        width:
            min(620px, calc(100% - 24px));

        max-width:
            none;

        margin:
            0 auto;

        padding-top:
            30px;

        font-size:
            15px;

        line-height:
            1.45;

        text-align:
            center;
    }


    .s6-newsletter {

        max-width:
            100%;

        margin-top:
            31px;
    }


    .s6-newsletter-title {

        font-size:
            17px;
    }


    .s6-newsletter-description {

        font-size:
            14px;

        line-height:
            1.58;
    }


    .s6-newsletter-field {

        min-height:
            56px;

        grid-template-columns:
            minmax(0, 1fr) 56px;
    }


    .s6-newsletter-field input {

        height:
            54px;

        font-size:
            16px;
    }


    .s6-newsletter-field button {

        width:
            56px;

        height:
            56px;
    }


    .s6-footer-accordion {

        width:
            100%;

        overflow:
            hidden;

        background:
            rgba(255, 255, 255, .026);

        border:

            1px solid
            rgba(255, 255, 255, .10);
    }


    .s6-footer-summary {

        min-height:
            63px;

        padding:
            15px 17px;
    }


    .s6-footer-summary-link,
    .s6-footer-summary-label {

        font-size:
            16px;
    }


    .s6-footer-summary-icon {

        display:
            block;
    
        width:
            32px;
    
        height:
            32px;
    
        flex:
            0 0 32px;
    }
    
    
    .s6-footer-summary {
    
        cursor:
            pointer;
    }




    .s6-footer-accordion-body {

        padding:
            3px 17px 21px;
    }


    .s6-footer-links {

        gap:
            17px;
    }


    .s6-footer-links a {

        font-size:
            15px;

        line-height:
            1.52;
    }


    .s6-social-list {

        display:
            flex;

        align-items:
            center;

        flex-wrap:
            nowrap;

        gap:
            10px;
    }


    .s6-social-link {

        width:
            46px;

        height:
            46px;

        min-height:
            46px;

        flex:
            0 0 46px;

        padding:
            0;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        color:
            rgba(255, 255, 255, .72);

        background:
            rgba(255, 255, 255, .028);

        border:

            1px solid
            rgba(255, 255, 255, .12);

        border-radius:
            50%;

        transform:
            none;
    }


    .s6-social-link:hover {

        color:
            #111416;

        background:
            var(--s6-yellow);

        border-color:
            var(--s6-yellow);

        transform:
            translateY(-2px);
    }


    .s6-social-icon {

        width:
            22px;

        height:
            22px;

        flex-basis:
            22px;
    }


    .s6-social-icon svg {

        width:
            21px;

        height:
            21px;
    }


    .s6-social-name {

        display:
            none;
    }


    .s6-footer-bottom {

        position:
            relative;

        margin-top:
            34px;

        padding-top:
            25px;

        display:
            grid;

        grid-template-columns:

            minmax(0, 1fr)
            52px;

        grid-template-rows:
            auto auto auto;

        align-items:
            center;

        column-gap:
            16px;

        row-gap:
            17px;

        text-align:
            center;
    }


    .s6-footer-legal {

        grid-column:
            1;

        grid-row:
            1;

        justify-content:
            center;

        flex-wrap:
            nowrap;

        gap:
            23px;
    }


    .s6-footer-legal a {

        font-size:
            15px;

        font-weight:
            500;

        white-space:
            nowrap;
    }


    .s6-footer-credit {

        grid-column:
            1;

        grid-row:
            2;

        justify-self:
            center;

        justify-content:
            center;

        margin:
            0;

        font-size:
            13px;

        text-align:
            center;
    }


    .s6-footer-copyright {

        grid-column:
            1;

        grid-row:
            3;

        justify-self:
            center;

        margin:
            0;

        font-size:
            13px;

        text-align:
            center;
    }


    .s6-back-top {

        grid-column:
            2;

        grid-row:
            1 / 4;

        align-self:
            center;

        justify-self:
            end;
    }


    .s6-serentco-logo {

        width:
            26px;

        height:
            26px;

        flex-basis:
            26px;
    }

}

/* =========================================================
   19 — VERY SMALL MOBILE
========================================================= */

@media(max-width:380px) {

    .s6-social-list {

        gap:
            8px;
    }


    .s6-social-link {

        width:
            42px;

        height:
            42px;

        min-height:
            42px;

        flex:
            0 0 42px;
    }


    .s6-social-icon,
    .s6-social-icon svg {

        width:
            20px;

        height:
            20px;
    }


    .s6-footer-legal {

        gap:
            14px;
    }


    .s6-footer-legal a {

        font-size:
            14px;
    }

}


/* =========================================================
   20 — DESKTOP FOOTER DETAILS
========================================================= */

@media(min-width:681px) {

    /*
     * آیکن Accordion در دسکتاپ نمایش داده نمی‌شود.
     */

    .s6-footer-summary-icon {

        display:
            none;
    }


    /*
     * در دسکتاپ ستون‌ها همیشه باز هستند و Summary
     * نباید مانند یک Accordion قابل کلیک دیده شود.
     */

    .s6-footer-summary {

        cursor:
            default;

        pointer-events:
            none;
    }


    /*
     * لینک عنوان Services و Company همچنان قابل کلیک است.
     */

    .s6-footer-summary-link {

        pointer-events:
            auto;
    }

}


/* =========================================================
   21 — REDUCED MOTION
========================================================= */

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

    .js
    .s6-contact.s6-js-ready
    .s6-location.s6-animate,

    .js
    .s6-contact.s6-js-ready
    .s6-footer.s6-animate {

        opacity:
            1;

        transform:
            none;

        transition:
            none;
    }


    .s6-contact *,
    .s6-contact *::before,
    .s6-contact *::after,
    .mobile-bottom-nav *,
    .mobile-bottom-nav *::before,
    .mobile-bottom-nav *::after {

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}
/* =========================================================
   WORDPRESS FOOTER MENUS
========================================================= */

.s6-footer-links,
.s6-footer-legal-list {

    margin:
        0;

    padding:
        0;

    list-style:
        none;
}


.s6-footer-links > li,
.s6-footer-legal-list > li {

    margin:
        0;

    padding:
        0;
}


/* =========================================================
   LEGAL MENU LIST
========================================================= */

.s6-footer-legal-list {

    width:
        100%;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        18px;
}


/* =========================================================
   CURRENT FOOTER MENU ITEMS
========================================================= */

.s6-footer-links
.current-menu-item
>
a,

.s6-footer-links
.current-menu-parent
>
a,

.s6-footer-links
.current-menu-ancestor
>
a {

    color:
        var(--s6-yellow);
}


.s6-footer-legal-list
.current-menu-item
>
a {

    color:
        var(--s6-yellow);
}


/* =========================================================
   MOBILE LEGAL MENU
========================================================= */

@media(max-width:680px) {

    .s6-footer-legal-list {

        flex-wrap:
            nowrap;

        gap:
            23px;
    }

}


@media(max-width:360px) {

    .s6-footer-legal-list {

        gap:
            14px;
    }

}

/* =========================================================
   FORMINATOR NEWSLETTER — FORM 361
========================================================= */

.s6-newsletter-forminator {
    width: 100%;
    max-width: 390px;
}


/* =========================================================
   FORM LAYOUT
========================================================= */

.s6-newsletter-forminator
#forminator-module-361 {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        54px !important;

    grid-template-rows:
        auto
        auto !important;

    align-items: start !important;

    gap: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* =========================================================
   EMAIL ROW
========================================================= */

.s6-newsletter-forminator
#forminator-module-361
>
.forminator-row:has(.ag-newsletter-email) {
    grid-column:
        1;

    grid-row:
        2;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


/* =========================================================
   SUBMIT ROW
========================================================= */

.s6-newsletter-forminator
#forminator-module-361
>
.forminator-row.forminator-row-last {
    grid-column:
        2;

    grid-row:
        2;

    width:
        54px !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


.s6-newsletter-forminator
#forminator-module-361
.forminator-col,
.s6-newsletter-forminator
#forminator-module-361
.forminator-field {
    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


/* =========================================================
   ACCESSIBLE EMAIL LABEL
========================================================= */

.s6-newsletter-forminator
.ag-newsletter-email
.forminator-label {
    position:
        absolute !important;

    width:
        1px !important;

    height:
        1px !important;

    overflow:
        hidden !important;

    clip:
        rect(0 0 0 0) !important;

    clip-path:
        inset(50%) !important;

    white-space:
        nowrap !important;
}


/* =========================================================
   EMAIL INPUT
========================================================= */

.s6-newsletter-forminator
.ag-newsletter-email
.forminator-input,
.s6-newsletter-forminator
.ag-newsletter-email
input[type="email"] {
    width:
        100% !important;

    height:
        54px !important;

    min-height:
        54px !important;

    margin:
        0 !important;

    padding:
        0
        16px !important;

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

    border-right:
        0 !important;

    border-radius:
        0 !important;

    outline:
        0 !important;

    color:
        #ffffff !important;

    background:
        rgba(255, 255, 255, .032) !important;

    box-shadow:
        none !important;

    font-family:
        var(--font-body) !important;

    font-size:
        15px !important;

    font-weight:
        400 !important;

    transition:
        border-color .22s ease,
        background-color .22s ease !important;
}


.s6-newsletter-forminator
.ag-newsletter-email
.forminator-input::placeholder,
.s6-newsletter-forminator
.ag-newsletter-email
input[type="email"]::placeholder {
    color:
        rgba(255, 255, 255, .45) !important;

    opacity:
        1 !important;
}


.s6-newsletter-forminator
.ag-newsletter-email
.forminator-input:focus,
.s6-newsletter-forminator
.ag-newsletter-email
input[type="email"]:focus {
    border-color:
        rgba(231, 185, 0, .74) !important;

    background:
        rgba(255, 255, 255, .055) !important;

    box-shadow:
        none !important;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

.s6-newsletter-forminator
#forminator-module-361
.forminator-button-submit {
    position:
        relative !important;

    width:
        54px !important;

    min-width:
        54px !important;

    height:
        54px !important;

    min-height:
        54px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    border:
        1px solid
        var(--s6-yellow, #e7b900) !important;

    border-radius:
        0 !important;

    color:
        #111416 !important;

    background:
        var(--s6-yellow, #e7b900) !important;

    box-shadow:
        none !important;

    font-size:
        0 !important;

    cursor:
        pointer !important;

    transition:
        color .22s ease,
        background-color .22s ease,
        border-color .22s ease !important;
}


.s6-newsletter-forminator
#forminator-module-361
.forminator-button-submit::before {
    content:
        "→";

    display:
        block;

    font-family:
        Arial,
        sans-serif;

    font-size:
        29px;

    font-weight:
        400;

    line-height:
        1;
}


.s6-newsletter-forminator
#forminator-module-361
.forminator-button-submit:hover,
.s6-newsletter-forminator
#forminator-module-361
.forminator-button-submit:focus-visible {
    color:
        #ffffff !important;

    background:
        #24282c !important;

    border-color:
        #24282c !important;
}


/* =========================================================
   RESPONSE MESSAGE
========================================================= */

.s6-newsletter-forminator
.forminator-response-message {
    grid-column:
        1 / -1;

    grid-row:
        1;

    width:
        100% !important;
}


.s6-newsletter-forminator
.forminator-response-message:empty,
.s6-newsletter-forminator
.forminator-response-message:not(.forminator-show) {
    display:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;
}


.s6-newsletter-forminator
.forminator-response-message.forminator-show {
    display:
        block !important;

    margin:
        0
        0
        10px !important;

    padding:
        11px
        13px !important;

    border-radius:
        0 !important;

    font-family:
        var(--font-body) !important;

    font-size:
        12px !important;

    line-height:
        1.5 !important;
}


.s6-newsletter-forminator
.forminator-response-message.forminator-success {
    color:
        #ffffff !important;

    background:
        rgba(255, 255, 255, .055) !important;

    border:
        1px solid
        rgba(231, 185, 0, .42) !important;

    border-left:
        3px solid
        var(--s6-yellow, #e7b900) !important;
}


.s6-newsletter-forminator
.forminator-response-message.forminator-error {
    color:
        #ffd8d3 !important;

    background:
        rgba(152, 45, 34, .16) !important;

    border:
        1px solid
        rgba(205, 75, 60, .36) !important;

    border-left:
        3px solid
        #bd493b !important;
}


/* =========================================================
   FIELD ERROR
========================================================= */

.s6-newsletter-forminator
.forminator-error-message {
    display:
        block !important;

    margin:
        7px
        0
        0 !important;

    color:
        #ffaaa0 !important;

    font-family:
        var(--font-body) !important;

    font-size:
        11px !important;

    line-height:
        1.45 !important;
}


/* =========================================================
   HIDE ADMIN EDIT LINK
========================================================= */

.s6-newsletter-forminator
.forminator-edit-module,
.s6-newsletter-forminator
.forminator-edit-module-link,
.s6-newsletter-forminator
a[href*="forminator-cform-wizard"] {
    display:
        none !important;
}


/* =========================================================
   UNAVAILABLE MESSAGE
========================================================= */

.s6-newsletter-unavailable {
    margin:
        0;

    color:
        rgba(255, 255, 255, .68);

    font-size:
        12px;

    line-height:
        1.5;
}
/* =========================================================
   NEWSLETTER SUCCESS MESSAGE — FINAL COLOUR FIX
========================================================= */

.s6-newsletter-forminator
#forminator-module-361
.forminator-response-message.forminator-show.forminator-success {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            rgba(35, 39, 43, .98),
            rgba(19, 22, 25, .98)
        ) !important;

    border:
        1px solid
        rgba(231, 185, 0, .48) !important;

    border-left:
        4px solid
        var(--color-yellow, #e7b900) !important;

    box-shadow:
        0 12px 28px
        rgba(0, 0, 0, .20) !important;
}


.s6-newsletter-forminator
#forminator-module-361
.forminator-response-message.forminator-show.forminator-success p,
.s6-newsletter-forminator
#forminator-module-361
.forminator-response-message.forminator-show.forminator-success span {
    margin: 0 !important;

    color: #ffffff !important;

    font-family: var(--font-body) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    opacity: 1 !important;
}