/*=============================================
              Global Styles
=============================================*/

:root {
    --page-background: #fff1dc;

    --text-main: #3a241b;
    --text-secondary: #624438;

    --accent-main: #c8152f;
    --accent-dark: #981023;
    --accent-light: #ed3048;

    --gold-main: #dda442;
    --gold-light: #ffd98b;

    --container-width: 1240px;

    --header-height: 62px;

    --transition-fast: 0.2s ease;
    --transition-main: 0.35s ease;
}


*,
*::before,
*::after {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {
    margin: 0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: var(--text-main);

    background:
        var(--page-background);

    line-height: 1.6;
}


body.nav-open {
    overflow: hidden;
}


a {
    color: inherit;
    text-decoration: none;
}


button {
    font: inherit;
}


img,
svg {
    display: block;
    max-width: 100%;
}


main {
    overflow: hidden;
}


section {
    scroll-margin-top: 75px;
}


/*=============================================
                Header Start
=============================================*/

.site-header {
    position: fixed;

    top: 0;
    left: 0;

    width: 100%;

    z-index: 1000;

    background:
        rgba(255, 246, 232, 0.96);

    border-bottom:
        1px solid
        rgba(95, 55, 35, 0.12);

    backdrop-filter:
        blur(14px);

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

    transition:
        background var(--transition-main),
        box-shadow var(--transition-main);
}


.site-header.is-scrolled {
    background:
        rgba(255, 246, 232, 0.99);

    box-shadow:
        0 8px 24px
        rgba(65, 34, 20, 0.10);
}


.site-header-inner {
    width:
        min(
            calc(100% - 36px),
            var(--container-width)
        );

    height:
        var(--header-height);

    margin:
        0 auto;

    display:
        flex;

    align-items:
        center;

    gap:
        18px;
}


/* Logo */

.site-logo {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    flex-shrink:
        0;
}


.site-logo-mark {
    min-width:
        46px;

    height:
        36px;

    padding:
        0 7px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid
        rgba(255, 216, 138, 0.85);

    border-radius:
        10px;

    background:
        linear-gradient(
            135deg,
            var(--accent-light) 0%,
            var(--accent-main) 55%,
            var(--accent-dark) 100%
        );

    color:
        #ffffff;

    font-size:
        17px;

    font-weight:
        900;

    line-height:
        1;

    box-shadow:
        0 6px 15px
        rgba(175, 20, 44, 0.20);
}


.site-logo-text {
    display:
        flex;

    flex-direction:
        column;

    line-height:
        1;
}


.site-logo-text strong {
    font-size:
        13px;

    letter-spacing:
        0.13em;
}


.site-logo-text small {
    margin-top:
        4px;

    color:
        #765548;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.25em;
}


/* Navigation */

.main-navigation {
    margin-left:
        auto;

    display:
        flex;

    align-items:
        center;

    gap:
        2px;
}


.main-navigation a {
    position:
        relative;

    padding:
        8px 9px;

    border-radius:
        9px;

    color:
        #49342c;

    font-size:
        13px;

    font-weight:
        700;

    white-space:
        nowrap;

    transition:
        color var(--transition-fast),
        background var(--transition-fast);
}


.main-navigation a:hover,
.main-navigation a:focus-visible {
    color:
        var(--accent-main);

    background:
        rgba(200, 21, 47, 0.06);
}


.main-navigation a.is-active {
    color:
        var(--accent-main);
}


.main-navigation a.is-active::after {
    content: "";

    position: absolute;

    left: 10px;
    right: 10px;
    bottom: 2px;

    height: 2px;

    border-radius: 10px;

    background:
        var(--accent-main);
}


/* Header Button */

.header-play {
    min-height:
        38px;

    padding:
        0 16px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    flex-shrink:
        0;

    border:
        1px solid
        rgba(255, 216, 138, 0.80);

    border-radius:
        999px;

    background:
        linear-gradient(
            135deg,
            var(--accent-light) 0%,
            var(--accent-main) 55%,
            var(--accent-dark) 100%
        );

    color:
        #ffffff;

    font-size:
        13px;

    font-weight:
        900;

    box-shadow:
        0 7px 18px
        rgba(175, 20, 44, 0.21);

    transition:
        transform var(--transition-fast),
        box-shadow var(--transition-fast);
}


.header-play:hover,
.header-play:focus-visible {
    transform:
        translateY(-2px);

    box-shadow:
        0 11px 24px
        rgba(175, 20, 44, 0.28);
}


/* Mobile Menu Button */

.nav-toggle {
    display:
        none;

    width:
        42px;

    height:
        42px;

    margin-left:
        auto;

    padding:
        10px;

    border:
        0;

    border-radius:
        10px;

    background:
        rgba(200, 21, 47, 0.07);

    cursor:
        pointer;
}


.nav-toggle span {
    display:
        block;

    width:
        100%;

    height:
        2px;

    margin:
        5px 0;

    border-radius:
        10px;

    background:
        var(--text-main);

    transition:
        transform var(--transition-main),
        opacity var(--transition-main);
}


.nav-toggle.is-active span:nth-child(1) {
    transform:
        translateY(7px)
        rotate(45deg);
}


.nav-toggle.is-active span:nth-child(2) {
    opacity: 0;
}


.nav-toggle.is-active span:nth-child(3) {
    transform:
        translateY(-7px)
        rotate(-45deg);
}


/* Header Tablet */

@media (max-width: 1080px) {

    .site-header-inner {
        gap: 10px;
    }


    .main-navigation a {
        padding:
            8px 6px;

        font-size:
            12px;
    }


    .header-play {
        padding:
            0 13px;
    }

}


/* Header Mobile */

@media (max-width: 900px) {

    :root {
        --header-height: 58px;
    }


    .site-header-inner {
        width:
            min(
                calc(100% - 24px),
                var(--container-width)
            );
    }


    .nav-toggle {
        display:
            block;
    }


    .main-navigation {
        position:
            absolute;

        top:
            100%;

        left:
            12px;

        right:
            12px;

        margin:
            0;

        display:
            flex;

        flex-direction:
            column;

        align-items:
            stretch;

        gap:
            2px;

        max-height:
            0;

        padding:
            0 10px;

        overflow:
            hidden;

        opacity:
            0;

        pointer-events:
            none;

        background:
            rgba(255, 246, 232, 0.99);

        border:
            1px solid
            transparent;

        border-radius:
            0 0 16px 16px;

        box-shadow:
            0 16px 34px
            rgba(65, 34, 20, 0.13);

        transition:
            max-height var(--transition-main),
            padding var(--transition-main),
            opacity var(--transition-main);
    }


    .main-navigation.is-open {
        max-height:
            600px;

        padding:
            10px;

        opacity:
            1;

        pointer-events:
            auto;

        border-color:
            rgba(95, 55, 35, 0.12);
    }


    .main-navigation a {
        padding:
            11px 12px;
    }


    .main-navigation a.is-active::after {
        display:
            none;
    }

}


/* Header Small Mobile */

@media (max-width: 520px) {

    .site-logo-text {
        display:
            none;
    }


    .site-logo-mark {
        min-width:
            44px;

        height:
            36px;

        font-size:
            16px;
    }


    .header-play {
        min-height:
            36px;

        padding:
            0 12px;

        font-size:
            12px;
    }

}

/*=============================================
                Header End
=============================================*/


/*=============================================
                 Hero Start
=============================================*/

.casino-hero {
    position: relative;

    min-height:
        calc(100vh - var(--header-height));

    min-height:
        calc(100svh - var(--header-height));

    margin-top:
        var(--header-height);

    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        center;

    overflow:
        hidden;

    isolation:
        isolate;
}


/* Hero Background */

.hero-background {
    position:
        absolute;

    inset:
        0;

    z-index:
        -3;

    background-image:
        url("../images/777-casino-hero-background.webp");

    background-repeat:
        no-repeat;

    background-position:
        center center;

    background-size:
        cover;
}


/* Hero Overlay */

.hero-overlay {
    position:
        absolute;

    inset:
        0;

    z-index:
        -2;

    background:
        linear-gradient(
            180deg,
            rgba(255, 220, 160, 0.00) 0%,
            rgba(255, 220, 160, 0.00) 54%,
            rgba(255, 226, 190, 0.03) 68%,
            rgba(97, 35, 20, 0.08) 100%
        );
}


/* Hero Container */

.hero-container {
    width:
        min(
            calc(100% - 40px),
            var(--container-width)
        );

    min-height:
        calc(100vh - var(--header-height));

    min-height:
        calc(100svh - var(--header-height));

    margin:
        0 auto;

    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        center;
}


/* Hero Content */

.hero-content {
    position:
        relative;

    width:
        min(
            780px,
            100%
        );

    margin:
        0 auto 76px;

    padding:
        24px 30px 26px;

    text-align:
        center;
}


/* Hero Bonus */

.hero-bonus-label {
    display:
        inline-block;

    margin-bottom:
        6px;

    color:
        var(--accent-main);

    font-size:
        13px;

    font-weight:
        900;

    letter-spacing:
        0.18em;

    line-height:
        1.3;

    text-transform:
        uppercase;

    text-shadow:
        0 1px 3px
        rgba(255, 247, 230, 0.9);
}


/* Hero Title */

.hero-content h1 {
    margin:
        0;

    color:
        #382118;

    font-size:
        clamp(
            40px,
            4.2vw,
            60px
        );

    font-weight:
        900;

    line-height:
        1.04;

    letter-spacing:
        -0.04em;

    text-shadow:
        0 2px 8px
        rgba(255, 244, 219, 0.78);
}


/* Hero Tagline */

.hero-tagline {
    max-width:
        720px;

    margin:
        13px auto 0;

    color:
        #3c281f;

    font-size:
        clamp(
            17px,
            1.6vw,
            21px
        );

    font-weight:
        800;

    line-height:
        1.4;

    text-shadow:
        0 1px 5px
        rgba(255, 246, 224, 0.8);
}


/* Hero Description */

.hero-description {
    max-width:
        720px;

    margin:
        11px auto 0;

    color:
        #493027;

    font-size:
        16px;

    font-weight:
        600;

    line-height:
        1.65;

    text-shadow:
        0 1px 5px
        rgba(255, 246, 224, 0.92);
}


/* Hero Button */

.hero-play {
    min-width:
        190px;

    min-height:
        52px;

    margin-top:
        20px;

    padding:
        0 28px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    border:
        2px solid
        rgba(255, 216, 134, 0.92);

    border-radius:
        999px;

    background:
        linear-gradient(
            135deg,
            var(--accent-light) 0%,
            var(--accent-main) 52%,
            var(--accent-dark) 100%
        );

    color:
        #ffffff;

    font-size:
        16px;

    font-weight:
        900;

    box-shadow:
        0 13px 28px
        rgba(143, 16, 34, 0.28);

    transition:
        transform var(--transition-fast),
        box-shadow var(--transition-fast);
}


.hero-play:hover,
.hero-play:focus-visible {
    transform:
        translateY(-3px);

    box-shadow:
        0 18px 34px
        rgba(143, 16, 34, 0.36);
}


.hero-play span {
    font-size:
        19px;
}


/* Hero Tablet */

@media (max-width: 1000px) {

    .hero-content {
        width:
            min(
                720px,
                100%
            );

        margin-bottom:
            62px;
    }

}


/* Hero Mobile */

@media (max-width: 760px) {

    .casino-hero {
        min-height:
            calc(100svh - var(--header-height));
    }


    .hero-background {
        background-position:
            center center;

        background-size:
            cover;
    }


    .hero-container {
        width:
            calc(100% - 24px);

        min-height:
            calc(100svh - var(--header-height));
    }


    .hero-content {
        width:
            100%;

        margin-bottom:
            40px;

        padding:
            20px 12px 22px;
    }


    .hero-bonus-label {
        font-size:
            11px;
    }


    .hero-content h1 {
        font-size:
            clamp(
                36px,
                10vw,
                50px
            );
    }


    .hero-tagline {
        font-size:
            17px;
    }


    .hero-description {
        max-width:
            600px;

        font-size:
            14px;

        font-weight:
            600;

        line-height:
            1.6;
    }

}


/* Hero Small Mobile */

@media (max-width: 520px) {

    .hero-content {
        margin-bottom:
            28px;

        padding-bottom:
            18px;
    }


    .hero-bonus-label {
        font-size:
            10px;
    }


    .hero-content h1 {
        font-size:
            37px;
    }


    .hero-tagline {
        font-size:
            15px;

        line-height:
            1.4;
    }


    .hero-description {
        font-size:
            13px;

        font-weight:
            600;

        line-height:
            1.55;
    }


    .hero-play {
        width:
            100%;

        max-width:
            260px;

        min-height:
            48px;
    }

}

/*=============================================
                 Hero End
=============================================*/
/*=============================================
                Bonuses Start
=============================================*/

.bonus-section {
    position: relative;

    padding:
        64px 20px 84px;

    overflow: hidden;

    color:
        #1f3038;

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(172, 193, 199, 0.30),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #dbe5e7 0%,
            #cbd9dc 48%,
            #e3e9e9 100%
        );
}


