@font-face {
    font-family: 'Assistant';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("//enen-interior.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=ZW5lbi1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h2=ZW5lbi1pbnRlcmlvci5jb20&hmac=00cce34ea7fb922734ba1e86707cb3bf77451018386e9a30e6509f821e9398d2") format("woff2"),
        url("//enen-interior.com/cdn/fonts/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=ZW5lbi1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h2=ZW5lbi1pbnRlcmlvci5jb20&hmac=1aa87a5111ab69a4245bfcdcbbf9a02bf8b6204c8b5df6e93928a7631bed3b41") format("woff");
}

@font-face {
    font-family: 'Assistant';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("//enen-interior.com/cdn/fonts/assistant/assistant_n7.3335c7bdaddf2501ddab87cdbd9be98f3870e10d.woff2?h1=ZW5lbi1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h2=ZW5lbi1pbnRlcmlvci5jb20&hmac=1c955c7d4ef549d4736f295dc691490dbbaae93e626e9be15eda1845ce5c40c4") format("woff2"),
        url("//enen-interior.com/cdn/fonts/assistant/assistant_n7.7c85f5c5cc1555de92cc7ef2790ee3cffe5237f5.woff?h1=ZW5lbi1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h2=ZW5lbi1pbnRlcmlvci5jb20&hmac=d4944b34ea0fc98b0c5ae8d6f1d108d3f3da4a4836e083e9dd464a94de94b15e") format("woff");
}



@font-face {
    font-family: 'Assistant';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("//enen-interior.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=ZW5lbi1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h2=ZW5lbi1pbnRlcmlvci5jb20&hmac=00cce34ea7fb922734ba1e86707cb3bf77451018386e9a30e6509f821e9398d2") format("woff2"),
        url("//enen-interior.com/cdn/fonts/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=ZW5lbi1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h2=ZW5lbi1pbnRlcmlvci5jb20&hmac=1aa87a5111ab69a4245bfcdcbbf9a02bf8b6204c8b5df6e93928a7631bed3b41") format("woff");
}



:root,
.color-scheme-1 {
    --color-background: 255, 255, 255;
    --gradient-background: #ffffff;
    --color-foreground: 18, 18, 18;
    --color-background-contrast: 191, 191, 191;
    --color-shadow: 18, 18, 18;
    --color-button: 18, 18, 18;
    --color-button-text: 255, 255, 255;
    --color-secondary-button: 255, 255, 255;
    --color-secondary-button-text: 18, 18, 18;
    --color-link: 18, 18, 18;
    --color-badge-foreground: 18, 18, 18;
    --color-badge-background: 255, 255, 255;
    --color-badge-border: 18, 18, 18;
    --payment-terms-background-color: rgb(255 255 255);
}


.color-scheme-2 {
    --color-background: 243, 243, 243;
    --gradient-background: #f3f3f3;
    --color-foreground: 18, 18, 18;
    --color-background-contrast: 179, 179, 179;
    --color-shadow: 18, 18, 18;
    --color-button: 18, 18, 18;
    --color-button-text: 243, 243, 243;
    --color-secondary-button: 243, 243, 243;
    --color-secondary-button-text: 18, 18, 18;
    --color-link: 18, 18, 18;
    --color-badge-foreground: 18, 18, 18;
    --color-badge-background: 243, 243, 243;
    --color-badge-border: 18, 18, 18;
    --payment-terms-background-color: rgb(243 243 243);
}


.color-scheme-3 {
    --color-background: 36, 40, 51;
    --gradient-background: #242833;
    --color-foreground: 255, 255, 255;
    --color-background-contrast: 47, 52, 66;
    --color-shadow: 18, 18, 18;
    --color-button: 255, 255, 255;
    --color-button-text: 0, 0, 0;
    --color-secondary-button: 36, 40, 51;
    --color-secondary-button-text: 255, 255, 255;
    --color-link: 255, 255, 255;
    --color-badge-foreground: 255, 255, 255;
    --color-badge-background: 36, 40, 51;
    --color-badge-border: 255, 255, 255;
    --payment-terms-background-color: rgb(36 40 51);
}


