/* VARIABILI */
:root {
    --dxp-style-c-margin-right: 0%;
    --dxp-style-c-margin-left: 0%;
    --com-c-layout-header-spacing-block-start: 0;
    --com-c-layout-header-spacing-inline-end: .75rem;
    --com-c-layout-header-spacing-block-end: 0;
    --com-c-layout-header-spacing-inline-start: .75rem;
    --com-c-layout-header-max-width: 100%;
    --dxp-c-section-columns-max-width: 90%;
    --com-c-header-border-color: var(--dxp-g-brand);
    --com-c-header-border-width: 1px;
    --primary: #9B6B55FF;
    --secondary: #E21E31FF;
    --primarytext: #000000FF;
    --grey1: #333333FF;
    --grey2: #666666FF;
    --grey3: #999999FF;
    --grey4: #CCCCCCFF;
    --grey5: #F2F2F2FF;
    --white: #FFFFFFFF;
}

/* @media screen and (min-width: 1279px) {
    :root {
        --dxp-c-section-columns-max-width: 1024px;
    }
} */

@media screen and (min-width: 1300px) {
    :root {
        --dxp-c-section-columns-max-width: 95%;
    }
}

@media screen and (min-width: 1600px) {
    :root {
        --dxp-c-section-columns-max-width: 1400px;
    }
}


/* SLDS VARIABLES */
:root {
    --slds-c-modal-color-border: transparent;
    --slds-c-modal-radius-border: 0;
    --slds-c-checkbox-radius-border: 0;
    --slds-c-checkbox-color-border: var(--primary);
    --slds-c-checkbox-color-border-checked: var(--primary);
    --slds-c-checkbox-mark-color-foreground: var(--primary);
    --slds-c-checkbox-color-border-focus: var(--primary);
    --slds-c-modal-footer-spacing-block-start: 1rem;
    --slds-c-modal-footer-spacing-block-end: 1rem;
    --slds-g-color-border-base-1: var(--primary);
    --sds-c-input-radius-border: 0;
    --sds-c-input-color-border: var(--primary);
    --sds-c-input-color-border-focus: var(--primary);
    --dxp-c-section-columns-max-width-tablet: 1024px;
}

@media (max-width: 769px) {
    :root {
        --dxp-style-c-padding-right-s: 0;
        --dxp-style-c-padding-left-s: 0;
    }
}

/* GENERAL STYLING */
.uppercase {
    text-transform: uppercase;
}