.bonus-section::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(178, 139, 70, 0.55),
            transparent
        );
}


.bonus-container {
    position: relative;

    z-index: 1;

    width:
        min(
            100%,
            1240px
        );

    margin:
        0 auto;
}


/* Bonus Introduction */

.bonus-intro {
    display: grid;

    grid-template-columns:
        minmax(340px, 0.82fr)
        minmax(0, 1.18fr);

    grid-template-rows:
        auto auto auto auto;

    column-gap:
        64px;

    row-gap:
        9px;

    align-items: start;

    max-width: none;

    margin:
        0 0 38px;

    text-align: left;
}


.bonus-eyebrow {
    grid-column:
        1;

    grid-row:
        1;

    margin:
        0 0 5px;

    color:
        #8b682d;

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        0.17em;

    text-transform:
        uppercase;
}


.bonus-intro h2 {
    grid-column:
        1;

    grid-row:
        2 / 5;

    align-self:
        start;

    max-width:
        510px;

    margin:
        0;

    color:
        #21333b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            40px,
            4.3vw,
            61px
        );

    line-height:
        0.98;

    letter-spacing:
        -0.045em;
}


.bonus-intro-lead {
    grid-column:
        2;

    grid-row:
        1;

    max-width:
        none;

    margin:
        0;

    color:
        #293e47;

    font-size:
        16px;

    font-weight:
        750;

    line-height:
        1.6;
}


.bonus-intro-text {
    grid-column:
        2;

    max-width:
        none;

    margin:
        0;

    color:
        #4b6068;

    font-size:
        13px;

    line-height:
        1.65;
}


.bonus-intro-text:nth-of-type(2) {
    grid-row:
        2;
}


.bonus-intro-text:nth-of-type(3) {
    grid-column:
        2;

    grid-row:
        3;

    margin:
        0;

    max-width:
        none;

    color:
        #4b6068;
}


/* Bonus Group Heading */

.bonus-group-heading {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap:
        50px;

    margin:
        0 0 18px;
}


.bonus-group-heading-secondary {
    margin-top:
        64px;
}


.bonus-group-heading > div {
    flex:
        1 1 62%;
}


.bonus-group-heading > p {
    flex:
        0 1 430px;

    margin:
        0 0 4px;

    color:
        #4c6068;

    font-size:
        12px;

    line-height:
        1.6;
}


.bonus-group-kicker,
.bonus-detail-kicker {
    margin:
        0 0 7px;

    color:
        #8b682d;

    font-size:
        10px;

    font-weight:
        900;

    letter-spacing:
        0.17em;

    text-transform:
        uppercase;
}


.bonus-group-heading h3 {
    max-width:
        690px;

    margin:
        0;

    color:
        #21333b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            28px,
            3vw,
            42px
        );

    line-height:
        1.04;
}


/* Bonus Options */

.bonus-options {
    display: grid;

    gap:
        12px;
}


.bonus-options-games {
    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );
}


.bonus-options-benefits {
    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );
}


.bonus-option {
    position: relative;

    min-height:
        158px;

    padding:
        21px 22px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    justify-content:
        flex-end;

    overflow: hidden;

    text-align:
        left;

    border:
        1px solid
        rgba(51, 75, 84, 0.15);

    border-radius:
        18px;

    background:
        rgba(240, 246, 246, 0.86);

    color:
        #21333b;

    cursor: pointer;

    box-shadow:
        0 10px 28px
        rgba(42, 65, 74, 0.07);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}


.bonus-option::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    opacity: 0;

    background:
        linear-gradient(
            90deg,
            #b98a3c,
            #e3c17c
        );

    transition:
        opacity 0.2s ease;
}


.bonus-option:hover,
.bonus-option:focus-visible {
    transform:
        translateY(-3px);

    border-color:
        rgba(166, 126, 57, 0.45);

    box-shadow:
        0 16px 34px
        rgba(42, 65, 74, 0.11);
}


.bonus-option:hover::before,
.bonus-option:focus-visible::before,
.bonus-option.is-active::before {
    opacity:
        1;
}


.bonus-option.is-active {
    border-color:
        rgba(29, 62, 73, 0.58);

    background:
        linear-gradient(
            145deg,
            #294954 0%,
            #1e3741 100%
        );

    color:
        #ffffff;

    box-shadow:
        0 17px 38px
        rgba(25, 52, 62, 0.20);
}


.bonus-option-value {
    display:
        block;

    margin-bottom:
        13px;

    color:
        #9b7130;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            39px,
            3.7vw,
            53px
        );

    font-weight:
        900;

    line-height:
        0.92;
}


.bonus-option.is-active
.bonus-option-value {
    color:
        #efcf8d;
}


.bonus-option strong {
    display:
        block;

    color:
        inherit;

    font-size:
        14px;

    line-height:
        1.3;
}


.bonus-option small {
    display:
        block;

    margin-top:
        5px;

    color:
        #677c84;

    font-size:
        10px;

    line-height:
        1.4;
}


.bonus-option.is-active small {
    color:
        rgba(255, 255, 255, 0.72);
}


/* Bonus Detail Area */

.bonus-detail-area {
    margin-top:
        12px;
}


.bonus-detail {
    display: grid;

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

    gap:
        32px;

    align-items:
        start;

    padding:
        32px;

    border:
        1px solid
        rgba(48, 73, 82, 0.13);

    border-radius:
        21px;

    background:
        rgba(237, 243, 243, 0.94);

    box-shadow:
        0 15px 38px
        rgba(43, 63, 71, 0.07);
}


.bonus-detail[hidden] {
    display:
        none;
}


/* Bonus Detail Highlight */

.bonus-detail-highlight {
    position: sticky;

    top:
        calc(
            var(--header-height) + 22px
        );

    min-height:
        145px;

    padding:
        18px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid
        rgba(172, 132, 61, 0.34);

    border-radius:
        18px;

    background:
        linear-gradient(
            145deg,
            #294955 0%,
            #1d3540 100%
        );

    text-align:
        center;

    box-shadow:
        0 11px 25px
        rgba(27, 52, 62, 0.16);
}


.bonus-detail-highlight span {
    color:
        #efce89;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            39px,
            4vw,
            56px
        );

    font-weight:
        900;

    line-height:
        0.95;
}


.bonus-detail-highlight small {
    margin-top:
        8px;

    color:
        rgba(255, 255, 255, 0.72);

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;
}


/* Bonus Detail Content */

.bonus-detail-content h3 {
    max-width:
        none;

    margin:
        0;

    color:
        #21343c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            28px,
            2.8vw,
            39px
        );

    line-height:
        1.07;
}


.bonus-detail-content > p:not(.bonus-detail-kicker) {
    max-width:
        none;

    margin:
        12px 0 0;

    color:
        #4d626a;

    font-size:
        13px;

    line-height:
        1.7;
}


/* Bonus Steps */