.color-scheme-4 {
    --color-background: 18, 18, 18;
    --gradient-background: #121212;
    --color-foreground: 255, 255, 255;
    --color-background-contrast: 146, 146, 146;
    --color-shadow: 18, 18, 18;
    --color-button: 255, 255, 255;
    --color-button-text: 18, 18, 18;
    --color-secondary-button: 18, 18, 18;
    --color-secondary-button-text: 255, 255, 255;
    --color-link: 255, 255, 255;
    --color-badge-foreground: 255, 255, 255;
    --color-badge-background: 18, 18, 18;
    --color-badge-border: 255, 255, 255;
    --payment-terms-background-color: rgb(18 18 18);
}


.color-scheme-5 {
    --color-background: 51, 79, 180;
    --gradient-background: #334fb4;
    --color-foreground: 255, 255, 255;
    --color-background-contrast: 23, 35, 81;
    --color-shadow: 18, 18, 18;
    --color-button: 255, 255, 255;
    --color-button-text: 51, 79, 180;
    --color-secondary-button: 51, 79, 180;
    --color-secondary-button-text: 255, 255, 255;
    --color-link: 255, 255, 255;
    --color-badge-foreground: 255, 255, 255;
    --color-badge-background: 51, 79, 180;
    --color-badge-border: 255, 255, 255;
    --payment-terms-background-color: rgb(51 79 180);
}


body,
.color-scheme-1,
.color-scheme-2,
.color-scheme-3,
.color-scheme-4,
.color-scheme-5 {
    /* color: rgba(var(--color-foreground), 0.75); */
    color: rgba(var(--color-foreground), 1);
    background-color: rgb(var(--color-background));
}