label {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

/* UTILITY CLASSES */
.d-none {
    display: none !important;
}

.d-flex {
    display: flex !important;
}

@media (min-width: 1025px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-flex {
        display: flex !important;
    }
}

.p-relative {
    position: relative !important;
}

.flex-column {
    flex-direction: column !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.absolute-vertical-centered {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.button-min-width {
    min-width: 200px;
}

button.slds-button:focus,
button.slds-button:active,
button.slds-button:hover,
button.slds-button:visited,
button.slds-button:link,
button.slds-button:visited:focus,
button.slds-button:visited:active,
button.slds-button:visited:hover,
button.slds-button:link:focus,
button.slds-button:link:active {
    box-shadow: none;
}

/* SWIPER */
:root {
    --swiper-navigation-color: var(--primary);
    --swiper-navigation-size: 2rem !important;
    --swiper-navigation-sides-offset: 0 !important;
    --swiper-pagination-bullet-horizontal-gap: .25rem;
    --swiper-pagination-color: var(--primary);
    --swiper-pagination-bullet-size: 1rem;
    --swiper-pagination-bottom: 0;
}

/* HEADER */
header {
    border-bottom: var(--com-c-header-border-width) solid var(--com-c-header-border-color);
}

footer,
footer hr {
    border-top: var(--com-c-header-border-width) solid var(--com-c-header-border-color);
}

header .layout-header-desktop {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: .71429rem;
    padding-bottom: .71429rem;
}

/* COPY */
.copy-light {
    font-family: "Lexend";
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0%;
    font-weight: 300 !important;
}

.copy-normal {
    font-family: "Lexend";
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0%;
    font-weight: 400 !important;
}

.copy-link-medium {
    font-family: "Lexend";
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0%;
    font-weight: 500;
}

.headline---h1 {
    font-family: "Lexend Exa";
    font-size: 42px;
    line-height: normal;
    letter-spacing: 0%;
    font-weight: 400;
}

.headline---h2 {
    font-family: "Lexend Exa";
    font-size: 28px;
    line-height: normal;
    letter-spacing: 0%;
    font-weight: 400;
}

.subtitle {
    font-family: "Lexend";
    font-size: 21px;
    line-height: normal;
    letter-spacing: 0%;
    font-weight: 600;
}

.headline-bold {
    font-family: "Lexend";
    font-size: 42px;
    line-height: normal;
    letter-spacing: 0%;
    font-weight: 400;
}

.headline---h3 {
    font-family: "Lexend Exa";
    font-size: 24.5px;
    line-height: normal;
    letter-spacing: 0%;
    font-weight: 400;
}

.small-info-text {
    font-family: "Lexend";
    font-size: 12px;
    letter-spacing: 0%;
    font-weight: 400;
}

.x-small-info-text {
    font-family: "Lexend";
    font-size: 10px;
    letter-spacing: 0%;
    font-weight: 400;
}

.discount-percentage {
    color: var(--Primary, #9B6B55);
    font-family: "Lexend";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* VARIE */
.slds-accordion__summary {
    padding-top: 0;
    padding-bottom: 0;
}

@media screen and (max-width: 1023px) {
    .slds-accordion__summary {
        display: none;
    }
}

.slds-accordion__section {
    padding: 0;
}

.slds-accordion__summary-action,
.slds-accordion__summary-action:hover {
    padding: 0;
    margin: 2px 0px;
    border-top: 1px solid var(--grey2, #666);
    align-items: baseline;
}

.slds-accordion__summary-content {
    font-family: "Lexend";
    font-size: 10px;
    line-height: normal;
    letter-spacing: 0%;
    font-weight: 400;
}

body .navigation-bottom-menu.item-menu .navigation-menu-item-text {
    color: white;
}

.item-menu:first-child .navigation-menu-item-text {
    color: var(--primary);
}


.navigation-bottom-menu img{
    height: 25px;
    width: 25px;
}

body .navigation-bottom-menu .menu-item-container{
    display: flex;
    gap: 10px;
}

.mini-cart-container img {
    width: 21px;
    height: 18px;
}

.item-menu:not(:first-child) .navigation-menu-item-text {
    color: var(--primarytext);
}

.item-menu:not(:first-child) a:hover {
    color: var(--primarytext);
}


.background-primary {
    background-color: var(--primary, #9B6B55FF);
}

.background-grey5 {
    background-color: var(--grey5, #F2F2F2);
}

.background-grey4 {
    background-color: var(--grey4, #CCCCCCFF);
}

.color-primary {
    color: var(--primary);
}

.add-to-cart-modal-container .slds-modal__close,
.add-to-cart-modal-container .slds-modal__title {
    display: none;
}

.slds-modal.fix-slds-modal .slds-button_icon.slds-modal__close {
    display: none;
}

.add-to-cart-modal-container .slds-modal__header,
.add-to-cart-modal-container .slds-modal__footer,
.add-to-cart-modal-container .slds-modal__content {
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
}
@media screen and (max-width: 1023px) {

    span.c-commonNumberInput_commonNumberInput.slds-grid button {
        width: 40px;
        height: 40px;
    }
}
.slds-spinner_container {
    z-index: 100;
}

.slds-spinner--brand .slds-spinner__dot-a:after,
.slds-spinner--brand .slds-spinner__dot-a:before,
.slds-spinner--brand .slds-spinner__dot-b:after,
.slds-spinner--brand .slds-spinner__dot-b:before,
.slds-spinner--brand.slds-spinner:after,
.slds-spinner--brand.slds-spinner:before,
.slds-spinner_brand .slds-spinner__dot-a:after,
.slds-spinner_brand .slds-spinner__dot-a:before,
.slds-spinner_brand .slds-spinner__dot-b:after,
.slds-spinner_brand .slds-spinner__dot-b:before,
.slds-spinner_brand.slds-spinner:after,
.slds-spinner_brand.slds-spinner:before {
    background-color: var(--primary);
}

.search-facet .slds-form-element {
    margin: 0px;
}

.facet-input .slds-checkbox_faux {
    border-radius: 0px !important;
    border: 1.5px solid var(--primary) !important;
}

[ kx-type="ripple" ],
[ kx-type="ripple" ]::before,
[ kx-type="ripple" ]::after {
    animation: none !important;
    transition: none !important;
    background-image: none !important; /* If the ripple uses a background image */
}

/* PDP STYLE */
.button-section .button-download-pdf,
.button-section .button-download-brochure,
.button-section .scroll-to-target-button
{
    background-color: white;
    border: 1px solid black;
    display: flex;
    height: 50px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: #000;
    text-align: center;
    font-family: Lexend;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    width: 100%;
    transition: all .2s ease-in-out;
}

.button-section .button-download-pdf:hover,
.button-section .button-download-brochure:hover,
.button-section .scroll-to-target-button:hover
{
    background-color: black;
    color: white;
    border-color: white;
}

.button-section .button-download-pdf:hover svg path,
.button-section .button-download-brochure:hover svg path{
    fill: white;
}

.pdp-addtocart-button button {
    width: 100%;
}

.custom-spinner{
    position: fixed;
}