.bonus-steps {
    display: grid;

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

    gap:
        9px;

    margin-top:
        22px;
}


.bonus-steps div {
    padding:
        15px;

    border:
        1px solid
        rgba(52, 78, 87, 0.10);

    border-radius:
        12px;

    background:
        rgba(210, 224, 225, 0.72);
}


.bonus-steps span {
    display:
        block;

    margin-bottom:
        5px;

    color:
        #87642c;

    font-size:
        8px;

    font-weight:
        900;

    letter-spacing:
        0.13em;

    text-transform:
        uppercase;
}


.bonus-steps strong {
    display:
        block;

    color:
        #385059;

    font-size:
        11px;

    line-height:
        1.5;
}


/* Bonus More */

.bonus-more {
    margin-top:
        40px;
}


.bonus-more-button {
    width:
        100%;

    min-height:
        60px;

    padding:
        0 23px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    border:
        1px solid
        rgba(37, 58, 66, 0.25);

    border-radius:
        15px;

    background:
        linear-gradient(
            135deg,
            #294650 0%,
            #1e353e 100%
        );

    color:
        #ffffff;

    font-size:
        13px;

    font-weight:
        900;

    cursor:
        pointer;

    box-shadow:
        0 12px 28px
        rgba(31, 51, 59, 0.14);
}


.bonus-more-button span {
    width:
        33px;

    height:
        33px;

    display:
        grid;

    place-items:
        center;

    flex-shrink:
        0;

    border-radius:
        50%;

    background:
        #b4873d;

    color:
        #ffffff;

    font-size:
        20px;

    transition:
        transform 0.25s ease;
}


.bonus-more-button.is-open span {
    transform:
        rotate(45deg);
}


.bonus-more-content {
    margin-top:
        11px;

    padding:
        30px;

    border:
        1px solid
        rgba(49, 74, 82, 0.13);

    border-radius:
        17px;

    background:
        rgba(235, 242, 242, 0.96);
}


.bonus-more-content[hidden] {
    display:
        none;
}


.bonus-more-grid {
    display: grid;

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

    gap:
        26px;
}


.bonus-more-grid article {
    padding:
        0;

    border:
        0;
}


.bonus-more-grid h3 {
    margin:
        0 0 8px;

    color:
        #263940;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        19px;
}


.bonus-more-grid p {
    margin:
        0;

    color:
        #52676f;

    font-size:
        12px;

    line-height:
        1.7;
}


/* Bonus Tablet */

@media (max-width: 1000px) {

    .bonus-section {
        padding:
            60px 18px 76px;
    }


    .bonus-intro {
        grid-template-columns:
            1fr;

        grid-template-rows:
            auto;

        gap:
            10px;

        margin-bottom:
            34px;
    }


    .bonus-eyebrow,
    .bonus-intro h2,
    .bonus-intro-lead,
    .bonus-intro-text,
    .bonus-intro-text:nth-of-type(2),
    .bonus-intro-text:nth-of-type(3) {
        grid-column:
            1;

        grid-row:
            auto;
    }


    .bonus-intro h2 {
        max-width:
            720px;

        margin-bottom:
            8px;
    }


    .bonus-group-heading {
        display:
            block;
    }


    .bonus-group-heading > p {
        max-width:
            760px;

        margin-top:
            12px;
    }


    .bonus-options-games {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    .bonus-detail {
        grid-template-columns:
            1fr;

        gap:
            20px;
    }


    .bonus-detail-highlight {
        position:
            static;

        min-height:
            100px;
    }


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

}


/* Bonus Mobile */

@media (max-width: 680px) {

    .bonus-section {
        padding:
            55px 14px 65px;
    }


    .bonus-intro h2 {
        font-size:
            clamp(
                37px,
                10vw,
                49px
            );
    }


    .bonus-intro-lead {
        font-size:
            15px;
    }


    .bonus-intro-text {
        font-size:
            13px;
    }


    .bonus-options-games,
    .bonus-options-benefits {
        grid-template-columns:
            1fr;
    }


    .bonus-option {
        min-height:
            135px;

        padding:
            19px;
    }


    .bonus-detail {
        padding:
            21px 18px;
    }


    .bonus-steps {
        grid-template-columns:
            1fr;
    }


    .bonus-group-heading-secondary {
        margin-top:
            50px;
    }


    .bonus-more {
        margin-top:
            32px;
    }


    .bonus-more-content {
        padding:
            22px 18px;
    }


    .bonus-more-grid {
        grid-template-columns:
            1fr;
    }

}

/*=============================================
                Bonuses End
=============================================*/
/*=============================================
             Games Experience Start
=============================================*/

.games-section {
    position: relative;

    padding:
        78px 20px 90px;

    overflow: hidden;

    color:
        #eef5f3;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(74, 130, 132, 0.24),
            transparent 30%
        ),
        radial-gradient(
            circle at 8% 86%,
            rgba(184, 143, 70, 0.10),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #17383d 0%,
            #20484c 48%,
            #17363c 100%
        );
}


.games-container {
    width:
        min(
            100%,
            1240px
        );

    margin:
        0 auto;
}


/* Games Introduction */

.games-intro {
    display: grid;

    grid-template-columns:
        minmax(0, 0.85fr)
        minmax(0, 1.15fr);

    gap:
        64px;

    align-items:
        start;

    margin-bottom:
        42px;
}


.games-kicker,
.games-panel-kicker {
    margin:
        0 0 9px;

    color:
        #e3bd72;

    font-size:
        10px;

    font-weight:
        900;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;
}


.games-intro h2 {
    max-width:
        560px;

    margin:
        0;

    color:
        #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            40px,
            4.3vw,
            62px
        );

    line-height:
        0.98;

    letter-spacing:
        -0.04em;
}


.games-intro-copy p {
    margin:
        0;

    color:
        rgba(232, 243, 241, 0.76);

    font-size:
        13px;

    line-height:
        1.72;
}


.games-intro-copy p + p {
    margin-top:
        11px;
}


.games-intro-copy .games-intro-lead {
    color:
        #f3f8f7;

    font-size:
        15px;

    font-weight:
        700;

    line-height:
        1.65;
}


/* Games Main Navigation */

.games-navigation {
    display: grid;

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

    gap:
        9px;

    margin-bottom:
        14px;
}


.games-navigation-button {
    min-height:
        72px;

    padding:
        13px 16px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    justify-content:
        center;

    border:
        1px solid
        rgba(255, 255, 255, 0.11);

    border-radius:
        14px;

    background:
        rgba(255, 255, 255, 0.055);

    color:
        #dce9e7;

    text-align:
        left;

    cursor:
        pointer;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease;
}


.games-navigation-button:hover,
.games-navigation-button:focus-visible {
    transform:
        translateY(-2px);

    border-color:
        rgba(227, 189, 114, 0.50);
}


.games-navigation-button.is-active {
    border-color:
        rgba(228, 190, 114, 0.62);

    background:
        #e3bd72;

    color:
        #18383d;
}


.games-navigation-button span {
    font-size:
        14px;

    font-weight:
        900;
}


.games-navigation-button small {
    margin-top:
        3px;

    font-size:
        9px;

    font-weight:
        700;

    opacity:
        0.72;
}


/* Games Stage */

.games-stage {
    min-height:
        560px;

    padding:
        36px;

    border:
        1px solid
        rgba(255, 255, 255, 0.09);

    border-radius:
        22px;

    background:
        rgba(8, 30, 34, 0.30);

    box-shadow:
        0 22px 52px
        rgba(7, 24, 28, 0.18);

    backdrop-filter:
        blur(5px);

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


.games-panel[hidden] {
    display:
        none;
}


/* Games Panel Heading */

.games-panel-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 0.78fr)
        minmax(0, 1.22fr);

    gap:
        54px;

    align-items:
        start;
}


.games-panel-heading h3 {
    max-width:
        520px;

    margin:
        0;

    color:
        #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            31px,
            3.4vw,
            47px
        );

    line-height:
        1.03;
}


.games-panel-copy p {
    margin:
        0;

    color:
        rgba(227, 240, 238, 0.72);

    font-size:
        12px;

    line-height:
        1.72;
}


.games-panel-copy p + p {
    margin-top:
        10px;
}


.games-panel-copy .games-panel-lead {
    color:
        #eef6f4;

    font-size:
        14px;

    font-weight:
        700;

    line-height:
        1.62;
}


/* Slots View Switch */

.slots-view-switch {
    display:
        inline-flex;

    gap:
        6px;

    margin-top:
        26px;

    padding:
        5px;

    border:
        1px solid
        rgba(255, 255, 255, 0.10);

    border-radius:
        999px;

    background:
        rgba(255, 255, 255, 0.05);
}


.slots-view-button {
    min-height:
        36px;

    padding:
        0 16px;

    border:
        0;

    border-radius:
        999px;

    background:
        transparent;

    color:
        #dce9e7;

    font-size:
        11px;

    font-weight:
        800;

    cursor:
        pointer;
}


.slots-view-button.is-active {
    background:
        #e3bd72;

    color:
        #1b3b40;
}


/* Games Grid */

.games-grid {
    display: grid;

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

    gap:
        11px;

    margin-top:
        26px;
}


.games-grid[hidden] {
    display:
        none;
}