:root {
    --font-body-family: 'Assistant', sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-weight-bold: 700;

    --font-heading-family: 'Assistant', sans-serif;
    --font-heading-style: normal;
    --font-heading-weight: 400;

    --font-body-scale: 1.0;
    --font-heading-scale: 1.0;

    --media-padding: px;
    --media-border-opacity: 0.05;
    --media-border-width: 1px;
    --media-radius: 0px;
    --media-shadow-opacity: 0.0;
    --media-shadow-horizontal-offset: 0px;
    --media-shadow-vertical-offset: 4px;
    --media-shadow-blur-radius: 5px;
    --media-shadow-visible: 0;

    --page-width: 120rem;
    --page-width-margin: 0rem;

    --product-card-image-padding: 0.0rem;
    --product-card-corner-radius: 0.0rem;
    --product-card-text-alignment: left;
    --product-card-border-width: 0.0rem;
    --product-card-border-opacity: 0.1;
    --product-card-shadow-opacity: 0.0;
    --product-card-shadow-visible: 0;
    --product-card-shadow-horizontal-offset: 0.0rem;
    --product-card-shadow-vertical-offset: 0.4rem;
    --product-card-shadow-blur-radius: 0.5rem;

    --collection-card-image-padding: 0.0rem;
    --collection-card-corner-radius: 0.0rem;
    --collection-card-text-alignment: left;
    --collection-card-border-width: 0.0rem;
    --collection-card-border-opacity: 0.1;
    --collection-card-shadow-opacity: 0.0;
    --collection-card-shadow-visible: 0;
    --collection-card-shadow-horizontal-offset: 0.0rem;
    --collection-card-shadow-vertical-offset: 0.4rem;
    --collection-card-shadow-blur-radius: 0.5rem;

    --blog-card-image-padding: 0.0rem;
    --blog-card-corner-radius: 0.0rem;
    --blog-card-text-alignment: left;
    --blog-card-border-width: 0.0rem;
    --blog-card-border-opacity: 0.1;
    --blog-card-shadow-opacity: 0.0;
    --blog-card-shadow-visible: 0;
    --blog-card-shadow-horizontal-offset: 0.0rem;
    --blog-card-shadow-vertical-offset: 0.4rem;
    --blog-card-shadow-blur-radius: 0.5rem;

    --badge-corner-radius: 4.0rem;

    --popup-border-width: 1px;
    --popup-border-opacity: 0.1;
    --popup-corner-radius: 0px;
    --popup-shadow-opacity: 0.05;
    --popup-shadow-horizontal-offset: 0px;
    --popup-shadow-vertical-offset: 4px;
    --popup-shadow-blur-radius: 5px;

    --drawer-border-width: 1px;
    --drawer-border-opacity: 0.1;
    --drawer-shadow-opacity: 0.0;
    --drawer-shadow-horizontal-offset: 0px;
    --drawer-shadow-vertical-offset: 4px;
    --drawer-shadow-blur-radius: 5px;

    --spacing-sections-desktop: 0px;
    --spacing-sections-mobile: 0px;

    --grid-desktop-vertical-spacing: 8px;
    --grid-desktop-horizontal-spacing: 8px;
    --grid-mobile-vertical-spacing: 4px;
    --grid-mobile-horizontal-spacing: 4px;

    --text-boxes-border-opacity: 0.1;
    --text-boxes-border-width: 0px;
    --text-boxes-radius: 0px;
    --text-boxes-shadow-opacity: 0.0;
    --text-boxes-shadow-visible: 0;
    --text-boxes-shadow-horizontal-offset: 0px;
    --text-boxes-shadow-vertical-offset: 4px;
    --text-boxes-shadow-blur-radius: 5px;

    --buttons-radius: 0px;
    --buttons-radius-outset: 0px;
    --buttons-border-width: 1px;
    --buttons-border-opacity: 1.0;
    --buttons-shadow-opacity: 0.0;
    --buttons-shadow-visible: 0;
    --buttons-shadow-horizontal-offset: 0px;
    --buttons-shadow-vertical-offset: 4px;
    --buttons-shadow-blur-radius: 5px;
    --buttons-border-offset: 0px;

    --inputs-radius: 0px;
    --inputs-border-width: 1px;
    --inputs-border-opacity: 0.55;
    --inputs-shadow-opacity: 0.0;
    --inputs-shadow-horizontal-offset: 0px;
    --inputs-margin-offset: 0px;
    --inputs-shadow-vertical-offset: 4px;
    --inputs-shadow-blur-radius: 5px;
    --inputs-radius-outset: 0px;

    --variant-pills-radius: 40px;
    --variant-pills-border-width: 1px;
    --variant-pills-border-opacity: 0.55;
    --variant-pills-shadow-opacity: 0.0;
    --variant-pills-shadow-horizontal-offset: 0px;
    --variant-pills-shadow-vertical-offset: 4px;
    --variant-pills-shadow-blur-radius: 5px;
}

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

html {
    box-sizing: border-box;
    font-size: calc(var(--font-body-scale) * 62.5%);
    height: 100%;
}

body {
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    grid-template-columns: 100%;
    min-height: 100%;
    margin: 0;
    font-size: 1.5rem;
    letter-spacing: 0.06rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
}

@media screen and (min-width: 750px) {
    body {
        font-size: 1.6rem;
    }
}

header-drawer {
    justify-self: start;
    margin-left: -1.2rem;
}

@media screen and (min-width: 990px) {
    header-drawer {
        display: none;
    }
}

.menu-drawer-container {
    display: flex;
}

.list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
}

summary.list-menu__item {
    padding-right: 2.7rem;
}

.list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
}

.list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
    .list-menu__item--link {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }
}

#header-fixed-color {
    background-color: transparent;

}

#header-fixed-color.change-color {
    background-color: #ffffff;
}

#header-fixed-color.gradient.change-color {
    background: #ffffff;
    top: 0px;
}

.header__icon--menu .icon {
    z-index: 10;
}

.js details[open].menu-opening>.menu-drawer {
    position: absolute;
    top: 0;
}

.header {
    padding: 10px 3rem 10px 3rem;
}

.section-header {
    position: sticky;
    /* This is for fixing a Safari z-index issue. PR #2147 */
    margin-bottom: 0px;
}

@media screen and (min-width: 750px) {
    .section-header {
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 990px) {
    .header {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}