/* content */


.page {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    background-color: var(--white);
}

.content {
    width: calc(100% - 0rem);
    height: calc(100% - 4.375rem);
    min-height: calc(100vh - 4.375rem);
    margin: 4.375rem auto 0;
    display: flex;
    flex-direction: column;
    background-color: transparent;
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}


/* home: featured */
#section-home-featured {
    display: none;
}

.content_container_home_featured {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    margin: 0 auto;
    padding: 1.25rem 3.125rem 6.25rem;
    display: flex;
    flex-direction: column;
}

/* home: featured hud */
.home_featured_hud {
    width: calc(100% - 0rem);
    height: calc(4.375rem - 0rem);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.home_featured_hud a {
    width: fit-content;
    color: var(--text);
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.4s;
    text-decoration: none;
}

.home_featured_hud a:hover {
    color: var(--text-headline);
    transition: all 0.4s;
}

.home_featured_hud a:hover::after {
    padding: 0 0 0 0.313rem;
    color: var(--text-link-hover);
    font-family: "Font Awesome 7 Free";
    font-size: 0.875rem;
    font-weight: 900;
    content: "\f061";
    transition: all 0.4s;
}

.home_featured_hud_buttons {
    width: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#button-home-featured-prev {
    display: none;
}

#button-home-featured-next {
    margin: 0 0 0 0.625rem;
    display: none;
}

.home_featured_hud_buttons button {
    width: calc(2.5rem - 0rem);
    height: calc(2.5rem - 0rem);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--grey-transparent);
    color: var(--white);
    border-radius: 50%;
    border: 0.1rem solid transparent;
    transition: all 0.4s;
    cursor: pointer;
}

.home_featured_hud_buttons button:hover {
    background-color: var(--black-transparent);
}

.home_featured_hud_buttons button i {
    width: calc(2.5rem - 0rem);
    height: calc(2.5rem - 0rem);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
}

.home_featured_hud_buttons button i:focus,
.home_featured_hud_buttons button i:hover {
    font-size: 1.25em;
}

/* home: featured products */
.home_featured_products {
    width: calc(100% - 0rem);
    max-width: calc(100% - 0rem);
    height: fit-content;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 1.25rem;
    font-size: 1em;
    font-weight: 500;
}

.home_featured_product {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: transparent;
    border-radius: var(--radius);
    border: 0.1rem solid var(--border-light);
    cursor: pointer;
    text-align: start;
}

.home_featured_product:hover {
    background-color: transparent;
    text-decoration: none;
    color: var(--text-link-hover) !important;
    border: 0.1rem solid var(--border-light);
}

.home_featured_product img {
    width: calc(100% - 0rem);
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}

.home_featured_product_brand {
    padding: 1rem 1rem 0;
    color: var(--text-headline);
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.5;
}