.game-card {
    min-width:
        0;

    overflow:
        hidden;

    border:
        1px solid
        rgba(255, 255, 255, 0.10);

    border-radius:
        14px;

    background:
        rgba(255, 255, 255, 0.06);

    box-shadow:
        0 8px 24px
        rgba(5, 20, 23, 0.13);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.game-card:hover {
    transform:
        translateY(-4px);

    border-color:
        rgba(227, 189, 114, 0.60);

    box-shadow:
        0 15px 30px
        rgba(5, 20, 23, 0.22);
}


.game-card img {
    width:
        100%;

    aspect-ratio:
        4 / 5;

    object-fit:
        cover;

    background:
        #24474c;
}


.game-card-copy {
    min-height:
        62px;

    padding:
        10px 11px 12px;
}


.game-card-copy strong {
    display:
        block;

    color:
        #ffffff;

    font-size:
        11px;

    line-height:
        1.3;
}


.game-card-copy span {
    display:
        block;

    margin-top:
        4px;

    color:
        rgba(218, 233, 230, 0.60);

    font-size:
        8px;

    font-weight:
        700;
}


/* Table Games Anchor */

.table-games-anchor {
    margin-top:
        23px;

    padding:
        20px 22px;

    border-left:
        3px solid
        #e3bd72;

    background:
        rgba(255, 255, 255, 0.045);
}


.table-games-anchor strong {
    color:
        #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        19px;
}


.table-games-anchor p {
    max-width:
        980px;

    margin:
        8px 0 0;

    color:
        rgba(224, 238, 235, 0.70);

    font-size:
        12px;

    line-height:
        1.7;
}


/* Games Guide */

.games-guide-toggle {
    width:
        100%;

    min-height:
        52px;

    margin-top:
        22px;

    padding:
        0 19px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        18px;

    border:
        1px solid
        rgba(227, 189, 114, 0.28);

    border-radius:
        13px;

    background:
        rgba(227, 189, 114, 0.08);

    color:
        #f1d69e;

    font-size:
        12px;

    font-weight:
        900;

    cursor:
        pointer;
}


.games-guide-toggle span {
    width:
        30px;

    height:
        30px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        #e3bd72;

    color:
        #18383d;

    font-size:
        18px;

    transition:
        transform 0.25s ease;
}


.games-guide-toggle.is-open span {
    transform:
        rotate(45deg);
}


.games-guide {
    margin-top:
        10px;

    padding:
        23px;

    border:
        1px solid
        rgba(255, 255, 255, 0.08);

    border-radius:
        14px;

    background:
        rgba(255, 255, 255, 0.045);
}


.games-guide[hidden] {
    display:
        none;
}


.games-guide-grid {
    display: grid;

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

    gap:
        24px;
}


.games-guide h4 {
    margin:
        0;

    color:
        #f0d28f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        19px;
}


.games-guide p {
    margin:
        8px 0 0;

    color:
        rgba(222, 237, 234, 0.69);

    font-size:
        11px;

    line-height:
        1.7;
}


/* Games Closing */

.games-closing {
    display: grid;

    grid-template-columns:
        minmax(0, 0.75fr)
        minmax(0, 1.25fr);

    gap:
        58px;

    margin-top:
        42px;

    padding-top:
        35px;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.10);
}


.games-closing h3 {
    max-width:
        480px;

    margin:
        0;

    color:
        #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            31px,
            3.2vw,
            45px
        );

    line-height:
        1.03;
}


.games-closing > div:last-child p {
    margin:
        0;

    color:
        rgba(225, 239, 236, 0.72);

    font-size:
        12px;

    line-height:
        1.75;
}


.games-closing > div:last-child p + p {
    margin-top:
        11px;
}


/* Games Tablet */

@media (max-width: 1050px) {

    .games-intro,
    .games-panel-heading {
        grid-template-columns:
            1fr;

        gap:
            21px;
    }


    .games-navigation {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }


    .games-grid {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }


    .games-closing {
        grid-template-columns:
            1fr;

        gap:
            20px;
    }

}


/* Games Mobile */

@media (max-width: 680px) {

    .games-section {
        padding:
            58px 14px 68px;
    }


    .games-intro {
        margin-bottom:
            32px;
    }


    .games-intro h2 {
        font-size:
            clamp(
                37px,
                10vw,
                49px
            );
    }


    .games-navigation {
        grid-template-columns:
            1fr 1fr;

        gap:
            7px;
    }


    .games-navigation-button {
        min-height:
            64px;

        padding:
            11px 12px;
    }


    .games-navigation-button:last-child {
        grid-column:
            1 / -1;
    }


    .games-stage {
        padding:
            24px 16px;

        border-radius:
            18px;
    }


    .games-panel-heading h3 {
        font-size:
            clamp(
                30px,
                9vw,
                41px
            );
    }


    .slots-view-switch {
        display:
            flex;

        width:
            100%;
    }


    .slots-view-button {
        flex:
            1;
    }


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

        gap:
            8px;
    }


    .game-card-copy {
        min-height:
            58px;
    }


    .games-guide-grid {
        grid-template-columns:
            1fr;
    }


    .games-closing {
        margin-top:
            32px;
    }

}

/*=============================================
             Games Experience End
=============================================*/
/*=============================================
             Mobile Experience Start
=============================================*/

.mobile-section {
    position: relative;

    padding:
        82px 20px 88px;

    overflow: hidden;

    color:
        #432e25;

    background:
        radial-gradient(
            circle at 84% 24%,
            rgba(172, 56, 48, 0.08),
            transparent 27%
        ),
        radial-gradient(
            circle at 14% 85%,
            rgba(205, 159, 82, 0.13),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #f4e7d6 0%,
            #ead8c2 52%,
            #f5ebdf 100%
        );
}


.mobile-section::before {
    content: "";

    position: absolute;

    top:
        -300px;

    right:
        -260px;

    width:
        680px;

    height:
        680px;

    border:
        1px solid
        rgba(157, 111, 61, 0.13);

    border-radius:
        50%;

    pointer-events:
        none;
}


.mobile-container {
    position: relative;

    z-index: 1;

    width:
        min(
            100%,
            1240px
        );

    margin:
        0 auto;
}


/* Mobile Introduction */

.mobile-hero {
    display: grid;

    grid-template-columns:
        minmax(0, 1.02fr)
        minmax(380px, 0.98fr);

    gap:
        46px;

    align-items:
        center;
}


.mobile-kicker,
.device-panel-kicker {
    margin:
        0 0 9px;

    color:
        #9b3a34;

    font-size:
        10px;

    font-weight:
        900;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;
}


.mobile-hero-content h2 {
    max-width:
        670px;

    margin:
        0;

    color:
        #3d291f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            43px,
            4.8vw,
            67px
        );

    line-height:
        0.98;

    letter-spacing:
        -0.045em;
}


.mobile-lead {
    max-width:
        680px;

    margin:
        24px 0 0;

    color:
        #4f352a;

    font-size:
        17px;

    font-weight:
        700;

    line-height:
        1.67;
}


.mobile-hero-content > p:not(
    .mobile-kicker,
    .mobile-lead
) {
    max-width:
        690px;

    margin:
        13px 0 0;

    color:
        #725649;

    font-size:
        13px;

    line-height:
        1.76;
}


/* Mobile Benefits */

.mobile-benefits {
    display: grid;

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

    gap:
        9px;

    margin-top:
        26px;
}


.mobile-benefits div {
    padding:
        15px 16px;

    border-top:
        1px solid
        rgba(124, 79, 48, 0.18);
}


.mobile-benefits strong {
    display: block;

    color:
        #51362b;

    font-size:
        11px;
}


.mobile-benefits span {
    display: block;

    margin-top:
        5px;

    color:
        #806557;

    font-size:
        9px;

    line-height:
        1.5;
}


/* Mobile Visual */

.mobile-hero-visual {
    position: relative;

    min-height:
        580px;

    display: flex;

    align-items:
        flex-end;

    justify-content:
        center;
}


.mobile-visual-shape {
    position: absolute;

    left:
        50%;

    bottom:
        2%;

    width:
        83%;

    height:
        68%;

    transform:
        translateX(-50%);

    border-radius:
        50% 50% 46% 54%;

    background:
        radial-gradient(
            ellipse at center,
            rgba(151, 44, 39, 0.16),
            rgba(196, 142, 70, 0.09) 54%,
            transparent 72%
        );
}


.mobile-hero-visual img {
    position: relative;

    z-index: 1;

    width:
        min(
            100%,
            590px
        );

    max-height:
        630px;

    object-fit:
        contain;

    object-position:
        center bottom;

    filter:
        drop-shadow(
            0 26px 30px
            rgba(88, 49, 28, 0.18)
        );
}


/* Device Experience */

.device-experience {
    margin-top:
        58px;

    padding-top:
        42px;

    border-top:
        1px solid
        rgba(117, 78, 52, 0.15);
}


.device-experience-heading {
    display: grid;

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

    gap:
        55px;

    align-items:
        end;

    margin-bottom:
        22px;
}


.device-experience-heading h3 {
    max-width:
        680px;

    margin:
        0;

    color:
        #402b21;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            31px,
            3.3vw,
            46px
        );

    line-height:
        1.04;
}


.device-experience-heading > p {
    margin:
        0 0 3px;

    color:
        #775c50;

    font-size:
        12px;

    line-height:
        1.68;
}


/* Device Tabs */

.device-tabs {
    display: grid;

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

    gap:
        8px;
}


.device-tab {
    min-height:
        70px;

    padding:
        13px 16px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    justify-content:
        center;

    border:
        1px solid
        rgba(116, 76, 50, 0.15);

    border-radius:
        13px;

    background:
        rgba(255, 249, 240, 0.48);

    color:
        #553b30;

    text-align:
        left;

    cursor:
        pointer;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease,
        color 0.2s ease;
}


.device-tab:hover,
.device-tab:focus-visible {
    transform:
        translateY(-2px);

    border-color:
        rgba(154, 57, 51, 0.35);
}


.device-tab.is-active {
    border-color:
        #81322f;

    background:
        #81322f;

    color:
        #ffffff;
}


.device-tab strong {
    font-size:
        13px;
}


.device-tab span {
    margin-top:
        3px;

    font-size:
        9px;

    font-weight:
        700;

    opacity:
        0.70;
}


/* Device Panels */

.device-panels {
    margin-top:
        10px;
}


.device-panel {
    display: grid;

    grid-template-columns:
        minmax(0, 1.5fr)
        minmax(280px, 0.7fr);

    gap:
        40px;

    align-items:
        end;

    padding:
        31px 34px;

    border:
        1px solid
        rgba(110, 74, 49, 0.13);

    border-radius:
        18px;

    background:
        rgba(255, 249, 241, 0.58);

    box-shadow:
        0 13px 34px
        rgba(95, 60, 37, 0.06);
}


