/**
 * FitRazDva WordPress Theme 2022
 * FitRazDva WordPress custom theme.
 *
 * @version:       v0.1.1
 * @updated:       31-8-2025
 * @license:       MIT
 */
@charset "UTF-8";

/* Main styles */

:root {
    /* Colors */
    --color-black: #030709;
    --color-white: #fff;
    --color-white-a10: rgb(255 255 255 / 10%);
    --color-white-a50: rgb(255 255 255 / 50%);
    --color-white-a60: rgb(255 255 255 / 60%);
    --color-white-a70: rgb(255 255 255 / 70%);
    --color-primary: #c69841;

    --color-theme-1: #0b1214;
    --color-theme-2: #0e1c1f;
    --color-theme-3: #030709;
    --color-green: #67bb24;

    /* Fonts */
    --font-family-base: Open Sans, sans-serif;
    --font-family-header: "Playfair Display";
    --font-weight-normal: 300;
    --font-weight-strong: 600;

    /* Layout */
    --layout-column-gap: 1rem;
    --layout-max-width: 73.125rem; /* 1170px */
    /* --layout-max-width: 100rem; */ /* 1170px */
    --icon-svg-size: 1.5rem;
    --icon-svg-opacity: 0.5;
    --campaign-item-image-ratio: 3/2;

    --base-line-height-rem: 1.5rem;

    --scroll-offset: 5.5rem;
}

@media (min-width: 64rem) {
    :root {
        --scroll-offset: 8.5rem;
    }
}

/* RESET START */

:root {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color-scheme: light dark;
    hanging-punctuation: first last;
}

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
}

img,
picture,
svg,
video {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
}

p {
    text-wrap: pretty;
}

@media (prefers-reduced-motion: no-preference) {
    :has(:target) {
        scroll-behavior: smooth;
        scroll-margin-top: var(--scroll-margin-top, 3rem);
    }
}