.home_featured_product_name {
    /* min-height: calc(0.875em * 1.5 * 2); */
    padding: 0.25rem 1rem 1rem;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.5;

    /*
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    */

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* home: products */
.content_container_products {
    width: calc(100% - 0rem);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* home: products hud */
.home_products_hud {
    width: calc(100% - 0rem);
    height: calc(4.375rem - 0.1rem);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    /* border-top: 0.1rem solid var(--bg-section); */
}

.products_hud {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    height: calc(100% - 0rem);
    padding: 0 3.125rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.products_title {
    width: fit-content;
    color: var(--text);
    font-size: 1rem;
    font-weight: 500;
}

.products_hud_sections {
    width: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.products_hud_filters {
    min-width: calc(7rem - 0rem);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.products_hud_filters button {
    width: calc(100% - 0rem);
    height: calc(2.4rem - 0rem);
    padding: 0.2rem 0.8rem;
    background-color: var(--grey);
    background-color: transparent;
    font-size: 0.875em;
    font-weight: 300;
    cursor: pointer;
    scroll-behavior: smooth;
    border: none;
    outline: none;
    border-radius: var(--radius);
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}

.products_hud_filters button:hover {
    background-color: var(--grey);
}

.products_hud_sort {
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.products_hud_sort select {
    width: fit-content;
    height: calc(2.4rem - 0rem);
    padding: 0.2rem 0.8rem;
    background-color: var(--grey);
    background-color: transparent;
    font-size: 0.875em;
    font-weight: 300;
    cursor: pointer;
    scroll-behavior: smooth;
    border: none;
    outline: none;
    border-radius: var(--radius);
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}

.products_hud_sort select:hover {
    background-color: var(--grey);
}

/* home: products body */
.home_products_body {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    margin: 0 auto;
    padding: 1.25rem 3.125rem 3.125rem;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
}

/* home: products section */
.home_products {
    width: calc(100% - 0rem);
    max-width: calc(100% - 0rem);
    height: fit-content;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 0.625rem;
    font-size: 1em;
    font-weight: 500;
}

.home_product {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: transparent;
    border-radius: var(--radius);
    border: 0.1rem solid var(--border-light);
    cursor: pointer;
    text-align: start;
}

.home_product:hover {
    background-color: transparent;
    text-decoration: none;
    color: var(--text-link-hover) !important;
    border: 0.1rem solid var(--border-light);
}

.home_product img {
    width: calc(100% - 0rem);
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}

.home_product_brand {
    padding: 1rem 1rem 0;
    color: var(--text-headline);
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.5;
}

.home_product_name {
    padding: 0.25rem 1rem 1rem;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home_product_price {
    margin: 0.5rem 0 0;
    color: var(--text-headline);
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.5;
}

/* home: products filters section */
#section-home-filters {
    width: 24rem;
    display: none;
    /* display: block; */
}

.home_filters {
    width: 0rem;
    height: auto;
    height: fit-content;
    margin: 0 0 0 1.25rem;
    display: flex;
    flex-direction: column;
    background-color: var(--grey-light);
    border-radius: var(--radius);
}

.home_filters_top {
    width: calc(100% - 5rem);
    margin: 0 2.5rem;
    font-weight: 300;
}

.home_filters_bottom {
    width: calc(100% - 5rem);
    margin: 1.25rem 2.5rem;
    display: flex;
    flex-direction: column;
}

.home_filters_category,
.home_filters_colour,
.home_filters_size {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--border-dark);
}

.home_filters_size {
    display: flex;
    flex-direction: column;
    border-bottom: none;
}

.home_filters_category_top,
.home_filters_colour_top,
.home_filters_size_top {
    padding: 0.625rem 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.home_filters_category_top h1,
.home_filters_colour_top h1,
.home_filters_size_top h1 {
    color: var(--text-headline);
    font-size: 0.875em;
    font-weight: 400;
}

.home_filters_category_top span,
.home_filters_colour_top span,
.home_filters_size_top span {
    width: calc(1rem - 0rem);
    display: flex;
    justify-content: center;
    color: var(--text-headline);
    font-size: 1em;
    font-weight: 300;
}

.home_filters_category_options,
.home_filters_colour_options,
.home_filters_size_options {
    margin: 0.625rem 0 1.25rem;
    display: flex;
    flex-direction: column;
    font-size: 0.875em;
    font-weight: 300;

    display: none;
}


/* filters: category */
#category-checkbox-default {}

.category_checkbox_default {
    /* width: fit-content; */
    margin: 0 0 0.625rem;
    display: flex;
    align-items: center;
    font-size: 1em;
    font-weight: 300;
    cursor: pointer;

    -webkit-user-select: none; /* safari */
    -moz-user-select: none;    /* firefox */
    -ms-user-select: none;     /* internet explorer/edge */
    user-select: none;
}

.category_checkbox_default input[type="checkbox"] {
    appearance: none;
    display: none;
}

.category_checkbox_default input[type="checkbox"] + .checkmark {
    width: 1rem;
    height: 1rem;
    margin-right: 0.625rem;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background-color: var(--white);
    border: 0.075rem solid var(--black);
    border-radius: var(--radius-checkbox);
}

.category_checkbox_default input[type="checkbox"]:checked + .checkmark {
    background-color: var(--white);
    border: 0.075rem solid var(--black);
}

.category_checkbox_default input[type="checkbox"]:checked + .checkmark::after {
    content: '';
    width: 0.25em;
    height: 0.75em;
    position: absolute;
    left: 0.3em;
    border: solid var(--black);
    border-width: 0 var(--border-checkbox-width) var(--border-checkbox-width) 0;
    transform: rotate(45deg);
}


/* filters: colour */
#colour-label-black,
#colour-label-blue,
#colour-label-brown,
#colour-label-green,
#colour-label-grey,
#colour-label-multi,
#colour-label-orange,
#colour-label-pink,
#colour-label-purple,
#colour-label-red,
#colour-label-white,
#colour-label-yellow {
    display: none;
}

#colour-checkbox-black,
#colour-checkbox-blue,
#colour-checkbox-brown,
#colour-checkbox-green,
#colour-checkbox-grey,
#colour-checkbox-multi,
#colour-checkbox-orange,
#colour-checkbox-pink,
#colour-checkbox-purple,
#colour-checkbox-red,
#colour-checkbox-white,
#colour-checkbox-yellow {
    display: none;
}

.colour_checkbox_black,
.colour_checkbox_blue,
.colour_checkbox_brown,
.colour_checkbox_green,
.colour_checkbox_grey,
.colour_checkbox_multi,
.colour_checkbox_orange,
.colour_checkbox_pink,
.colour_checkbox_purple,
.colour_checkbox_red,
.colour_checkbox_white,
.colour_checkbox_yellow {
    /* width: fit-content; */
    margin: 0 0 0.625rem;
    display: flex;
    align-items: center;
    font-size: 1em;
    font-weight: 300;
    cursor: pointer;

    -webkit-user-select: none; /* safari */
    -moz-user-select: none;    /* firefox */
    -ms-user-select: none;     /* internet explorer/edge */
    user-select: none;
}

.colour_checkbox_black input[type="checkbox"],
.colour_checkbox_blue input[type="checkbox"],
.colour_checkbox_brown input[type="checkbox"],
.colour_checkbox_green input[type="checkbox"],
.colour_checkbox_grey input[type="checkbox"],
.colour_checkbox_multi input[type="checkbox"],
.colour_checkbox_orange input[type="checkbox"],
.colour_checkbox_pink input[type="checkbox"],
.colour_checkbox_purple input[type="checkbox"],
.colour_checkbox_red input[type="checkbox"],
.colour_checkbox_white input[type="checkbox"],
.colour_checkbox_yellow input[type="checkbox"] {
    appearance: none;
    display: none;
}

.colour_checkbox_black input[type="checkbox"] + .checkmark,
.colour_checkbox_blue input[type="checkbox"] + .checkmark,
.colour_checkbox_brown input[type="checkbox"] + .checkmark,
.colour_checkbox_green input[type="checkbox"] + .checkmark,
.colour_checkbox_grey input[type="checkbox"] + .checkmark,
.colour_checkbox_multi input[type="checkbox"] + .checkmark,
.colour_checkbox_orange input[type="checkbox"] + .checkmark,
.colour_checkbox_pink input[type="checkbox"] + .checkmark,
.colour_checkbox_purple input[type="checkbox"] + .checkmark,
.colour_checkbox_red input[type="checkbox"] + .checkmark,
.colour_checkbox_white input[type="checkbox"] + .checkmark,
.colour_checkbox_yellow input[type="checkbox"] + .checkmark {
    width: 1rem;
    height: 1rem;
    margin-right: 0.625rem;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background-color: var(--colour-black);
    border: 0.075rem solid var(--colour-black);
    border-radius: var(--radius-checkbox);
}

.colour_checkbox_black input[type="checkbox"] + .checkmark,
.colour_checkbox_black input[type="checkbox"]:checked + .checkmark {
    background-color: var(--colour-black);
    border: 0.075rem solid var(--colour-black);
}

.colour_checkbox_blue input[type="checkbox"] + .checkmark,
.colour_checkbox_blue input[type="checkbox"]:checked + .checkmark {
    background-color: var(--colour-blue);
    border: 0.075rem solid var(--colour-blue);
}

.colour_checkbox_brown input[type="checkbox"] + .checkmark,
.colour_checkbox_brown input[type="checkbox"]:checked + .checkmark {
    background-color: var(--colour-brown);
    border: 0.075rem solid var(--colour-brown);
}

.colour_checkbox_green input[type="checkbox"] + .checkmark,
.colour_checkbox_green input[type="checkbox"]:checked + .checkmark {
    background-color: var(--colour-green);
    border: 0.075rem solid var(--colour-green);
}

.colour_checkbox_grey input[type="checkbox"] + .checkmark,
.colour_checkbox_grey input[type="checkbox"]:checked + .checkmark {
    background-color: var(--colour-grey);
    border: 0.075rem solid var(--colour-grey);
}

.colour_checkbox_multi input[type="checkbox"] + .checkmark,
.colour_checkbox_multi input[type="checkbox"]:checked + .checkmark {
    background-color: var(--colour-multi);
    background-image: radial-gradient(circle at center, #FFF 30%, transparent 5%);
    background-size: 8px 8px;
    border: 0.075rem solid var(--colour-multi);
}

.colour_checkbox_orange input[type="checkbox"] + .checkmark,
.colour_checkbox_orange input[type="checkbox"]:checked + .checkmark {
    background-color: var(--colour-orange);
    border: 0.075rem solid var(--colour-orange);
}

.colour_checkbox_pink input[type="checkbox"] + .checkmark,
.colour_checkbox_pink input[type="checkbox"]:checked + .checkmark {
    background-color: var(--colour-pink);
    border: 0.075rem solid var(--colour-pink);
}

.colour_checkbox_purple input[type="checkbox"] + .checkmark,
.colour_checkbox_purple input[type="checkbox"]:checked + .checkmark {
    background-color: var(--colour-purple);
    border: 0.075rem solid var(--colour-purple);
}

.colour_checkbox_red input[type="checkbox"] + .checkmark,
.colour_checkbox_red input[type="checkbox"]:checked + .checkmark {
    background-color: var(--colour-red);
    border: 0.075rem solid var(--colour-red);
}

.colour_checkbox_white input[type="checkbox"] + .checkmark,
.colour_checkbox_white input[type="checkbox"]:checked + .checkmark {
    background-color: var(--colour-white);
    border: 0.075rem solid var(--colour-white);
}

.colour_checkbox_yellow input[type="checkbox"] + .checkmark,
.colour_checkbox_yellow input[type="checkbox"]:checked + .checkmark {
    background-color: var(--colour-yellow);
    border: 0.075rem solid var(--colour-yellow);
}

.colour_checkbox_black input[type="checkbox"]:checked + .checkmark::after,
.colour_checkbox_multi input[type="checkbox"]:checked + .checkmark::after {
    content: '';
    width: 0.25em;
    height: 0.75em;
    position: absolute;
    left: 0.3em;
    border: solid var(--white);
    border-width: 0 var(--border-checkbox-width) var(--border-checkbox-width) 0;
    transform: rotate(45deg);
}

.colour_checkbox_blue input[type="checkbox"]:checked + .checkmark::after,
.colour_checkbox_brown input[type="checkbox"]:checked + .checkmark::after,
.colour_checkbox_green input[type="checkbox"]:checked + .checkmark::after,
.colour_checkbox_grey input[type="checkbox"]:checked + .checkmark::after,
.colour_checkbox_orange input[type="checkbox"]:checked + .checkmark::after,
.colour_checkbox_pink input[type="checkbox"]:checked + .checkmark::after,
.colour_checkbox_purple input[type="checkbox"]:checked + .checkmark::after,
.colour_checkbox_red input[type="checkbox"]:checked + .checkmark::after,
.colour_checkbox_white input[type="checkbox"]:checked + .checkmark::after,
.colour_checkbox_yellow input[type="checkbox"]:checked + .checkmark::after {
    content: '';
    width: 0.25em;
    height: 0.75em;
    position: absolute;
    left: 0.3em;
    border: solid var(--black);
    border-width: 0 var(--border-checkbox-width) var(--border-checkbox-width) 0;
    transform: rotate(45deg);
}


/* filters: size */
#size-checkbox-default {
    /* display: none; */
}

.size_checkbox_default {
    /* width: fit-content; */
    margin: 0 0 0.625rem;
    display: flex;
    align-items: center;
    font-size: 1em;
    font-weight: 300;
    cursor: pointer;

    -webkit-user-select: none; /* safari */
    -moz-user-select: none;    /* firefox */
    -ms-user-select: none;     /* internet explorer/edge */
    user-select: none;
}

.size_checkbox_default input[type="checkbox"] {
    appearance: none;
    display: none;
}

.size_checkbox_default input[type="checkbox"] + .checkmark {
    width: 1rem;
    height: 1rem;
    margin-right: 0.625rem;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background-color: var(--white);
    border: 0.075rem solid var(--black);
    border-radius: var(--radius-checkbox);
}

.size_checkbox_default input[type="checkbox"]:checked + .checkmark {
    background-color: var(--white);
    border: 0.075rem solid var(--black);
}

.size_checkbox_default input[type="checkbox"]:checked + .checkmark::after {
    content: '';
    width: 0.25em;
    height: 0.75em;
    position: absolute;
    left: 0.3em;
    border: solid var(--black);
    border-width: 0 var(--border-checkbox-width) var(--border-checkbox-width) 0;
    transform: rotate(45deg);
}


.home_filters_category_option,
.home_filters_colour_option,
.home_filters_size_option {
    margin: 0.625rem 0 0;
    font-size: 1em;
    font-weight: 300;
}

/* home: products filters */
.home_filters_section {
    width: calc(0rem - 0rem);
    height: calc(100% - 0rem);
    margin: 0 auto;
    position: fixed;
    top: 4.375rem;
    right: 0;
    z-index: 1000002;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    white-space: nowrap;
    background-color: var(--grey);
    border-left: 0.1rem solid var(--border-dark);
}

/* home: products loader */
.home_products_loader {
    visibility: hidden;
}


/* /explore */
.content_container_explore {
    width: calc(100% - 6.25rem);
    margin: 4.375rem auto 0;
    padding: 1.25rem 3.125rem 6.25rem;
    display: flex;
    flex-direction: column;
}

/* /explore: hud */
.content_container_explore_hud {
    width: calc(100% - 0rem);
    min-height: calc(4.375rem - 0rem);
    margin: 0 auto;
    position: fixed;
    top: calc(4.375rem - 0rem);
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 1000001;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
}

.explore_hud {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    padding: 0 3.125rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.explore_title {
    width: fit-content;
    color: var(--text);
    font-size: 1rem;
    font-weight: 500;
}

.explore_hud_options {
    width: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.explore_categories {
    margin: 0 0.625rem 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.explore_categories select {
    width: fit-content;
    height: calc(2.4rem - 0rem);
    padding: 0.2rem 0.8rem;
    background-color: transparent;
    font-size: 0.875em;
    font-weight: 300;
    cursor: pointer;
    scroll-behavior: smooth;
    border: none;
    outline: none;
    border-radius: var(--radius);
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}

.explore_categories select:hover {
    background-color: var(--grey);
}

.explore_filters {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.explore_filters button {
    width: fit-content;
    height: calc(2.4rem - 0rem);
    padding: 0.2rem 0.8rem;
    background-color: transparent;
    font-size: 0.875em;
    font-weight: 300;
    cursor: pointer;
    scroll-behavior: smooth;
    border: none;
    outline: none;
    border-radius: var(--radius);
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}

.explore_filters button:hover {
    background-color: var(--grey);
}

/* /explore: products */
.explore_products {
    width: calc(100% - 0rem);
    max-width: calc(75rem - 6.25rem);
    height: fit-content;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 1.25rem;
    font-size: 1em;
    font-weight: 500;
}

.explore_product {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: transparent;
    border-radius: var(--radius);
    border: 0.1rem solid var(--border-light);
    cursor: pointer;
    text-align: start;
}

.explore_product:hover {
    background-color: transparent;
    text-decoration: none;
    color: var(--text-link-hover) !important;
    border: 0.1rem solid var(--border-light);
}

.explore_product img {
    width: calc(100% - 0rem);
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}

.explore_product_brand {
    padding: 1rem 1rem 0;
    color: var(--text-headline);
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.5;
}

.explore_product_name {
    padding: 0.25rem 1rem 1rem;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.explore_product_price {
    margin: 0.5rem 0 0;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.5;
}

/* /explore: filters section */
#section-explore-filters {
    /* display: none; */
}

.explore_filters_section {
    width: calc(0rem - 0rem);
    height: calc(100% - 0rem);
    margin: 0 auto;
    position: fixed;
    top: 4.375rem;
    right: 0;
    z-index: 1000002;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    white-space: nowrap;
    background-color: var(--grey);
    border-left: 0.1rem solid var(--border-dark);
}

.explore_filters_top {
    width: calc(100% - 2.5rem);
    padding: 1.25rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.explore_filters_top h1 {
    color: var(--text-headline);
    font-size: 1em;
    font-weight: 500;
}

.explore_filters_top i {
    color: var(--text-link);
    font-size: 1.25em;
    cursor: pointer;
}

.explore_filters_top i:hover {
    color: var(--text-link-hover);
}

.explore_filters_bottom {
    width: calc(100% - 2.5rem);
    height: calc(100% - 2.5rem);
    padding: 1.25rem;
}


/* /p product */
.content_container_product {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    height: fit-content;
    margin: 0 auto;
    padding: 3.125rem;
    display: flex;
    flex-direction: row;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.5;
}

.product_media {
    width: calc(65% - 0rem);
    max-width: calc(65% - 0rem);
    display: flex;
    flex-direction: row;
}

.product_media_library {
    width: calc(5rem - 0rem);
    height: fit-content;
    display: grid;
    grid-template-rows: repeat(4, minmax(0, 1fr));
    row-gap: 1.25rem;
}

.product_media_library img {
    width: calc(5rem - 0.2rem);
    border: 0.1rem solid var(--border-light);
    border-radius: var(--radius);

    display: none;
}

.product_media_library img:hover {
    border: 0.1rem solid var(--border-dark);
}

.product_photo {
    width: calc(100% - (5rem + 2.5rem));
    margin: 0 1.25rem;
}

.product_photo img {
    width: calc(100% - 0.2rem);
    height: calc(100% - 0.2rem);
    border: 0.1rem solid var(--border-light);
    border-radius: var(--radius);
}

.product_data {
    width: calc(35% - 2.5rem);
    max-width: calc(35% - 2.5rem);
    height: fit-content;
    padding: 0 0 0 2.5rem;
    display: flex;
    flex-direction: column;
}

.product_data_name {
    color: var(--text-product-title);
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.5;
}

.product_data_brand {
    margin: 0;
    display: flex;
    align-items: center;
    color: var(--text-product);
    font-size: 1em;
    font-weight: 300;
    line-height: 1.5;
}

.product_data_brand a {
    color: var(--text-product);
    font-weight: 300;
    text-decoration: none;
}

.product_data_brand a:hover {
    color: var(--text-link-hover);
    text-decoration: underline;
}

.product_data_brand a i {
    color: var(--text-light);
    font-size: 1em;
}

.product_data_brand a i:hover {
    color: var(--text-link-hover);
}

.product_data_price {
    margin: 2.5rem 0 2.5rem;
    color: var(--text-headline);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

.product_data_colour {
    margin: 0 0 1.25rem;
    display: inline-flex;
    color: var(--text-product);
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.5;
}

.product_data_colour span {
    width: 6rem;
    display: inline-flex;
    justify-content: space-between;
    color: var(--text-product);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

.product_data_size {
    margin: 0 0 1.25rem;
    display: inline-flex;
    color: var(--text-product);
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.5;
}

.product_data_size span {
    width: 6rem;
    display: inline-flex;
    justify-content: space-between;
    color: var(--text-product);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

#product-data-price,
#product-data-button-add-to-cart {
    display: none;
}

.product_data_button {}

.product_data_button button {
    width: calc(100% - 0rem);
    margin: 3.75rem 0;
    padding: 1rem 0;
    background-color: var(--bg-button);
    color: var(--white);
    font-size: 0.875em;
    font-weight: 500;
    text-decoration: none;
    outline: none;
    border: 0.2rem solid var(--bg-button);
    border-radius: var(--radius-button);
    transition: all 0.4s;
    cursor: pointer;
}

.product_data_button button:hover {
    background-color: var(--bg-button-hover);
    border: 0.2rem solid var(--bg-button-hover);
}

.product_data_button button:disabled {
    background-color: var(--bg-button-disabled);
    color: var(--text-button-disabled);
    border-color: var(--bg-button-disabled);
    cursor: not-allowed;
}

.product_data_desc {
    color: var(--text-product);
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.5;
    text-align: justify;
}


/* /p product: breadcrumbs */
.content_container_breadcrumbs {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    height: fit-content;
    margin: 0 auto;
    padding: 1.25rem 3.125rem 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--text);
    font-size: 0.75em;
    font-weight: 300;
}

.content_container_breadcrumbs a {
    color: var(--text);
    font-size: 1em;
    font-weight: 300;
    text-decoration: none;
}

.content_container_breadcrumbs a i {
    color: var(--text-light);
}

.content_container_breadcrumbs a:hover,
.content_container_breadcrumbs a i:hover {
    color: var(--text-link-hover);
}

.content_container_breadcrumbs span {
    margin: 0 0.125rem;
    color: var(--text);
    font-size: 1.35em;
    font-weight: 300;
}


/* store */
.content_container_store_loading {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    margin: 0 auto;
    padding: 0 3.125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.content_container_store {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    min-height: calc(12rem - 6.25rem);
    margin: 0 auto;
    padding: 3.125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.store_data {
    width: calc(100% - 0rem);
    max-width: calc(40rem - 0rem);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.store_data_info {
    width: calc(100% - (5rem + 2rem));
    max-width: calc(100% - (5rem + 2rem));
    margin: 0 2rem 0 0;
    display: flex;
    flex-direction: column;
}

.store_data_info_name {
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.5;
}

.store_data_info_handle {
    margin: 0 0 2rem;
    display: inline-flex;
    align-items: center;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.5;
}

.store_data_info_handle span {
    margin: 0 0.5rem 0 0;
    color: var(--text-light);
}

.store_data_info_handle span i {
    font-size: 0.875em;
}

.store_data_info_desc {
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.5;
}

.store_data_logo {
    width: calc(5rem - 0rem);
    max-width: calc(5rem - 0rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;   
}

.store_data_logo img {
    width: calc(5rem - 0.2rem);
    height: calc(5rem - 0.2rem);
    background-color: var(--white);
    border-radius: 50%;
    border: 0.1rem solid var(--border-light);
    border: 0.1rem solid transparent;
}

.content_container_store_items {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    margin: 0 auto;
    padding: 0 3.125rem 3.125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#store-products-count {
    display: none;
}

.store_products_count {
    width: calc(100% - 0rem);
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-top: 0.1rem solid var(--border-light);
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5;
}

.store_products {
    width: calc(100% - 0rem);
    height: fit-content;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 1rem;
    font-size: 1em;
    font-weight: 400;
}

.store_product {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: transparent;
    border-radius: var(--radius);
    border: 0.1rem solid var(--border-light);
    cursor: pointer;
    text-align: start;
}

.store_product:hover {
    text-decoration: none;
    border: 0.1rem solid var(--border-default);
}

.store_product img {
    width: calc(100% - 0rem);
    border-radius: var(--radius);
}

.store_product_brand {
    margin: 1rem 0 0;
    color: var(--text-default);
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.5;
}

.store_product_name {
    margin: 0.25rem 0 0;
    color: var(--text-default);
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.5;
}

.store_product_price {
    margin: 0.5rem 0 0;
    color: var(--text-default);
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.5;
}


/* cart */
.content_container_cart {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    margin: 0 auto;
    padding: 0 3.125rem 3.125rem;
    display: flex;
    flex-direction: row;
}

.cart_data {
    width: calc(60% - 5rem);
    max-width: calc(60% - 5rem);
    margin: 0 5rem 0 0;
    display: flex;
    flex-direction: column;
}

.cart_data h2,
.cart_products_count {
    color: var(--text-headline);
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5;
}

.cart_products {
    width: calc(100% - 0rem);
    max-width: calc(100% - 0rem);
    display: flex;
    flex-direction: column;
    color: var(--text-headline);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

.cart_product {
    padding: 2.5rem 0 calc(2.5rem - 0.1rem);
    display: flex;
    flex-direction: row;
    border-bottom: 0.1rem solid var(--border-light);
}

.cart_product_photo {
    width: calc(7rem - 0rem);
    height: calc(7rem - 0rem);
    margin: 0 2.5rem 0 0;
    background-color: var(--grey);
    border-radius: var(--radius);
}

.cart_product_data {
    display: flex;
    flex-direction: column;
    justify-content: space-between;    
    flex-grow: 1;
}

.cart_product_info {
    margin: 0 0 1.25rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cart_product_info_title {
    margin: 0 1.25rem 0 0;
    color: var(--text-headline);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

.cart_product_info_title:hover {
    color: var(--text-link-hover);
    text-decoration: underline;
}

.cart_product_info_price {
    color: var(--text-price);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

.cart_product_controls {
    display: flex;
    flex-direction: row;
}

.cart_product_quantity {
    height: fit-content;
    width: fit-content;
    padding: 0.625rem 1.25rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-default);
    border: 0.1rem solid var(--grey);
}

.cart_product_quantity span {
    color: var(--button-icon);
    cursor: pointer;
}

.cart_product_quantity span:hover {
    color: var(--button-icon-hover);
}

.cart_product_quantity span i {
    font-size: 1em;
}

.cart_product_quantity div {
    width: calc(5rem - 2.5rem);
    margin: 0 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    font-weight: 300;
}

.cart_product_remove {
    margin: 0 0 0 1.25rem;
    display: flex;
    align-items: center;
}

.cart_product_remove span {
    color: var(--button-icon);
    cursor: pointer;
}

.cart_product_remove span:hover {
    color: var(--button-icon-hover);
}

.cart_product_remove span i {
    font-size: 1em;
}

#section-cart-summary {
    visibility: hidden;
}

.cart_summary {
    width: calc(40% - 5rem);
    max-width: calc(40% - 5rem);
    height: fit-content;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    background-color: var(--grey);
    border-radius: var(--radius);
}

.cart_summary h2 {
    margin: 0 0 1.25rem;
    color: var(--text-headline);
    font-size: 1em;
    font-weight: 600;
    line-height: 1.5;
}

.cart_summary_subtotal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cart_summary_subtotal h3 {
    color: var(--text-headline);
    font-size: 0.875em;
    font-weight: 500;
    line-height: 1.5;
}

.cart_summary_subtotal_data {
    color: var(--text-headline);
    font-size: 0.875em;
    font-weight: 500;
    line-height: 1.5;
}

.cart_summary_button {
    margin: 2.5rem 0 0;
}

.cart_summary_button button {
    width: calc(100% - 0rem);
    padding: 1rem 0;
    background-color: var(--bg-button);
    color: var(--white);
    font-size: 0.875em;
    font-weight: 500;
    text-decoration: none;
    outline: none;
    border: 0.2rem solid var(--bg-button);
    border-radius: var(--radius-button);
    transition: all 0.4s;
    cursor: pointer;
}

.cart_summary_button button:hover {
    background-color: var(--bg-button-hover);
    border: 0.2rem solid var(--bg-button-hover);
}

.cart_summary_button button:disabled {
    background-color: var(--bg-button-disabled);
    color: var(--text-button-disabled);
    border-color: var(--bg-button-disabled);
    cursor: not-allowed;
}


/* checkout */
.content_container_checkout {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    margin: 0 auto;
    padding: 0 3.125rem 6.25rem;
    display: flex;
    flex-direction: row;
}

.checkout_data {
    width: calc(60% - 5rem);
    max-width: calc(60% - 4rem);
    margin: 0 5rem 0 0;
    display: flex;
    flex-direction: column;
}

#checkout-billing-form {
    display: none;
}

.checkout_data_section {
    width: calc(100% - 0rem);
    max-width: calc(100% - 0rem);
    margin: 0 0 2.5rem;
    display: flex;
    flex-direction: column;
}

.checkout_data_section:last-child {
    margin: 0;
}

.checkout_data_section h2 {
    margin: 0 0 0.625rem;
    color: var(--text-headline);
    font-size: 1em;
    font-weight: 600;
    line-height: 1.5;
}

.checkout_summary {
    width: calc(40% - 5rem);
    max-width: calc(40% - 5rem);
    height: fit-content;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    background-color: var(--grey);
    border-radius: var(--radius);
}

.checkout_summary_button {
    margin: 0 0 2.5rem;
}

.checkout_summary_button button {
    width: calc(100% - 0rem);
    padding: 1rem 0;
    background-color: var(--bg-button);
    color: var(--white);
    font-size: 0.875em;
    font-weight: 500;
    text-decoration: none;
    outline: none;
    border: 0.2rem solid var(--bg-button);
    border-radius: var(--radius-button);
    transition: all 0.4s;
    cursor: pointer;
}

.checkout_summary_button button:hover {
    background-color: var(--bg-button-hover);
    border: 0.2rem solid var(--bg-button-hover);
}

.checkout_summary_button button:disabled {
    background-color: var(--bg-button-disabled);
    color: var(--text-button-disabled);
    border-color: var(--bg-button-disabled);
    cursor: not-allowed;
}

.checkout_summary_subtotal,
.checkout_summary_shipping,
.checkout_summary_tax,
.checkout_summary_total {
    padding: 0 0 0.625rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.checkout_summary_tax {
    padding: 0 0 1.25rem;
}

.checkout_summary_total {
    padding: 0;
}

.checkout_summary_subtotal h3,
.checkout_summary_shipping h3,
.checkout_summary_tax h3,
.checkout_summary_total h3 {
    color: var(--text);
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.5;
}

.checkout_summary_total h3 {
    color: var(--text-headline);
    font-weight: 500;
}

.checkout_summary_subtotal_info,
.checkout_summary_shipping_info,
.checkout_summary_tax_info,
.checkout_summary_total_info {
    color: var(--text);
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.5;
}

.checkout_summary_total_info {
    color: var(--text-headline);
    font-weight: 500;
}


/* support */
.content_container_support {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    margin: 0 auto;
    padding: 0 3.125rem 6.25rem;
    display: flex;
    flex-direction: row;
}

.support_data {
    width: calc(60% - 5rem);
    max-width: calc(60% - 5rem);
    margin: 0 5rem 0 0;
    display: flex;
    flex-direction: column;
}

.support_summary {
    width: calc(40% - 5rem);
    max-width: calc(40% - 5rem);
    height: fit-content;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    background-color: var(--grey);
    border-radius: var(--radius);
}

.support_summary h2 {
    margin: 0 0 1.25rem;
    color: var(--text-headline);
    font-size: 1em;
    font-weight: 600;
    line-height: 1.5;
}

.support_summary_info {
    padding: 0 0 0.625rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.support_summary_info:last-child {
    padding: 0;
}

.support_summary_info h3 {
    color: var(--text-headline);
    font-size: 0.875em;
    font-weight: 500;
    line-height: 1.5;
}

.support_summary_info a {
    color: var(--text);
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.5;
}

.support_summary_info a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

.support_summary_info span {
    color: var(--text);
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.5;
}


/* faq */
.content_container_faq {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    margin: 0 auto;
    padding: 0 3.125rem;
    display: flex;
    flex-direction: row;
}


/* default */
.content_container_default {
    width: calc(100% - 0rem);
    max-width: calc(100% - 0rem);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.default_section {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    margin: 0 auto;
    padding: 3.125rem;
    display: flex;
    flex-direction: column;
}

.default_section_headline {
    width: calc(100% - 0rem);
    margin: 0 auto;
    color: var(--text-headline);
    font-size: 3.125em;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}

.default_section_subheading {
    max-width: calc(37.5rem - 0rem);
    margin: 1.25rem auto 0;
    color: var(--text-subheading);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.default_section_form {
    width: calc(18rem - 0rem);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.default_section_form .button_google,
.default_section_form .button_apple {
    width: calc(100% - 0rem);
    max-width: calc(16rem - 0rem);
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg-button-auth);
    border-radius: var(--radius-default);
    color: var(--button-text-auth);
    text-align: center;
    white-space: nowrap;
}

.default_section_form .button_google {
    margin: 0 0 0.625rem;
}

.default_section_form .button_google:hover,
.default_section_form .button_apple:hover {
    background: var(--bg-button-auth-hover);
    cursor: pointer;
}

.default_section_form .button_google .icon {
    width: calc(2rem + 1.25rem);
    height: 3rem;
    display: inline-block;
    vertical-align: middle;

    background: url("/assets/img_logo_google.png") transparent 1.25rem 50%;
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
}

.default_section_form .button_apple .icon {
    width: calc(2rem + 1.25rem);
    height: 3rem;
    display: inline-block;
    vertical-align: middle;

    background: url("/assets/img_logo_apple.png") transparent 1.25rem 50%;
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
}

.default_section_form .button_google .text,
.default_section_form .button_apple .text {
    padding: 0 1.25rem 0 0;
    font-size: 1em;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    line-height: 1;
}

.default_section_form .text_disclaimer {
    width: calc(100% - 0rem);
    margin: 1.25rem 0 0;
    font-size: 0.75em;
    text-align: center;
}

.default_section_form .text_disclaimer a {
    font-size: 1em;
    text-decoration: none;
}

.default_section_form .text_disclaimer a:hover {
    color: var(--text-link-hover);
    text-decoration: underline;
}

/* loading */
.content_container_default_loading {
    width: calc(100% - 0rem);
    height: fit-content;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000010;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@-webkit-keyframes default_loading {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes default_loading_two {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

.default_loading {
    margin: 3.125rem 0 0;
    color: var(--color-primary);
    -webkit-animation: default_loading 1.7s linear infinite;
}

.default_loading_one {
    margin: 3.125rem 0;
    color: var(--color-primary);
    -webkit-animation: default_loading 1.7s linear infinite;
}

.default_loading_two {
    color: var(--color-primary);
    -webkit-animation: default_loading 1.7s linear infinite;
}

.default_loading span,
.default_loading_one span,
.default_loading_two span {
    width: 2rem;
    height: 2rem;
}

.default_loading span i,
.default_loading_one span i,
.default_loading_two span i {
    font-size: 2em;
}


/* business: hero */
.content_container_hero {
    width: calc(100% - 0rem);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;

    background-image: url("/images/img_bg_hero.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}

.content_container_hero_section {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    margin: 3.125rem auto;
    padding: 3.125rem;
    display: flex;
    flex-direction: column;
}

.hero_section_alpha {
    width: calc(100% - 0rem);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hero_section_alpha_headline {
    width: calc(100% - 0rem);
    color: var(--text-headline);
    font-size: 3.125em;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}

.hero_section_alpha_headline_2 {
    width: calc(100% - 0rem);
    color: var(--text-headline);
    font-size: 3.125em;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}

.hero_section_alpha_headline span,
.hero_section_alpha_headline_2 span {
    color: var(--color-primary);
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
}

.hero_section_alpha_subheading {
    max-width: calc(37.5rem - 0rem);
    margin: 1.25rem auto 0;
    color: var(--text-subheading);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.hero_section_alpha_subheading span {
    font-size: 1em;
    font-weight: 700;
    line-height: 2;
} 

.hero_section_alpha a {
    width: fit-content;
    height: calc(3rem - 1.25rem);
    margin: 3.125rem auto 0;
    padding: 0.7rem 1.25rem 0.55rem;
    background-color: var(--bg-button);
    outline: none;
    border: none;
    border-radius: var(--radius-default);
    color: var(--white);
    font-size: 1em;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

.hero_section_alpha a:hover {
    background-color: var(--bg-button-hover);
    text-decoration: none;
}


/* business: works */
.content_container_works {
    width: calc(100% - 0rem);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--white);
    border-bottom: 0.625rem solid var(--bg-primary-lighter);
}

.content_container_works_section {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    margin: 0 auto;
    padding: 3.125rem;
    display: flex;
    flex-direction: column;
}

.works_section_alpha_headline {
    width: calc(100% - 0rem);
    margin: 0 auto 3.125rem;
    color: var(--text-headline);
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
}

.works_section_alpha_headline span i {
    margin: 0 1.25rem 0 0;
    font-size: 2em;
}

.works_section_beta {
    width: calc(100% - 0rem);
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 0;
}

.works_section_beta_item {
    width: calc(90% - 0rem);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.works_section_beta_item_icon {
    width: calc(6rem - 0rem);
    height: calc(6rem - 0rem);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-primary-light);
    border-radius: 50%;
}

.works_section_beta_item_icon img {
    width: calc(3rem - 0rem);
    height: calc(3rem - 0rem);
}

.works_section_beta_item_headline {
    margin: 1.25rem auto 0;
    color: var(--text-headline);
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
}

.works_section_beta_item_subheading {
    margin: 1.25rem auto 0;
    color: var(--text-subheading);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.works_section_gamma {
    width: calc(100% - 0rem);
    margin: 3.125rem auto 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.works_section_gamma a {
    width: fit-content;
    height: calc(3rem - 1.25rem);
    margin: 0 0.625rem;
    padding: 0.7rem 1.25rem 0.55rem;
    background-color: var(--bg-button);
    outline: none;
    border: none;
    border-radius: var(--radius-default);
    color: var(--white);
    font-size: 1em;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.works_section_gamma a:hover {
    background-color: var(--bg-button-hover);
    text-decoration: none;
}

.works_section_gamma a:nth-child(2) {
    background-color: transparent;
    color: var(--text);
    font-weight: 400;
}

.works_section_gamma a:nth-child(2)::after {
    content: '';
    width: 0px;
    height: 1px;
    display: block;
    background: var(--text);
    transition: 300ms;
}

.works_section_gamma a:nth-child(2):hover::after {
    width: 100%;
}


/* business: goods */
.content_container_goods {
    background-color: var(--white);
}

.content_container_goods_section {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    margin: 0 auto;
    padding: 3.125rem;
    display: flex;
    flex-direction: row;
}

.goods_section_alpha {
    width: calc(60% - 3.125rem);
    min-height: calc(50vh - 0rem);
    margin: 0 auto;
    padding: 0 3.125rem 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.goods_section_alpha_headline {
    width: calc(100% - 0rem);
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    color: var(--text-headline);
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.5;
}

.goods_section_alpha_subheading {
    width: calc(100% - 0rem);
    margin: 0.625rem auto 0;
    display: flex;
    justify-content: flex-start;
    color: var(--text-subheading);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

.goods_section_beta {
    width: calc(40% - 0rem);
    max-height: calc(70% - 0rem);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-grow: 1;

    background-image: url("/assets/img_bg_goods.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    border-radius: var(--radius);
}


/* business: services */
.content_container_services {
    background-color: var(--white);
}

.content_container_services_section {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    margin: 0 auto;
    padding: 3.125rem;
    display: flex;
    flex-direction: row;    
}

.services_section_alpha {
    width: calc(40% - 0rem);
    max-height: calc(70% - 0rem);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-grow: 1;

    background-image: url("/assets/img_bg_services.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    border-radius: var(--radius);
}

.services_section_beta {
    width: calc(60% - 3.125rem);
    min-height: calc(50vh - 0rem);
    margin: 0 auto;
    padding: 0 0 0 3.125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.services_section_beta_headline {
    width: calc(100% - 0rem);
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    color: var(--text-headline);
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.5;
}

.services_section_beta_subheading {
    width: calc(100% - 0rem);
    margin: 0.625rem auto 0;
    display: flex;
    justify-content: flex-start;
    color: var(--text-subheading);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}


/* business: market */


/* business: kpis */
.content_container_kpis {
    width: calc(100% - 0rem);
    height: fit-content;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background-color: var(--bg-primary-lighter);
}

.content_container_kpis_section {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    margin: 0 auto;
    padding: 3.125rem;
    display: flex;
    flex-direction: column;
}

.kpis_section_alpha {
    width: calc(100% - 0rem);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kpis_section_alpha_title {
    margin: 0 0 3.125rem;
    color: var(--text-headline);
    font-size: 2.5em;
    font-weight: 600;
}

.kpis_section_beta {
    width: calc(100% - 0rem);
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 0;
}

.kpis_section_beta_item {
    width: calc(100% - 0rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.kpis_section_beta_item_icon img {
    width: calc(4rem - 0rem);
    height: calc(4rem - 0rem);
}

.kpis_section_beta_item_headline {
    margin: 0 auto;
    color: var(--color-primary);
    font-size: 2em;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
}

.kpis_section_beta_item_subheading {
    margin: 0 auto;
    color: var(--text-subheading);
    font-size: 0.875em;
    font-weight: 500;
    text-align: center;
}


/* business: cta */
.content_container_cta {
    width: calc(100% - 0rem);
    height: fit-content;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background-color: var(--bg-light);
    background-color: var(--white);
    border-bottom: 0.625rem solid var(--bg-primary-lighter);
}

.content_container_cta_section {
    width: calc(100% - 6.25rem);
    max-width: calc(75rem - 6.25rem);
    margin: 0 auto;
    padding: 3.125rem;
    display: flex;
    flex-direction: column;
  }

.cta_section_alpha {
    width: calc(100% - 0rem);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.cta_section_alpha_image img {
    width: calc(7rem - 0rem);
    height: calc(7rem - 0rem);
}

.cta_section_alpha_title {
    width: auto;
    margin: 0 3.125rem;
    display: flex;
    justify-content: flex-start;
    flex-grow: 1;
    color: var(--text-headline);
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.5;
    text-align: start;
}

.cta_section_alpha_button {
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cta_section_alpha_button a {
    height: calc(3rem - 1.25rem);
    padding: 0.7rem 1.25rem 0.55rem;
    background-color: var(--bg-button);
    outline: none;
    border: none;
    border-radius: var(--radius-default);
    color: var(--white);
    font-size: 1em;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.cta_section_alpha_button a:hover {
    background-color: var(--bg-button-hover);
    text-decoration: none;
}


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


    /* /home: featured */
    .content_container_home_featured {
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        padding: 1.25rem 2.5rem 5rem;
    }

    /* home: featured products */
    .home_featured_products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    /* home: products hud */
    .products_hud {
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        height: calc(100% - 2.5rem);
        padding: 0 2.5rem;
    }

    /* home: products section */
    .home_products {
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        padding: 1.25rem 2.5rem 5rem;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }


    /* /explore */
    .content_container_explore {
        width: calc(100% - 5rem);
        padding: 1.25rem 2.5rem 5rem;
    }

    /* /explore: hud */
    .explore_hud {
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        padding: 0 2.5rem;
    }

    /* /explore: products */
    .explore_products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }


    /* product /p */
    .content_container_product {
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        padding: 2.5rem;
    }

    .product_media {
        width: calc(60% - 1.25rem);
        max-width: calc(60% - 1.25rem);
        margin: 0 1.25rem 0 0;
        flex-direction: column;
    }

    .product_media_library {
        order: 2;
        width: fit-content;
        margin: 1.25rem 0 0;
        grid-template-rows: none;
        row-gap: 0;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        column-gap: 1.25rem;
    }

    .product_media_library img {
        width: calc(6rem - 0.2rem);

        display: none;
    }

    .product_photo {
        order: 1;
        width: calc(100% - 0rem);
        margin: 0;
    }

    .product_data {
        width: calc(40% - 2.5rem);
        max-width: calc(40% - 2.5rem);
    }

    .product_data_button button {
        margin: 2.5rem 0;
    }


    /* store /s */
    .content_container_store {
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        min-height: calc(12rem - 5rem);
        padding: 2.5rem;
    }

    .store_data {
        max-width: calc(30rem - 0rem);
    }

    .content_container_store_products {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        padding: 0 2.5rem 2.5rem;
    }

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


    /* cart */
    .content_container_cart {
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        padding: 0 2.5rem 2.5rem;
        flex-direction: column;
        align-items: flex-end;
    }

    .cart_data {
        order: 2;
        width: calc(100% - 0rem);
        max-width: calc(100% - 0rem);
        margin: 0 0 2rem;
    }

    .cart_product_info_title {
        width: fit-content;
        margin: 0 0 0.625rem;
        font-size: 0.875em;
    }

    .cart_product_info_price {
        font-size: 0.875em;
    }

    .cart_product_quantity div {
        font-size: 0.875em;
    }

    .cart_summary {
        order: 1;
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        margin: 0 0 2.5rem;
        padding: 2.5rem;
    }

    .cart_summary_button {
        margin: 0;
    }

    .cart_summary_button button {
        position: fixed;
        left: 0;
        bottom: 0;
        font-size: 1.125em;
        border-radius: 0;
    }


    /* checkout */
    .content_container_checkout {
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        padding: 0 2.5rem 5rem;
        flex-direction: column;
        align-items: flex-end;
    }

    .checkout_data {
        order: 2;
        width: calc(100% - 0rem);
        max-width: calc(100% - 0rem);
        margin: 0;
    }

    .checkout_summary {
        order: 1;
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        margin: 0 0 2.5rem;
        padding: 2.5rem;
    }

    .checkout_summary_button {
        margin: 0;
    }

    .checkout_summary_button button {
        position: fixed;
        left: 0;
        bottom: 0;
        font-size: 1.125em;
        border-radius: 0;
    }


    /* support */
    .content_container_support {
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        padding: 0 2.5rem 5rem;
        flex-direction: column;
    }

    .support_data {
        order: 2;
        width: calc(100% - 0rem);
        max-width: calc(100% - 0rem);
        margin: 0;
    }

    .support_summary {
        order: 1;
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        margin: 0 0 2.5rem;
    }


    /* faq */
    .content_container_faq {
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        padding: 0 2.5rem;
        flex-direction: column;
    }


    /* default */
    .default_section {
        width: calc(100% - 5rem);
        max-width: calc(75rem - 5rem);
        padding: 2.5rem;
    }

    .default_section_headline {
        font-size: 2.5em;
    }

    .default_section_subheading {
        font-size: 1em;
    }


    /* business: hero */
    .content_container_hero_section {
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        padding: 2.5rem;
    }

    .hero_section_alpha_headline {
        font-size: 3.75em;
    }

    .hero_section_alpha_subheading {
        max-width: calc(70% - 0rem);
        font-size: 1.25em;
    }


    /* business: works */
    .content_container_works_section {
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        padding: 2.5rem;
    }

    .works_section_alpha_headline {
        margin: 0 auto 2.5rem;
        font-size: 3.125em;
    }

    .works_section_alpha_headline span i {
        margin: 0 1.25rem 0 0;
        font-size: 2.5em;
    }

    .works_section_beta {
        grid-template-columns: auto;
    }

    .works_section_beta_item {
        width: calc(80% - 0rem);
        margin: 0 auto 5rem;
    }

    .works_section_beta_item_icon {
        width: calc(7rem - 0rem);
        height: calc(7rem - 0rem);
    }

    .works_section_beta_item_icon img {
        width: calc(3.5rem - 0rem);
        height: calc(3.5rem - 0rem);
    }

    .works_section_beta_item_headline {
        margin: 1.25rem auto 0;
        font-size: 2em;
    }

    .works_section_beta_item_subheading {
        margin: 1.25rem auto 0;
        font-size: 1.25em;
    }

    .works_section_gamma {
        margin: 0 auto;
        flex-direction: column;
    }

    .works_section_gamma a:last-child {
        margin: 1.25rem 0.625rem 0;
    }


    /* business: goods */
    .content_container_goods_section {
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        padding: 2.5rem;
        flex-direction: column;
    }

    .goods_section_alpha {
        width: calc(100% - 0rem);
        min-height: fit-content;
        padding: 0;
    }

    .goods_section_alpha_headline {
        justify-content: center;
        font-size: 3.125em;
        text-align: center;
    }

    .goods_section_alpha_subheading {
        justify-content: center;
        font-size: 1.25em;
        text-align: center;
    }

    .goods_section_beta {
        width: calc(100% - 0rem);
        min-height: calc(60vh - 0rem);
        margin: 2.5rem auto 0;
    }


    /* business: services */
    .content_container_services_section {
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        padding: 2.5rem;
        flex-direction: column;
    }
    
    .services_section_alpha {
        order: 2;
        width: calc(100% - 0rem);
        min-height: calc(60vh - 0rem);
        margin: 2.5rem auto 0;
    }

    .services_section_beta {
        order: 1;
        width: calc(100% - 0rem);
        min-height: fit-content;
        padding: 0;
    }

    .services_section_beta_headline {
        justify-content: center;
        font-size: 3.125em;
        text-align: center;
    }

    .services_section_beta_subheading {
        justify-content: center;
        font-size: 1.25em;
        text-align: center;
    }


    /* business: market */


    /* business: kpis */
    .content_container_kpis_section {
        width: calc(100% - 5rem);
        padding: 2.5rem;
    }

    .kpis_section_alpha_title {
        margin: 0 0 2.5rem;
        font-size: 3.125em;
    }

    .kpis_section_beta {
        grid-template-columns: auto;
    }

    .kpis_section_beta_item:nth-child(1),
    .kpis_section_beta_item:nth-child(2) {
        margin: 0 auto 5rem;
    }

    .kpis_section_beta_item_icon img {
        width: calc(5rem - 0rem);
        height: calc(5rem - 0rem);
    }


    /* business: cta */
    .content_container_cta_section {
        width: calc(100% - 5rem);
        padding: 2.5rem;
    }

    .cta_section_alpha {
        flex-direction: column;
    }

    .cta_section_alpha_image img {
        width: calc(8rem - 0rem);
        height: calc(8rem - 0rem);
    }

    .cta_section_alpha_title {
        width: calc(70% - 0rem);
        margin: 2.5rem 0 5rem;
        justify-content: center;
        font-size: 3.125em;
        text-align: center;
    }


}


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


    /* /home: featured */
    .content_container_home_featured {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        padding: 1.25rem 1.25rem 2.5rem;
    }

    /* home: featured products */
    .home_featured_products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* home: products hud */
    .products_hud {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        height: calc(100% - 1.25rem);
        padding: 0 1.25rem;
    }

    /* home: products section */
    .home_products {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        padding: 1.25rem 1.25rem 2.5rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        
    }


    /* /explore */
    .content_container_explore {
        width: calc(100% - 2.5rem);
        margin: 5rem auto 0;
        padding: 1.25rem 1.25rem 2.5rem;
    }

    /* /explore: hud */
    .explore_hud {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        padding: 0.625rem 1.25rem 0;
        flex-direction: column;
    }

    /* /explore: products */    
    .explore_products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    /* product /p */
    .content_container_product {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        padding: 1.25rem;
        flex-direction: column;
    }

    .product_media {
        width: calc(100% - 0rem);
        max-width: calc(100% - 0rem);
        margin: 0 0 2.5rem;
    }

    .product_media_library img {
        width: calc(4rem - 0.2rem);

        display: none;
    }

    .product_data {
        width: calc(100% - 0rem);
        max-width: calc(100% - 0rem);
        padding: 0;
    }

    .product_data_button button {
        margin: 0;
        position: fixed;
        left: 0;
        bottom: 0;
        font-size: 1.125em;
        border-radius: 0;
    }


    /* store /s */
    .content_container_store {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        min-height: calc(12rem - 2.5rem);
        padding: 1.25rem;
    }

    .store_data {
        max-width: calc(100% - 0rem);
    }

    .content_container_store_products {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        padding: 0 1.25rem 1.25rem;
    }

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


    /* cart */
    .content_container_cart {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        padding: 0 1.25rem 1.25rem;
        flex-direction: column;
    }

    .cart_data {
        order: 2;
        width: calc(100% - 0rem);
        max-width: calc(100% - 0rem);
        margin: 0 0 2.5rem;
    }

    .cart_product {
        padding: 1.25rem 0 calc(1.25rem - 0.1rem);
    }

    .cart_product_photo {
        width: calc(5rem - 0rem);
        height: calc(5rem - 0rem);
        margin: 0 1.25rem 0 0;
    }

    .cart_product_info {
        margin: 0 0 1.25rem;
        flex-direction: column;
        justify-content: flex-start;
    }

    .cart_product_info_title {
        width: fit-content;
        margin: 0 0 0.625rem;
        font-size: 0.875em;
    }

    .cart_product_info_price {
        font-size: 0.875em;
    }

    .cart_product_quantity div {
        font-size: 0.875em;
    }

    .cart_summary {
        order: 1;
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        margin: 0 0 2.5rem;
        padding: 1.25rem;
    }

    .cart_summary_button {
        margin: 0;
    }

    .cart_summary_button button {
        position: fixed;
        left: 0;
        bottom: 0;
        font-size: 1.125em;
        border-radius: 0;
    }


    /* checkout */
    .content_container_checkout {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        padding: 0 1.25rem 5rem;
        flex-direction: column;
    }

    .checkout_data {
        order: 2;
        width: calc(100% - 0rem);
        max-width: calc(100% - 0rem);
        margin: 0;
    }

    .checkout_summary {
        order: 1;
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        margin: 0 0 2.5rem;
        padding: 1.25rem;
    }

    .checkout_summary_button {
        margin: 0;
    }

    .checkout_summary_button button {
        position: fixed;
        left: 0;
        bottom: 0;
        font-size: 1.125em;
        border-radius: 0;
    }


    /* support */
    .content_container_support {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        padding: 0 1.25rem 2.5rem;
        flex-direction: column;
    }

    .support_data {
        order: 2;
        width: calc(100% - 0rem);
        max-width: calc(100% - 0rem);
        margin: 0;
    }

    .support_summary {
        order: 1;
        width: calc(100% - 5rem);
        max-width: calc(100% - 5rem);
        margin: 0 0 2.5rem;
    }


    /* faq */
    .content_container_faq {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        padding: 0 1.25rem;
        flex-direction: column;
    }


    /* default */
    .default_section {
        width: calc(100% - 2.5rem);
        max-width: calc(75rem - 2.5rem);
        padding: 1.25rem;
    }

    .default_section_headline {
        font-size: 1.875em;
    }

    .default_section_subheading {
        font-size: 1em;
    }


    /* business: hero */
    .content_container_hero_section {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        padding: 1.25rem;
    }

    .hero_section_alpha_headline {
        font-size: 2.5em;
    }

    .hero_section_alpha_subheading {
        max-width: calc(100% - 0rem);
        font-size: 1em;
    }

    .hero_section_alpha a {
        margin: 2.5rem auto 0;
    }


    /* business: works */
    .content_container_works_section {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        padding: 1.25rem;
    }

    .works_section_alpha_headline {
        margin: 0 auto 1.25rem;
        font-size: 1.875em;
    }

    .works_section_alpha_headline span i {
        margin: 0 0.625rem 0 0;
        font-size: 1.25em;
    }

    .works_section_beta {
        grid-template-columns: auto;
    }

    .works_section_beta_item {
        width: calc(100% - 0rem);
        margin: 0 auto 2.5rem;
    }

    .works_section_beta_item_icon {
        width: calc(5rem - 0rem);
        height: calc(5rem - 0rem);
    }

    .works_section_beta_item_icon img {
        width: calc(2.5rem - 0rem);
        height: calc(2.5rem - 0rem);
    }

    .works_section_beta_item_headline {
        margin: 0.625rem auto 0;
        font-size: 1.25em;
    }

    .works_section_beta_item_subheading {
        margin: 0.625rem auto 0;
        font-size: 1em;
    }

    .works_section_gamma {
        margin: 0 auto;
        flex-direction: column;
    }

    .works_section_gamma a:last-child {
        margin: 1.25rem 0.625rem 0;
    }


    /* business: goods */
    .content_container_goods_section {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        padding: 1.25rem;
        flex-direction: column;
    }

    .goods_section_alpha {
        width: calc(100% - 0rem);
        min-height: fit-content;
        padding: 0;
    }

    .goods_section_alpha_headline {
        justify-content: center;
        font-size: 1.875em;
        text-align: center;
    }

    .goods_section_alpha_subheading {
        justify-content: center;
        font-size: 1em;
        text-align: center;
    }

    .goods_section_beta {
        width: calc(100% - 0rem);
        min-height: calc(40vh - 0rem);
        margin: 1.25rem auto 0;
    }


    /* business: services */
    .content_container_services_section {
        width: calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
        padding: 1.25rem;
        flex-direction: column;
    }
    
    .services_section_alpha {
        order: 2;
        width: calc(100% - 0rem);
        min-height: calc(40vh - 0rem);
        margin: 1.25rem auto 0;
    }

    .services_section_beta {
        order: 1;
        width: calc(100% - 0rem);
        min-height: fit-content;
        padding: 0;
    }

    .services_section_beta_headline {
        justify-content: center;
        font-size: 1.875em;
        text-align: center;
    }

    .services_section_beta_subheading {
        justify-content: center;
        font-size: 1em;
        text-align: center;
    }


    /* business: market */


    /* business: kpis */
    .content_container_kpis_section {
        width: calc(100% - 2.5rem);
        padding: 1.25rem;
    }

    .kpis_section_alpha_title {
        margin: 0 0 1.25rem;
        font-size: 1.875em;
    }

    .kpis_section_beta {
        grid-template-columns: auto;
    }

    .kpis_section_beta_item:nth-child(1),
    .kpis_section_beta_item:nth-child(2) {
        margin: 0 auto 2.5rem;
    }


    /* business: cta */
    .content_container_cta_section {
        width: calc(100% - 2.5rem);
        padding: 1.25rem;
    }

    .cta_section_alpha {
        flex-direction: column;
    }

    .cta_section_alpha_image img {
        width: calc(5rem - 0rem);
        height: calc(5rem - 0rem);
    }

    .cta_section_alpha_title {
        margin: 1.25rem 0 2.5rem;
        justify-content: center;
        font-size: 1.875em;
        text-align: center;
    }


}


/* content */