.device-panel[hidden] {
    display:
        none;
}


.device-panel-main h4 {
    max-width:
        800px;

    margin:
        0;

    color:
        #402b22;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            27px,
            2.8vw,
            39px
        );

    line-height:
        1.07;
}


.device-panel-main > p:not(
    .device-panel-kicker
) {
    max-width:
        830px;

    margin:
        12px 0 0;

    color:
        #73584c;

    font-size:
        13px;

    line-height:
        1.73;
}


/* Device Features */

.device-panel-features {
    display: grid;

    grid-template-columns:
        1fr;

    gap:
        1px;

    border-top:
        1px solid
        rgba(114, 75, 50, 0.14);

    border-bottom:
        1px solid
        rgba(114, 75, 50, 0.14);
}


.device-panel-features span {
    padding:
        12px 4px;

    color:
        #796053;

    font-size:
        10px;

    line-height:
        1.45;
}


.device-panel-features span + span {
    border-top:
        1px solid
        rgba(114, 75, 50, 0.10);
}


.device-panel-features b {
    display: block;

    margin-bottom:
        3px;

    color:
        #78342f;

    font-size:
        11px;
}


/* Mobile Closing */

.mobile-closing {
    display: grid;

    grid-template-columns:
        minmax(0, 0.78fr)
        minmax(0, 1.22fr);

    gap:
        58px;

    margin-top:
        50px;

    padding-top:
        34px;

    border-top:
        1px solid
        rgba(112, 75, 50, 0.15);
}


.mobile-closing h3 {
    max-width:
        500px;

    margin:
        0;

    color:
        #3e2a21;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            30px,
            3.2vw,
            44px
        );

    line-height:
        1.04;
}


.mobile-closing > div:last-child p {
    margin:
        0;

    color:
        #755a4d;

    font-size:
        13px;

    line-height:
        1.77;
}


.mobile-closing > div:last-child p + p {
    margin-top:
        11px;
}


/* Mobile Tablet */

@media (max-width: 1000px) {

    .mobile-hero {
        grid-template-columns:
            1fr;

        gap:
            24px;
    }


    .mobile-hero-visual {
        min-height:
            480px;
    }


    .mobile-hero-visual img {
        max-height:
            520px;
    }


    .device-experience-heading {
        grid-template-columns:
            1fr;

        gap:
            13px;
    }


    .device-panel {
        grid-template-columns:
            1fr;

        gap:
            24px;
    }


    .device-panel-features {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }


    .device-panel-features span + span {
        border-top:
            0;

        border-left:
            1px solid
            rgba(114, 75, 50, 0.10);

        padding-left:
            15px;
    }

}


/* Mobile Small Screens */

@media (max-width: 700px) {

    .mobile-section {
        padding:
            62px 14px 70px;
    }


    .mobile-hero-content h2 {
        font-size:
            clamp(
                38px,
                10vw,
                51px
            );
    }


    .mobile-lead {
        font-size:
            15px;
    }


    .mobile-hero-visual {
        min-height:
            390px;
    }


    .mobile-benefits {
        grid-template-columns:
            1fr;
    }


    .device-tabs {
        grid-template-columns:
            1fr 1fr;
    }


    .device-panel {
        padding:
            24px 20px;
    }


    .device-panel-features {
        grid-template-columns:
            1fr;
    }


    .device-panel-features span + span {
        border-left:
            0;

        border-top:
            1px solid
            rgba(114, 75, 50, 0.10);

        padding-left:
            4px;
    }


    .mobile-closing {
        grid-template-columns:
            1fr;

        gap:
            18px;
    }

}

/*=============================================
              Mobile Experience End
=============================================*/
/*=============================================
             Account Security Start
=============================================*/

.security-section {
    position: relative;
    padding: 82px 20px 88px;
    overflow: hidden;
    color: #3e2922;
    background:
        radial-gradient(
            circle at 83% 13%,
            rgba(166, 48, 41, 0.09),
            transparent 28%
        ),
        radial-gradient(
            circle at 10% 88%,
            rgba(205, 157, 76, 0.13),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #f8eee0 0%,
            #eee0cd 52%,
            #f8f1e7 100%
        );
}

.security-section::before {
    content: "";
    position: absolute;
    top: -280px;
    right: -230px;
    width: 640px;
    height: 640px;
    border: 1px solid rgba(143, 95, 54, 0.12);
    border-radius: 50%;
    pointer-events: none;
}

.security-container {
    position: relative;
    z-index: 1;
    width: min(100%, 1240px);
    margin: 0 auto;
}

.security-intro {
    display: grid;
    grid-template-columns:
        minmax(0, 1.18fr)
        minmax(280px, 0.82fr);
    gap: 55px;
    align-items: center;
}

.security-kicker,
.security-guide-grid span {
    margin: 0 0 9px;
    color: #963932;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.security-intro-content h2 {
    max-width: 760px;
    margin: 0;
    color: #3a271f;
    font-family:
        Georgia,
        "Times New Roman",
        serif;
    font-size:
        clamp(
            44px,
            5vw,
            69px
        );
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.security-lead {
    max-width: 760px;
    margin: 24px 0 0;
    color: #4d342a;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.68;
}

.security-copy {
    max-width: 760px;
    margin: 14px 0 0;
    color: #73584c;
    font-size: 13px;
    line-height: 1.78;
}

.security-intro-visual {
    position: relative;
    min-height: 390px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.security-visual-glow {
    position: absolute;
    width: 85%;
    height: 85%;
    border-radius: 50%;
    background:
        radial-gradient(
            circle at center,
            rgba(148, 44, 40, 0.15),
            rgba(201, 150, 71, 0.08) 52%,
            transparent 72%
        );
    filter: blur(12px);
}

.security-intro-visual img {
    position: relative;
    z-index: 1;
    width: min(100%, 390px);
    max-height: 390px;
    object-fit: contain;
    filter:
        drop-shadow(
            0 22px 26px
            rgba(78, 43, 27, 0.17)
        );
}

.security-principles {
    display: grid;
    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );
    gap: 12px;
    margin-top: 52px;
}

.security-card {
    min-height: 270px;
    padding: 24px;
    border: 1px solid rgba(111, 73, 49, 0.13);
    border-radius: 18px;
    background: rgba(255, 250, 243, 0.56);
    box-shadow:
        0 12px 32px
        rgba(91, 58, 36, 0.06);
}

.security-card-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    border-radius: 50%;
    background: #7e312e;
    color: #ffffff;
    font-size: 18px;
}

.security-card h3 {
    margin: 0;
    color: #402c24;
    font-family:
        Georgia,
        "Times New Roman",
        serif;
    font-size: 23px;
    line-height: 1.1;
}

.security-card p {
    margin: 12px 0 0;
    color: #735a4e;
    font-size: 12px;
    line-height: 1.72;
}

.security-guide {
    margin-top: 28px;
}

.security-guide-toggle {
    width: 100%;
    min-height: 62px;
    padding: 0 23px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid rgba(88, 52, 36, 0.20);
    border-radius: 15px;
    background:
        linear-gradient(
            135deg,
            #4b2d25 0%,
            #38221d 100%
        );
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.security-guide-toggle span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #b98a43;
    color: #ffffff;
    font-size: 21px;
    transition: transform 0.25s ease;
}

.security-guide-toggle.is-open span {
    transform: rotate(45deg);
}

.security-guide-content {
    margin-top: 11px;
    padding: 32px;
    border: 1px solid rgba(108, 71, 48, 0.12);
    border-radius: 18px;
    background: rgba(255, 250, 243, 0.60);
}

.security-guide-content[hidden] {
    display: none;
}

.security-guide-grid {
    display: grid;
    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );
    gap: 28px;
}

.security-guide-grid article {
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(112, 74, 49, 0.10);
}

.security-guide-grid h3 {
    margin: 0;
    color: #402b23;
    font-family:
        Georgia,
        "Times New Roman",
        serif;
    font-size: 20px;
    line-height: 1.15;
}

.security-guide-grid p {
    margin: 10px 0 0;
    color: #735a4e;
    font-size: 12px;
    line-height: 1.73;
}

.security-payment-bridge {
    margin-top: 56px;
    padding: 38px;
    border-radius: 22px;
    background:
        linear-gradient(
            135deg,
            #7d302d 0%,
            #5e2423 52%,
            #42201d 100%
        );
    color: #ffffff;
    box-shadow:
        0 20px 45px
        rgba(88, 35, 30, 0.16);
}

.security-payment-bridge .security-kicker {
    color: #e4bf7a;
}

.security-payment-heading {
    display: grid;
    grid-template-columns:
        minmax(0, 0.9fr)
        minmax(0, 1.1fr);
    gap: 45px;
    align-items: end;
}

.security-payment-heading h3 {
    max-width: 620px;
    margin: 0;
    color: #ffffff;
    font-family:
        Georgia,
        "Times New Roman",
        serif;
    font-size:
        clamp(
            30px,
            3.2vw,
            44px
        );
    line-height: 1.04;
}

.security-payment-copy {
    display: grid;
    grid-template-columns:
        1fr 1fr;
    gap: 22px;
    margin-top: 25px;
}

.security-payment-copy p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 12px;
    line-height: 1.75;
}

.security-payment-points {
    display: grid;
    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );
    gap: 9px;
    margin-top: 25px;
}

.security-payment-points span {
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.72);
    font-size: 10px;
    line-height: 1.5;
}

.security-payment-points strong {
    display: block;
    margin-bottom: 4px;
    color: #efcd8b;
    font-size: 11px;
}

.security-closing {
    display: grid;
    grid-template-columns:
        minmax(0, 0.8fr)
        minmax(0, 1.2fr);
    gap: 58px;
    margin-top: 48px;
    padding-top: 34px;
    border-top: 1px solid rgba(112, 74, 50, 0.15);
}