body {
    margin: 0;
    padding: 0;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

/* RESET END */

html {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: var(--scroll-offset, 2rem);

    background: var(--color-theme-1, #0b1214);

    color: var(--color-white, #fff);

    text-rendering: optimizeLegibility;

    /* Paragraph */
    font-family: var(--font-family-base, Open Sans, sans-serif);
    /* font-size: 16px; */
    font-style: normal;
    font-weight: var(--font-weight-normal, 300);
    line-height: 1.5; /* 1.5rem */

    *,
    *:before,
    *:after {
        -webkit-box-sizing: inherit;
                box-sizing: inherit;
    }
}

body {
    padding: 0;
    margin: 0;
}

a {
    color: var(--color-primary, #c69841);
    text-underline-offset: 0.25rem;
    text-underline-position: auto;
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
}

strong {
    font-weight: 700;
}

svg {
    display: block;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
    font-family: var(--font-family-header, "Playfair Display");
    font-weight: 400;
    line-height: 1.3;
    font-style: normal;
    margin: 0;
}

h1,
.h1 {
    font-size: 3rem;
}

h2,
.h2 {
    font-size: 2.25rem;
}

h3,
.h3 {
    /* H3 */
    font-size: 1.75rem;
}

h4,
.h4 {
    /* H4 */
    font-size: 1.375rem;
}

p {
    margin: 0;
    -webkit-margin-after: var(--base-line-height-rem);
            margin-block-end: var(--base-line-height-rem);
    color: var(--color-white-a50, rgba(255, 255, 255, 0.5));

    /* Paragraph */
    font-family: var(--font-family-base, Open Sans, sans-serif);
    font-size: 1rem;
    font-style: normal;
    font-weight: var(--font-weight-normal, 300);
    line-height: 150%; /* 24px */
}

.small-header {

    /* Small Header */
    font-family: var(--font-family-base, Open Sans, sans-serif);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: var(--font-weight-strong, 600);
    line-height: 130%; /* 1.1375rem */
    letter-spacing: 0.035rem;
    text-transform: uppercase;
    margin-bottom: 0;
}

.small {
    /* Small */
    font-size: 0.875rem;
    line-height: 150%; /* 1.3125rem */
    letter-spacing: 0.035rem;
}

.h1-subheading {
    color: var(--color-white-a70, rgba(255, 255, 255, 0.7));

    /* H1 subheading */
    font-family: var(--font-family-base, Open Sans, sans-serif);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: var(--font-weight-normal, 300);
    line-height: 1.6; /* 32px */
}

.h2-subheading {
    color: var(--color-white-a70, rgba(255, 255, 255, 0.7));

    /* H2 subheading */
    font-family: var(--font-family-base, Open Sans, sans-serif);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: var(--font-weight-normal, 300);
    line-height: 1.6; /* 28.8px */
}

.color-primary {
    color: var(--color-primary, #c69841);
}

.color-white {
    color: var(--color-white, #fff);
}

.ml-auto {
    -webkit-margin-start: auto;
            margin-inline-start: auto;
}

.mr-auto {
    -webkit-margin-end: auto;
            margin-inline-end: auto;
}

.text-center {
    text-align: center;
}

.page-section {
    padding-block: 6.25rem;
}

.row-column {
    width: min(
        100% - var(--layout-column-gap, 1rem) * 2,
        var(--layout-max-width, 73.125rem)
    );
    margin-inline: auto;
}

.page-section-contact-map {
    width: min(
        100%,
        var(--layout-max-width, 73.125rem) + var(--layout-column-gap, 1rem) * 2
    );
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3rem;
    background-color: var(--color-theme-2, #0e1c1f);
}

.page-section-contact-map__contact {
    padding-inline: var(--layout-column-gap, 1rem);
    padding-block: 3rem;
}

.page-section-contact-map__map {
    position: relative;

    img {
        display: block;
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        height: 100%;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        -webkit-filter: grayscale(1);
                filter: grayscale(1);
    }
}

.page-section-contact-map__pin {
    position: absolute;
    inset: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.page-section-contact-map__pin-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: var(--color-white);
    color: var(--color-primary);
    font-size: var(--icon-svg-size);
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    pointer-events: all;
    -webkit-box-shadow:
        0 0.125rem 0.25rem rgba(0, 0, 0, 0.2),
        0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
            box-shadow:
        0 0.125rem 0.25rem rgba(0, 0, 0, 0.2),
        0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);

    &:hover {
        scale: 1.025;
    }
}

.page-section-contact-map__pin-icon {
    --icon-svg-size: 2.5rem;
    --icon-svg-opacity: 1;
}

@media (min-width: 64rem) {
    .page-section-contact-map {
        display: grid;
        gap: 0;
        grid-template-columns: 1fr 1fr;
    }

    .page-section-contact-map__contact {
        padding-inline: 3rem;
        padding-block: 5rem;
    }
}

.page-subnav {
    background-color: var(--color-theme-2, #0e1c1f);
    border-bottom: 0.0625rem solid var(--color-theme-2, #0e1c1f);
}

.page-about {
}

.page-about__row {
    display: grid;
    width: min(
        calc(100% - (var(--layout-column-gap, 1rem) * 2)),
        var(--layout-max-width, 73.125rem)
    );
    margin-inline: auto;
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
}

.page-about__navigation {
}

.page-about__navigation-content {
    position: sticky;
    top: 11rem;
    -webkit-padding-after: 1.5rem;
            padding-block-end: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.25rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.page-about__content {
}

.page-about__content-header {
    -webkit-margin-after: 3rem;
            margin-block-end: 3rem;
}

.page-about__section {
    padding-block: 6.25rem;
}

.page-about__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.75rem;
    width: 100%;

    a {
        color: var(--color-white, #fff);
    }
}

@media (min-width: 64rem) {
    .page-about__row {
        grid-template-columns: repeat(12, 1fr);
        gap: var(--layout-column-gap, 1rem);
    }

    .page-about__navigation {
        grid-column: 1 / span 3;
    }

    .page-about__content {
        grid-column: 5 / span end;
    }
}

.page-detail__section-article {
    padding-block: 6.25rem;
}

.page-detail__section-conditions {
    padding-block: 6.25rem;
    background: var(--color-theme-2, #0e1c1f);
}

.page-detail__section-checkout {
    padding-block: 6.25rem;
}

.page-detail-article__row {
    display: grid;
    width: min(
        calc(100% - (var(--layout-column-gap, 1rem) * 2)),
        var(--layout-max-width, 73.125rem)
    );
    margin-inline: auto;
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
}

.page-detail-article__aside {
    display: block;
}

.page-detail-article__aside-content {
    position: sticky;
    top: 11rem;
}

.page-detail-article__content {
    display: block;
}

@media (min-width: 64rem) {
    .page-detail-article__row {
        --layout-columns: 12;
        --layout-column-gap: 2rem;
        grid-template-columns: repeat(var(--layout-columns), 1fr);
        gap: var(--layout-column-gap, 2rem);
    }

    .page-detail-article__aside {
        grid-row: 1 / span end;
        grid-column: 9 / span end;
    }

    .page-detail-article__aside-content {
        -webkit-padding-after: 1.5rem;
                padding-block-end: 1.5rem;
    }

    .page-detail-article__content {
        grid-row: 1 / span end;
        grid-column: 1 / span
            calc(var(--layout-columns) - (var(--layout-columns) / 3));
    }
}

.page-detail-conditions__row {
    display: grid;
    width: min(calc(100% - (var(--layout-column-gap, 2rem) * 2)), 50rem);
    margin-inline: auto;
    gap: 2rem;
}

.page-detail-checkout__row {
    display: grid;
    width: min(calc(100% - (var(--layout-column-gap, 2rem) * 2)), 50rem);
    margin-inline: auto;
    gap: 2rem;
}

.article {
    & > * {
        color: var(--color-white-a70);
        margin-block: 1.5rem;
    }

    & > :first-child {
        -webkit-margin-before: 0;
                margin-block-start: 0;
    }

    a:not(.button) {
        /* color: #781036; */
        line-height: inherit;
        text-decoration: underline;
    }

    :is(
            div,
            dl,
            dt,
            dd,
            ul,
            ol,
            li,
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            pre,
            form,
            p,
            blockquote,
            th,
            td
        ) {
        margin: 0;
        padding: 0;
    }

    :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
        display: block;
        margin: 0 0 1.5rem 0;
    }

    :is(h1, h2, h3, h4, h5, h6) {
        color: var(--color-white);
    }

    :is(h2, .h2) {
        font-size: 2.125em;
        line-height: 1.3;
    }

    :is(h3, .h3) {
        font-size: 1.625em;
        line-height: 1.4;
    }

    :is(h5, .h5) {
        font-size: 1em;
        line-height: 2.09;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    :is(h4, .h4) {
        font-size: 1.25em;
    }

    :is(h6, .h6) {
        font-size: 1rem;
    }

    p {
        font-family: inherit;
        font-size: inherit;
        line-height: 1.5;
        text-rendering: optimizeLegibility;
        margin-block: 1.5rem;
    }

    .sub-titulek {
        display: block;
        font-size: 130%;
        font-style: italic;
    }

    :is(ul, ol, dl) {
        margin-block: 1.5rem;
    }

    hr {
        -webkit-box-sizing: content-box;
                box-sizing: content-box;
        clear: both;
        width: 100%;
        height: 3px;
        padding: 0;
        outline: 0 none;
        margin-block: 3rem;
        display: block;
        border: 0 none;
        border-top: 2px dotted var(--color-white-a10);
    }

    figure {
        display: block;
        margin-inline: 0;
        text-align: center;

        & img {
            margin: 0 0 1.5rem 0;
        }

        &:has(img.alignleft) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
        }

        &:has(img.alignright) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
        }

        &:has(img.aligncenter) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }
    }

    img {
        border-radius: 0.5rem;
        display: inline-block;
        vertical-align: middle;
    }

    :is(ul, ol, dl) {
        font-family: inherit;
        font-size: inherit;
        line-height: 1.5;
        list-style-position: outside;
        margin-bottom: 1.5rem;
    }

    ul {
        margin-left: 1.1rem;
    }

    .table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        margin-bottom: 3rem;
        border: 0 none;
    }

    .table thead {
        font-weight: 800;
        background-color: transparent;
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 3px solid var(--color-primary);
        width: 25%;
        font-size: 120%;
    }

    .table th,
    .table td {
        padding: 8px;
        line-height: 1.5;
        text-align: left;
        border: 0 none;
        font-size: inherit;
    }

    .table thead th {
        width: 40%;
    }

    .table thead th + th {
        width: 30%;
    }

    .table tbody tr {
        -webkit-transition: all 0.15s;
        transition: all 0.15s;
    }

    .table tbody td {
        border-bottom: 1px solid var(--color-primary);
    }

    .table tbody tr:nth-child(odd) {
        background: var(--color-theme-2);
    }
}

.footer-copyright {
    background: var(--color-theme-3, #030709);
    padding: 1.5rem 0rem;

    color: var(--color-white, #fff);
    text-align: right;

    /* Small */
    font-size: 0.875rem;
    letter-spacing: 0.035rem;
}

.footer-copyright__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: min(
        calc(100% - (var(--layout-column-gap, 1rem) * 2)),
        var(--layout-max-width, 73.125rem)
    );
    margin-inline: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.25rem;
}

.footer-copyright__copy-terms {
    color: var(--color-white-a70, rgba(255, 255, 255, 0.7));
}

.footer-copyright__sign {
    color: var(--color-white-a70, rgba(255, 255, 255, 0.7));
}

@media (min-width: 43.75rem) {
    .footer-copyright__row {
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 1rem;
    }

    .footer-copyright__copy-terms {
        text-align: left;
    }

    .footer-copyright__sign {
        text-align: right;
    }
}

.footer-marks {
    background: var(--color-theme-3, #030709);
    padding: 2rem 0rem 0.5rem 0rem;
}

.footer-marks__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: min(
        calc(100% - (var(--layout-column-gap, 1rem) * 2)),
        var(--layout-max-width, 73.125rem)
    );
    margin-inline: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: var(--layout-column-gap, 1rem);
}

.footer-marks__item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    height: 1.875rem;

    &:hover {
        opacity: 1;
    }
}

.footer-marks__item--rp {
    opacity: 1;
    height: 3.75rem;
}

@media (min-width: 43.75rem) {
    .footer-marks {
        padding: 1rem 0rem 0.5rem 0rem;
    }

    .footer-marks__row {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}

.footer-links {
    background: #050b0d;
    padding: 3.75rem 0;

    a {
        color: var(--color-white, #fff);
    }
}

.footer-links__row {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    width: min(
        calc(100% - (var(--layout-column-gap, 1rem) * 2)),
        var(--layout-max-width, 73.125rem)
    );
    margin-inline: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-column-gap: calc(var(--layout-column-gap, 1rem) * 2);
       -moz-column-gap: calc(var(--layout-column-gap, 1rem) * 2);
            column-gap: calc(var(--layout-column-gap, 1rem) * 2);
    row-gap: 2.25rem;
}

.footer-links__section-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2.25rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
}

.footer-links__section-contacts-logo {
    display: block;
    height: auto;
    max-width: 150px;
    width: 100%;
}

.footer-links__section-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2.25rem;
}

.footer-links__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
}

.footer-links__widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1.25rem;

    .menu {
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 0.75rem;
        width: 100%;
        margin: unset;
        padding: unset;
    }
}

@media (min-width: 31.25rem) {
    .footer-links__row {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-links__section-contacts {
        grid-column: 1 / span 1;
    }

    .footer-links__section-column:nth-of-type(1) {
        grid-column: 2 / span 1;
    }

    .footer-links__section-column:nth-of-type(2) {
        grid-column: 2 / span 1;
    }
}

@media (min-width: 64rem) {
    .footer-links__row {
        grid-template-columns: repeat(3, 1fr);
    }

    .footer-links__section-contacts {
        grid-column: 1 / span 1;
    }

    .footer-links__section-column:nth-of-type(1) {
        grid-column: 2 / span 1;
    }

    .footer-links__section-column:nth-of-type(2) {
        grid-column: 3 / span 1;
    }
}

.footer-addresses {
    background: var(--color-theme-1, #0b1214);
    border-top: clamp(1px, 0.0625rem, 1px) solid var(--color-primary, #c69841);
    border-bottom: clamp(1px, 0.0625rem, 1px) solid
        var(--color-primary, #c69841);
}

.footer-addresses__row {
    display: grid;
    width: min(
        calc(100% - (var(--layout-column-gap, 1rem) * 2)),
        var(--layout-max-width, 73.125rem)
    );
    margin-inline: auto;
    gap: var(--layout-column-gap, 1rem);
    grid-template-columns: repeat(1, 1fr);
}

.footer-addresses__address {
    display: grid;
    padding: 1.5rem 0;
    gap: 0.5rem;
    grid-template-columns: var(--icon-svg-size, 1.25rem) 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas:
        "icon header"
        ". address";

    & + & {
        position: relative;

        &::before {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            height: clamp(1px, 0.0625rem, 1px);
            top: 0;
            bottom: 100%;
            width: 100%;
            background: var(--color-primary, #c69841);
            -webkit-transform: translateY(
                calc((var(--layout-column-gap, 1rem) / 2) * -1 - 1px)
            );
                    transform: translateY(
                calc((var(--layout-column-gap, 1rem) / 2) * -1 - 1px)
            );
        }
    }
}

.footer-addresses__address-icon {
    grid-area: icon;
    display: block;
    align-self: center;
}

.footer-addresses__address-header {
    grid-area: header;
    color: var(--color-white, #fff);
    align-self: center;
}

.footer-addresses__address-address {
    grid-area: address;
    margin: 0;
    color: var(--color-white-a50, rgba(255, 255, 255, 0.5));
}

@media (min-width: 31.25rem) {
    .footer-addresses__row {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-addresses__address {
        padding: 1.5rem;

        &:nth-of-type(2) {
            &::before {
                content: none;
            }
        }
    }
}

@media (min-width: 64rem) {
    .footer-addresses__row {
        grid-template-columns: none;
        grid-auto-columns: 1fr;
        grid-auto-flow: column;
    }

    .footer-addresses__address {
        & + & {
            position: relative;

            &::before {
                content: "";
                display: block;
                position: absolute;
                right: 100%;
                height: 100%;
                top: 0;
                bottom: 0;
                width: clamp(1px, 0.0625rem, 1px);
                background: var(--color-primary, #c69841);
                -webkit-transform: translateX(
                    calc((var(--layout-column-gap, 1rem) / 2) * -1 + 1px)
                );
                        transform: translateX(
                    calc((var(--layout-column-gap, 1rem) / 2) * -1 + 1px)
                );
            }
        }
    }
}

.section-about-lite {
    background: var(--color-theme-2, #0e1c1f);
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.section-about-lite__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: min(calc(100% - (var(--layout-column-gap, 1rem) * 2)), 34rem);
    margin-inline: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    gap: 2rem;
}

.section-coupons {
    background: var(--color-theme-1, #0b1214);
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
}

.section-coupons__row {
    display: grid;
    width: min(
        calc(100% - (var(--layout-column-gap, 1rem) * 2)),
        var(--layout-max-width, 73.125rem)
    );
    margin-inline: auto;
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
    -webkit-box-align: self-start;
        -ms-flex-align: self-start;
            align-items: self-start;
}

.section-coupons__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.75rem;
    max-width: calc(var(--layout-column-gap, 1rem) * 2 + 36.125rem);
}

.section-coupons__collection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% + (var(--layout-column-gap, 1rem) * 2));
            flex: 0 0 calc(100% + (var(--layout-column-gap, 1rem) * 2));
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    margin-left: calc(var(--layout-column-gap, 1rem) * -1);
    width: calc(100% + (var(--layout-column-gap, 1rem) * 2));
    padding-right: var(--layout-column-gap, 1rem);
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    scroll-snap-align: start;
    padding-bottom: 1rem;

    & > * {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 clamp(18.75rem, 80%, 22rem);
                flex: 0 0 clamp(18.75rem, 80%, 22rem);
        max-width: clamp(18.75rem, 80%, 22rem);
        margin-left: var(--layout-column-gap, 1rem);
    }
}

@media (min-width: 31.25rem) {
    .section-coupons__collection {
        & > * {
            margin-left: var(--layout-column-gap, 1rem);
            max-width: 24rem;
        }

        & > * + * {
            margin-left: calc(var(--layout-column-gap, 1rem) * 2);
        }
    }
}

@media (min-width: 64rem) {
    .section-coupons__row {
        grid-template-columns: repeat(12, 1fr);
        gap: var(--layout-column-gap, 1rem);
    }

    .section-coupons__content {
        grid-column: 1 / span 3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 1.75rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .section-coupons__collection {
        grid-column: 5 / span end;
        width: calc(100% + var(--layout-column-gap, 1rem));
        gap: 2rem;

        & > * {
            margin-left: 0;
        }
    }
}

.section-services {
    display: block;
    background: var(--color-theme-1, #0b1214);
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
}

.section-services__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: calc((var(--layout-column-gap, 1rem) * 2) + 36.125rem);
    margin: 0 auto;
    padding-left: var(--layout-column-gap, 1rem);
    padding-right: var(--layout-column-gap, 1rem);
    gap: 2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 5rem;
}

.section-services__body {
    display: grid;
    width: 100%;
    max-width: var(--layout-max-width, 73.125rem);
    margin: 0 auto;
    padding-left: var(--layout-column-gap, 1rem);
    padding-right: var(--layout-column-gap, 1rem);
    margin-bottom: 3.75rem;
    position: relative;
    gap: 0 3.75rem;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto;
}

.section-services__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: var(--layout-max-width, 73.125rem);
    margin: 0 auto;
    padding-left: var(--layout-column-gap, 1rem);
    padding-right: var(--layout-column-gap, 1rem);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.section-services__body-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-end: span 1;
    grid-row-end: span 10;
    padding: 2rem 0;
    gap: 1.75rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;

    &:before {
        content: "";
        position: absolute;
        display: block;
        background: var(--color-primary, #c69841);
        height: clamp(1px, 0.0625rem, 1px);
        bottom: 100%;
        left: 0;
        right: 0;
        top: auto;
    }
}

.section-services__body-item-icon {
    -ms-flex-item-align: center;
        align-self: center;
}

@media (min-width: 36rem) {
    .section-services__body-item {
        padding: 2rem;
    }
}

@media (min-width: 50rem) {
    .section-services__body {
        display: grid;
        width: 100%;
        max-width: var(--layout-max-width, 73.125rem);
        margin: 0 auto;
        padding-left: var(--layout-column-gap, 1rem);
        padding-right: var(--layout-column-gap, 1rem);
        margin-bottom: 3.75rem;
        position: relative;
        gap: 0 3.75rem;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;

        &::before {
            position: absolute;
            content: "";
            width: clamp(1px, 0.0625rem, 1px);
            height: 100%;
            left: 50%;
            top: 0;
            bottom: 0;
            right: auto;
            background: var(--color-primary, #c69841);
        }
    }

    .section-services__body-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-column-end: span 1;
        grid-row-end: span 10;
        padding: 2rem;
        gap: 1.75rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;

        &:before {
            content: none;
        }

        & + & {
            position: relative;

            &:before {
                content: "";
                position: absolute;
                display: block;
                background: var(--color-primary, #c69841);
                height: clamp(1px, 0.0625rem, 1px);
                width: calc(100% + 1.875rem);
                bottom: calc(100% + 1.875rem);
                left: 0;
                right: 0;
                top: auto;
            }
        }

        &:nth-of-type(even) {
            &:before {
                left: auto;
            }
        }

        &:nth-of-type(2) {
            &:before {
                content: none;
            }
        }

        &:nth-of-type(3) {
            &:before {
                left: auto;
            }
        }

        &:nth-of-type(4) {
            &:before {
                right: auto;
                left: 0;
            }
        }
    }
}

.section-about-us {
    display: block;
    background: var(--color-theme-2, #0e1c1f);
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
}

.section-about-us__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: calc((var(--layout-column-gap, 1rem) * 2) + 36.125rem);
    margin: 0 auto;
    padding-left: var(--layout-column-gap, 1rem);
    padding-right: var(--layout-column-gap, 1rem);
    gap: 2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 5rem;
}

.section-about-us__body {
    display: grid;
    width: 100%;
    max-width: var(--layout-max-width, 73.125rem);
    margin: 0 auto;
    padding-left: var(--layout-column-gap, 1rem);
    padding-right: var(--layout-column-gap, 1rem);
    margin-bottom: 5rem;
    position: relative;
    grid-template-columns: repeat(1, 1fr);
}

.section-about-us__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: var(--layout-max-width, 73.125rem);
    margin: 0 auto;
    padding-left: var(--layout-column-gap, 1rem);
    padding-right: var(--layout-column-gap, 1rem);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.section-about-us__body-content {
    p {
        margin-bottom: 1.6em;
    }
}

@media (min-width: 40rem) {
    .section-about-us__body {
        grid-template-columns: repeat(1, 1fr);
    }

    .section-about-us__body-content {
        -webkit-columns: 2;
           -moz-columns: 2;
                columns: 2;
        -webkit-column-gap: 6.25rem;
           -moz-column-gap: 6.25rem;
                column-gap: 6.25rem;
    }
}

@media (min-width: 64rem) {
    .section-about-us__body {
        grid-template-columns: repeat(12, 1fr);
    }

    .section-about-us__body-content {
        grid-column: 2 / span 10;
    }
}

.section-testimonials {
    display: block;
    background: var(--color-theme-1, #0b1214);
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
}

.section-testimonials__row {
    display: grid;
    width: min(
        calc(100% - (var(--layout-column-gap, 1rem) * 2)),
        var(--layout-max-width, 73.125rem)
    );
    margin-inline: auto;
    gap: 4rem;
    grid-template-columns: repeat(1, 1fr);
}

.section-testimonials__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: calc(var(--layout-column-gap, 1rem) * 2 + 36.125rem);
}

.section-testimonials__body-buttons {
    margin-top: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.25rem;
}

.section-testimonials__items {
}

@media (min-width: 64rem) {
    .section-testimonials__row {
        gap: var(--layout-column-gap, 1rem);
        grid-template-columns: repeat(12, 1fr);
    }

    .section-testimonials__body {
        grid-column: 1 / span 5;
    }

    .section-testimonials__items {
        grid-column: 7 / span 6;
    }
}

.section-hero-homepage {
    display: block;
    padding-top: 9.375rem;
    padding-bottom: 9.375rem;

    .section-hero-homepage__row {
        display: grid;
        width: min(
            calc(100% - (var(--layout-column-gap, 1rem) * 2)),
            var(--layout-max-width, 73.125rem)
        );
        margin-inline: auto;
        gap: var(--layout-column-gap, 1rem);
        grid-template-columns: repeat(1, 1fr);
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .section-hero-homepage__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 1.25rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        width: 100%;
        max-width: 35rem;
    }

    .section-hero-homepage__body-buttons {
        margin-top: 2.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 1.875rem;
    }

    @media (min-width: 40rem) {
        .section-hero-homepage__row {
            min-height: 50vh;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

        .section-hero-homepage__body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 1.25rem;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
        }
    }
}

.section-hero-page {
    display: block;
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
}

.section-hero-page__row {
    display: grid;
    width: min(
        calc(100% - (var(--layout-column-gap, 1rem) * 2)),
        var(--layout-max-width, 73.125rem)
    );
    margin-inline: auto;
    gap: var(--layout-column-gap, 1rem);
    grid-template-columns: repeat(1, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.section-hero-page__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    max-width: 35rem;
}

.section-hero-page__body-buttons {
    margin-top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.875rem;
}

@media (min-width: 40rem) {
    .section-hero-page__row {
    }

    .section-hero-page__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 1.25rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
}

.section-hero-page2 {
    display: grid;
    width: min(
        calc(100% - (var(--layout-column-gap, 1rem) * 2)),
        var(--layout-max-width, 73.125rem)
    );
    margin-inline: auto;
    grid-template-rows: 6.25rem [body-start header-start] auto [header-end] 3.75rem [buttons-start] auto [buttons-end body-end] 6.25rem;
    grid-template-columns:
        [body-start header-start buttons-start] min(100%, 35rem)
        [buttons-end header-end body-end] auto;
}

.section-hero-page2__body {
    grid-area: body;
}

.section-hero-page2__header {
    grid-area: header;
}

.section-hero-page2__buttons {
    grid-area: buttons;
}

.section-vouchers-grid {
    background: var(--color-theme-1, #0b1214);
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
}

.section-vouchers-grid__row {
    display: grid;
    width: min(
        calc(100% - (var(--layout-column-gap, 1rem) * 2)),
        var(--layout-max-width, 73.125rem)
    );
    margin-inline: auto;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 2rem;
}

.section-subnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.section-subnav__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-inline: var(--layout-column-gap, 1rem);
}

.section-subnav__link {
    padding-block: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-inline: 2rem;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;

    & span {
        position: relative;
    }

    &::before {
        content: "";
        position: absolute;
        inset: 0.25rem;
        background-color: var(--color-theme-1, #0e1c1f);
        -webkit-transform: scale(0.85);
                transform: scale(0.85);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        opacity: 0;
    }

    &.active::before {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
    }

    &:hover::before {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
    }
}

.section-not-found {
    background: var(--color-theme-1, #0e1c1f);
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.section-not-found__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: min(calc(100% - (var(--layout-column-gap, 1rem) * 2)), 34rem);
    min-height: 50svh;
    margin-inline: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    gap: 2rem;
}

.main-header {
    padding: 2rem 0 0.625rem 0;
    position: relative;
    background: var(--color-theme-2, #0e1c1f);
    position: sticky;
    top: 0;
    z-index: 1000;
    -webkit-filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5));
            filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5));
}

.main-header__row {
    display: grid;
    grid-template-columns: minmax(auto, 5.25rem) 1fr;
    width: min(
        calc(100% - (var(--layout-column-gap, 1rem) * 2)),
        var(--layout-max-width, 73.125rem)
    );
    margin-inline: auto;
    gap: var(--layout-column-gap, 1rem);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main-header__logo-img {
    display: block;
    justify-self: center;
    width: 100%;
    max-width: 14.25rem;
    max-height: 4rem;
}

.main-header__cta {
    justify-self: end;
}

@media (max-width: 64rem) {
    .main-header__row {
        grid-template-areas: "logo . navigation";
        grid-template-columns: minmax(auto, 5.25rem) 1fr auto;
    }

    .main-header__navigation {
        grid-area: navigation;
    }

    .main-header__logo-img {
        grid-area: logo;
    }
}

@media (min-width: 64rem) {
    .main-header {
        padding: 2rem 0 1rem 0;
    }

    .main-header__row {
        grid-template-columns: 1fr minmax(auto, 5.25rem) 1fr;
    }

    .main-header__navigation {
        justify-self: start;
        display: block;
    }
}

.campaign-item {
    display: grid;
    grid-template-columns: 1.25rem auto auto var(--icon-svg-size, 1.25rem) 1.25rem;
    grid-template-rows: auto 1fr auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: clamp(1px, 0.0625rem, 1px) solid var(--color-primary, #c69841);
    border-radius: 0.25rem;
    background-color: var(--color-theme-2, #0e1c1f);
    overflow: hidden;
    position: relative;
    gap: 0;
    grid-template-areas:
        "image image image image image"
        ". header header header ."
        ". expiration-label expiration-left expiration-icon ."
        ". expiration-progress expiration-progress expiration-progress ."
        "price-divider price-divider price-divider price-divider price-divider"
        ". price-original price-original price-original ."
        ". price-sale price-sale price-sale ."
        ". price price price .";

    &:hover {
        .campaign-item__cover {
            opacity: 1;
        }
    }
}

.campaign-item__picture {
    display: block;
    aspect-ratio: var(--campaign-item-image-ratio, 2/3);
    background-color: var(--color-theme-1);
    border-bottom: clamp(1px, 0.0625rem, 1px) solid
        var(--color-primary, #c69841);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    grid-area: image;
}

.campaign-item__picture-img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    display: block;
    width: 100%;
    height: 100%;
}

.campaign-item__cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    grid-area: image;
    height: 100%;
}

.campaign-item__header {
    margin: 1.25rem 0 1.5rem 0;
    color: var(--color-white, #fff);
    font-size: 1rem;
    font-weight: var(--font-weight-strong, 600);
    font-family: var(--font-family-base, Open Sans, sans-serif);
    line-height: 1.3;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    grid-area: header;
}

.campaign-item__header-link {
    color: inherit;
    text-decoration: inherit;
}

.campaign-item__expiration-label {
    grid-area: expiration-label;
}

.campaign-item__expiration-left {
    justify-self: end;
    margin-right: 0.5rem;
    text-align: right;
    grid-area: expiration-left;
}

.campaign-item__expiration-icon {
    grid-area: expiration-icon;
}

.campaign-item__expiration-progress {
    margin-top: 0.75rem;
    border-radius: 100rem;
    height: 0.5rem;
    overflow: hidden;
    background: var(--color-white-a10, rgba(255, 255, 255, 0.1));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    grid-area: expiration-progress;
}

.campaign-item__expiration-progress-bar {
    min-width: 0.5rem;
    max-width: 100%;
    width: var(--expiration-progress, 32%);
    border-radius: 100rem;
    background: var(--color-green, #67bb24);
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
}

.campaign-item__price-divider {
    height: 0rem;
    border-bottom: clamp(1px, 0.0625rem, 1px) solid
        var(--color-primary, #c69841);
    margin: 1.25rem 0 0 0;
    grid-area: price-divider;
}

.campaign-item__price-original {
    justify-self: end;
    font-size: 0.875rem;
    color: var(--color-white-a70, rgb(255 255 255 / 70%));
    margin-top: 1rem;
    text-align: right;
    grid-area: price-original;
}

.campaign-item__price-sale {
    justify-self: end;
    font-size: 1rem;
    color: var(--color-white-a70, rgb(255 255 255 / 70%));
    margin-top: 0.5rem;
    text-align: right;
    line-height: 1;
    grid-area: price-sale;
}

.campaign-item__price {
    justify-self: end;
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
    text-align: right;
    font-weight: var(--font-weight-strong, 600);
    line-height: 1;
    grid-area: price;
}

.campaign-ad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 4px;
    background: var(--color-theme-2, #0e1c1f);
}

.campaign-ad__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2.5rem;
    text-align: center;
    padding: 1.25rem;
}

.references-wrapper {
    display: grid;
    border: clamp(1px, 0.0625rem, 1px) solid var(--color-primary, #c69841);
    border-radius: 0.25rem;
    grid-template-areas:
        "article"
        "steps";
}

.references-wrapper__items {
    grid-area: article;
    overflow: hidden;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.references-wrapper__steps {
    grid-area: steps;
    border-top: clamp(1px, 0.0625rem, 1px) solid var(--color-primary, #c69841);
    padding-block: 1.5rem;
    padding-inline: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.75rem;
}

.references-wrapper__step {
    display: block;
    border: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 0.5rem;
    height: 0.5rem;
    padding: 0;
    margin: 0;
    border-radius: 100rem;
    cursor: pointer;
    opacity: 0.5;
    background: var(--color-white, #fff);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

    &.references-wrapper__step--active {
        width: 2.25rem;
        background: var(--color-primary, #c69841);
        opacity: 1;
    }
}

.references-item {
    display: block;
    padding: 2.5rem;
    border-radius: 0.25rem;
}

.references-item__message {
    grid-area: message;
    margin: 0;
    -webkit-margin-after: 2.5rem;
            margin-block-end: 2.5rem;
    text-align: center;

    color: var(--color-white, #fff);

    /* H1 subheading */
    font-family: Open Sans;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: var(--font-weight-normal, 300);
    line-height: 160%; /* 2rem */
}

.references-item__author {
    grid-area: author;
    container-type: inline-size;
}

.reference-item-author {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-template-areas: "picture details";
    margin: 0;
}

@container (max-width: 340px) {
    .reference-item-author {
        grid-template-areas:
            "picture"
            "details";
        gap: 1rem;
        grid-template-columns: 1fr;
    }
}

.reference-item-author__picture {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 100rem;
    align-self: center;
    overflow: hidden;
    grid-area: picture;
}

.reference-item-author__picture-img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    display: block;
    width: 100%;
    height: 100%;
}

.reference-item-author__details {
    align-self: center;
    display: grid;
    gap: 0.25rem 0.75rem;
    grid-area: author;
    grid-template-columns: auto 1fr;
    grid-area: details;
}

.reference-item-author__details-icon {
    grid-column: 1 / span 1;
    align-self: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.reference-item-author__details-label {
    grid-column: 2 / span 1;
    align-self: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.hero-homepage {
    position: relative;
    background: var(--color-theme-1, #0b1214);
}

.hero-homepage__bg {
    position: absolute;
    inset: 0 0 0 auto;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    max-width: 100%;
}

.hero-homepage__content {
    position: relative;
}

.hero-page {
    position: relative;
    background: var(--color-theme-1, #0b1214);
    border-bottom: clamp(1px, 0.0625rem, 1px) solid
        var(--color-theme-2, #0e1c1f);
}

.hero-page__content {
    position: relative;
}

:root {
    --1px: min(1px, 0.0625rem);
    --input-focus-color: var(--color-white, #fff);
    --input-bg-color: var(--color-theme-1, #0b1214);
    --input-border: min(1px, 0.0625rem) solid var(--color-primary, #c69841);
}

input,
select,
textarea {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: 0.035rem;
}

input[type="checkbox"],
input[type="radio"] {
    width: auto;
}

/* NEW */

.form-offer-buyout {
    display: block;
    border: 1px solid var(--color-primary, #c69841);
    margin: 0;
    padding: var(--base-line-height-rem);
    color: var(--color-white);
    container-type: inline-size;
    background-color: var(--color-theme-2);
}

.form-offer-buyout__group {
    display: grid;
    gap: 0.5rem;
}

.form-offer-buyout__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.form-offer-buyout__row-select {
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5rem;
}

@container (min-width: 32rem) {
    .form-offer-buyout__row-select {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
}

.form-offer-buyout__row-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 1rem;
}

.form-offer-buyout__content {
    display: grid;
    gap: 1.5rem;
}

.form-offer-buyout__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.form-offer-buyout__interested {
    display: none;
    visibility: hidden;
}

.form-input {
    display: block;
    width: 100%;
    padding: var(--button-padding, 0.75rem 0.5rem);
    border: var(--input-border);
    border-radius: 0.25rem;
    background-color: var(--input-bg-color);
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    height: auto;
    outline: none;

    &:focus {
        border-color: var(--input-focus-color);
        -webkit-box-shadow: inset 0 0 0 var(--1px) var(--input-focus-color);
                box-shadow: inset 0 0 0 var(--1px) var(--input-focus-color);
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        outline: none;
    }
}

.form-select {
    display: grid;
    grid-template-columns: [select mask] 100% [endmask endselect];
    grid-template-rows: [select mask] 100% [endmask endselect];

    &:focus-within {
        .form-select__mask {
            border-color: var(--input-focus-color);
            -webkit-box-shadow: inset 0 0 0 var(--1px) var(--input-focus-color);
                    box-shadow: inset 0 0 0 var(--1px) var(--input-focus-color);
            -webkit-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
            outline: none;
        }
    }
}

.form-select__select {
    grid-column: select;
    grid-row: select;
}

.form-select__mask {
    grid-column: mask;
    grid-row: mask;

    display: block;
    padding: var(--button-padding, 0.75rem 0.5rem);
    border: var(--input-border);
    border-radius: 0.25rem;
    background-color: var(--input-bg-color);
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    height: auto;
    outline: none;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.input-checkbox {
    display: block;

    input[type="checkbox"] {
        float: left;
        margin: 0.3em;
    }

    .input-label {
        margin: 0 0 0 1.9em;
        display: block;
    }
}

.form-input-interested {
    display: none;
    visibility: hidden;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.card-voucher-detail {
    display: grid;
    padding: 1.875rem;
    gap: 2rem;
    background-color: var(--color-theme-2);
    border: min(1px, 0.0625rem) solid var(--color-primary);
}

.card-voucher-detail__header {
    font-size: 1rem;
}

/* Offer */

.card-voucher-detail__offer {
    display: grid;
    gap: 0.75rem 0.5rem;
    grid-template-areas:
        "offer-label offer-days"
        "offer-progress offer-progress";
}

.card-voucher-detail__offer-icon {
    grid-area: offer-icon;
}

.card-voucher-detail__offer-label {
    grid-area: offer-label;
    text-align: left;
}

.card-voucher-detail__offer-days {
    grid-area: offer-days;
    text-align: right;
}

.card-voucher-detail__offer-progress {
    grid-area: offer-progress;
}

/* Voucher */

.card-voucher-detail__voucher-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/* Price */

.card-voucher-detail__price {
    display: grid;
    grid: 0.5rem;
}

.card-voucher-detail__price-label {
}

.card-voucher-detail__price-original {
    text-align: end;
    font-size: 0.875rem;
    color: var(--color-white-a60);
}

.card-voucher-detail__price-sale {
    text-align: end;
    color: var(--color-white-a60);
}

.card-voucher-detail__price-final {
    text-align: end;
    font-size: 1.75rem;
    color: var(--color-white);
}

.voucher-progress {
    border-radius: 100rem;
    height: 0.5rem;
    overflow: hidden;
    background: var(--color-white-a10, rgba(255, 255, 255, 0.1));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.voucher-progress__bar {
    width: clamp(0.5rem, var(--expiration-progress, 32%), 100%);
    border-radius: 100rem;
    background: var(--color-green, #67bb24);
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
}

.icon-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    .icon-svg {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
}

.address-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    gap: 2rem;
    -webkit-padding-after: 10rem;
            padding-block-end: 10rem;
}

.address-card {
    display: grid;
    border: clamp(1px, 0.0625rem, 1px) solid transparent;
    grid-template-rows: auto 1.75rem auto 1.75rem auto 1rem auto 2.75rem auto;
    border-radius: 0.25rem;
    background-color: var(--color-theme-2, #0e1c1f);
    position: relative;
    padding: 2rem 1.25rem;
    gap: 0;
    grid-template-areas:
        "header"
        "."
        "subheader"
        "."
        "address"
        "."
        "info"
        "."
        "cta";
    color: var(--color-white-a70, rgba(255, 255, 255, 0.7));
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;

    &:hover {
        border-color: var(--color-primary, #c69841);
    }
}

.address-card__header {
    grid-area: "header";
}

.address-card__subheader {
    grid-area: subheader;
}

.address-card__address {
    grid-area: address;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.5rem;
    font-style: normal;
}

.address-card__info {
    grid-area: info;
}

.address-card__cta {
    grid-area: cta;
}

.icon-svg {
    display: inline-block;
    width: var(--icon-svg-size, 1.25rem);
    height: var(--icon-svg-size, 1.25rem);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--icon-svg-size, 1.25rem);
            flex: 0 0 var(--icon-svg-size, 1.25rem);
    opacity: var(--icon-svg-opacity, 0.5);
    aspect-ratio: 1/1;
}

.icon-svg__svg {
    display: block;
    width: 100%;
    height: 100%;
}

.icon-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.625rem;
    color: var(--color-white, #fff);
}

.icon-link__icon {
    display: block;
}

.icon-link__link {
    color: inherit;
}

.button {
    --_color: var(--button-color, var(--color-primary, #c69841));
    --_border-color: var(--button-border-color, var(--color-primary, #c69841));
    --_background: var(--button-background, none);
    --_padding: var(--button-padding, 0.75rem 1.25rem);

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0.62rem;
    padding: var(--_padding);
    font-weight: var(--font-weight-strong, 600);
    line-height: 1.25;
    color: var(--_color);
    border: clamp(1px, 0.0625rem, 1px) solid var(--_border-color);
    border-radius: 100rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: var(--_background);
    font-size: 1rem;
    font-family: Open Sans;
    cursor: pointer;
    text-decoration: none;
    letter-spacing: 0.04rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;

    &:hover {
        scale: 1.025;
    }

    &:disabled {
        -webkit-filter: grayscale(1);
                filter: grayscale(1);
        opacity: 0.5;
        cursor: default;
    }
}

.button--size-large {
    --button-padding: 1.25rem 1.5rem;
}

.button--variant-primary {
    --button-color: var(--color-black, #fff);
    --button-background: var(--color-primary, #c69841);
}

.link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 0.625rem;
    color: var(--color-primary, #c69841);
    text-decoration: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    &:hover {
        .link__icon {
            -webkit-transform: translateX(0.25rem);
                    transform: translateX(0.25rem);
        }
    }
}

.link__label {
    text-decoration: underline;
}

.link__icon {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.navigation {
}

.navigation__menu-button-checkbox[type="checkbox"] {
    position: absolute;
    visibility: hidden;
    display: block;
    height: 0;
    width: 0;
}

.navigation__menu-button {
    display: none;
}

.navigation__item--action-btn {
    display: none;
}

@media (max-width: 64rem) {

    .navigation {
        display: none;
        position: fixed;
        background-color: var(--color-theme-2, #0e1c1f);
        top: 0;
        left: auto;
        bottom: 0;
        right: 0;
        z-index: 1000;
        padding: 2rem;
        padding-bottom: 3rem;
        gap: 1rem;
        height: 100vh;
        height: 100svh;
        width: min(40rem, 86vw);
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .navigation__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 1rem;
        list-style: none;
        overflow-x: auto;
        margin: 0;
        padding: 0;
    }

    .navigation__action {
        display: grid;
    }

    .navigation__menu-button-checkbox[type="checkbox"]:checked ~ .navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        overflow-x: auto;
        -webkit-box-shadow: 0 0 0 20rem rgb(3 7 9 / 25%);
                box-shadow: 0 0 0 20rem rgb(3 7 9 / 25%);
    }

    .navigation__menu-button {
        --button-background: var(--color-theme-2);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        z-index: 1001;
    }

    .navigation__item--action-btn {
        display: grid;
    }

    .navigation__item-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-decoration: none;
        cursor: pointer;
        padding: 1rem;
        color: var(--color-white, #fff);
        -webkit-transition: 0.2s linear;
        transition: 0.2s linear;

        &:hover {
            color: var(--color-primary, #c69841);
        }
    }

    .navigation__submenu {
        display: none;
        list-style: none;
        margin: 0;
        background-color: var(--color-theme-2, #0e1c1f);
        z-index: 1000;
        padding: 0 0 0 1rem;
    }

    .navigation__submenu-item {
        display: block;
        margin: 0;
        padding: 0;
    }

    .navigation__submenu-item-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-decoration: none;
        cursor: pointer;
        padding: 1rem;
        color: var(--color-white, #fff);
        -webkit-transition: 0.2s linear;
        transition: 0.2s linear;

        &:hover {
            color: var(--color-primary, #c69841);
        }
    }

    .navigation__item {
        &[data-submenu-state="open"] {
            .navigation__submenu {
                display: grid;
            }
        }
    }
}

@media (min-width: 64rem) {
    .navigation__menu {
        --_submenu-padding-x: 2rem;

        display: -webkit-inline-box;

        display: -ms-inline-flexbox;

        display: inline-flex;
        gap: 2rem;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .navigation__action {
        display: none;
    }

    .navigation__item-link {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        gap: 0;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: var(--color-white, #fff);
        text-decoration: none;
        cursor: pointer;
        position: relative;
        padding: 1rem 0;
    }

    .navigation__submenu {
        display: none;
        position: absolute;
        list-style: none;
        margin: 0;
        padding: 1rem calc(var(--_submenu-padding-x) / 2);
        background-color: var(--color-theme-2, #0e1c1f);
        z-index: 1000;
        -webkit-filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5));
                filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5));
        gap: 1rem;
        min-width: 24rem;
        border-radius: 0.25rem;
        -webkit-transform: translateX(calc(var(--_submenu-padding-x) * -1))
            translateY(0);
                transform: translateX(calc(var(--_submenu-padding-x) * -1))
            translateY(0);
    }

    .navigation__item {
        &[data-submenu-state="open"] {
            .navigation__submenu {
                display: grid;
                -webkit-transform: translateX(calc(var(--_submenu-padding-x) * -1))
                    translateY(2rem);
                        transform: translateX(calc(var(--_submenu-padding-x) * -1))
                    translateY(2rem);
            }
        }
    }

    .navigation__submenu-item {
        display: block;
        margin: 0;
        padding: 0;
    }

    .navigation__submenu-item-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 1rem;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-decoration: none;
        cursor: pointer;
        padding: 0.5rem calc(var(--_submenu-padding-x) / 2);
        color: var(--color-white, #fff);
        -webkit-transition: 0.2s ease;
        transition: 0.2s ease;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;

        &:hover {
            color: var(--color-primary, #c69841);
        }
    }
}

.main-header__cta {
    @media (max-width: 64rem) {
        display: none;
    }
}

.navigation-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1.25rem;

    a {
        color: var(--color-white, #fff);
    }

    .menu {
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 0.75rem;
        width: 100%;
        margin: unset;
        padding: unset;
    }
}

/**
Sizes:

| 4px     | 0.25rem    |
| 8px     | 0.5rem     |
| 10px    | 0.62rem    |
| 10px    | 0.625rem   |
| 12px    | 0.75rem    |
| 14px    | 0.875rem   |
| 16px    | 1rem       |
| 18px    | 1.125rem   |
| 20px    | 1.25rem    |
| 22px    | 1.375rem   |
| 28px    | 1.75rem    |
| 30px    | 1.875rem   |
| 32px    | 2rem       |
| 36px    | 2.25rem    |
| 48px    | 3rem       |
| 60px    | 3.75rem    |
| 80px    | 5rem       |
| 100px   | 6.25rem    |
| 150px   | 9.375rem   |
| 500px   | 31.25rem   |
| 544px   | 34rem      |
| 578px   | 36.125rem  |
| 600px   | 37.5rem    |
| 700px   | 43.75rem   |
| 1024px  | 64rem      |
| 1170px  | 73.125rem  |

*/