.security-closing h3 {
    max-width: 520px;
    margin: 0;
    color: #3f2b23;
    font-family:
        Georgia,
        "Times New Roman",
        serif;
    font-size:
        clamp(
            30px,
            3.2vw,
            44px
        );
    line-height: 1.04;
}

.security-closing > p {
    margin: 0;
    color: #73594c;
    font-size: 13px;
    line-height: 1.78;
}

@media (max-width: 1000px) {

    .security-intro {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .security-intro-visual {
        min-height: 320px;
    }

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

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

    .security-payment-heading {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .security-payment-points {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

}

@media (max-width: 700px) {

    .security-section {
        padding: 62px 14px 70px;
    }

    .security-intro-content h2 {
        font-size:
            clamp(
                38px,
                10vw,
                51px
            );
    }

    .security-lead {
        font-size: 15px;
    }

    .security-intro-visual img {
        max-height: 300px;
    }

    .security-principles {
        grid-template-columns: 1fr;
    }

    .security-card {
        min-height: auto;
    }

    .security-guide-content {
        padding: 24px 20px;
    }

    .security-guide-grid {
        grid-template-columns: 1fr;
    }

    .security-payment-bridge {
        padding: 27px 21px;
    }

    .security-payment-copy,
    .security-payment-points {
        grid-template-columns: 1fr;
    }

    .security-closing {
        grid-template-columns: 1fr;
        gap: 18px;
    }

}

/*=============================================
              Account Security End
=============================================*/
/*=============================================
                Payments Start
=============================================*/

.payments-section {
    position: relative;

    padding:
        82px 20px 88px;

    overflow:
        hidden;

    color:
        #eef4f7;

    background:
        radial-gradient(
            circle at 88% 10%,
            rgba(92, 145, 194, 0.24),
            transparent 30%
        ),
        radial-gradient(
            circle at 8% 90%,
            rgba(215, 177, 101, 0.10),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #183a59 0%,
            #245478 52%,
            #183b5b 100%
        );
}


.payments-container {
    position: relative;

    z-index: 1;

    width:
        min(
            100%,
            1240px
        );

    margin:
        0 auto;
}


/* Payments Introduction */

.payments-intro {
    display: grid;

    grid-template-columns:
        minmax(0, 0.88fr)
        minmax(0, 1.12fr);

    gap:
        65px;

    align-items:
        start;

    margin-bottom:
        40px;
}


.payments-kicker,
.payments-panel-kicker {
    margin:
        0 0 9px;

    color:
        #e3c37f;

    font-size:
        10px;

    font-weight:
        900;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;
}


.payments-intro h2 {
    max-width:
        570px;

    margin:
        0;

    color:
        #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            42px,
            4.7vw,
            66px
        );

    line-height:
        0.98;

    letter-spacing:
        -0.045em;
}


.payments-intro-copy p {
    margin:
        0;

    color:
        rgba(231, 240, 246, 0.76);

    font-size:
        13px;

    line-height:
        1.75;
}


.payments-intro-copy p + p {
    margin-top:
        12px;
}


.payments-intro-copy .payments-lead {
    color:
        #f5f9fb;

    font-size:
        16px;

    font-weight:
        700;

    line-height:
        1.65;
}


/* Payments Tabs */

.payments-tabs {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        8px;

    padding:
        6px;

    border:
        1px solid
        rgba(255, 255, 255, 0.10);

    border-radius:
        17px;

    background:
        rgba(7, 24, 40, 0.24);
}


.payments-tab {
    min-height:
        72px;

    padding:
        13px 18px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    justify-content:
        center;

    border:
        1px solid
        transparent;

    border-radius:
        13px;

    background:
        transparent;

    color:
        #dbe8ef;

    text-align:
        left;

    cursor:
        pointer;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}


.payments-tab:hover,
.payments-tab:focus-visible {
    border-color:
        rgba(225, 195, 132, 0.28);
}


.payments-tab.is-active {
    border-color:
        rgba(230, 198, 132, 0.62);

    background:
        #e4c582;

    color:
        #1b3952;
}


.payments-tab strong {
    font-size:
        14px;
}


.payments-tab span {
    margin-top:
        3px;

    font-size:
        9px;

    font-weight:
        700;

    opacity:
        0.72;
}


/* Payments Panel */

.payments-panel {
    margin-top:
        14px;

    padding:
        34px;

    border:
        1px solid
        rgba(255, 255, 255, 0.08);

    border-radius:
        21px;

    background:
        rgba(8, 28, 45, 0.18);

    box-shadow:
        0 20px 50px
        rgba(5, 19, 32, 0.14);
}


.payments-panel[hidden] {
    display:
        none;
}


.payments-panel-heading {
    display: grid;

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

    gap:
        50px;

    align-items:
        end;

    margin-bottom:
        25px;
}


.payments-panel-heading h3 {
    max-width:
        650px;

    margin:
        0;

    color:
        #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            30px,
            3.2vw,
            45px
        );

    line-height:
        1.05;
}


.payments-panel-heading > p {
    margin:
        0;

    color:
        rgba(225, 236, 242, 0.70);

    font-size:
        12px;

    line-height:
        1.7;
}


/* Payment Methods Grid */

.payment-methods-grid {
    display: grid;

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

    gap:
        12px;

    align-items:
        start;
}


.payments-panel[data-payments-panel="deposits"]
.payment-method-card:nth-child(5) {
    grid-column:
        1 / -1;

    justify-self:
        center;

    width:
        calc(50% - 6px);
}


/* Payment Method Cards */

.payment-method-card {
    width:
        100%;

    align-self:
        start;

    padding:
        21px;

    border:
        1px solid
        rgba(169, 207, 228, 0.26);

    border-radius:
        16px;

    background:
        linear-gradient(
            145deg,
            rgba(197, 225, 238, 0.24),
            rgba(162, 204, 225, 0.16)
        );

    box-shadow:
        0 10px 28px
        rgba(5, 24, 40, 0.10);

    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease;
}


.payment-method-card:hover {
    border-color:
        rgba(226, 195, 127, 0.40);

    background:
        linear-gradient(
            145deg,
            rgba(207, 232, 243, 0.30),
            rgba(177, 214, 232, 0.20)
        );
}


/* Payment Brand */

.payment-method-brand {
    display:
        flex;

    align-items:
        center;

    gap:
        14px;
}


.payment-method-logo {
    width:
        82px;

    height:
        48px;

    flex-shrink:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        7px 10px;

    overflow:
        hidden;

    border:
        1px solid
        rgba(85, 136, 165, 0.18);

    border-radius:
        10px;

    background:
        #d9ebf3;
}


.payment-method-logo img {
    display:
        block;

    width:
        100%;

    height:
        100%;

    max-height:
        35px;

    object-fit:
        contain;

    object-position:
        center;
}


/* Visa Logo */

.payment-method-card:first-child
.payment-method-logo {
    width:
        92px;

    height:
        50px;

    padding:
        5px 7px;
}


.payment-method-card:first-child
.payment-method-logo img {
    width:
        100%;

    height:
        100%;

    max-height:
        40px;

    object-fit:
        contain;

    transform:
        scale(1.14);
}


/* Text Logos */

.payment-method-wordmark {
    font-size:
        15px;

    font-weight:
        900;
}


.payment-method-paypal {
    color:
        #164a7c;
}


.payment-method-trustly {
    color:
        #117a53;
}


.payment-method-sofort {
    color:
        #ca3b78;
}


.payment-method-brand h4 {
    margin:
        0;

    color:
        #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        22px;
}


.payment-method-brand span {
    display:
        block;

    margin-top:
        3px;

    color:
        rgba(222, 235, 242, 0.58);

    font-size:
        9px;

    font-weight:
        700;
}


.payment-method-card > p {
    margin:
        16px 0 0;

    color:
        rgba(231, 240, 245, 0.74);

    font-size:
        12px;

    line-height:
        1.7;
}


/* Payment Details */

.payment-method-toggle {
    width:
        100%;

    min-height:
        42px;

    margin-top:
        17px;

    padding:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    border:
        0;

    border-top:
        1px solid
        rgba(207, 228, 239, 0.16);

    background:
        transparent;

    color:
        #edcf8d;

    font-size:
        10px;

    font-weight:
        900;

    text-align:
        left;

    cursor:
        pointer;
}


.payment-method-toggle span {
    font-size:
        19px;

    transition:
        transform 0.2s ease;
}


.payment-method-toggle.is-open span {
    transform:
        rotate(45deg);
}


.payment-method-details {
    padding-top:
        3px;
}


.payment-method-details[hidden] {
    display:
        none;
}


.payment-method-details p {
    margin:
        9px 0 0;

    color:
        rgba(225, 236, 242, 0.70);

    font-size:
        11px;

    line-height:
        1.68;
}


/* Payment Safety */

.payment-safety {
    margin-top:
        55px;
}


.payment-safety-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 0.9fr)
        minmax(0, 1.1fr);

    gap:
        50px;

    align-items:
        end;

    margin-bottom:
        24px;
}


.payment-safety-heading h3 {
    max-width:
        620px;

    margin:
        0;

    color:
        #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            31px,
            3.2vw,
            45px
        );

    line-height:
        1.04;
}


.payment-safety-heading > p {
    margin:
        0;

    color:
        rgba(226, 236, 242, 0.69);

    font-size:
        12px;

    line-height:
        1.7;
}


.payment-safety-grid {
    display: grid;

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

    gap:
        10px;
}


.payment-safety-grid article {
    padding:
        21px;

    border:
        1px solid
        rgba(180, 211, 228, 0.17);

    border-radius:
        14px;

    background:
        rgba(186, 216, 231, 0.10);
}


.payment-safety-grid span {
    color:
        #e2c27f;

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;
}


.payment-safety-grid h4 {
    margin:
        8px 0 0;

    color:
        #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        19px;
}


.payment-safety-grid p {
    margin:
        9px 0 0;

    color:
        rgba(226, 236, 242, 0.69);

    font-size:
        11px;

    line-height:
        1.7;
}


/* Payments More */

.payments-more {
    margin-top:
        38px;
}


.payments-more-toggle {
    width:
        100%;

    min-height:
        60px;

    padding:
        0 22px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    border:
        1px solid
        rgba(229, 194, 125, 0.26);

    border-radius:
        14px;

    background:
        rgba(225, 191, 124, 0.09);

    color:
        #efd395;

    font-size:
        12px;

    font-weight:
        900;

    cursor:
        pointer;
}


.payments-more-toggle span {
    width:
        32px;

    height:
        32px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        #dfbd79;

    color:
        #1d3951;

    font-size:
        20px;

    transition:
        transform 0.25s ease;
}


.payments-more-toggle.is-open span {
    transform:
        rotate(45deg);
}


.payments-more-content {
    margin-top:
        10px;

    padding:
        28px;

    border:
        1px solid
        rgba(178, 211, 228, 0.15);

    border-radius:
        16px;

    background:
        rgba(173, 207, 225, 0.08);
}


.payments-more-content[hidden] {
    display:
        none;
}


.payments-more-grid {
    display: grid;

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

    gap:
        25px;
}


.payments-more-grid h3 {
    margin:
        0;

    color:
        #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        19px;
}


.payments-more-grid p {
    margin:
        8px 0 0;

    color:
        rgba(224, 236, 242, 0.69);

    font-size:
        11px;

    line-height:
        1.72;
}


/* Payments Closing */

.payments-closing {
    display: grid;

    grid-template-columns:
        minmax(0, 0.78fr)
        minmax(0, 1.22fr);

    gap:
        58px;

    margin-top:
        48px;

    padding-top:
        33px;

    border-top:
        1px solid
        rgba(211, 230, 240, 0.14);
}


.payments-closing h3 {
    max-width:
        500px;

    margin:
        0;

    color:
        #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            29px,
            3.1vw,
            43px
        );

    line-height:
        1.04;
}


.payments-closing > p {
    margin:
        0;

    color:
        rgba(226, 237, 243, 0.71);

    font-size:
        12px;

    line-height:
        1.76;
}


/* Payments Tablet */

@media (max-width: 1000px) {

    .payments-intro,
    .payments-panel-heading,
    .payment-safety-heading {
        grid-template-columns:
            1fr;

        gap:
            18px;
    }


    .payments-panel[data-payments-panel="deposits"]
    .payment-method-card:nth-child(5) {
        width:
            calc(50% - 6px);
    }


    .payment-safety-grid,
    .payments-more-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

}


/* Payments Mobile */

@media (max-width: 700px) {

    .payments-section {
        padding:
            62px 14px 70px;
    }


    .payments-intro h2 {
        font-size:
            clamp(
                38px,
                10vw,
                50px
            );
    }


    .payments-tabs {
        grid-template-columns:
            1fr;
    }


    .payments-panel {
        padding:
            23px 18px;
    }


    .payment-methods-grid,
    .payment-safety-grid,
    .payments-more-grid {
        grid-template-columns:
            1fr;
    }


    .payments-panel[data-payments-panel="deposits"]
    .payment-method-card:nth-child(5) {
        grid-column:
            auto;

        width:
            100%;
    }


    .payment-method-logo {
        width:
            76px;
    }


    .payment-method-card:first-child
    .payment-method-logo {
        width:
            86px;
    }


    .payments-more-content {
        padding:
            22px 18px;
    }


    .payments-closing {
        grid-template-columns:
            1fr;

        gap:
            18px;
    }

}

/*=============================================
                Payments End
=============================================*/
/*=============================================
                 FAQ Start
=============================================*/

.faq-section {
    position: relative;

    padding:
        78px 20px 86px;

    overflow: hidden;

    color:
        #27363c;

    background:
        radial-gradient(
            circle at 90% 8%,
            rgba(175, 145, 98, 0.13),
            transparent 28%
        ),
        radial-gradient(
            circle at 7% 92%,
            rgba(105, 132, 143, 0.12),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #e3e1da 0%,
            #d3d9d8 50%,
            #e8e4dc 100%
        );
}


.faq-container {
    width:
        min(
            100%,
            1240px
        );

    margin:
        0 auto;
}


/* FAQ Introduction */

.faq-intro {
    display: grid;

    grid-template-columns:
        minmax(0, 0.88fr)
        minmax(0, 1.12fr);

    gap:
        60px;

    align-items:
        start;

    margin-bottom:
        36px;
}


.faq-kicker {
    display:
        block;

    margin:
        0 0 9px;

    color:
        #8c692f;

    font-size:
        10px;

    font-weight:
        900;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;
}


.faq-intro h2 {
    max-width:
        600px;

    margin:
        0;

    color:
        #28373d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            40px,
            4.5vw,
            62px
        );

    line-height:
        0.99;

    letter-spacing:
        -0.04em;
}


.faq-intro-copy p {
    margin:
        0;

    color:
        #58696f;

    font-size:
        13px;

    line-height:
        1.72;
}


.faq-intro-copy p + p {
    margin-top:
        11px;
}


.faq-intro-copy .faq-lead {
    color:
        #34474e;

    font-size:
        15px;

    font-weight:
        700;

    line-height:
        1.65;
}


/* FAQ Grid */

.faq-grid {
    display:
        grid;

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

    gap:
        14px;

    align-items:
        start;
}


.faq-column {
    display:
        flex;

    flex-direction:
        column;

    gap:
        12px;

    min-width:
        0;
}


/* FAQ Item */

.faq-item {
    width:
        100%;

    align-self:
        flex-start;

    overflow:
        hidden;

    border:
        1px solid
        rgba(65, 81, 87, 0.13);

    border-radius:
        15px;

    background:
        rgba(245, 246, 242, 0.77);

    box-shadow:
        0 8px 24px
        rgba(49, 64, 69, 0.05);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}


.faq-item.is-open {
    border-color:
        rgba(145, 108, 52, 0.31);

    background:
        rgba(249, 248, 244, 0.96);

    box-shadow:
        0 13px 30px
        rgba(49, 64, 69, 0.08);
}


/* FAQ Toggle */

.faq-toggle {
    width:
        100%;

    min-height:
        104px;

    padding:
        18px 20px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    border:
        0;

    background:
        transparent;

    color:
        #2c3c42;

    text-align:
        left;

    cursor:
        pointer;
}


.faq-toggle > span {
    display:
        block;

    min-width:
        0;
}


.faq-toggle small {
    display:
        block;

    margin-bottom:
        6px;

    color:
        #8d692f;

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        0.13em;

    text-transform:
        uppercase;
}


.faq-toggle strong {
    display:
        block;

    color:
        #2b3a40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        17px;

    line-height:
        1.28;
}


.faq-toggle i {
    width:
        32px;

    height:
        32px;

    display:
        grid;

    place-items:
        center;

    flex-shrink:
        0;

    border-radius:
        50%;

    background:
        #34525b;

    color:
        #ffffff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        19px;

    font-style:
        normal;

    transition:
        transform 0.22s ease,
        background 0.22s ease;
}


.faq-toggle[aria-expanded="true"] i {
    transform:
        rotate(45deg);

    background:
        #96702f;
}


/* FAQ Panel */

.faq-panel {
    width:
        100%;
}


.faq-panel[hidden] {
    display:
        none !important;
}


.faq-answer {
    padding:
        0 20px 21px;
}


.faq-answer::before {
    content:
        "";

    display:
        block;

    height:
        1px;

    margin-bottom:
        15px;

    background:
        rgba(66, 82, 88, 0.10);
}


.faq-answer p {
    margin:
        0;

    color:
        #5b6b71;

    font-size:
        12px;

    line-height:
        1.75;
}


.faq-answer p + p {
    margin-top:
        11px;
}


/* FAQ Closing */

.faq-closing {
    display:
        grid;

    grid-template-columns:
        minmax(0, 0.78fr)
        minmax(0, 1.22fr);

    gap:
        58px;

    margin-top:
        44px;

    padding-top:
        32px;

    border-top:
        1px solid
        rgba(62, 77, 83, 0.13);
}


.faq-closing h3 {
    max-width:
        520px;

    margin:
        0;

    color:
        #2b3a40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            29px,
            3.1vw,
            43px
        );

    line-height:
        1.04;
}


.faq-closing > p {
    margin:
        0;

    color:
        #596a70;

    font-size:
        12px;

    line-height:
        1.76;
}


/* FAQ Tablet */

@media (max-width: 950px) {

    .faq-intro {
        grid-template-columns:
            1fr;

        gap:
            19px;
    }


    .faq-grid {
        grid-template-columns:
            1fr;
    }


    .faq-closing {
        grid-template-columns:
            1fr;

        gap:
            18px;
    }

}


/* FAQ Mobile */

@media (max-width: 700px) {

    .faq-section {
        padding:
            60px 14px 68px;
    }


    .faq-intro h2 {
        font-size:
            clamp(
                37px,
                10vw,
                49px
            );
    }


    .faq-toggle {
        min-height:
            92px;

        padding:
            16px;
    }


    .faq-toggle strong {
        font-size:
            16px;
    }


    .faq-answer {
        padding:
            0 16px 18px;
    }

}

/*=============================================
                  FAQ End
=============================================*/
/*=============================================
                   Footer Start
=============================================*/

.site-footer {
    position: relative;

    padding:
        48px 20px 22px;

    overflow: hidden;

    color:
        #dce8e5;

    background:
        radial-gradient(
            circle at 8% 0%,
            rgba(191, 144, 67, 0.08),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #18363a 0%,
            #102b2f 52%,
            #0b2327 100%
        );

    border-top:
        1px solid
        rgba(220, 181, 110, 0.22);
}


.site-footer::before {
    content: "";

    position: absolute;

    top:
        0;

    left:
        50%;

    width:
        min(
            100%,
            1240px
        );

    height:
        1px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(225, 188, 115, 0.38),
            transparent
        );

    pointer-events:
        none;
}


.footer-container {
    position: relative;

    z-index: 1;

    width:
        min(
            100%,
            1240px
        );

    margin:
        0 auto;
}


/* Footer Main */

.footer-main {
    display: grid;

    grid-template-columns:
        minmax(300px, 1.45fr)
        minmax(130px, 0.55fr)
        minmax(150px, 0.62fr)
        minmax(170px, 0.68fr);

    gap:
        42px;

    align-items:
        start;
}


/* Footer Brand */

.footer-brand {
    max-width:
        420px;
}


.footer-logo {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        11px;
}


.footer-logo-mark {
    min-width:
        50px;

    height:
        40px;

    padding:
        0 8px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid
        rgba(234, 199, 126, 0.78);

    border-radius:
        10px;

    background:
        linear-gradient(
            135deg,
            #ed3047 0%,
            #c71630 55%,
            #971022 100%
        );

    color:
        #ffffff;

    font-size:
        18px;

    font-weight:
        900;

    line-height:
        1;

    box-shadow:
        0 8px 20px
        rgba(137, 17, 34, 0.23);
}


.footer-logo-text {
    display:
        flex;

    flex-direction:
        column;

    line-height:
        1;
}


.footer-logo-text strong {
    color:
        #ffffff;

    font-size:
        13px;

    letter-spacing:
        0.14em;
}


.footer-logo-text small {
    margin-top:
        4px;

    color:
        #d8bc82;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.25em;
}


.footer-brand p {
    max-width:
        400px;

    margin:
        13px 0 0;

    color:
        rgba(219, 232, 229, 0.64);

    font-size:
        10px;

    line-height:
        1.7;
}


.footer-brand .footer-brand-lead {
    margin-top:
        17px;

    color:
        rgba(229, 238, 236, 0.78);

    font-size:
        11px;

    font-weight:
        600;
}


/* Footer Badges */

.footer-badges {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px;

    margin-top:
        17px;
}


.footer-badges span {
    padding:
        6px 10px;

    border:
        1px solid
        rgba(221, 184, 112, 0.20);

    border-radius:
        999px;

    background:
        rgba(221, 184, 112, 0.04);

    color:
        #d9bb80;

    font-size:
        8px;

    font-weight:
        800;

    line-height:
        1;
}


/* Footer Links */

.footer-links h3 {
    margin:
        3px 0 15px;

    color:
        #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        17px;

    line-height:
        1.1;
}


.footer-links ul {
    margin:
        0;

    padding:
        0;

    list-style:
        none;
}


.footer-links li {
    margin:
        0;
}


.footer-links li + li {
    margin-top:
        8px;
}


.footer-links a {
    position:
        relative;

    display:
        inline-block;

    color:
        rgba(215, 229, 226, 0.66);

    font-size:
        10px;

    line-height:
        1.45;

    transition:
        color 0.2s ease,
        transform 0.2s ease;
}


.footer-links a:hover,
.footer-links a:focus-visible {
    color:
        #e3c381;

    transform:
        translateX(3px);
}


/* Footer Responsible Play */

.footer-responsible {
    display: grid;

    grid-template-columns:
        auto 1fr;

    gap:
        17px;

    align-items:
        center;

    margin-top:
        34px;

    padding:
        17px 0;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.075);

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.075);
}


.footer-age {
    width:
        46px;

    height:
        46px;

    display:
        grid;

    place-items:
        center;

    border:
        2px solid
        #d4b16b;

    border-radius:
        50%;

    color:
        #e2c17e;

    font-size:
        13px;

    font-weight:
        900;

    line-height:
        1;
}


.footer-responsible-content strong {
    display:
        block;

    color:
        #ffffff;

    font-size:
        11px;
}


.footer-responsible-content p {
    max-width:
        900px;

    margin:
        4px 0 0;

    color:
        rgba(213, 227, 224, 0.58);

    font-size:
        9px;

    line-height:
        1.6;
}


/* Footer Bottom */

.footer-bottom {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        25px;

    padding-top:
        18px;
}


.footer-bottom p {
    margin:
        0;

    color:
        rgba(211, 225, 222, 0.44);

    font-size:
        9px;
}


.footer-bottom-links {
    display:
        flex;

    flex-wrap:
        wrap;

    justify-content:
        flex-end;

    gap:
        15px;
}


.footer-bottom-links a {
    color:
        rgba(214, 228, 225, 0.54);

    font-size:
        9px;

    transition:
        color 0.2s ease;
}


.footer-bottom-links a:hover,
.footer-bottom-links a:focus-visible {
    color:
        #e3c381;
}


/* Footer Tablet */

@media (max-width: 950px) {

    .footer-main {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap:
            32px 40px;
    }


    .footer-brand {
        max-width:
            none;
    }

}


/* Footer Mobile */

@media (max-width: 620px) {

    .site-footer {
        padding:
            40px 14px 20px;
    }


    .footer-main {
        grid-template-columns:
            1fr;

        gap:
            26px;
    }


    .footer-brand p {
        max-width:
            none;
    }


    .footer-responsible {
        align-items:
            start;
    }


    .footer-bottom {
        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            11px;
    }


    .footer-bottom-links {
        justify-content:
            flex-start;

        gap:
            12px;
    }

}

/*=============================================
                    Footer End
=============================================*/
/*=============================================
                Legal Pages Start
=============================================*/

.legal-page {
    position: relative;

    min-height:
        calc(
            100vh -
            var(--header-height)
        );

    margin-top:
        var(--header-height);

    padding:
        74px 20px 88px;

    overflow:
        hidden;

    color:
        #354147;

    background:
        radial-gradient(
            circle at 88% 5%,
            rgba(178, 144, 82, 0.12),
            transparent 27%
        ),
        radial-gradient(
            circle at 8% 92%,
            rgba(87, 123, 138, 0.10),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #e8e4dc 0%,
            #dce1df 50%,
            #ebe6dd 100%
        );
}


.legal-page::before {
    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        100%;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(170, 128, 61, 0.38),
            transparent
        );

    pointer-events:
        none;
}


.legal-page-container {
    position:
        relative;

    z-index:
        1;

    width:
        min(
            100%,
            1040px
        );

    margin:
        0 auto;
}


/* Legal Header */

.legal-page-head {
    max-width:
        900px;

    margin:
        0 auto 42px;

    padding-bottom:
        34px;

    border-bottom:
        1px solid
        rgba(60, 78, 85, 0.13);
}


.legal-page-kicker {
    display:
        block;

    margin:
        0 0 10px;

    color:
        #936c2f;

    font-size:
        10px;

    font-weight:
        900;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;
}


.legal-page-head h1 {
    max-width:
        800px;

    margin:
        0;

    color:
        #28383f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            43px,
            5.2vw,
            70px
        );

    line-height:
        0.98;

    letter-spacing:
        -0.045em;
}


.legal-page-intro {
    max-width:
        850px;

    margin:
        22px 0 0;

    color:
        #506168;

    font-size:
        15px;

    font-weight:
        600;

    line-height:
        1.75;
}


.legal-last-updated {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        5px;

    margin:
        19px 0 0;

    padding:
        7px 11px;

    border:
        1px solid
        rgba(137, 101, 47, 0.16);

    border-radius:
        999px;

    background:
        rgba(235, 225, 207, 0.54);

    color:
        #75654d;

    font-size:
        9px;

    font-weight:
        800;
}


.legal-last-updated span {
    color:
        #8e672d;
}


/* Legal Content */

.legal-content {
    width:
        min(
            100%,
            900px
        );

    margin:
        0 auto;
}


.legal-section {
    position:
        relative;

    padding:
        27px 29px;

    border:
        1px solid
        rgba(60, 78, 85, 0.11);

    border-radius:
        16px;

    background:
        rgba(245, 244, 239, 0.64);

    box-shadow:
        0 9px 25px
        rgba(49, 65, 70, 0.045);
}


.legal-section + .legal-section {
    margin-top:
        12px;
}


.legal-section::before {
    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        28px;

    width:
        46px;

    height:
        2px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            #9b7132,
            #c49a51
        );
}


.legal-section h2 {
    max-width:
        760px;

    margin:
        0;

    color:
        #2e3e44;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            23px,
            2.2vw,
            30px
        );

    line-height:
        1.12;

    letter-spacing:
        -0.015em;
}


.legal-section p {
    margin:
        13px 0 0;

    color:
        #596a70;

    font-size:
        12px;

    line-height:
        1.78;
}


.legal-section p + p {
    margin-top:
        10px;
}


/* Legal Internal Links */

.legal-section a {
    color:
        #8e6427;

    font-weight:
        800;

    text-decoration:
        underline;

    text-decoration-thickness:
        1px;

    text-underline-offset:
        3px;

    transition:
        color 0.2s ease;
}


.legal-section a:hover,
.legal-section a:focus-visible {
    color:
        #bf1731;
}


/* Current Legal Page in Footer */

.footer-links a[aria-current="page"],
.footer-bottom-links a[aria-current="page"] {
    color:
        #e3c381;

    font-weight:
        800;
}


/* Legal Tablet */

@media (max-width: 900px) {

    .legal-page {
        padding:
            64px 18px 76px;
    }


    .legal-page-container {
        width:
            min(
                100%,
                920px
            );
    }


    .legal-page-head,
    .legal-content {
        max-width:
            100%;
    }

}


/* Legal Mobile */

@media (max-width: 620px) {

    .legal-page {
        padding:
            50px 14px 64px;
    }


    .legal-page-head {
        margin-bottom:
            28px;

        padding-bottom:
            27px;
    }


    .legal-page-head h1 {
        font-size:
            clamp(
                38px,
                11vw,
                50px
            );
    }


    .legal-page-intro {
        margin-top:
            18px;

        font-size:
            14px;

        line-height:
            1.68;
    }


    .legal-section {
        padding:
            24px 18px 22px;

        border-radius:
            14px;
    }


    .legal-section::before {
        left:
            18px;
    }


    .legal-section h2 {
        font-size:
            23px;
    }


    .legal-section p {
        font-size:
            12px;

        line-height:
            1.72;
    }

}

/*=============================================
                 Legal Pages End
=============================================*/